/* ************************ */
/*							*/
/*	custom theme			*/		 
/*							*/
/* ************************ */

@media (max-width: 1260px) {
	#main-slider .item .text-block{margin-left:0; width:calc(36.5% + 6.5rem);}
	
	.masthead-section .text-block{margin-left:0; width:calc(43% + 6.5rem);}
	
}

@media (max-width: 1199px) {
	/* md */
	#page-wrap{border-left:0px dashed red;}
	
	.mb-big-md{margin-bottom:3.5rem;}
	
	.container{margin-left:calc((100vw - 970px)/2);}
	
	#main-nav > li + li{margin-left:0;}
	.navbar-brand{width:10rem; top:2rem; transition:top 1s ease, transform 1s ease, margin 1s ease;}
	.affix .navbar-brand{transform:scale(0.77); top:4.25rem;}
	
	#main-slider .item .image-block{right:calc((970px - 100vw)/2);}
	#main-slider .slick-next{left:calc((100vw - 970px)/2 + 970px*0.44 + 15px - 4.18rem);}
	#main-slider .slick-prev{left:calc((100vw - 970px)/2 + 970px*0.44 + 15px - 8.36rem);}
	#main-slider .item .text-block{width:calc(35% + 6.5rem);}
	
	.services-section .image-block{left:calc((970px - 100vw)/2);}
	
	.slider-wrap .bg{right:calc((100vw - 970px)/2 + 970px*0.33 + 15px);}
	#testi-slider { margin-left: calc((100vw - 970px)/2 + 15px);}
	#testi-slider .slick-next{right:calc((100vw - 970px)/2 + 970px*0.33 + 15px);}
	#testi-slider .slick-prev{right:calc((100vw - 970px)/2 + 970px*0.33 + 15px + 4.18rem);}
	#testi-slider .item{margin-left:calc(970px*0.083);}
	#testi-slider .slick-list{padding-right:calc((100vw - 970px)/2 + 970px*0.25 - 15px);}
	
	.projects-listing .image{width:11rem; height:11rem;}
	
	.logos-section .slider-wrap .bg{left:calc((970px - 100vw)/2 - 15px); width:calc((100vw - 970px)/2 + 970px*0.66 + 15px);}
	#logo-slider .slick-next{left:calc(970px*0.66 - 4.18rem);}
	#logo-slider .slick-prev{left:calc(970px*0.66 - 8.36rem);}
	#logo-slider{margin-right:calc((970px - 100vw)/2 - 15px);}
	#logo-slider .slick-list{padding-right:calc((100vw - 970px)/2 + 15px);}
	
	.masthead-section .image-block{right:calc((970px - 100vw)/2)}
	
	.projects-listing.full .image{width:10.5rem; height:10.5rem;}
	
	.projects-listing.column .image{width:13rem; height:13rem;}
	
	#project-slider .slick-prev{left:-1rem;}
	#project-slider .slick-next{right:-1rem;}
	
	.cta-section .text-block{margin-right:0;}

	
}

