@charset "utf-8";
/* CSS Document */

@media screen and  (max-width:1199px) {
#nav > ul > li > a{	padding:7px 8px !important;}
#controls-wrapper{ bottom:20%; padding: 0 0 0 10px; }

.midcontent{width: 98%; margin:0 auto;}
.project_row ul li{ margin:12px 13px}


.footer{ padding:0 5px;}
}


@media screen and  (max-width:1100px) {
#nav > ul > li > a{	padding:7px 8px !important; font-size:14px !important;}
.project_section ul li .prject_box p{ min-height:50px}


}



@media screen and  (max-width:1024px) {
.logo_section{ width:30%; margin:0 auto 15px; float:none; display:block;}
.nav_section{ width:100%; float:none;}
#nav > ul > li > a{	padding:7px 12px !important; }
.project_row ul li{ margin:12px 10px;}




.footer{ padding:0 10px;}
.footer_left_row img{ margin:5px 0 0 0;}


}


@media screen and (max-width:900px) {
#controls-wrapper{  bottom:25%; z-index:-1}

.project_row ul li{ margin:12px 9px;}

.midcontent{ padding-bottom:10%;}

.contact_right_row_left, .contact_right_row_right{ width:100%; float:none; }
.contact_right_row_left{ margin:0 0 10px 0;}
.contact_section{ width:98%; margin:0 auto;}
.contact_left{ width:49%;}

.pagi{ width:55%;}



}


@media screen and (max-width:775px) {
.wrapper{ width:98%;}
#controls-wrapper{ width:50%;}

.project_row ul li{ margin:12px 13px; width:45%;}
.project_section ul li{ width:45%; margin:24px 2.3% 0; }
.midcontent{ padding:0 0 10% 0}
.bt ul li{ padding-left:2%;}

.project_section ul li .prject_box p{ min-height: inherit}

.header_section{ background:#fff; opacity:0.9; padding:10px 0 0px 0; border-bottom:4px solid #313131;}
.footer_section{ background:#000; opacity:0.9; padding:10px 0 10px; position:fixed; bottom:0px; width:100%; z-index:6}

}



@media screen and (max-width:686px) {
.project_row ul li{ margin:12px 13px; width:44%;}
.midcontent{ padding:0 0 13% 0}

.contact_left, .contact_right{ width:96%; float:none; padding:0 0 20px 0; margin:0 auto;}
.project_section ul li:nth-child(4n){ margin-right:auto;}

.project_section ul li .prject_box p{ min-height:50px}

.footer_section{ background:#000; opacity:0.9; padding:8px 0 8px; position:fixed; bottom:0px; width:100%; z-index:6}

.footer_left_row{ padding:0 0 10px 0; display:none;}
.footer_left_row2 { display:block;}
.footer_left_row3 { display:block;}

.footer_left_row4{ display:block;  }

.footer_btm { display:none; }

}



@media screen and (max-width:586px) {
.logo_section{ width:47%;}
#controls-wrapper{ width:50%;  bottom:25%;}
.project_row ul li{ margin:12px 13px; width:43%;}
.project_section ul li{ width:80%; margin:24px  auto 0; float:none; }
.commercial_section ul li{ width:90%; float:none; margin:0 auto 25px}
.commercial_section ul{ padding-bottom:10px;}
.bt ul li{ width:90%; padding:0 0 0 4%;}
.midcontent{ padding:0 0 15% 0}
.project_section ul li .prject_box p{ min-height: inherit}
.footer_left{ width:100%; padding:0 0 15px 0;}
.footer_right{ width:100%; text-align: left;}

.pagi{ width:70%;}



}


@media screen and (max-width:480px) {
.logo_section{ width:70%;}
#controls-wrapper{ display:none; bottom:16%; bottom:48%;}
.controller{ display:none;}

.project_row ul li{ margin:20px  auto 30px; float:none; width:90%;}

.about_img, .project_management_img{ width:60%; margin:0 auto 15px; float:none; display:block;}

.contact_left_row_right{ width:90%;}



.midcontent{ padding:0 0 35% 0}

.pagi{ width:81%;}

.footer_btm{ float:left; padding-left:8px;}
.contact_right_row .send_btn {
    width:50%;
	margin:15px auto 0;
}

}


@media screen and (max-width:380px) {
.footer_section .wrapper{ width:93%;}
.footer_left_row img{ margin:5px 0 0 0;}

.logo_section{ width:80%;}
.commercial_section ul li{ width:100%;}
.pagi{ width:82%;}
.pagi ul li a{ padding:5px 7px;}
.footer_btm{ float:left; padding-left:8px;}
.contact_right_row .send_btn {
    width:50%;
	margin:15px auto 0;
}

}


@media screen and (max-width:320px) {	
.midcontent{ padding:0 0 50% 0}
.pagi{ width:90%;}
.footer_btm{ float:left; padding-left:8px;}
.contact_right_row .send_btn {
    width:50%;
	margin:15px auto 0;
}

}


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

.footer_btm{ float:left; padding-left:8px;}

}