/*@media screen and (max-width: 1800px){


.hp-banner .inner{padding: 200px 40px 0 150px;}

.paragraph.slider{margin: 60px -5px;}

nav.main-menu > ul, .main-menu > ul{padding-right: 80px;}
.top-nav{padding-right: 80px;}
.site-logo {left: 50px;}
}


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

	.full-width-wrp .full-width-wrp { padding: 10px 0; }


}



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

	.region-sidebar-second:has(.show-side){ width:350px; padding-left:100px; }
	main:has(.show-side) .layout-content {width: calc(100% - 450px);}
}



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

	.max-wrap{ margin:60px auto; padding:0 60px; }
	main:has(.show-side) { padding:0 60px; }
	.full-width-wrp { padding:25px 0; }
	
	.region-sidebar-second{ width:350px; padding:60px 0 0 80px; }
	main:has(.show-side) .layout-content {width: calc(100% - 430px);}

	.paragraph--type--single-block.img-left .item{ padding-left:0; }
	.paragraph--type--single-block.img-right .item{ padding-right:0; }
	.paragraph--type--single-block.img-right .image,
	.paragraph--type--single-block.img-left .image{ position:static; float:right; margin:0 0 40px 40px; }


}


@media screen and (max-width: 1120px){
	
	.region-banner{ padding:25px 0; }
	.region-sidebar-second:has(.show-side){ width:300px; }
	.footer{ padding:30px 45px; }
	ul.triple{ columns:2; }
	
}

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

	.region-sidebar-second{ box-sizing:border-box; padding:60px 80px 40px; background:#f3f3f3; }
	.region-sidebar-second p:last-child{ margin-bottom:0; }
	.region-sidebar-second > :last-child{ padding-bottom:0; margin-bottom:0; } 
	.layout-container .primary-img img{ display:block; float:right; width:35%; margin:0 0 30px 30px; }
	aside .primary-img{ display:none; }
	aside .sub-menu{ display:none; }
	aside .box{ background:none; padding:0; margin:0; }
	aside .spine{ border:none; padding:0; }
	.region-sidebar-second:has(.show-side){ margin:0 0 60px; padding:40px; width:unset; }
	main:has(.show-side){ display:block; }
	main:has(.show-side) .layout-content {width: unset; }
	.box-wrap { padding:60px; }

	header{ height:115px; }
	.site-logo { width:120px; left:22px; top:22px; }
	#block-mocha-main-menu,
	.main-menu { display: none; }
	.top-nav{ display:none; }
	#mt-container { display: block; }
	
}

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

	.sm-stack tr{ display:block; padding:15px; }
	.sm-stack td{ display:block; border:none; padding:0; }

	.paragraph--type--multi-column-content .item{ padding: 1rem 0 !important; }

}

@media screen and (max-width: 700px) {
	
	.region-banner { padding:25px 0; }
	.region-sidebar-second{ padding:50px 60px; }
	.layout-container .primary-img img{ float:none; margin:60px 0 40px; width:100%; }
	.full-width-wrp { padding:1px 0; }
	.box-wrap { padding:50px; }

	.paragraph--type--single-block.img-right .image,
	.paragraph--type--single-block.img-left .image{ float:none; width:100%; margin:0 0 40px; }
	.accordion .item .content .image{ margin: 0 0 25px 25px; }
	
}

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

	.max-wrap .swiper{ margin:0 -60px; }
	.paragraph.slider {margin: 50px -60px}

	.pop-alert .view-content > div{max-width: 400px;}
	.pop-alert .view-content{margin-left: -200px;}
	.pop-alert .inner p{font-size: 16px; line-height: 1.5em}
	.pop-alert .inner{padding: 50px 40px;}

}

@media screen and (max-width: 500px) {
	
	.max-wrap{ padding:0 40px; margin:50px auto; }
	 main:has(.show-side){ padding:0 40px; }
	.footer{ padding:30px 35px; }
	.align-right, .align-left{ max-width:100%; margin:0 0 30px; width: 100%;}
	.paragraph.slider {margin: 50px -40px}
	.flex-grid .item:last-child *.last-child{ margin-bottom:0; }
	.region-sidebar-second:has(.show-side), .box-wrap{ margin:0 -20px 40px; padding:40px 35px; }

    
	p.big{ font-size:22px; }
	ul{ padding-left:25px; }
	ul.double, ul.triple{ columns:1; }
	.xs-stack tr{ display:block; padding:15px; }
	.xs-stack td{ display:block; border:none; padding:0; }

}

@media screen and (max-width: 450px){
	.pop-alert .view-content > div{max-width: 300px;}
	.pop-alert .view-content{margin-left: -150px;}
	.pop-alert .inner p{font-size: 14px; line-height: 1.5em;}
	.pop-alert .inner{padding: 50px 25px;}
	.pop-alert .inner h2.title,
	.pop-alert .inner h2.title a{font-size: 32px;}
}

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

	main:has(.show-side){ padding:0 30px; }
	.max-wrap{ padding:0 30px; }
	.region-sidebar-second{ padding:50px 25px 20px; }
	.footer{ padding:30px 25px; }

	.paragraph.slider {margin: 50px -25px}

	main .field__item:has(.box-wrap) {margin: 50px -30px 30px;}

}
*/