@media (max-width: 991px) {
	/* sm */
	#page-wrap{border-left:0px dashed green;}
	
	html{font-size:14px;}
	
	.lead{ font-size:1.2rem/*16.8px*/}
	.small{ font-size:0.83rem/*11.67px*/}
	
	.sp-link::after{ vertical-align:-10%;}
	
	.anchor-link{top:-1rem;}
	
	.container{ width:auto; padding-left:15px; padding-right:15px; margin-left:auto;}

	.content-section{ padding-top:4rem; padding-bottom:4rem; }
	.large-padding-top{ padding-top:6rem;}
	.large-padding-bottom{ padding-bottom:6rem;}
	
	.mb-half, .mb-half-sm{margin-bottom:0.5rem;}
	.mb-big, .mb-big-sm{margin-bottom:3.5rem;}
	.mb, .mb-sm{margin-bottom:1.5rem;}
	.in-form-header:not(:first-child){margin-top:1.5rem;}
	
	.radio-check-label{padding-top:2px; padding-left:2rem;}
	input[type='checkbox'] + .radio-check-control::before{ font-size:1.2rem;}
	
	[class*='col-'].indent-right{padding-right:15px;}
	[class*='col-'].indent-left{padding-left:15px;}
	
	#header{height:auto;}
	
	.navbar{ position:relative; transition:none;}
	.navbar.affix{top:0; box-shadow:none;}
	.navbar > .container{ display:block;}
	.navbar-header{ display:flex; align-items:center;}
	.navbar-toggle{margin-left:auto;}
	
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:0; margin-right:0;}
	
	.navbar-brand{margin:0.2rem 0; width:8rem; transition:none; top:0; transform:none;}
	.affix .navbar-brand{transform:none; margin:0.2rem 0; top:0; width:8rem;}
	
	#navigation{position:absolute; top:100%; width:100%; left:0; padding:0; box-shadow:0 5px 10px rgba(0,0,0,0.5); background-color:#012A0A;}
	#navigation > .inner-wrap{ display:block;}
	#main-nav {margin:0; width:auto; text-align:left; display:block; padding:1rem 0;}
	#main-nav > li{ display:block; margin-bottom:0;}
	#main-nav > li+li{margin-top:1px; margin-left:0;}
	#main-nav > li > a{padding:1rem; text-align:left;}
	#main-nav > li > a:before{ display:none;}
	#main-nav > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav > li.dropdown_split > .dropdown-toggle{ display:block; right:15px; top:0; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align:center; font-size:1.3rem; line-height:1;}
	
	#main-nav > li > a,
	#main-nav > .open > a{color:#fff; background-color:transparent;}
	 
	#main-nav > li > a:hover, #main-nav > li > a:focus{color:#fff; background:transparent;}
	#main-nav > .open > a, #main-nav > li > a[aria-expanded="true"], #main-nav > li:hover > a{color:#fff;}

	#main-nav > .active > a{color:#AC8C53; background-color:transparent;}
	#main-nav > .active > a:hover, #main-nav > .active > a:focus, #main-nav > .active.open > a, #main-nav > .active > a[aria-expanded="true"], #main-nav > .active:hover > a{color:#AC8C53; background-color:transparent;}

	#main-nav .dropdown-menu{position:relative; padding:0; border:0; float:none; box-shadow:none; min-width:auto; background-color:transparent; margin-top:1px; font-size:1rem;}
	#main-nav .dropdown-menu > li{padding:0;}
	#main-nav .dropdown-menu > li > a{ padding:1rem;}
	#main-nav .dropdown-menu > li + li > a{border:0;}
	#main-nav .dropdown-menu > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle{right:15px; width:3.5rem; padding-right:1rem; text-align:center; padding-left:1rem!important; font-size:1.3rem; line-height:1;}
	
	#main-nav .dropdown-menu > li > a,
	#main-nav .dropdown-menu > .open > a{color:#fff; background:transparent;}
	
	#main-nav .dropdown-menu > li > a:focus,
	#main-nav .dropdown-menu > li > a:hover{color:#fff; background:transparent;}
	
	#main-nav .dropdown-menu > .active > a,
	#main-nav .dropdown-menu > .active > a:focus,
	#main-nav .dropdown-menu > .active > a:hover{color:#AC8C53; background-color:transparent;}

	#main-nav .dropdown-menu > li > .dropdown-toggle .fa{ transform:rotate(0deg);}
	#main-nav .dropdown-menu > li > .dropdown-toggle[aria-expanded="true"] .fa{ transform:rotate(-180deg);}
	#main-nav .dropdown-menu .fa{ font-size:inherit;}

	#main-nav .dropdown-menu .dropdown-menu{left:0; top:0;}
	#main-nav .dropdown-menu li a{padding-left:2rem!important;}
	#main-nav .dropdown-menu .dropdown-menu li a{padding-left:3rem!important;}
	
	#main-nav .dropdown-menu.open-left {left:0; right:0;}
	#main-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}
	
	#top-nav{margin:0; background-color:#5a5a5a; padding:1rem 0; transition:none;}
	.affix #top-nav{margin:0;}
	#top-nav > li + li::before{ display:none;}
	#top-nav > li > a{padding:1rem; color:#fff;}
	#top-nav > li > a:hover, #main-nav > li > a:focus{color:#fff;}
	
	.breadcrumbs-section{padding:0.5rem 0;}
	.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}
	
	#main-slider .item .image-block{right:0; top:-2.5rem; bottom:-10rem;}
	#main-slider .item .text-block{width:calc(39% + 4.5rem); padding:2rem;}
	#main-slider .item{padding-top:2.5rem; padding-bottom:6.5rem;}
	#main-slider .slick-next{left:calc(44% + 15px - 4.18rem);}
	#main-slider .slick-prev{left:calc(44% + 15px - 8.36rem);}
	#main-slider .item > .container{width:100%;}
	
	.services-section .image-block{left:0; bottom:-9rem;}
	.services-section .text-block{padding:2rem;}
	.services-listing > .inner-wrap{margin:0 -0.5rem;}
	.services-listing .item{width:calc(33.33% - 1rem); margin:0 0.5rem;}
	.services-listing .item .item-inner{padding:1.5rem;}
	
	.services-section + .content-section{padding-top:9rem;}
	
	.slider-wrap .bg{right:calc(33% + 15px); top:6rem;}
	#testi-slider{margin-left:0; margin-bottom:6rem;}
	#testi-slider .slick-prev{right:calc(33% + 15px + 4.18rem);}
	#testi-slider .slick-arrow{bottom:-6rem;}
	#testi-slider .slick-list{padding-right:calc(25% - 15px);}
	#testi-slider .slick-next{right:calc(33% + 15px);}
	#testi-slider .item{padding:1rem 2rem 2rem 1rem; margin-left:5rem;}
	
	
	.projects-listing .image{width:10rem; height:10rem;}
	
	.news-listing .item{width:calc(50% - 2rem);}
	
	.cta-section .text-block{margin-left:3rem; margin-right:0;}
	
	.logos-section .slider-wrap{padding-bottom:6rem;}
	.logos-section .slider-wrap .bg{left:-15px; width:69%;}
	#logo-slider{margin-right:0;}
	#logo-slider .slick-arrow{bottom:-6rem;}
	#logo-slider .slick-next{left:calc(69% - 4.18rem - 15px);}
	#logo-slider .slick-prev{left:calc(69% - 8.36rem - 15px);}
	#logo-slider .slick-list{padding-right:0;}
	#logo-slider .item{padding:2rem 1rem 0 1rem;}
	
	.masthead-section .image-block{right:0;}
	
	.staff-listing .item{width:calc((100% - 2rem)/2);}
	.staff-listing .item:hover .area-link{transform:translate(-1rem,1rem);}
	.staff-listing .item .sp-link{ position: relative; left:0; bottom:0; margin-top:1.5rem;}
	.staff-listing .item:hover .sp-link{bottom:0;}
	.staff-listing .item:hover .name{padding-bottom:2rem; margin-top:0;}
	
	.projects-listing.full .image{width:14rem; height:14rem;}
	
}


