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

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

.field__item:has(.full-width){max-width: unset; margin:80px -150px;}
}

@media screen and (max-width: 1600px){
	.footer .group-one {max-width: 375px;}
	.footer .group-one .socials {margin: 20px 0 0;}
	.footer .group-two {padding: 0 40px;}
	.footer .group-three {max-width: 450px;}
	.footer .group-three p {font-size: 14px;}
	.footer .group-four {max-width: 200px;}

}

@media screen and (max-width: 1500px){
	
	main{ padding:80px 120px; }

	.hp-banner{height: 700px;}
	.hp-banner h1{font-size: 75px; line-height: 1.1em;}
	.hp-banner h1 span {font-size: 85px;}
	.hp-banner h2{font-size: 50px;}

	.hp-about{padding: 80px 120px;}
	.hp-about .grid .item h2 {font-size: 55px; line-height: 1.1em; margin: 0 0 40px;}
	.hp-about .grid .item:last-of-type{padding-left: 80px;}


	.hp-industry{padding: 80px 120px;}
	.hp-industry .wrapper .left h2{font-size: 55px; line-height: 1.1em; margin: 0 0 40px; padding: 0 0 40px;}

	.hp-news{padding: 80px 120px;}
	.hp-news h2{font-size: 55px; line-height: 1.1em;}

	.hp-question,
	.contact-cta{padding: 80px 120px;}

	.hp-results{padding: 80px 120px;}
	.hp-results header h2{font-size: 55px; line-height: 1.1em; margin: 0 0 80px;}

	.hp-team{padding: 80px 120px;}
	.hp-team header h2{font-size: 55px; line-height: 1.1em;}


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

	.footer .group-one {max-width: 300px;}
	.footer .group-four {max-width: 150px;}


}

@media screen and (max-width: 1400px){
	.site-logo {width: 350px; top: 60px;}

	nav.main-menu > ul > li > a, nav.main-menu > ul > li span, .main-menu > ul > li > a, .main-menu > ul > li span {margin-left: 10px; padding-left: 10px; font-size: 20px;}

}



@media screen and (max-width: 1300px){
	
	main{ padding:80px 90px; }

	.hp-banner {height: 600px;}
	.hp-banner h1{font-size: 65px; line-height: 1.1em;}
	.hp-banner h1 span {font-size: 75px;}
	.hp-banner h2{font-size: 40px;}

	.hp-about{padding: 80px 90px;}
	.hp-about .grid .item:last-of-type{padding-left: 60px;}

	.hp-industry{padding: 80px 90px;}
	

	.hp-news{padding: 80px 90px;}
	.hp-news .grid .big-news .wrap .text {padding: 30px;}
	.hp-news .grid .big-news .wrap .text h3 {font-size: 28px;}
	.hp-news a.more{margin: 30px 0 0;}

	.hp-question,
	.contact-cta{padding: 80px 90px;}

	.hp-results{padding: 80px 90px;}

	.hp-team{padding: 80px 90px;}

	.region-sidebar-second{ width:350px; padding-left:80px; }
	.region-banner{ padding:50px 90px; }
	main:has(aside) .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; }
	.field__item:has(.full-width) { padding:80px 90px; }

	.footer {padding:40px 60px;}
	.footer .group-one {max-width: 250px;}
	.footer .group-one .socials{margin: 10px 0 0;}
	.footer .group-two {padding: 0 30px;}
	.footer .group-two ul li{margin: 0 0 5px;}
	.footer .group-two ul li a {font-size: 14px;}

	.footer .group-three {max-width: 380px;}
	.footer .group-three p.small {font-size: 10px;}
	.footer .group-three p {font-size: 12px;}

	.footer .group-four{max-width: 100px;}

	.results .wrap{padding: 30px;}


}