@media screen and (max-width: 1500px){
	
	header{ padding:0 60px; }
	.layout-content{ padding:80px; }
	.region-sidebar-second{ padding:60px 60px 60px 0; width:350px; }
	.region-banner{ padding:70px 80px; }
	.footer{ padding:50px 60px; }
}

@media screen and (max-width: 1300px){
	
	header{ padding:0 40px; }
	.hp-banner{ height:600px; }
	.hp-banner .inner{ padding-top:100px; }
}

@media screen and (max-width: 1100px){
	
	#block-mocha-site-branding:after{ display:none; }
	.top-nav{ height:65px; }
	.region-banner{ padding:60px 45px; }
	.layout-content{ padding:45px; }
	.region-sidebar-second{ padding:45px 30px 45px 0; width:300px; }
	.footer{ padding:30px 45px; }
	ul.triple{ columns:2; }
	.hp-banner{ background-position: -420px 0; height:550px; }
	.hp-banner .inner{ padding-top:60px; }
	.hp-about .text { padding:60px; }
	
}

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

	header{ height:80px; padding:0 20px; }
	.site-logo{ width:97px; }
	#block-mocha-main-menu { display: none; }
	.top-nav{ display:none; }
	#mt-container { display: block; }
	main{ display:block; }
	.layout-content{ padding:30px 45px; }
	main:has(.show-side) .layout-content{width: unset;}
	.region-sidebar-second{ box-sizing:border-box; padding:60px 45px 30px; background:#02436a; }
	.region-sidebar-second > :last-child{ padding-bottom:0; margin-bottom:0; } 
	.layout-container .primary-img img{ display:block; }
	aside .primary-img{ display:none; }
	aside #sub-menu .sub-menu{ display:none; }
	aside .box, aside .box.dark{ background:none; padding:0; }
	aside .spine{ border:none; padding:0; }
	.region-sidebar-second{ margin:0; width:100%; }
	.footer .wrap{ padding:50px 0 20px; text-align: center; font-weight:400; font-size:13px; }
	.footer .links{ float:none; padding-top:10px; font-weight:700; font-size:15px; }
	.hp-about{ background:url(img/doc-group.jpg) center 0; background-size:cover; margin:0; }
	.hp-about .flex-grid{ margin:0; }
	.hp-about .image{ display:none; }
	.hp-about .text{ max-width:100%; flex-basis:100%; background:rgba(255,255,255,.9); }
	
}

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

	.hp-banner{ background:url(img/bg-blue.jpg) -100px 0; background-size:cover; height:auto; padding:0 0 40px; }
	.hp-banner h1{ color:#fff; font-size:50px; }
	.hp-banner p{ color:#fff; margin-bottom:20px; }
	.hp-banner .btn{ background:#02436a; }
	.hp-benefits{ padding:0; margin:0; }
	.hp-benefits .text{ width:100%; float:none; padding:60px 40px 0; box-sizing: border-box; }
	.hp-benefits .text .btn{ display:none; }
	.hp-benefits .flex-grid{ width:100%; float:none; margin:0; display:block; box-sizing:border-box; padding:0 40px; text-align:left; }
	.hp-benefits .item{ text-align:left; border-top:1px solid #ddd; max-width:100%; padding:0 5px; }
	.hp-benefits .item:first-child{ border:none; }
	.hp-benefits .item img{ display:inline-block; vertical-align: middle; margin:0 10px 0 -10px; max-width:60px; }
	.hp-benefits .btn.mbl{ display:inline-block; margin:45px 0 60px; width:100%; }
	.hp-facts{ background-position: right -400px top 0; }
	.hp-facts span{ display:block; line-height: 1.1em; top:0; padding:20px 0 10px; }
	
}

@media screen and (max-width: 500px) {
	
	.region-banner{ padding:50px 35px 70px; }
	.layout-content{ padding:30px 35px; }
	.region-sidebar-second{ padding:50px 35px 20px;  }
	.footer{ padding:30px 35px; }
	.align-right, .align-left{ max-width:100%; margin:0 0 30px; }
	ul{ padding-left:25px; }
	ul.double, ul.triple{ columns:1; }
	.hp-banner .wrap{ padding:0 40px; }
	.hp-banner h1 { font-size:34px; }
	.hp-facts { font-size:62px; }
	.hp-about .text { padding:40px; }
	.hp-members{ padding-top:0; padding:0 30px 40px; }
	.hp-members .wrap{ background:none; padding:50px 0 0; box-shadow:none; }
	.hp-members h2{ font-size:24px; color:#fff; }
	.hp-members .wrap a{ color:#fff; }
	.hp-members .item{ overflow: hidden; margin:0 0 5px; }
	.hp-members .item img{ margin:-20px 0 -25px; }
	
}

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

	.region-banner{ padding:40px 25px; }
	.layout-content{ padding:30px 25px; }
	.region-sidebar-second{ padding:50px 25px 20px; }
	.footer{ padding:30px 25px; }

}