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


@media (max-width: 1720px) {

.container{width:1170px;}
	
	[class*='col-'].indent-right{padding-right:3rem;}
	[class*='col-'].indent-left{padding-left:3rem;}
	
	#main-nav > li + li{margin-left:2rem;}
	#top-nav > li + li{margin-left:1rem;}
	.top-nav-wrap .phone{margin-right:3rem;}
	#top-search{margin-left:2.5rem;}
	
	.resources-slider{margin-right:calc((1170px - 100vw)/2 - 7px);}
	.resources-slider .slick-arrow + .slick-list{margin-bottom:4.5rem;}
	.resources-slider .slick-list{padding-right:7%;}
.resources-slider .slick-dots{ right:calc((100vw - 1170px)/2 + 5.75rem + 5.5rem + 6.69rem);}
.resources-slider .slick-next{right:calc((100vw - 1170px)/2);}
.resources-slider .slick-prev{left:auto; right:calc((100vw - 1170px)/2 + 10.25rem);}
	.resources-slider .item{margin-right:2rem;}
	.resources-slider .slick-arrow{bottom:-2.75rem;}
	.resources-slider .slick-prev{right:calc((100vw - 1170px)/2 + 5.75rem);}
	
	.case-slider{margin-right:calc((1170px - 100vw)/2 - 7px);}
	.case-slider .slick-list{padding-right:7%;}
	.case-slider .slick-dots{ right:calc((100vw - 1170px)/2 + 5.75rem + 5.5rem + 6.69rem);}
	.case-slider .slick-next{right:calc((100vw - 1170px)/2);}
	.case-slider .slick-prev{left:auto; right:calc((100vw - 1170px)/2 + 10.25rem);}
	.case-slider .item{margin-right:2rem;}
	.case-slider .slick-arrow{bottom:-2.75rem;}
	.case-slider .slick-prev{right:calc((100vw - 1170px)/2 + 5.75rem);}
	
	.profs-slider{margin-right:calc((1170px - 100vw)/2 - 7px);}
	.profs-slider .slick-list{padding-right:7%;}
	.profs-slider .slick-dots{ right:calc((100vw - 1170px)/2 + 5.75rem + 5.5rem + 6.69rem);}
	.profs-slider .slick-next{right:calc((100vw - 1170px)/2);}
	.profs-slider .slick-prev{left:auto; right:calc((100vw - 1170px)/2 + 10.25rem);}
	.profs-slider .item{margin-right:2rem;}
	.profs-slider .slick-arrow{bottom:-2.75rem;}
	.profs-slider .slick-prev{right:calc((100vw - 1170px)/2 + 5.75rem);}
	.profs-slider .item .title{line-height: 1.2;}
	.profs-slider .item .title span{display: block;}
	
	.projects-listing .item .content{margin-left:1.5rem;}
	.projects-listing .image{margin-right:1.5rem; margin-bottom:3.5rem;}
	
	.textbox ul{ padding-left:1.5rem;}
	.textbox ol{padding-left:2.5rem;}
	
	.slick-slider .slick-arrow{width:5.5rem; height:5.5rem; background-size: 4rem auto;}
	
	.cta-section .content{padding-top:3.5rem;}
	.cta-section .content h2{margin-right:0;}
	.cta-section .content .textbox{margin-left:0;}
	.cta-section::before{left:calc((100vw - 1170px)/2 + 1170px*0.3333);}
	.cta-section .image{margin-right:3rem;}
	
	#footer .side-left::before{left:calc((1170px - 100vw)/2 - 15px);}
	
	#hero-slider .slick-dots{right:calc((100vw - 1170px)/2);}
	#hero-slider .slick-next{right:calc((100vw - 1170px)/2 - 1rem);}
#hero-slider .slick-prev{right:calc((100vw - 1170px)/2 + 5.5rem);}
	#hero-slider .item .textbox::before {width:4rem;}
	#hero-slider .item{min-height: calc(100vw/1.9);}
	
	.projects-slider .title{margin-right:0;}
	.projects-slider .textbox{padding-left:0;}
	.projects-slider .slick-arrow{width:7rem; height:8rem; }
	.projects-slider .slick-prev{left:calc(33.33% + 15px);}
	.projects-slider .slick-next{right:calc(41.62% + 3rem);}
	.projects-slider-section::before {left:calc((100vw - 1170px)/2 + 1170px*0.3333 + 15px)}
	.projects-slider .image{margin-right:3rem;}
	
	.testimonial-wrap::before{left:calc((1170px - 100vw)/2 - 1170px*0.0833 - 15px);}
	
	.differentiator-section::before{right:calc((100vw - 1170px)/2 + 1170px*0.3333);}
	.differentiator-section .title{margin-right:0;}
	.differentiator-section .textbox{padding-left:0;}
	.differentiator-section .image{margin-left:3rem;}
	
	.loctions-section .content{padding-right:0;}
	
	.content-section.outer-wrap::before{left:calc((100vw - 1170px)/2 - 2.5rem);}
	.services-intro-section .image{right:calc((1170px - 100vw)/2);}
	.content-section.outer-wrap.edge-left:before{right:calc((100vw - 1170px)/2 - 2.5rem); left:0;}
	.services-intro-section.edge-left .image{left:calc((1170px - 100vw)/2);}
	
	.contact-section .form-wrap{padding:5rem;}
	
	.stat-block .item{padding:0;}
	
	.contact-section.bg-image::before{left:calc((100vw - 1170px)/2 + 1170px*0.3333)}
	
	.navbar-brand .logo-h{width:15rem;}
	.affix .navbar-brand .logo-h{bottom:0.75rem;}


}

