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


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

.hp-help .item .wrap .icon {height: 115px;}


.hp-involve .girl{right: calc(50% - 1200px);}

.hp-who .image {width: 1100px; left: -100px;}
.hp-who .wrapper .copy {padding: 150px 0 100px;}


.region-banner:has(.ban-img){aspect-ratio: unset;}



}


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

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


}

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

	.hp-who:before{display: none;}
	 .hp-who .field__item{display: flex; flex-wrap: wrap; padding: 0 100px 0 0;}
	 .hp-who .wrapper{display: block; padding: 0; width: 40%; max-width: unset; margin: 0;}
	 .hp-who .wrapper .copy{padding: 100px 0 100px 30px;}
	 .hp-who .image{position: unset; width: 60%; background-position: bottom; background-repeat: no-repeat;}

}


@media screen and (max-width: 1500px){
	
	.region-banner .view-content{padding: 0 80px;}

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

	.hp-banner .wrp{padding: 0 80px;}

	.hp-help .item .wrap .icon{height: 100px;}

	.hp-involve .wrapper{padding: 100px 80px 175px;}
	.hp-involve .girl {right: calc(50% - 1150px); width: 1000px;}

	.hp-featured .wrapper .image{display: block;}

	.hp-who .field__item{padding: 0 80px 0 0;}

	.footer .left .logo {width: 200px; padding-right: 30px; margin-right: 30px;}
	.footer .left .info .ad, .footer .left .info .tel {font-size: 15px; line-height: 1.75em;}
	.footer .right .big-links {margin: 0 0 20px;}
	.footer .right .mid {margin: 0 0 10px;}
	
}

@media screen and (max-width: 1440px){
	.hp-banner .wrapper .video video{width: unset; height: 100%;}
}

@media screen and (max-width: 1350px){
	.hp-help .item .wrap .icon{height: 138px;}
	.hp-help .item .wrap h3{font-size: 40px;}
}


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

	.region-banner:has(.image){padding: 60px 0;}
	.region-banner .view-content{padding: 0 60px;}
	.region-banner .view-content .copy {width: calc(100% - 450px); box-sizing: border-box; padding-right: 2em;}
	.region-banner .view-content .image {width: 450px;}

	/*.region-banner .view-content .image {display: none;}*/
