@media only screen and (min-width: 1025px) {
	
	.architecture_grid_container ul li .overlay_box { padding-top: 5%; }

}

/*@media only screen and (max-height: 700px) {
	
	#project-carousel .owl-carousel .owl-stage-outer {   height: 500px !important;}
	.owl-carousel .owl-item img { height: 500px; }
	.slider_box { height: auto; }
	
}*/

@media only screen and (min-width: 1364px) {

	
	#header.stickyhead { height: 90px; padding: 0; }
	#header.stickyhead .logo img { max-width: 110px; margin: 8px 0 0; }
	#header.stickyhead .menuBar { margin-top: 39px; }
	#header.stickyhead { border: none; box-shadow: 0 0 5px rgba(0,0,0,.5); }
	#header.stickyhead h2 { margin-top: 25px; }
	
}

 .home ul.slides{ padding:0; height:100%; min-height:100%}

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

/*.architecture_grid_container ul li h4{ font-size:22px; line-height:27px}*/

.slides{ height:800px}

ul.slides li{ min-height:800px}

.architecture_project2 .bottom_container .bottom_right_content{ width:100%}

#header h2{ font-size:26px; line-height: 38px}

.menuBar{ margin-left:28px}

.architecture_grid_container ul li { /*max-height: 230px;*/ }




/* ***** Res ****** */

.leadership > ul li h4 span{ right:90px;}



.architecture_header { padding-left: 20px; }

}



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

#header h2{ max-width:550px; width:100%; margin-top: 14px; font-size:24px; line-height:28px; text-align:right}

h2.mob{ float:left; width:100%; background:#fff; padding:20px 20px; color:#593c44; font-size:36px; line-height:36px; display:block; /*border-bottom:solid 1px #ccc*/ z-index: 9; position: relative; }
h2.desk{ display:none}

.leftSec .topSec{ border-top:solid 1px #ccc}

h1.placeTitle, li.left h1.placeTitle { font-size: 60px; line-height: 66px; }

.architecture_grid_container ul li h5 { padding-bottom: 15px; font-size: 16px; }
.architecture_grid_container ul li h4 { font-size: 20px; line-height: 22px; padding-bottom: 10px; }

.architecture_grid_container ul li .view { font-size: 17px; }

}


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

.architecture_grid_container ul li { max-height: inherit; }

/*.architecture_grid_container ul li { padding: 0 15px; margin-bottom: 30px; }
.architecture_grid_container { padding-top: 20px; }
*/

}


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







.architecture_grid_container ul li { padding: 0 10px; margin-bottom: 20px; }

.architecture_grid_container ul li h5{ padding-bottom:22px}

.architecture_grid_container ul li .view{ font-size:14px; line-height:19px}

.architecture_grid_container ul li .overlay_box{ padding:27% 20px 0}

.services_container .common_row .common_details{ padding:20px 20px 20px 49px}

.slides{ height:700px}

ul.slides li{ min-height:700px}

.architecture_project2 .bottom_container .bottom_left{ padding-left:50px; padding-right:50px}







/* ***** Res ****** */

.leadership > ul li h4 span{ right:20px}

.leadership h4{ font-size:18px;}

.leftSec .aboutContent, .leftSec .clientContent{padding: 55px 70px 0 70px;}



.menuBar li { padding:0 10px;}



#header { height: 93px; padding-top: 10px; }
.menuBar { margin-top: 30px; }
#header .logo { width: 125px; }

.bodyContainer { padding-top: 93px; }

h1.placeTitle, li.left h1.placeTitle { font-size: 55px; line-height: 66px; top: 105px; }


.architecture_header ul.left { width: 100%; }
.architecture_header .back { float:left; }

.architecture_grid_container ul li { width: 25%; }

#header .logo img {
    max-height: 77px;
}

}













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

.slides{ min-height:509px}

ul.slides li{ min-height:509px}

.slider_box .slide_box{top:45%}

.architecture_grid_container ul li .overlay_box{ padding:13% 20px 0}



.slides{ height:600px}

ul.slides li{ min-height:600px}







