@media only screen and (max-width:1200px) {
.header_inner{width: 100%;}
.logo{padding: 0 10px;}
.whatWe_inner{width: 95%;}
.bx-wrapper img {width: 100%; height:auto; display: block;}
}

@media only screen and (max-width:1200px) {
.homeAbout_inner{width: 95%;}
.footer_right{width: 30%;}
.howWedo_inner_container{width: 95%;}
}

@media only screen and (max-width:1150px) {
.show_right h1{font-size: 30px;}
}

@media only screen and (max-width:1120px) {
.home_services_inner{width: 95%;}
.project_inner_container{width: 95%;}
}

@media only screen and (max-width:1100px) {
.footer_inner{width: 95%;}
nav ul li{margin: 0 25px 0 0px;}
.project_gallery_inner{width: 95%;}
}

@media only screen and (max-width:999px) {
     .logo{margin: 20px 0px;}
     .toggle_nav{display: block;}
     .innovator_pic{background-size: cover;}
     .show_left{width: 50%;}
     .show_right{width: 50%;}
     nav{display: none; float: left; width: 100%; margin:0;}
     nav ul{float: left; width: 100%;}
     nav ul li{float: left; width: 100%; margin: 0 0 0 0px; border: 1px solid #fff;}
     nav ul li a{float: left; width: 100%; text-align: center; padding: 8px 0px; color: #fff; background: #009999!important;}
     nav ul li a:hover{color: #fff; background: #333!important;}
     nav ul li a.active{color: #fff;}
     .home, .who, .team, .what_done, .how, .what_do, .get{background: none;}
     .banner_container ul{height: auto;}
     .banner_container ul li{height: auto;}
     .banner_container ul li img{height: auto;}
     #first_banner_content{padding: 13% 0 0 0%;}
     .whoWe_inner_container{width: 95%;}
     .ourTeam_inner_container{width: 95%;}
     .ourTeam_hover p{padding: 0 10px; margin:20% 0 0 0px;/* font-size:14px; line-height:18px;*/}
     
     .getIn_inner_container{width: 95%;}
     .projectDetail_inner{width: 95%;}
     
     .milestone_inner_container{width: 95%;}
     .milestone_text_container{width: 100%;}
     .milestoneR_text_container{width: 100%;}
     .milestone_text_inner{padding: 25px;}
     .milestoneR_text_inner{padding: 25px;}
     .milestone_pic_container{display: none;}
     .milestone_picR_container{display: none;}
     
     .footer_left{width: 58%;}
     .footer_right{width: 40%;}
     footer{background-image:none;}     
}

@media only screen and (max-width:767px) {
     .show_left{width:100%;}
     .show_right{width: 100%; text-align: center; padding:30px 5% 30px 5%;}
     .show_right a{float: none; display: inline-block;}
     .load_crane{float: left; width: 100%; text-align: center; position: static; margin: 50px 0 0 0px;}
     .home_services_container{padding: 40px 0 0 0px;}
     .home_services_container ul li{width: 100%; padding: 0px; margin-bottom:50px;}
     
     .inner_banner{margin: 82px 0 0 0px;}
     
     .home_about{padding:0px 0 30px 0px}
     .homeAbout_left{width: 100%; text-align: center;}
     .homeAbout_left h1{float: none; display: inline-block; padding:0 20px 20px 20px}
     .homeAbout_right{display: none;}
     .home_bottom_tab ul li{width:33.3%;}
     .home_bottom_tab ul li a{width:100%; padding:8px 0px;}
     
     .footer_left{width: 100%;}
     .quick_link{width: 100%; text-align: center; margin: 0 0 30px 0px;}
     .quick_link ul li{float: none; display: inline-block; width: auto; margin: 0 15px 15px 0px;}
     .quick_link ul li a{float: none; display: inline-block;}
     
     .whatWe_left{width: 100%; padding: 0 0 40px 0px;}
     .whatWe_right{width: 100%; padding: 0 0 20px 0px;}
     .whatWe_right ul li{margin:21px 0 21px 5%;}
     .whatWe_right ul li h2{font-size: 12px;}
     .crane{display: none;}
     .hook{display: none;}
     .pencil{display: none;}
     
     #first_banner_content{padding:26% 0 0 0px;}
     #first_banner_content h1{font-size:50px; letter-spacing: 0px;}
     #first_banner_content h3{font-size:94px; letter-spacing: 0px; margin: 0px;}
     

     /*#first_banner_content h1{font-size: 28px; letter-spacing: 0px; margin: 0px;}
     .banner_line_container{ margin: 0px;}
     #first_banner_content h2{font-size: 24px; margin: 0px; letter-spacing: 0px;}
     .banner_line_container span{display: none;}     
     #first_banner_content h3{font-size: 42px; letter-spacing: 0px; margin: 0px;}
     #first_banner_content h4{margin: 0px;}
     #first_banner_content h4 a{padding: 0 100px 0 50px;}*/
     
     .project_container ul li{width:46%;}
     .project_container h2{text-align: center; font-size: 28px;}
     .project_container p{text-align: center;}
     
     .about_pic_continer{margin:10px 0 10px 0px;}
     .about_pic_left{width: 100%; text-align: center; margin: 0 0 40px 0px;}
     .about_pic_left img{float: none; display: inline-block;}
     .about_pic_right{ width: 100%; text-align: center;}
     .about_pic_right img{float: none; display: inline-block;}
     
     .footer_right{width: 100%; border:none; padding: 0px; text-align: center;}
     .footer_link_top{float: none; width: 230px; margin: 0 auto;}
     .email_container{float: none; display: inline-block; width: auto;}
     .address_container{float: none; display: inline-block; width: auto;}
     .phone_container{float: none; display: inline-block; width: auto;}
     .footer_link_bottom a{display: inline-block; float: none;}
     
     .howWedo_pic{display: none;}
     .howWedo_responsive_pic{display: block;}
     
     .copyright{width: 100%; text-align: center; margin: 0 0 8px 0px;}
     .created{width:130px; margin: 0 auto; float: none; clear: both; text-align: center;}
     .ourTeam_hover p{padding: 0 10px; margin:5% 0 0 0px; font-size:14px; line-height:18px;}
     #status img{width: 95%;}
     .project_gallery_in{width: 100%;}
     
     .project_gallery ul li{width: 100%; margin: 0 0 30px 0%;}
}

@media only screen and (max-width:480px) {
     .load_crane img{float: left; width:80%;}
     .whatWe_inner{padding: 20px 0 50px 0px;}
     .whatWe_right ul li{ width:42%; margin:21px 0 21px 5%;}
     .whatWe_container h1{font-size: 26px; margin-bottom: 18px;}
     
     .whoWe_container h1{font-size: 28px;}
     .ourTeam_container h1{font-size: 28px;}
     .ourTeam_container ul li{width: 100%; margin: 0 0 30px 0px;}
     .contact_form_left{width: 100%;}
     .contact_form_right{width: 100%;}
     .getIn_container h1{font-size: 28px; margin: 0 0 40px 0px;}
     .projectDetail_container h1{font-size: 28px; margin: 0 0 40px 0px;}
     
     
     .project_container ul li{width: 100%; margin: 0 0 30px 0px; text-align: center;}
          
     .detail_feture_image{width: 100%; margin-bottom: 30px;}
     .project_description{width: 100%; padding: 0%; text-align: center;}
     
     
      #first_banner_content{padding:55% 0 0 0px;}
     #first_banner_content h1{font-size:36px;}
     .banner_line_container{ margin: 0px;}
     #first_banner_content h2{font-size:30px; margin:0 0 10px 0px; letter-spacing: 0px;}
     .banner_line_container span{display: none;}     
     #first_banner_content h3{font-size: 46px; letter-spacing: 0px; margin: 0px;}
     #first_banner_content h4{margin: 0px;}
     #first_banner_content h4 a{background-image: none; padding: 0px;}
     .page_scroller{display: none;}
}

@media only screen and (max-width:320px) {


}
@media only screen and (max-width:1200px) {

.modelling {
	max-width: 100%;
}
}
@media only screen and (max-width:767px) {

.modelling {
	max-width: 100%;

}
.modelling img {
	max-width: 100%;
	width: 100% !important;

}

}