@media screen and (max-width: 1200px){
	header{height: 150px;}
	.site-logo{width: 300px; top: 35px;}
	.top-nav {padding-top: 30px;}
	.top-nav .sub-nav a {font-size: 15px;}
	.top-nav .sub-nav {margin: 0 0 20px;}
	nav.main-menu > ul > li > a, nav.main-menu > ul > li span, .main-menu > ul > li > a, .main-menu > ul > li span{font-size: 18px; padding-left: 8px; margin-left: 8px;}


}


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

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

	.hp-banner{height: 550px;}
	.hp-banner h1{font-size: 55px; line-height: 1.1em;}
	.hp-banner h1 span {font-size: 60px;}
	.hp-banner h2{font-size: 35px;}
}



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

	.region-banner{ padding:50px 80px; }
	main,
	main:has(aside){ display:block !important; padding:0; }
	.layout-content{ padding:60px 80px; }
	.front .layout-content{padding: 0;}
	.region-sidebar-second{ box-sizing:border-box; padding:60px 80px 40px; background:#fff; display: none; }
	.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; }
	aside .spine{ border:none; padding:0; }
	.region-sidebar-second{ margin:0; width:100%; }
	main:has(aside) .layout-content {width: unset;}

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

	.field__item:has(.full-width){margin: 60px -80px;}

	.hp-banner{height: 500px;}
	.hp-banner .inner{padding: 0 40px;}
	.hp-banner h1{font-size: 48px; margin: 0 0 20px;}
	.hp-banner h1 span {font-size: unset;}
	.hp-banner h2{font-size: 30px; padding: 20px 0 0; margin: 0 auto 20px; border-top: 3px solid #fff;}

	.hp-about{padding: 60px 80px;}
	.hp-about .grid{display: block;}
	.hp-about .grid .item{width: unset;}
	.hp-about .grid .item h2 {font-size: 45px; margin: 0 0 30px;}
	.hp-about .grid .item:last-of-type{padding-left: 0px;}


	.hp-industry{padding: 60px 80px;}
	.hp-industry .wrapper{display: block;}
	.hp-industry .wrapper .left, .hp-industry .wrapper .right{width: unset;}
	.hp-industry .wrapper .right .icon {width: 150px;}
	.hp-industry .wrapper .right .text {margin: 0; font-size: 18px;}
	.hp-industry .wrapper .left h2{font-size: 45px; margin: 0 0 30px; padding: 0 0 30px;}
	.hp-industry .wrapper .left h2:before {height: 8px;}


	.hp-news{padding: 60px 80px;}
	.hp-news .grid{display: block;}
	.hp-news .grid #big-news, .hp-news .grid #small-news{width: unset;}
	.hp-news .grid #big-news{margin: 0 0 50px;}
	.hp-news h2{font-size: 45px; line-height: 1.1em;}

	.hp-news .grid .big-news .wrap{max-width: unset;}
	.hp-news .grid .big-news .wrap .text {padding: 30px;}
	.hp-news .grid .big-news{padding: 0;}

	.hp-news .grid .small-news{padding-left: 0;}
	.hp-news .grid .small-news .wrap .text {padding-left: 30px;}

	.hp-question,
	.contact-cta{padding: 60px 80px;}
	.hp-question p,
	.contact-cta p {font-size: 24px;}


	.hp-results{padding: 60px 80px;}
	.hp-results header h2{font-size: 45px; line-height: 1.1em; margin: 0 0 50px;}
	.hp-results .swiper-slide .wrap .text {padding: 15px;}
	.hp-results .swiper-slide .wrap .text h3 {font-size: 18px; margin: 0 0 20px;}
	.hp-results .swiper-slide .wrap .text div {font-size: 16px;}




	.hp-team{padding: 60px 80px;}
	.hp-team header h2{font-size: 45px; line-height: 1.1em;}

	.footer .field__item{display: flex; flex-direction: column;}

	.footer .group-one{float: unset; margin: 0 auto; max-width: 300px; order: 1;}
	.footer .group-one .socials{justify-content: center;}

	.footer .group-two{float: unset; order: 3; width: unset;  margin: 0 0 30px; padding: 0;}
	.footer .group-two ul{display: flex; flex-wrap: wrap;}
	.footer .group-two ul li{margin: 0 0 0 10px;}
	.footer .group-two ul li:first-of-type{margin: 0;}

	.footer .group-three{float: unset; order: 4; margin: 0 auto; max-width: unset;}

	.footer .group-four{float: unset; order: 2; margin: 15px auto;}

}

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

	.hp-banner h1 {font-size: 40px;}
	.hp-banner h2{font-size: 26px;}

	.hp-about .grid .item p {font-size: 18px;}

	.hp-industry .wrapper .left p{font-size: 18px;}

	.hp-news .grid .big-news .wrap .text {padding: 30px 15px;}
	.hp-news .grid .big-news .wrap .text h3 {font-size: 24px; margin: 0 0 20px;}
	.hp-news .grid .big-news .wrap .text .date,
	.hp-news .grid .small-news .wrap .text .date {font-size: 20px; margin: 0 0 10px;}
	.hp-news .grid .big-news .wrap .text span.more {font-size: 16px;}


	.hp-news .grid .small-news .wrap{display: block;}
	.hp-news .grid .small-news .wrap .image{display: none;}
	.hp-news .grid .small-news .wrap .text{width: unset; padding: 0;}

	.results .wrap{height: unset;}



}

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

	h1{font-size: 32px; line-height: 1.3em}
	h1 span{font-size: 40px;}
	
	.region-banner{ padding:50px 60px; }
	.layout-content{ padding:50px 60px; }
	.region-sidebar-second{ padding:50px 60px; }
	.layout-container .primary-img img{ float:none; margin:0 0 40px; width:100%; }

    .field__item:has(.full-width) { padding:70px 60px; margin:50px -60px; }