/* ***** Res ****** */



.leftSec .aboutContent, .leftSec .clientContent{padding: 55px 20px 50px;}

.leftSec .topSec{ padding: 30px 40px;}

.leftSec .grayBox{ padding: 30px 60px;}



.leftSec .awards{ padding: 30px 60px;}


.architecture_grid_container ul li h5 { font-size: 15px; }
.architecture_grid_container ul li h4 { font-size: 16px; padding-bottom: 8px; }



h1.placeTitle, li.left h1.placeTitle { font-size: 50px; line-height:54px;}






div.wpcf7-validation-errors{ bottom:0px; left:48px}
.wpcf7-mail-sent-ok{bottom:0px; left:48px}
.wpjb .wpjb-form div div.wpjb-field textarea{ height:162px}
.slider_box{ height:700px}
.owl-carousel .owl-item img{ height:700px}

#project-carousel .owl-carousel .owl-stage-outer, .slider_box { height: 500px !important; }
.owl-carousel .owl-item img { height: 502px; }


.contact_container .wpcf7-mail-sent-ok, .contact_container div.wpcf7-validation-errors { bottom: 15px; }
.contact_container .leftSec .grayBox { padding-bottom: 60px; }

}





@media only screen and (min-width: 768px) and (max-width: 990px) {

.slides{ min-height:440px}

ul.slides li{ min-height:440px}	

.services_container .common_row{ padding:33px 0}

.services_container .common_row img{ width:179px}

.services_container .common_row .common_details{ padding-top:0px; padding-left:25px; padding-bottom:0px; width: 75%;}



 .certifications .leftbox, .certifications .rightbox{ width:48%; font-size:14px;}

.certifications .rightbox{ float:right}


.slider_box{ height:500px}
.owl-carousel .owl-item img{ height:500px}

.owl-carousel .owl-stage-outer{height:500px}

.architecture_project2 .bottom_container .bottom_right_content p:nth-child(1n){ width:50%}
.architecture_project2 .bottom_container .bottom_right_content p:nth-child(2n){ width:50%}
.architecture_project2 .bottom_container .bottom_right_content p:nth-child(3n){ width:50%}
.architecture_project2 .bottom_container .bottom_right_content p:nth-child(4n){ width:50%}

}







/* ***** Res ****** */

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

.toggleMenu{ border:solid 3px #e1e0e0; text-align:center;   float:right;  position:relative; top:4px; right:16px; color:#7f7f7f; letter-spacing: 0.02em; padding: 6px 0px 0px 0px; width: 69px; height: 66px; display:block; font-size:15px; line-height:21px; background: url(../images/menu_btn.png) center center no-repeat; background-size: 63px; }

.toggleMenu:hover{ opacity:0.8}

.toogle_icon{ position:absolute; right:0px; width:24px; height:24px; background: url(../images/tablet_plus.png) no-repeat center center; z-index:9999; display:block; top:0px; right:20px; cursor:pointer ;}



.toogle_icon.toggle_minus{background: url(../images/tablet_minus.png) no-repeat center center}

#menu{ background-color:#fff;  top:93px; padding-top: 20px; position:fixed; height:100%}
#header { z-index: 9999; }

#header nav > ul{ display:none; float:left; width:100%; padding-bottom:250px;}

#header .logo {
    margin: 9px 0 0;
    width: 115px;
}

.menuBar{ float:left; width:100%; margin:0px; position:absolute; left:0px}

.menuBar li{ float:left; width:100%; text-align:center; padding: 0 0 0 0;}

.menuBar li a{ float:none ; font-size:49px; line-height:66px}
.menuBar li:hover ul{ display:none}



#menu{ height:100%; overflow:auto; }
.menuBar li:first-child .toogle_icon{ top:25px}

.menuBar li ul{ position: static; padding-bottom:0px}
.menuBar li ul li:first-child{ padding-top:0px}





.leftSec .clientContent ul li{ padding-top:2px ; background:url("../images/bullate.jpg") no-repeat 0 14px}

/* ***** Res ****** */

