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


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

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

}


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

	.hp-about .mid .wrapper .text .wrap{padding: 60px;}
}



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

	.max-wrap{ margin:60px auto; padding:0 60px; }
	main:has(.show-side), .path-search main, .path-user main, .path-products main{ padding:60px 60px; }
	.full-width-wrp { padding:25px 0; }
	.region-banner:has(.product-search-banner){padding: 60px;}
	
	.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; }


	.hp-banner .wrp{padding: 60px;}

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

	.hp-about .mid .wrapper .text .wrap{padding: 40px;}
	.hp-about .mid .wrapper .text .wrap h3{font-size: 23px;}

	.hp-stats .data{padding: 150px 60px 100px;}
	.hp-quote{margin: -50px auto 60px; padding: 0 60px;}

	
	.footer .wrapper{padding: 0 60px;}


}

@media screen and (max-width: 1150px){
	nav.main-menu > ul > li > a, 
	nav.main-menu > ul > li span, 
	.main-menu > ul > li > a, 
	.main-menu > ul > li span{margin-left: 12px; padding-left: 12px; font-size: 20px;}
	nav.main-menu .btn {padding: 1em 2em;}

	h2 {font-size: 30px;}

	.hp-form .wrapper .first{display: none;}
	.hp-form .wrapper .second{width: 100%;}


}


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

	.region-sidebar-second:has(.show-side){ width:300px; }
	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),
	.path-products main{ display:block; }
	main:has(.show-side) .layout-content,
	.path-products main .layout-content {width: unset; }
	.box-wrap { padding:60px; }

	h1{font-size: 50px;}

	header{ height:80px; }
	.site-logo { width:70px; top: 7px; left:20px; }
	#block-mocha-main-menu,
	.main-menu { display: none; }
	.top-nav{ display:none; }
	#mt-container { display: block; }

	.hp-banner .wrp{padding: 0px;}
	.hp-banner .inner{padding: 50px 60px;}
	.hp-banner .inner h1 {font-size: 40px;}

	.hp-about .mid .wrapper .text{-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%;}
	.hp-about .mid .wrapper .image {-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%;}

	.hp-ctas h3{font-size: 24px;}

	.footer .top .wrap .item, .footer .mid .wrap .item{-ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%;}

	.footer .top .logo{margin: 0 auto 10px;}
	.footer .top p{    max-width: 400px; margin: 0 auto 20px; text-align: center;}
	.footer .top .socials{justify-content: center;}
	.footer .top h3{text-align: center; font-size: 22px;}
	.footer .top .links{text-align: center;}

	.footer .mid .item{text-align: center;}
	.footer .mid .item .flexy{display: block;}
	.footer .mid .item .flexy .icon{margin: 0 auto;}
	.footer .mid .item .flexy .copy{width: unset;}
}

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

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

	h2{font-size: 28px;}


	.hp-intro .image{aspect-ratio: 3/2;}

	.hp-stats .data .wrapper .wrap {
    padding: 1rem;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;}

    .floater-2{float: unset; width: unset; margin-right: 0;}

    .hp-proj .item .wrap:before,
.projects .item .wrap:before { opacity: 1;
       -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0, 0, 0);}

    .hp-proj .item .wrap:after,.projects .item .wrap:after{
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1,1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}
.hp-proj .item .wrap h3,
.projects .item .wrap h3{opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0, 0, 0);}


}

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

	h1{font-size: 40px;}
	

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

	.hp-banner .wrp,
	.hp-stats,
	.hp-cs,
	.hp-form{background-attachment: unset;}
	
}

@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 25px; margin:25px auto; }
	.region-banner:has(.product-search-banner){padding: 50px 25px;}
	.max-wrap .swiper{margin: 0 -25px;}
	 main:has(.show-side), .path-search main, .path-user main, .path-products main { padding:50px 40px; }
	.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; }

    .hp-banner .inner{padding: 50px 40px; background: rgba(0, 0, 0, .5);}

    .hp-quote{padding: 0 10px;}
    .hp-quote h3{display: inline-block; font-size: 28px; padding: 0 5px;}

    .hp-about .top{padding: 0 25px; text-align: left;}
    .hp-about .mid{padding: 50px 10px 0;}

    .hp-stats .data{
    	padding: 150px 25px 100px;
    }

    .hp-form .wrapper{margin: 0 -40px;}

    h1{font-size: 50px;}
	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; }

	.footer .low .wrap p{font-size: 12px;}

}

@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), .path-search main, .path-user main{ padding:0 30px; }
	/*.max-wrap{ padding:0 30px; }*/
	.region-sidebar-second{ padding:50px 25px 20px; }
	

	.hp-banner .inner{padding: 50px 30px;}

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

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

}