@media (max-width: 1600px) {
	#main-nav .dropdown-menu > li > a{padding:0.65rem 3rem 0.65rem 1rem;}
}
/*
@media (max-width: 1366px) {
	#main-nav .dropdown-menu > li > a{padding:0.5rem 3rem 0.5rem 1rem;}
}
*/

@media (max-width: 1370px) {
	#main-nav .dropdown-menu > li > a{padding:0.6rem 3rem 0.6rem 1rem;}

/* md */
#page-wrap{border-left:0px dashed red;}

.container{width:970px; margin-left:calc((100vw - 970px)/2);}
	
	.large-padding-bottom{padding-bottom:7rem;}
	.large-padding-top{padding-top:7rem;}

.mb-big-md{margin-bottom:3.5rem;}
	
[class*='col-'].indent-right{padding-right:15px;}
[class*='col-'].indent-left{padding-left:15px;}
	
	#main-nav{font-size: 1.2rem; margin-top:1rem;}
	#main-nav > li + li{margin-left:1rem;}
	#main-nav > li > a{padding-bottom:1rem;}
	#top-nav > li > a{font-size: 1rem;}
	.top-nav-wrap .phone{margin-right:2rem;}
	#top-search{margin-left:1rem;}
	
	.navbar-brand{width:9rem;}
	.navbar-brand .logo-v{width:8rem;}
	.navbar > .container{height:6rem;}
	.navbar.affix{top:-2.5rem;}
	.affix .navbar-brand .logo-h{bottom:0.5rem;}
	
	.masthead-internal-section{padding-bottom:3rem; padding-top:9rem;}
	
	.breadcrumbs-section{font-size: 0.87rem; padding:0.5rem 0;}
	
	h1{font-size:2.43rem /*39px*/;}
	h2, .h2-style{font-size:2.06rem /*33px*/;}
	h3, .h3-style{font-size:1.68rem /*27px*/;}
	h4, .h4-style{font-size:1.44rem /*23px*/;}
	h5, .h5-style{font-size:1.18rem /*19px*/;}
	h6, .h6-style{font-size:1.00rem /*16px*/;}
	
	.btn {height:3rem; padding:0.85rem 2rem; font-size: 1rem;}
	.btn-link{padding:0; height:auto;}
	
	.textbox blockquote{font-size: 1.25rem; padding:2rem 2rem 0 3rem; background-size: 4rem auto;}
	aside .textbox blockquote{font-size: 1rem;}
	aside .textbox blockquote footer{margin-left:2rem;}
	
	.side-nav-wrap a{font-size: 1rem; padding-top:0.75rem; padding-bottom:0.75rem;}
	
	.resources-slider{margin-right:calc((970px - 100vw)/2);}
	.resources-slider .slick-arrow + .slick-list{margin-bottom:4.5rem;}
	.resources-slider .slick-dots{ right:calc((100vw - 970px)/2 + 5.75rem + 5.5rem + 6.69rem);}
	.resources-slider .slick-next{right:calc((100vw - 970px)/2);}
	.resources-slider .slick-prev{left:auto; right:calc((100vw - 970px)/2 + 10.25rem);}
	.resources-slider .slick-prev{right:calc((100vw - 970px)/2 + 5.75rem);}
	.resources-slider .item{padding-bottom:2rem;}
	
	.profs-slider{margin-right:calc((970px - 100vw)/2);}
	.profs-slider .slick-arrow + .slick-list{margin-bottom:4.5rem;}
	.profs-slider .slick-dots{ right:calc((100vw - 970px)/2 + 5.75rem + 5.5rem + 6.69rem);}
	.profs-slider .slick-next{right:calc((100vw - 970px)/2);}
	.profs-slider .slick-prev{left:auto; right:calc((100vw - 970px)/2 + 10.25rem);}
	.profs-slider .slick-prev{right:calc((100vw - 970px)/2 + 5.75rem);}
	.profs-slider .item{margin-right:1rem;}
	
	.case-slider .slick-arrow + .slick-list{margin-bottom:4.5rem;}
	.case-slider .image{margin-right:1.5rem;}
	.case-slider .item .content{margin-left:1.5rem;}
	.case-slider{margin-right:calc((970px - 100vw)/2);}
	.case-slider .slick-dots{ right:calc((100vw - 970px)/2 + 5.75rem + 5.5rem + 6.69rem);}
	.case-slider .slick-next{right:calc((100vw - 970px)/2);}
	.case-slider .slick-prev{left:auto; right:calc((100vw - 970px)/2 + 10.25rem);}
	.case-slider .slick-prev{right:calc((100vw - 970px)/2 + 5.75rem);}
	
	.cta-section::before{left:calc((100vw - 970px)/2 + 970px*0.3333);}
	
	#footer .side-left::before{left:calc((970px - 100vw)/2 - 15px);}
	
	.cta-section .content{padding-top:0;}
	
	.footer-bottom .web-design{padding-left:0;}
	.footer-bottom .copyright{padding-right:0;}
	
	#hero-slider .slick-dots{right:calc((100vw - 970px)/2);}
	#hero-slider .slick-next{right:calc((100vw - 970px)/2 - 1rem);}
#hero-slider .slick-prev{right:calc((100vw - 970px)/2 + 5.5rem);}
	#hero-slider .item .textbox::before {width:3rem;}
	
	.services-listing .item{padding:1.5rem;}
	
	.projects-slider-section::before {left:calc((100vw - 970px)/2 + 970px*0.3333 + 15px)}
	.projects-slider .slick-arrow{width:6.4rem; height:7rem; bottom:-7rem;}
	.projects-slider .slick-prev{left:calc(33.33%);}
	.projects-slider .slick-next{right:calc(41.62% + 2rem);}
	.projects-slider .image{margin-right:2rem;}
	.projects-slider-section .section-title{top:-7rem;}
	.projects-slider-section .section-link{bottom:-7rem;}
	
	.testimonial-wrap::before{left:calc((970px - 100vw)/2 - 970px*0.0833 - 15px);}
	.testimonial-wrap{padding-bottom:7rem;}
	
	.differentiator-section::before{right:calc((100vw - 970px)/2 + 970px*0.3333);}
	.differentiator-section .content{padding-top:5rem; padding-bottom:5rem;}
	.differentiator-section .image{margin-left:2rem;}
	
	.cta-section .image{margin-right:2rem;}
	
	.cta-box::before {margin:1.5rem 0 0 1.5rem;}
	.cta-box .image{margin-right:1.5rem;}
	.cta-box .content{margin-left:1.5rem;}
	
	.content-section.outer-wrap::before{left:calc((100vw - 970px)/2 - 2.5rem);}
	.services-intro-section .image{right:calc((970px - 100vw)/2);}
	.content-section.outer-wrap.edge-left:before{right:calc((100vw - 970px)/2 - 2.5rem); left:0;}
	.services-intro-section.edge-left .image{left:calc((970px - 100vw)/2);}
	
	.services-listing{padding-top:0;}
	.services-listing > .inner-wrap{margin:0;}
	.services-listing.four-cols .item{width:25%; margin:0;}
	
	.accordion.compact .panel-title a{padding-top:1rem; padding-bottom:1rem;}
	.accordion-inline-title{margin-top:0;}
	.accordion.compact .panel:last-child .panel-heading{border-bottom:1px solid #DEE4ED;}
	
	.contact-section.bg-image::before{left:calc((100vw - 970px)/2 + 970px*0.3333)}
	
	.modal-dialog{width:800px;}
	
	.navbar-brand .logo-h{width:14rem;}
	
	.tags-list a{font-size: 0.87rem; padding:0.25rem 0.5rem;}
	
	.sp-link{font-size: 1rem;}
	.sp-link:after{height:0.1rem;}
	.sp-link:hover::after, .sp-link:focus::after {height:0.6rem;}
	
	#footer .side-left, #footer .side-right{padding-top:5rem;}
	.footer-bottom{font-size: 0.87rem;}
	
	.masthead-compact + .breadcrumbs-section, .masthead-compact-compact + .breadcrumbs-section{margin-top:9rem;}
	.masthead-compact{min-height: 17rem;}
	.masthead-compact-compact{min-height: 17rem;}
	
	.anchors-nav-wrap{padding:1rem 0;}
	.anchors-nav-wrap ul > li > a{padding:0.5rem 1.5rem;}
	
	
	


}

@media (max-width: 991px) {
/* sm */
#page-wrap{border-left:0px dashed green;}

html{font-size:14px;}

.lead, .big{ font-size:1.2rem}
.small{ font-size:0.83rem}
.textbox ul > li{background-position:0 0.65rem;}

.anchor-link{top:-1rem;}

.container{ width:auto; padding-left:15px; padding-right:15px; margin-left:auto;}
.slick-slider .container{width:100%;}
	
	
.content-section{ padding-top:5rem; padding-bottom:5rem; }
.large-padding-bottom{ padding-bottom:6.5rem;}
.small-padding-top{ padding-top:2.0rem;}
.small-padding-bottom{ padding-bottom:2.0rem;}

.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;}

input[type="checkbox"] + .radio-check-control::before{font-size: 0.8rem;}

#header{height:auto; position: absolute; width:100%;}

.navbar{ position:relative; padding-bottom:0;}
.navbar > .container{height:auto; display: block;}
.navbar.affix{top:0; box-shadow:none;}
.navbar .bg{display: none;}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:0; margin-right:0;}