.leftSec .aboutContent h2{ font-size: 30px; line-height:32px;}

.leftSec .aboutContent h3{ font-size: 24px;}

.leftSec .aboutContent p{ font-size: 18px;}



.leadership h3{ font-size:30px; line-height: 32px;}

.leadership h4{ padding-right:60px;}







.certifications{  padding: 0 20px;}

.certifications h3, .rightSec.contact h3{ font-size: 30px;}

.rightSec.contact h4{ font-size: 20px;}






.leftSec .topSec  h2{ font-size: 30px; line-height:32px;}

.leftSec .topSec h3{font-size: 24px; line-height:28px;}

.leftSec .grayBox.career h3{ font-size: 24px;}

.leftSec .grayBox.career ul li h4{ font-size: 22px;}





.leftSec .topSec ul li{ margin:0 0 15px 0; padding-right:0; width:50%}



/*h1.placeTitle {

    font-size: 55px;

    line-height: 60px;

}
*/




.leftSec{ width:100%}

.rightSec{ width:100%; padding-bottom:30px}





.leftSec .awards li { float: left;   width: 48%; padding:0 2%; font-size:16px;}



 .certifications li{ font-size:14px;}

 

 .contact_container .leftSec{margin-top:0;

	margin-bottom: 0;

	padding-top: 0;

	padding-bottom: 0;}

	

	.contact_container .rightSec.contact{margin-top: 0;

	margin-bottom: 0;

	padding-top: 0;

	padding-bottom: 0;}
	
	.popup_career .larg_map_block { height: 100%; }
	.popup_career .larg_map_block .map_text { padding: 20px; }

.page-id-48 #layout .bodyContainer::before { display: none; }
.page-id-50 #layout .bodyContainer::before { display: none; }

.popup_career .larg_map_block .map_text { position: static; }


#header .logo { margin: 0; position: relative; z-index: 999; }

.page-id-36 #layout .bodyContainer:before { display: none; }
footer {  z-index: 99; }


}









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



.architecture_grid_container ul li{ width:50%;/* margin-right:7px; margin-bottom:7px*/}

.architecture_grid_container ul li:nth-child(4n){ margin-right:inherit}

.architecture_grid_container ul li:nth-child(2n){ margin-right:0}

.architecture_grid_container ul li .overlay_box{ padding:35% 30px 0}

.services_container .common_row{ padding:33px 0}

.services_container .common_row img{ width:179px}

.services_container .common_row .common_details{ padding-top:0px; padding-left:25px; padding-bottom:0px}

.architecture_project2 .bottom_container .bottom_left{ margin:0px; padding:20px; width:100%}

.architecture_project2 .bottom_container .bottom_right{ width:100%; margin:0px; padding:20px}

.architecture_project2 .bottom_container .bottom_right_content{ padding:0px}

.architecture_project2 .bottom_container .bottom_left_details{ padding:0px}

.slides{ height:400px}

ul.slides li{ min-height:400px}

ul.slides li .slider_left{ width:100%; border:none}

ul.slides li .slider_right{ width:100%}

.architecture_header{ padding-left:20px}

.architecture_header .back{ padding-right:20px; margin-top:10px}



#header{ height:66px; padding-top:0; }
#header .logo {    width: 95px; }

.toggleMenu{ top:7px; letter-spacing: 0; padding: 4px 0px 0px 0px; width: 54px; height: 52px; display:block; font-size:14px; line-height:20px; background-size: 53px; }

.bodyContainer{padding-top: 66px;}


.logo img{ max-width:80%}
.wpjb.wpjb-job.wpjb-page-single{ width:100%}
#header .logo{ position:relative; z-index:9999; margin-top: 8px;}

#menu{ top:66px}


.architecture_grid_container ul { padding-bottom: 0px; }
#project-carousel .owl-carousel .owl-stage-outer { height: 500px !important; }

.architecture_grid_container ul li h4 { font-size: 18px; }
.architecture_grid_container ul li h5 { font-size: 16px; }
.architecture_grid_container ul li .view { font-size: 15px; }


