/* CUSTOM MEDIA QUERIES */
@media only screen and (max-width : 320px) {
.searchbox{
    width: 100% !important;
  }
.animatedLogo{
    width: 100% !important;
  }
}

@media only screen and (max-width : 767px) {
.searchbox{
    left: 25% !important;
  }
.animatedLogo{
    padding-top: 45px !important;
    padding-left: 65% !important;
  }
.mobile_logo{
    padding-left: 55% !important;
    width: 100% !important;
  }
.wp-image-428{
    width: 100% !important;
    height: auto !important;
  }
  wp-image-416{
    width: 100% !important;
    height: auto !important;
  }
}
@media only screen and (max-width : 1370px){
  .wp-image-428{
    width: 100% !important;
    height: auto !important;
  }
  .wp-image-416{
    width: 100% !important;
    height: auto !important;
  }
}
/* Enter Your Custom CSS Here */
#header {position:relative;}
.bannerIlustration{height:215px; width:auto; position:absolute; right:0px;}
#block-header #menu li a {background-color:black;}
#block-header .dropdown-bg a{background-color:white!important;}
#block-header a.active {background-color:#8DC640!important;}
#block-header ul ul a.active {background-color:white!important; }
h1 {color:#8DC640; font-size:30px!important; font-weight:bold!important;}

#block-header {
    background: -webkit-linear-gradient(#3B3B3B, black)!important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3B3B3B, #050505)!important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3B3B3B, #050505)!important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3B3B3B, black /*#050505*/)!important; /* Standard syntax (must be last) */
}


#maininner ul ul ul, #maininner ul ul{margin:8px 0px;}

/*.specifications {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
*/



.servicegraphics {
  border-style: groove;
  border-color: #8DC640;
  /*border-color: #5C5C5C;*/
  border-width: 5px;
  /*Borders for the graphics on Technical Publication Services and Portfolio pages*/
}

/*.wp-image-247 {
  position: relative;
  left: 50px;
  top: 200px;
}
*/

h6{padding-top:5px; padding-bottom:5px; /*color:#8DC640;*/ font-weight:bold; font-family:"Arial"!important;}

.bannerIlustration { position:absolute; right:0px; top:-40px;}
/*#logo, #logo > img, #menu {position:relative!important;}*/

.verticleAlignTop tbody {vertical-align: text-top;}

/*
@media (max-width: 1000px) { 

.bannerIlustration, #technicalpublicationgraphic, .servicegraphics, .ILS_Img{display:none!important;}
}
*/

.mobile_logo{display:none; padding:40px 0px;}
@media (max-width: 700px){
.mobile_logo{display:block;}
.animatedLogo{display:none;}

.content img {
height: auto;
width: 100%;
}

}
  

@media (max-width: 853px) {
#homepagegraphic{display:none;}

#header-responsive{position:relative;}
#header-responsive .searchbox{position:absolute; top:0px; 
width:100%; left:0px;}
}


@media (max-width: 853px) {
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr { 
display: block; (or table-row) 
}

/* Hide table headers (but not display: none;, for accessibility) */
thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}

tr { /*border: 1px solid #ccc;*/ }

td { 
/* Behave  like a "row" */
border: none;
/*border-bottom: 1px solid #eee; */
position: relative;
padding-left: 50%; 
}

td:before { 
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
}


}