@media (max-width: 767px) {
	/* xs */
	#page-wrap{border-left:0px dashed blue;}
	
	.content-section{ padding-top:3rem; padding-bottom:3rem; }
	.large-padding-top{ padding-top:4.5rem;}
	.large-padding-bottom{ padding-bottom:4.5rem;}
	
	.btn{height:auto; white-space:normal; padding-top:0.85rem; padding-bottom:0.85rem;}
	
	.upload-control .btn{width:7rem;}
	.upload-control .file-name{padding-right:8rem;}
	.upload-control .input-label{margin-right:8rem;}
	
	h1{font-size:2.14rem /*30px*/;}
	h2, .h2-style{font-size:1.85rem /*26px*/;}
	h3, .h3-style{font-size:1.64rem /*23px*/;}
	h4, .h4-style{font-size:1.42rem /*20px*/;}
	h5, .h5-style{font-size:1.14rem /*16px*/;}
	h6, .h6-style{font-size:1.00rem /*14px*/;}
	
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:1rem;}
	.text-image-wrap.align-left, .text-image-wrap.align-right{float:none; width:auto; max-width:100%; margin-right:0; margin-left:0; margin-bottom:1.35rem;}
	.text-image-wrap.align-left img, .text-image-wrap.align-right img, .text-image-wrap.align-left figure, .text-image-wrap.align-right figure{width:auto;}


	.textbox, .form-wrap, .accordion, .side-nav, .tabs-wrap{margin-bottom:2.5rem;}
	
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-top:0;}
	
	.textbox ol{padding-left: 2.5rem;}
	.textbox ul{padding-left: 1.5rem;}
	
	.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:0.5rem;}
	.mb, .mb-sm, .mb-xs{margin-bottom:1rem;}
	.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs{margin-bottom:2.5rem;}
	.in-form-header:not(:first-child){margin-top:1rem;}
	.mb-x-big{margin-bottom:2.55rem;}

	/* responsive table */
	.textbox table, .table > tbody, .textbox table > tbody > tr{ display: block;}
	.textbox table > thead {display: none;}
 	.textbox table > tbody > tr > td {display: flex; padding:0.6rem; text-align: left; border:0;}
	.textbox table > tbody > tr > td:first-child {border-top:2px solid #ddd;}
	.textbox table > tbody > tr > td:before{ content: attr(data-th); display: block; font-weight: bold; padding-right:1rem; width:30%; flex:none;}
	
	.fg-double{display: block;}
	.fg-double > div{flex-basis:auto;}
	.fg-double > div+div{margin-left:0;}
	.fg-size-3-2 > div:first-child{flex-basis:auto; }
	.fg-size-3-2 > div:last-child{flex-basis:auto; }
	
	.row.stretch-sm{ display:block;}
	
	#main-slider .item .image-block{ position:relative; top:0; bottom:0; right:0; left:0; height:calc((100vw - 30px)/1.6); margin:0 -15px; }
	#main-slider .item .text-block{width:auto; padding:1.5rem 0 0 0; border:0;}
	#main-slider .item{padding-top:0; padding-bottom:3.5rem; margin-bottom:0;}
	#main-slider .slick-dots{bottom:1.5rem;}
	
	#main-slider + .services-section{padding-top:0;}
	
	.services-section .image-block{ position: relative; bottom:0; right:0; height:calc((100vw - 30px)/1.6); margin:0 -15px;}
	.services-section .text-block{margin-left:0; padding:1.5rem 0 0 0;}
	.services-listing > .inner-wrap{ display:block; margin:0;}
	.services-listing .item{width:auto; margin:0;}
	.services-listing .item+.item{margin-top:1rem;}
	.services-listing :first-child.item .item-inner{border-radius:2.5rem 0 0 0;}
	.services-listing :first-child.item::before{border-radius:2.5rem 0 0 0;}
	.services-listing :last-child.item .item-inner{border-radius:0 0 2.5rem 0;}
	.services-listing :last-child.item::before{border-radius:0 0 2.5rem 0;}
	
	.services-section + .content-section{padding-top:4.5rem;}
	
	.industries-listing > .inner-wrap{margin:0 -1rem -2.5rem -1rem;}
	.industries-listing .item{margin:0 1rem 2.5rem 1rem; width:calc(50% - 2rem);}
	
	.slider-wrap .bg{top:4.5rem;}
	#testi-slider{margin-bottom:4.5rem;}
	#testi-slider .slick-dots{bottom:-2.5rem;}
	#testi-slider .item{margin-left:3rem;}
	#testi-slider .slick-dots li button{border-color:#5A5A5A;}
	#testi-slider .slick-dots .slick-active button, #testi-slider .slick-dots .slick-active button:hover{ background:#5A5A5A;}
	
	.projects-listing .item{width:50%;}
	.projects-listing .image{width:13rem; height:13rem;}
	
	.news-listing .item{width:100%;}
	.news-listing .item .image{width:13rem;}
	
	.cta-section{padding:0;}
	.cta-section > .content-section{margin:0; padding-top:0;}
	.cta-section .image-block{ position:relative; top:0; bottom:0; height:calc((100vw - 30px)/1.6); border:0; border-radius:0; transform:none; margin:0 -15px;}
	.cta-section .image-block .image-inner{top:0; right:0; bottom:0; left:0;}
	.cta-section .image-block .image-inner .inner{right:0; left:0; transform:none;}
	.cta-section .text-block{margin-left:0;}
	
	.logos-section .slider-wrap{padding-top:2.5rem; padding-bottom:5rem;}
	.logos-section .slider-wrap .bg{width:78%;}
	#logo-slider .slick-dots{bottom:-3rem;}
	#logo-slider .slick-dots li button{border-color:#5A5A5A;}
	#logo-slider .slick-dots .slick-active button, #logo-slider .slick-dots .slick-active button:hover{ background:#5A5A5A;}
	
	#footer{ text-align:center;}
	#footer .contact .fa{ position:relative; top:0; margin-right:0.5rem;}
	#footer .contact{padding-left:0;}
	#footer .social-links{justify-content:center;}
	
	.footer-nav ul{ display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:-0.5rem;}
	.footer-nav ul li{margin:0 0.5rem 0.5rem 0.5rem;}
	.footer-nav.two-cols ul li{width:auto; padding-right:0;}
	
	.masthead-section{padding-top:0; padding-bottom:3rem;}
	.masthead-section .image-block{ position: relative; top:0; right:0; left:0; bottom:0; margin:0 -15px; height:calc((100vw - 30px)/1.6);}
	.masthead-section .text-block{width:auto; padding:2.5rem 0 0 0; border:0;}
	
	.breadcrumbs-section ol{width:auto;}
	
	.staff-listing .item .name, .staff-listing .item:hover .name{padding:1.5rem;}
	.staff-listing .item .sp-link{margin-top:1rem;}
	.staff-listing .item:hover .area-link{transform:translate(-0.5rem,0.5rem);}
	.staff-listing > .inner-wrap{margin-bottom:-2.5rem;}
	.staff-listing .item{margin-bottom:2.5rem;}
	
	.projects-listing.full .item{width:50%;}
	.projects-listing.full .image{width:13rem; height:13rem;}
	.project-filter .fg-double{ display:flex;}
	.project-filter .fg-double > div{flex-basis:50%;}
	
	#project-slider .slick-dots{bottom:-1rem;}
	#project-slider .slick-dots li button{border-color:#5A5A5A;}
	#project-slider .slick-dots .slick-active button, #project-slider .slick-dots .slick-active button:hover{ background:#5A5A5A;}
	
	.projects-listing.column .item{width:50%;}
	
	.row-flex-order-xs{ display: flex; flex-direction: column-reverse;}
	.row-flex-order-xs > aside[class*='col-']{margin-top:2.5rem;}
	
	.masthead-section .image-block.bg-image-masthead-nc{left:0; bottom:0; margin-bottom:-2rem; top:0; background-position:center; }
	
}
	