/*h1.placeTitle { top: 103px; }*/



}













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

.wrapper{ padding: 0 20px}

.menuBar li a{ font-size:34px; line-height:44px; padding-bottom: 7px;}

.homeBanner ul.slides li:after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.2); }







.backto_top{ display:block}

.loading{ background-size:50px 50px}







.mm-opened .logo{ opacity:0.0}





.mm-navbar{top:7px}

.mm-menu > .mm-panel > .mm-listview.mm-first{ margin-top:-12px}

header .logo{ padding:11px 10px}



.slides{ height:250px}

ul.slides li{ min-height:250px}





.architecture_grid_container ul li{ width:50%; /*margin-right:7px; margin-bottom:7px*/}

.home footer{ position:fixed; z-index:99}

footer{ position:relative; z-index:1}

.architecture_grid_container p{ text-align:center; display:block; font-size:14px; line-height:19px; font-style:italic; font-weight:700}

.architecture_grid_container{ padding-bottom:10px}

.flex-direction-nav{ width:100%}

.flex-direction-nav li.flex-nav-next{ float:left}

.flex-control-nav.flex-control-paging{ width:100%; text-align:center}

.flex-control-nav.flex-control-paging li{ float:none; display:inline}



.architecture_header ul.left{ float:left; width:100%}

.architecture_header .back{ float:left}





#back-to-top.show {opacity: 0.8;}

#back-to-top{ background:url(../images/back_top.png) no-repeat 0 0; width:38px; height:40px; display:block; position:fixed; bottom:1%; right:15px; z-index:99999; opacity:0

}



.leftSec .aboutContent h2{ font-size: 30px; line-height:32px;}

.leftSec .aboutContent h3{ font-size: 24px;}

.leftSec .aboutContent p{ font-size: 18px;}





h2.mob{  font-size:29px; line-height:32px;}









/* ***** Res ****** */







@keyframes header {

    0% {top:0px; opacity:1}

	15%  {top:0px; opacity:1}

	20% {top:0px; opacity:1}

    100% {top:0px; opacity:1}

	

}



@keyframes footer {

    0% {left:0px;}

	15%  {left:0px;}

	20% {left:0px;}

    100% {left:0px;}

	

}





@keyframes first {

    0% {right:0px; opacity:1}

	40% {right:0px; opacity:1}

    100% {right:0px; opacity:1}

	

}



@keyframes placeName {

    0% {right:0px; opacity:1}

	40% {right:0px; opacity:1}

    100% {right:0px; opacity:1}

	

}


.loading1, .loading2, .logo01{ display:none !important;}







.leftSec .topSec {padding: 20px;}

.leftSec .grayBox { padding: 30px 20px;}

.leftSec .awards { padding: 30px 20px;}

.leftSec .awards li{ font-size:16px; line-height:24px; padding-bottom:10px}

.leftSec .grayBox.career ul li{padding: 18px 0 12px;}

.leftSec .grayBox.career ul li h4{ font-size:24px;}

.leftSec .grayBox.career ul li h5{ font-size:18px;}



h4.placeName{ width:100%; text-align:center; right:0px ; bottom: 93px;}

.placeDetails{ bottom:140px}

h1.placeTitle, li.left h1.placeTitle{top:85px; font-size:35px; line-height: 34px; right:0 !important; left:0!important; width: 100%; text-align: center; padding: 0 15px 15px; }
h1.placeTitle span { margin: 0; padding: 0; } 



#header nav #menu{ top:105px;}



.menuBar li:first-child { padding-top:15px;   }

#header { background:#fff url(../images/mneu_bor.jpg) no-repeat center bottom;  }

#header{ border-bottom:none}





.scrollmore{ display:none}



footer p{ text-align:center; float:left; width:100%; padding:15px; line-height:18px}

footer .clear{ display:block}

footer small{ display:none}

footer .social{ float:none; display:inline-block}









.leftSec .aboutContent, .leftSec .clientContent{padding: 35px 20px 30px;}

.leadership h3{ padding: 20px;}



.leftSec .topSec h3{ font-size:20px; line-height:25px}



