html { overflow-x: hidden;}
@media(min-width:768px) {
.service_box ul{ display: block !important;}
}
    
@media(max-width:1000px) {
.wrapper {  margin: auto;  width: 94%;  z-index: 1;}
.email_top {  float: left;  height: 34px;  width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; background: #000; margin-bottom: 13px;}
    
.call_right {  display: none;}
.call_left { float: left;}
.menu { width: 100%;}
.menu_left {  float: left;  height: 52px;  width: auto; }    
.social_right { margin-right: -5px;}
ul.nav li a {     font-size: 16px;  padding: 14px 8px 10px;  text-transform: uppercase;  }     
.service_box h2 {font-size: 24px; }
    .btn_boxsidebar a {font-size: 20px;}    
.services .wrapper { overflow: hidden;} 
.banner_box {background:none;}
#header {  height: auto;  padding: 20% 0;  position: relative;}
.headerimg {  background-position: center top;  background-repeat: no-repeat;
  background-size: 100% auto !important;  height: auto;  padding: 50% 0;
  position: absolute;  top: 0;  width: 100%;}
#headernav-outer { display: none;}
.amazon_scroller_mask, .amazon_scroller {  height: 243px !important;}
  
 .contact { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}

.contact_left {
    width: 66%;
    float: left;
    padding-left: 20px;
    padding-top: 6px; -webkit-box-sizing: border-box; box-sizing: border-box;
}
    
    
    
.home .contact_left { float: left;  padding-left: 20px;  padding-top: 6px;  width: 66%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.contact_right {  float: right;  margin-right: 5px;  width: 30%;}
    
    .service_box { width: 100%;}
    .btn_boxsidebar {    float: left;    width: 100%;}
    .facebook {    display: none;}

    
.expertise { width: 100%;}
.expertise_cen { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
    
.expertise.fr1 {  float: left;  margin-bottom: 34px;  margin-left: 0;  width: 100%;}   
.video { width: 100%; clear: both;}
.footer_left {  float: left;  width: 25% !important;}     
.fo_logo { width: 25%;}
    #top_header { background: none;    }
	
.contact{ width:100%; -webkit-box-sizing: border-box; box-sizing: border-box;}	
.contact_left.full { width:100%; -webkit-box-sizing: border-box; box-sizing: border-box;}	
    .portfolio-area li {width:30%; margin-right:2%;  height: 295px;}
	.portfolio-area li img{ max-width:100%;    
}
	
	.image-block img { background-size:100% }
} 

@media(max-width:979px) {
.menu { display: none;}
.banner_box { margin-top: -120px;}
.footer h2{ font-size: 15px;} 
.d12 { width: 100%;}
.contact_box {  background: #17AA08;  height: auto;  margin-bottom: 20px;  width: 100%;  padding: 0 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.center {  margin: 0 auto;  width: 100%;}
.center img {max-width: 100%; margin: 0px !important;}

.contact_box h2 {  font-size: 23px;  padding: 14px 0 6px 8px;        }
.video h2 { font-size: 23px;} 

h1 { line-height: 34px;}
    
.video1 {  border-radius: 4px;  margin: auto;  min-height: 0;  width: 100%;} 
.video1  img { max-width: 100%}
 
    .popup { display: none !important;}    
}

@media(max-width:767px) {
.banner_box {  margin-top: 0;}
.socail_like { display: none;}
.logo {  float: left;   text-align: center;  width: 100%;}        
    .contact_left {    padding-left: 0;  padding-top: 0;  width: 100%;}
.home .contact_left {    padding-left: 0;  padding-top: 0;  width: 100%;}
.expertise_cen { height: auto;}
h1 {  font-size: 20px; line-height: 29px;  padding: 0 0 10px;}
    
.contact_right {  float: right;  margin-right: 0;  margin-top: 25px;  width: 100%;}
.center {  margin: 0 auto;  text-align: center;  width: 100%;}
.contact_box h2 {  font-size: 23px;  padding: 14px 0 6px;  text-align: center;}    
.video {  background: none repeat scroll 0 0 #000000;  clear: both;  text-align: center;  width: 100%;}    
.video h2 {  font-size: 23px;  color: #fff;}
.footer_left {  float: left;  width: 50% !important;}
.fo_logo {  width: 50%;}
.footer .wrapper > center {  clear: both;  padding: 50px 0 0;}
.glance { display: none;}    
#top_header {  background: none repeat scroll 0 0 #000000;}
.banner_box {  margin-top: -10px;}
    
.logo {  float: left;  text-align: center;  width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 15px 10px; border-top:#333 solid 1px;}    
    .logo img { max-width: 100%;}  
    
.email_top {  float: left;  height: auto;  margin-bottom: 0;  padding: 0 20px;  width: 100%;}
.contact_right.left {    float: left;    margin-bottom: 20px; margin-top: 0px;}
.service_box ul{ display: none;}
.service_box { min-height: 0;}
    .service_box h2 { cursor: pointer; padding: 21px 7px 5px !important; margin: 0px !important;}
    .portfolio-area li {width:47%; margin-right:2%;  height: 240px;}
	.portfolio-area li .image-block img {height: auto;} 
}


@media(max-width:639px) {
    .call_left {  float: none;  height: 32px;  left: 50%;  line-height: 32px;  margin-left: -63px;  overflow:hidden;  padding-right: 0;  position: relative;  text-align: right;  width: 126px;}
}

@media(max-width:479px) {
  .footer_left {  float: left;  width: 100% !important; margin-bottom: 15px;}
.fo_logo {  width: 100%;}  
.expertise.fr1 img {
  border: medium none;
  margin: 0;
  width: 100%;
}
  .portfolio-area li {width:100%; margin-right:2%;  height: 295px;}    
}