@media (max-width: 479px) {
	#page-wrap{border-left:0px dashed yellow;}
	
	.form-footer{ display: block;}
	.form-footer > div+div{margin-left:0; margin-top:1rem;}
	
	.modal-header{padding:1rem 1rem 0 1rem;}
	.modal-body{padding:1rem;}
	.modal-footer{padding:0 1rem 1rem 1rem;}
	
	.industries-listing .item{width:100%;}
	
	#testi-slider .slick-list{padding-right:0;}
	#testi-slider .item{margin-right:1.5rem; margin-left:1.5rem; padding:0.5rem 1.5rem 1.5rem 0.5rem;}
	#testi-slider blockquote{padding:1.5rem 0 0 1.5rem;}
	
	.projects-listing .item{width:100%; margin-bottom:0;}
	.projects-listing .image{width:17rem; height:17rem;}
	.projects-listing > .inner-wrap{margin:0;}
	
	.news-listing .item{ display:block;}
	.news-listing .item .image{width:100%; margin-right:0; margin-bottom:1rem;}
	
	.accordion .panel-title a .fa{right:1rem;}
	.accordion .panel-title a{padding:1rem 3rem 1rem 1rem;}
	.accordion .panel-body{padding:1.5rem 1rem;}
	
	.staff-listing .item{width:100%;}
	
	.projects-listing.full .item{width:100%;}
	.projects-listing.full .image{width:17rem; height:17rem;}
	
	.projects-listing.column .item{width:100%;}
	
	.footer-bottom{flex-direction:column; align-items:center;}
	.footer-bottom .privacy{margin-bottom:1rem;}
	
	#scrollup.affix{bottom:5.5rem;}

}	
	
@media (max-width: 320px) {
	#page-wrap{border-left:0px dashed red;}
	
	.logos-section .slider-wrap .bg{width:72%;}
	
	
}	
@media (max-width: 200px) {	
	 .navbar-brand{margin:1.5rem 0 0 0; top:2rem;}
}