.placeDetails{ display:none}

.rightSec.contact{ padding: 0 20px}
.leftSec .topSec .wpjb .wpjb-form div div.wpjb-field textarea{ width:100%}
.leftSec .topSec .wpjb .wpjb-form div input[type="text"], .wpjb .wpjb-form div input[type="password"]{ width:100%}

.owl-prev{ left:0px; top: 0px;}
.owl-next{ top:0px}
.owl-dots{ width:100%; text-align:center}
.page-template-template-career .fancybox-close{ right:0px!important; top:0px!important; width:30px!important; height:30px!important; background-size:100%!important}

.fancybox-title-outside-wrap{ padding:20px; font-size:16px; line-height:21px}
.certifications h3, .rightSec.contact h3{ padding-top:18px}
.rightSec.contact h4{ font-size:24px}
div.wpcf7-validation-errors{ left:7px}
.wpcf7-mail-sent-ok{ left:7px}
h2.carrer_title{ padding:15px 47px}
.wpjb .wpjb-form div label.wpjb-label{ width:30%}
.wpjb .wpjb-form div.wpjb-field{ width:70%}
.wpjb .wpjb-form div .wpjb-upload-actions{ text-align:right}
#job_single .topSec .wpjb-job-apply #wpjb-upload-limit-file{ float:left; width:100%; padding-top:10px}
#job_single .topSec .wpjb-job-apply input.wpjb-submit{ margin-top:-20px}
#job_single .topSec .carrer_link{ float:left}
#job_single .leftSec #job_detail{ padding-bottom:40px}

.slider_box{ height:400px}
.owl-carousel .owl-item img{ height:400px}
.owl-carousel .owl-stage-outer{height:400px}

#project-carousel .owl-carousel .owl-stage-outer, .slider_box { height: 400px !important; }
.owl-carousel .owl-item img { height: 402px; }

.wpcf7-form-control-wrap{ float:left; padding:20px 0 0 0}

.toogle_icon{ position:absolute; right:0px; width:24px; height:24px; background: url(../images/plus_btn1.png) no-repeat center center; z-index:9999; display:block; top:15px; right:20px; cursor:pointer ;}

.toogle_icon.toggle_minus{background: url(../images/minus_btn11.png) no-repeat center center}

.menuBar li:first-child .toogle_icon{ top:60px}


.popup_career .larg_map_block { top: auto; bottom: 0; }


#new_slider_box { display: none !important; }

.architecture_header ul.left li:first-child { font-size: 22px; line-height: 26px; }
.architecture_header ul.left li { font-size: 20px; line-height: 24px; }

#menu { padding-top: 0px; }
#header nav > ul { background: #fff; }



.single-architecture #layout .bodyContainer::before, .single-planning #layout .bodyContainer::before, .single-inprocess #layout .bodyContainer::before { display: none; }

}



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

	.popup_career .larg_map_block { height: auto; }



.slides{ min-height:305px}

ul.slides li{ min-height:305px}

.slider_box .slide_box .box_detials h2{ font-size:24px; line-height:42px}

.slider_box .slide_box{top:50%}



.architecture_grid_container ul li{ width:50%; /*margin-right:7px; margin-bottom:7px*/}

.services_container .common_row img{ display:none}

.services_container .common_row .common_details{ width:100%}

.services_container .common_row .common_details p{ display:none}

.services_container .common_row{ padding:17px 0 15px}