.navbar-header{height:5rem; display:flex; align-items:center; border-bottom: 1px solid rgba(255,255,255,0.5);}
.navbar-brand{margin:0.5rem 0; width:auto; transition:none;}
	.affix .navbar-brand{width:auto;}

#navigation{position:absolute; top:100%; width:100%; left:0; padding-left:0; padding-right:0; box-shadow:0 7px 10px rgba(0,0,0,0.5); background-color: #fff;}
#navigation > .inner-wrap{padding-right:0; display: block;}
.navbar-nav{margin:0;}
.navbar-nav .dropdown-menu{position:relative; padding-left:0; float:none; box-shadow:none; min-width:auto; background-color:transparent; margin-top:1px;}
.navbar-nav .dropdown-menu .dropdown-toggle .fas{transform:rotate(0);}
.navbar-nav .dropdown-menu .dropdown-toggle[aria-expanded="true"] .fas{ transform:rotate(180deg);}
.navbar-nav .dropdown-menu .dropdown-menu{left:0;}
.navbar-nav .dropdown-menu.open-left {left:0; right:0;}
.navbar-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}
	
	/* main-nav */
	#main-nav{padding:1rem 0; border:0; margin:0;}
	.affix #main-nav{margin-top:0;}
	#main-nav > li+li{margin-left:0;}
	#main-nav > li > a{padding:1rem; font-size: 1rem;}	
	.affix #main-nav > li > a{padding-bottom:1rem;}
	#main-nav > .dropdown_split > .dropdown-toggle{display: block; right:1rem; width:3.5rem; text-align: center; color:#A7A9AC;}
	#main-nav .dropdown-menu{font-size: 1rem; background-color: transparent;}
	#main-nav .dropdown-menu > li > a{padding:1rem 1rem 1rem 3rem;}
	#main-nav .dropdown-menu .dropdown-menu > li > a{padding-left:5rem;}
	#main-nav .dropdown-menu > .dropdown_split > .dropdown-toggle{right:1rem; width:3.5rem; text-align: center;}
	
	#main-nav > li > a,
	#main-nav > .open > a,
	#main-nav .dropdown-menu > li > a,
	#main-nav .dropdown-menu > .open > a{color:#000; background-color:transparent;}

	#main-nav > li > a:hover, 
	#main-nav > li > a:focus,
	#main-nav .dropdown-menu > li > a:focus,
	#main-nav .dropdown-menu > li > a:hover{color:#004885; background:transparent;}

	#main-nav > .active > a, 
	#main-nav > .active > a:hover, 
	#main-nav > .active > a:focus, 
	#main-nav > .active.open > a,
	#main-nav .dropdown-menu > .active > a,
	#main-nav .dropdown-menu > .active > a:focus,
	#main-nav .dropdown-menu > .active > a:hover{color:#004885; background-color:transparent;}

	/* top-nav */
	.top-nav-wrap{background-color: #DEE4ED; padding:1rem 0; display: block; }
	.top-nav-wrap .phone{margin-right:0; padding:1rem;}
	.top-nav-wrap .phone a:hover, .top-nav-wrap .phone a:focus{color:#000;}
	#top-nav{padding:0;}
	#top-nav > li+li{margin-left:0;}
	#top-nav > li > a{padding:1rem; font-size: 1rem;}	
	
	#top-nav > li > a,
	#top-nav > .open > a{color:#000; background-color:transparent;}

	#top-nav > li > a:hover, 
	#top-nav > li > a:focus{color:#798FAD; background:transparent;}

	#top-nav > .active > a, 
	#top-nav > .active > a:hover, 
	#top-nav > .active > a:focus, 
	#top-nav > .active.open > a{color:#798FAD; background-color:transparent;}
	
	.top-nav-wrap .phone a{color:#000;}
	.top-nav-wrap .phone a:hover, .top-nav-wrap .phone a:focus{color:#798FAD;}

	
	#top-search{display: flex; align-items: center; margin:1rem 1rem 0 1rem; position: relative;}
	#top-search input, #top-search.expanded input{width:100%; padding: 0 4rem 0 1rem; position: relative; right:0; top:0; background-color: #fff; margin:0;}
	#top-search button{display: none; position: absolute; color:#798FAD; top:0; right:0; height:2.5rem; width:2.5rem;}

.breadcrumbs-section{padding:0.5rem 0;}
.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}

.items-listing > .inner-wrap{margin:0 -0.5rem -1rem -0.5rem;}
.items-listing .item{margin:0 0.5rem 1rem 0.5rem;}
.items-listing.three-cols .item{width:calc(33.33% - 1rem);}
.items-listing.two-cols .item{width:calc(50% - 1rem);}
.items-listing.four-cols .item{width:calc(33.33% - 1rem);}
	
	.masthead-internal-section{padding-top:8rem; padding-bottom:3rem; }
	
	.textbox blockquote{background-size: 8rem auto;}
	
	.resources-slider{margin-right:-1rem; margin-bottom:0; padding-bottom:1rem;}
	.resources-slider .item{margin-right:1rem; padding-bottom:1.1rem;}
	.resources-slider .sp-link{position: relative; bottom:0;}
	.resources-slider .slick-dots{right:15px;}
	
	.case-slider{margin-right:-1rem; margin-bottom:0; padding-bottom:1rem;}
	.case-slider .item{margin-right:1rem; padding-bottom:1.1rem; display: block;}
	.case-slider .sp-link{position: relative; bottom:0;}
	.case-slider .slick-dots{right:15px;}
	.case-slider .item .content{position: relative; margin-top:-3.5rem; padding-bottom:2rem;}
	.case-slider .item .title{margin-bottom:1rem;}
	.case-slider .image{margin-bottom:0;}
	.case-slider .collapse{display: block;}
	
	.profs-slider{margin-right:-1rem; margin-bottom:0; padding-bottom:1rem; }
	.profs-slider .item{margin-right:1rem; padding-bottom:1.1rem; display: block;}
	.profs-slider .slick-dots{right:15px;}
	.profs-slider .item .content{position: relative; margin-top:-3.5rem; padding-bottom:2rem;}
	.profs-slider .item .title{margin-bottom:1rem;}
	.profs-slider .image{margin-bottom:0;}
	
	.projects-listing .item .content{position: relative; margin-top:-3.5rem; padding-bottom:2rem;}
	.projects-listing .item .title{margin-bottom:1rem;}
	.projects-listing .image{margin-bottom:0;}
	.projects-listing .collapse{display: block;}
	.projects-listing .item:nth-child(3){display: none;}
	.items-listing.three-cols.projects-listing .item{width:calc(50% - 1rem);}
	
	.cta-section::before{left:33.33%;}
	.cta-section .image{margin-right:2rem;}
	
	#footer .side-left::before{left:-15px; right:0;}
	.footer-top .side-left .col{padding-right:2rem;}
	.footer-top .side-left .col:nth-child(1){width:39%;}
	.footer-top .side-left .col:nth-child(2){width:27%;}
	.footer-top .side-left .col:nth-child(3){width:34%;}
	
	#hero-slider .item{padding-top:10rem; padding-bottom:6.5rem; height:auto; min-height: inherit;}
	#hero-slider .slick-dots{right:15px; top:28%; bottom:18%;}
	#hero-slider .item .textbox::before {right:calc(100% + 20px); width:10%;}
	
	.projects-slider-section .section-title{top:-6.5rem;}
	.projects-slider-section .section-link{bottom:-6.5rem;}
	.projects-slider-section::before {left:33.33%;}
	.projects-slider .content{padding-top:2rem; padding-bottom:3rem;}
	.projects-slider .slick-dots{bottom:-1rem;}
	.projects-slider .slick-dots li{flex-grow:1;}
	.projects-slider .slick-dots li button{width:100%; height:2px; border-radius:0; margin:0; background-color: rgba(121, 143, 173, 0.5);}
	.projects-slider .slick-dots .slick-active button, .projects-slider .slick-dots .slick-active button:hover{transform:none; background-color: #004885;}
	
	
	.services-listing{padding-top:0;}
	
	.testimonial-wrap::before {left:calc(-8.33% - 30px);}
	.testimonial-wrap{padding-bottom:6rem;}
	
	.differentiator-section .content{padding-top:2rem; padding-bottom:3rem;}
	.differentiator-section::before{right:33.33%;}
	
	.loctions-section .row{display:block;}
	.loctions-section .content{padding-right:33.33%;}
	
	.content-section.outer-wrap::before{left:0;}
	.services-intro-section .image{right:0; margin-left:1.5rem;}
	.content-section.outer-wrap.edge-left:before{right:0; left:0;}
	.services-intro-section.edge-left .image{left:0; margin-right:1.5rem;}
	
	.anchors-nav-wrap{padding:1rem;}
	.anchors-nav-wrap ul > li > a{padding:1rem; font-size: 1rem;}
	
	.items-listing.four-cols.profs-listing .item:nth-child(4){display: none;}
	
	.contact-section.bg-image::before{left:33.33%;}
	.contact-section .form-wrap{padding-left:3rem; padding-right:3rem;}
	
	.masthead-compact + .breadcrumbs-section, .masthead-compact-compact + .breadcrumbs-section{margin-top:9.5rem; background: #DEE4ED; color:inherit;}
	.masthead-compact, .masthead-compact-compact{min-height: inherit; padding-top:4.8rem; padding-bottom:4.8rem;}
	.masthead-compact + .breadcrumbs-section ol li a, .masthead-compact-compact + .breadcrumbs-section ol li a{color:#004885;}
	
	.modal .close{font-size: 3rem; right:0.25rem; top:-0.5rem; color:rgba(0, 72, 133, 0.25);}
	.modal .close:hover, .modal .close:focus{color:rgba(0, 72, 133, 1);}
	.modal-dialog{width:auto; margin-left:1rem; margin-right:1rem; margin-top:87px;}
	
	.navbar-brand .logo-v{display: none;}
	.navbar-brand .logo-h{width:14rem; bottom:-1rem; opacity:1; transition: none;}
	.affix .navbar-brand .logo-h{width:14rem; opacity:1; bottom:-1rem;}
	
	.footer-top .side-right, .footer-bottom .side-right{justify-content: flex-start;}

}


@media (max-width: 767px) {
/* xs */
#page-wrap{border-left:0px dashed blue;}

.content-section{ padding-top:3.5rem; padding-bottom:3.5rem; }
.large-padding-top{ padding-top:5rem;}
.large-padding-bottom{ padding-bottom:5rem;}
.small-padding-top{ padding-top:1.75rem;}
.small-padding-bottom{ padding-bottom:1.75rem;}

.btn:not(.btn-link){height:auto; white-space:normal; padding-top:0.85rem; padding-bottom:0.85rem;}

.upload-control .btn{width:8rem;}
.upload-control .file-name{padding-right:9rem;}
.upload-control .input-label{margin-right:9rem;}

h1{font-size:2.49rem /*34px*/;}
h2, .h2-style{font-size:2.07rem /*29px*/;}
h3, .h3-style{font-size:1.73rem /*24px*/;}
h4, .h4-style{font-size:1.44rem /*20px*/;}
h5, .h5-style{font-size:1.20rem /*17px*/;}
h6, .h6-style{font-size:1.00rem /*14px*/;}

h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:1rem; margin-top:0;}
.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;}

.textbox ol{padding-left: 2.5rem;}
.textbox ul{padding-left: 1.5rem;}
	
	.textbox blockquote{font-size: 1.73rem;}

.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:0.5rem;}
.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs{margin-bottom:2.5rem;}
.mb, .mb-sm, .mb-xs{margin-bottom:1rem;}
.in-form-header:not(:first-child){margin-top:1rem;}
	
.items-listing.three-cols .item{width:calc(50% - 1rem);}
.items-listing.two-cols .item{width:calc(100% - 1rem);}
.items-listing.four-cols .item{width:calc(50% - 1rem);}
	
	.masthead-internal-section{padding-bottom:3rem; padding-top:8rem;}
	
	.section-header{display: block;}
	.section-header .title{margin-bottom:1rem; margin-right:0;}
	
	.resources-slider .slick-list{padding-right:10%;}
	
	.cta-section::before{left:0;}
	.cta-section .image{margin-right:0;}
	.cta-section .image img{margin-bottom:0.75rem;}
	
	.footer-top .row, .footer-top .row > [class*="col-"]{display: block;}
	#footer .side-left, #footer .side-right{padding-top:3.5rem;}
	
	.footer-top .side-left{display: block; padding-bottom:2.5rem;}
	.footer-top .side-left .col{width:auto!important; padding-right:0;}
	.footer-top .side-left .col+.col{margin-top:2.5rem;}
	.footer-top .side-right{display: block;}
	
	#footer{background-color: #DEE4ED; text-align: center;}
	.footer-contacts .item{justify-content: center;}
	.footer-links ul{display: flex; align-items: flex-start; justify-content: center; flex-wrap:wrap;}
	.footer-links ul li{margin:0 0.5rem 1rem 0.5rem;}
	
	#footer .side-right{padding-top:0;}
	#footer .side-left{padding-bottom:2.5rem;}
	
	.footer-links ul:not(:last-child){margin-bottom:2.5rem;}
	
	.footer-bottom{border-top:1px solid rgba(128, 129, 131, 0.5);}
	.footer-bottom .row > [class*="col-"]{display: block;}
	.footer-bottom .row{flex-direction: column-reverse;}
	.footer-bottom .side-left, .footer-bottom .side-right{display: block;}
	.footer-bottom .copyright, .footer-bottom .web-design{border:0;}
	.footer-bottom .copyright{padding-top:0;}
	
	.projects-listing .item:nth-child(3){display: block;}
	.items-listing.three-cols.projects-listing .item{width:calc(100% - 1rem);}
	
	#hero-slider .item{padding-top:9rem; padding-bottom:5rem;}
	#hero-slider .item .textbox::before { display: none;}	
	#hero-slider .slick-dots li button::before{font-size: 1rem;}
	
	.projects-slider-section .section-title{position:relative; top:0; left:0;}
	.projects-slider-section .section-link{position: relative; left:0; bottom:0;}
	.projects-slider-section .projects-slider{margin-bottom:2.5rem;}
	.projects-slider .item .row, .projects-slider .item .row > [class*="col-"]{display:block;}
	.projects-slider .image{height:calc(100vw/1.618); margin-right:0;}
	.projects-slider-section::before{left:0;}
	.projects-slider .content{padding:0 0 1rem 0;}
	.projects-slider .title.mb-big{margin-bottom:1rem;}
	.projects-slider .textbox .sp-link{margin-top:0;}
	
	.testimonial-wrap{padding:3rem 1rem 5rem 1rem;}
	
	.differentiator-section::before{right:0;}
	.differentiator-section .content{padding:0;}
	.differentiator-section .row{flex-direction: column-reverse;}
	.differentiator-section .row > [class*="col-"]{display: block;}
	.differentiator-section .image{margin:0 0 2.5rem 0; height:calc(100vw/1.618);}
	.differentiator-section .title.mb-big{margin-bottom:1rem;}
	.differentiator-section .textbox .sp-link{margin-top:0;}
	.differentiator-section .image .area-link{background-size: 20% auto;}
	
	.cta-section .content .title.mb-big{margin-bottom:1rem;}
	.cta-section .content .textbox .btn{margin-top:0.35rem;}
	
	.loctions-section .content .mb-big+.textbox{margin-top:-1.5rem;}
	.loctions-section .content{padding-right:0;}
	
	.services-intro-section .row{display: flex; flex-direction: column-reverse;}
	.services-intro-section .image{position: relative; margin-left:0; height:calc((100vw - 30px)/1.618); margin-bottom:2.5rem;}
	.services-intro-section .textbox{margin-bottom:0;}
	.services-intro-section.edge-left .row{display: block;}
	.services-intro-section.edge-left .image{margin-right:0;}
	
	
	.row-inverse-order{display: flex; flex-direction: column-reverse;}
	.row-inverse-order > [class*='col-']:last-child{margin-bottom:2.5rem;}
	
	.anchors-nav{display: flex; flex-wrap:wrap; justify-content: center;}
	.anchors-nav-wrap ul > li > a{padding:0.5rem 1rem;}
	
	.items-listing.four-cols.profs-listing .item:nth-child(4){display:block;}
	
	.contact-section.bg-image::before{left:0;}
	.contact-section .form-wrap{padding-top:3.5rem; padding-bottom:3.5rem;}
	
	.stat-block{margin-top:0;}

	
}

@media (max-width: 566px) {
#page-wrap{border-left:0px dashed yellow;}

.modal-header{padding:1.5rem 1.5rem 0 1.5rem;}
.modal-body{padding:1.5rem;}
.modal-footer{padding:0 1.5rem 1.5rem 1.5rem;}

/* responsive table */
.textbox table{border-top:1px solid #ddd;}
.textbox table, .textbox table tbody, .textbox table tfoot, .textbox table tr, .textbox table caption{ display: block;}
.textbox table thead {display: none;}
.textbox table td {display: flex; padding:0.6rem; text-align: left; border:0;}
.textbox table td:first-child {}
.textbox table td:before{ content: attr(data-th); display: block; font-weight: bold; padding-right:1rem; width:40%; flex:none;}
	
.items-listing.three-cols .item{width:calc(100% - 1rem);}
.items-listing.four-cols .item{width:calc(100% - 1rem);}
	
	.textbox blockquote{font-size: 1.44rem; padding:1.5rem 0 0 3rem; background-size:4rem auto;}
	.textbox blockquote footer{text-align: left;}
	
	#hero-slider .slick-dots li button::before{right:0.5rem;}
	
	.contact-section .form-wrap{padding:3.5rem 2rem;}
	
	.stat-block{flex-direction: column; align-items: center;}
	.stat-block .item{margin:1rem 0;}
	
	.profs-slider .item .title span{display: inline;}


}	

@media (max-width: 320px) {
#page-wrap{border-left:0px dashed red;}


}