/*    .box-wrap { margin:-25px; }*/
	.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; }


	.hp-banner h1 {font-size: 35px;}


	.hp-about{padding: 50px 60px;}

	.hp-industry{padding: 50px 60px;}
	.hp-industry .wrapper .right .icon {width: 100px;}
	.hp-industry .wrapper .right .text {margin: 0; font-size: 15px;}

	.hp-news{padding: 50px 60px;}

	.hp-question,
	.contact-cta{padding: 50px 60px;}

	.hp-results{padding: 50px 60px;}

	.hp-team{padding: 50px 60px;}
	
}

@media screen and (max-width: 600px){
	.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;}

	.hp-banner{height: 450px;}

	.hp-industry .wrapper .right .icon {width: 70px;}
	.hp-industry .wrapper .right .text {margin: 0; font-size: 12px;}

	.hp-results{padding: 50px 0;}
	.hp-results header,
	.hp-results footer{padding: 0 60px;}
	#result-next, #result-prev{display: none;}
	.hp-results footer{text-align: center;}
	.hp-results header h2{font-size: 32px;}
	.hp-results header span.hide{display: none;}
	.hp-results header span{display: block;}

	.hp-banner a.btn{font-size: 18px;}


	.hp-team{padding: 50px 0;}
	.hp-team header{padding: 0 60px;}
	.hp-team header h2{font-size: 32px;}
	#team-next, #team-prev{display: none;}

}

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

	body{font-size: 16px;}
	
	.region-banner{ padding:50px 40px; }
	h1{ font-size:40px; }
	.layout-content{ padding:60px 40px; }
	.region-sidebar-second{ padding:50px 40px 20px;  }
	.footer{ padding:30px 35px; }
	.align-right, .align-left{ max-width:100%; margin:0 0 30px; width: 100%;}
	.field__item:has(.box-wrap) { padding:70px 40px; margin:50px -40px; }
	.field__item:has(.full-width) { padding:70px 40px; }
	.paragraph.slider {margin: 50px -40px}

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

	main .field__item:has(.box-wrap):last-child{margin: 50px -40px -60px;}

	.hp-about{padding: 50px 40px;}
	.hp-about .grid .item h2 {font-size: 36px; margin: 0 0 20px;}

	.hp-industry{padding: 50px 40px;}
	.hp-industry .wrapper .left h2 {font-size: 36px; margin: 0 0 20px; padding: 0 0 20px;}

	.hp-news{padding: 50px 40px;}
	.hp-news h2{font-size: 36px;}

	.hp-news .grid .big-news .wrap .text h3 {font-size: 20px; margin: 0 0 10px;}
	.hp-news .grid .big-news .wrap .text .date, .hp-news .grid .small-news .wrap .text .date {font-size: 16px; margin: 0 0 5px;}

	.hp-news .grid .small-news .wrap .text h4{font-size: 20px; margin: 0 0 10px; padding: 0 0 20px;}
	.hp-news .grid .small-news .wrap .text h4:before {height: 7px;}

	.hp-news a.more{font-size: 16px;}


	.hp-question,
	.contact-cta {padding: 50px 40px;}
	.hp-question h2,
	.contact-cta h2 {font-size: 36px; margin: 0 auto 30px;}
	.hp-question p,
	.contact-cta p {font-size: 20px;}



	.hp-results header,
	.hp-results footer{padding: 0 40px;}


	.hp-team header{padding: 0 40px;}
	
}

@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) {

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

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

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

	.hp-banner{padding: 0 25px;}


	.hp-about{padding: 50px 25px;}

	.hp-industry{padding: 50px 25px;}

	.hp-news{padding: 50px 25px;}

	.hp-question,
	.contact-cta {padding: 50px 25px;}

	.hp-results header,
	.hp-results footer{padding: 0 25px;}

	.hp-team header{padding: 0 25px;}

}