.services_container .common_row .common_details h3{ display:none}
.services_container .common_row .common_details h3.titleonmob{color: #346072;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    padding-bottom: 3px; display:block}

.services_container .common_row .common_details h3.titleonmob a{color: #346072; font-weight:700}

.services_container .common_row .common_row_mob h3 { display: block; float: none; padding: 17px 55px 17px 20px; font-size: 18px; position: relative; line-height: 24px; width: 100%; }
.services_container .common_row .common_row_mob img { display: block; width: auto; width: 100%; border-left: none; border-width: 6px; margin: 0 0 5px; }
.services_container .common_row .common_row_mob p { display: block; font-size: 16px; line-height: 24px; padding: 20px; width: 100%; float:left; }
.services_container .common_row .common_row_mob .common_details { padding: 0 0 80px; height: auto !important; }
.services_container .common_row .common_row_mob { display: none; position: fixed; left: 0px; top: 66px; width: 100%; height: 100%; overflow: auto; background: #f3f2f1; z-index: 9; }
.services_container { position: relative; border: none; }
.services_container .common_row { border-left: 20px solid #593c44; }
.services_container .common_row .common_row_mob a.services_popup_close { position: absolute; right: 25px; top: 50%; margin-top: -13px; z-index: 99; width: 26px; height: 26px; display: block; background:url(../images/services_popup_close.png) center center no-repeat; background-size: 24px; }




.leftSec .awards li { width: 100%; padding:0 0 0 15px; font-size:16px;}

.certifications ul { width: 100%; }

.wpcf7-list-item-label{ margin-right:4px}

.leftSec .clientContent ul { width:50%}
.certifications small{ max-width:100%}
.wpjb .wpjb-grid .wpjb-col-65{ float:right; width:50%}
.slider_box{ height:auto !important}
.owl-carousel .owl-item img{ height:301px!important; max-height: inherit; min-width: inherit; max-width: inherit; width: auto !important; }
.owl-carousel .owl-stage-outer{height:auto}

#project-carousel .owl-carousel .owl-stage-outer, .slider_box { height: 300px!important; }


.common_row_mob .common_details{ height:200px; }
.common_row_mob p{ padding:0px}
.wpcf7-form-control-wrap{ padding-top:0px}

.wpjb .wpjb-form div label.wpjb-label{ width:25%}
.wpjb .wpjb-form div.wpjb-field{ float:right}




footer p { padding-left: 0; padding-right: 0px; }
footer span { width: 13px; }

}

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

h4.placeName { bottom: 108px; }
footer p { padding-left: 10px; padding-right: 10px; }

}

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

.architecture_header ul.left li{ background:none; padding-left:0px}
.fancybox-inner{ height:auto!important}

}




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

.architecture_grid_container{ padding:20px}

.architecture_grid_container ul li{ width:100%; margin-right:0px; margin-bottom:20px}

.popup_career .larg_map_block .map_text {
    padding: 25px 20px;
}



/* ***** Res ****** */

.leftSec .clientContent ul { width:100%;}

 .leadership .details {padding: 25px 20px 45px;}

/*.leadership .details img{ width:100%; margin:0 0 15px 0;}*/

.leadership h4{ padding: 20px 60px 20px 20px; font-size:16px;}

.leftSec .grayBox{ padding-bottom:43px}

span.wpcf7-list-item{ display:block; margin-left:0px; padding-bottom:18px}

.leftSec .topSec p{ float:none}
span.wpcf7-list-item{ display:inline-block; width:127px}
#wpjb-upload-file.button{ font-size:14px; line-height:21px}
.common_row_mob .common_details{ height:300px; margin:0 0 0 0 }
.common_row_mob p{ padding:0px}

.architecture_grid_container ul { padding: 0; margin:0 -10px; }


.architecture_grid_container ul li h4 { font-size: 20px; }
.architecture_grid_container ul li h5 { font-size: 18px; }
.architecture_grid_container ul li .view { font-size: 16px; }

#job_detail .showOriginal { display: block; font-size: 13px; padding: 6px 15px 6px 15px;}

}







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

.wpjb .wpjb-form div.wpjb-field{ float:right; width:55%}
.wpjb .wpjb-form div label.wpjb-label{ width:35%}
.wpjb .wpjb-form div label.wpjb-label{ width:40%}



}





@media only screen and (min-width: 601px) {
	
.services_container .common_details .common_row_mob { display: none !important; }

}


@media only screen and (min-width: 768px) {

	

.mm-menu.mm-current { display: none !important; }

html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }

html.mm-opened { overflow: visible !important; }

html.mm-opened body { overflow: visible !important; }

#mm-blocker { display: none !important; }

	}