/*	h1 {font-size: 60px;}
	.intro-txt{font-size: 18px;}*/



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

	.hp-involve{overflow: hidden;}
	.hp-involve .girl{position: unset; width: 80%; margin: 0 -25% -100px auto;}
	.hp-involve .wrapper{padding: 100px 60px 50px;; display: block;}
	.hp-involve .wrapper .copy{width: unset;}
	.hp-involve .wrapper .copy .left{width:60%; padding-right: 1em;}
	.hp-involve .wrapper .copy .left h2 {font-size: 55px;}
	.hp-involve .wrapper .copy .left p{font-size: 18px; max-width: unset;}

	.hp-involve .wrapper .copy .right{width: 40%; box-sizing: border-box; padding-left: 1em;}
	.hp-involve .wrapper .copy .right ul li {padding: 12px 0;}

	.hp-involve .wrapper .copy .right ul li a:before {width: 25px; top: 5px;}
	.hp-involve .wrapper .copy .right ul li a {font-size: 20px; padding: 0 0 0 35px;}


	.max-wrap{ margin:60px auto; padding:0 60px; }
	main:has(.show-side), .path-search main, .path-user main{ 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; }


	    .footer .left .logo {padding-right: 20px; margin-right: 20px;}

	.footer .right .big-links li{margin-left: 20px;}
	.footer .right .big-links li a{font-size: 18px;}

	.footer .right .mid .socials {padding: 0 0 0 20px;}

	.footer .right .mid .small-links li a {font-size: 15px; margin: 0 0 0 6px; padding: 0 0 0 6px;}

}


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

	.hp-banner .wrapper{aspect-ratio: unset; height: 600px;}

	.footer .left,
	.footer .right{float: unset;}

	.footer .left{ 		text-align: center;
    margin: 0 auto;
    width: fit-content; }

    .footer .left .wrappy{display: block;}
    .footer .left .logo{padding: 0 0 20px; margin: 0 auto; border: none;}
    .footer .left .info .tel {margin: 0 0 10px;}
    .footer .left .info{margin: 0 0 20px;}



	.footer.right{
		text-align: center;
    margin: 0 auto;
    width: fit-content;}

    .footer .right .big-links{justify-content: center;}
    /*.footer .right .big-links li a{font-size: 22px;}*/
    .footer .right .mid{display: block;}
    .footer .right .mid .small-links{justify-content: center;}
    .footer .right .mid .small-links li{height: unset; display: block; margin: 0;}
    .footer .right .mid .small-links li a{margin: 0 0 0 10px; padding: 0 0 0 10px;}
    .footer .right .mid .socials{justify-content: center; padding: 0; margin: 20px 0;}
    .footer .right .copyright{text-align: center;}
	
}

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

	.region-sidebar-second{ background:#C3523C; }
	.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{position: relative; display:block; float:right; width:35%; margin:0 0 30px 30px; border-radius: 2em;}
	.layout-container .primary-img img::before{position: absolute; content: "";
		display: block;
	aspect-ratio: 87/110;
	width: 6.666667%;
	background: url(img/pi-shine.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: -4%;
	right: -4%;}
	aside .primary-img{ display:none; }
	aside #sub-menu .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 0px; padding:40px 60px; width:unset; margin: 0 -60px; }
	main:has(.show-side){ display:block; }
	main:has(.show-side) .layout-content {width: unset; }
	.box-wrap { padding:60px; }

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

	.region-banner,
	.region-banner:has(.image),
	.region-banner:has(.ban-img) {padding: 60px 0;}

	.region-banner:has(.ban-img){position: relative; display: block; min-height: unset;}
	.region-banner:has(.ban-img):before{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(32, 46, 81, .6);}
	.region-banner .view-content .copy,
	.region-banner:has(.ban-img) .view-content .copy{width: unset; display: block;}
	.region-banner .view-content .image {display: none;}


	h1{font-size: 60px;}
	.intro-txt {font-size: 18px;}


	.hp-help .intro{display: block;}
	.hp-help .intro h2{font-size: 48px; min-width: unset; margin: 0 0 30px;}
	.hp-help .intro p{width: unset; padding: 0;}

	.hp-involve .wrapper{padding: 60px 60px 50px;}
	.hp-involve .wrapper .copy .left,
	.hp-involve .wrapper .copy .right{width: 50%;}
	.hp-involve .girl {margin: 0 -10% -100px auto;}

	.hp-featured .wrapper{flex-direction: column-reverse;}
	.hp-featured .wrapper .image{width: unset; text-align: center;}
	.hp-featured .wrapper .copy{width: unset; padding: 50px 0 0;}
	.hp-featured .wrapper .copy p{max-width: unset; margin: 0 0 30px;}

	.hp-who .field__item{flex-direction: column-reverse; padding: 0;}
	.hp-who .image{width: 100%;}
	.hp-who .wrapper{width: unset; padding: 60px;}
	.hp-who .wrapper .copy{padding: 0;}
}

@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-help .item .wrap .icon {height: 115px;}
	 .hp-help .item .wrap h3 {font-size: 33px;}


	/*.hp-help .flex-grid.sm-1 .item{padding: .75em 0;}*/
	.hp-help .intro{margin: 0 0 30px;}

	.hp-involve .girl {width: 90%; margin: 0 -10% -50px auto;}


}


@media screen and (max-width: 800px){
	.hp-involve .wrapper .copy{display: block;}
	.hp-involve .wrapper .copy .left{width: unset; padding: 0 0 30px;}
	.hp-involve .wrapper .copy .right{padding: 0; width: unset; max-width: 325px; display: block;}
}

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

	.hp-help .item .wrap {padding: 1.5rem;}

	.hp-help .item .wrap .icon {height: 100px; top: 1.5em; left: 1.5em;}
	.hp-help .item .wrap h3 {font-size: 30px;}

}

@media screen and (max-width: 700px) {
	
	.region-banner { padding:25px 0 50px; }
	.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; }

	    h1 {font-size: 48px;}


	.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: 40px; margin: 0 0 2rem;}
	.hp-banner p{font-size: 18px;}

	.hp-help .item .wrap .icon {height: 85px;}
	.hp-help .item .wrap h3 {font-size: 26px;}

	    .region-banner:has(.ban-img) {background-position-x: right 15%;}



	
}

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

	.hp-involve .girl {width: 100%;}


}

@media screen and (max-width: 550px){
	.hp-help .flex-grid .item{padding: .75em 0;}
	.hp-help .item .wrap .icon{height: 138px;}
	.hp-help .item .wrap h3{font-size: 40px;}
}


@media screen and (max-width: 500px) {
	
	.max-wrap{ padding:0 40px; margin:50px auto; }
	 main:has(.show-side), .path-search main, .path-user main{ 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; }
	.box-wrap{ margin:0 -20px 40px; padding:40px 35px; }
	.region-sidebar-second:has(.show-side){margin: 0 -40px; padding: 40px;}

    .region-banner .view-content{padding: 0 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; }

	.hp-banner .wrp{padding: 0 40px;}

	.hp-involve .wrapper {padding: 50px 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) {

	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; }
	.footer{ padding:30px 25px; }

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

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

	.hp-help .item .wrap .icon {height: 115px;}
	.hp-help .item .wrap h3 {font-size: 28px;}


	.hp-involve .wrapper {padding: 50px 25px;}

	.region-sidebar-second:has(.show-side){padding: 40px 30px; margin: 0 -30px;}

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

}