@media screen and (max-width: 1750px){
	#form__surr .image{max-width: 48%;}
	#form__surr .data{width: 50%;}
}



@media screen and (max-width: 1420px){
	.container{max-width: 100%; padding: 0 20px}


	.block__advantages .data{width: 49%;}
	#process .count{width: 300px}
}

@media screen and (max-width: 1240px){
	body{padding: 0}
	.bt{font-size: 38px; line-height: 100%;}


	.grid{grid-template-columns: repeat(2, 1fr);}
	.block__advantages .data{width: 100%; order: 1}
	.block__advantages .image{width: 100%; order: 0; margin-bottom: 40px;}


	header{box-sizing: border-box; height: 95px}
	header nav{display: none;}
	header .pull{display: block; width: 64px; height: 64px; background: url("../img/pull.svg") 50% 50% no-repeat; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; margin-left: 20px}
	.white header .pull{background: url("../img/pullb.svg") 50% 50% no-repeat; border-color: #E6E6E5}

	#promo{padding: 400px 0 95px}
	#promo h1{font-size: 58px; max-width: 600px}


	#who{padding: 100px 0}
	#who p{font-size: 28px;}


	#process .image{order: 0; margin-bottom: 30px;}
	#process .data{width: 100%; order: 1; padding: 0}
	#process .text{width: 100%;}
	#process .count{width: 100%; margin-bottom: 10px;}


	#requirements{padding: 100px 0}


	#forms .item{width: 100%; margin-bottom: 12px;}


	#advantages,#donor,#process,#advantages__action,#forms{padding: 100px 0}


	#ready .data{padding: 150px 30px 100px}
	#ready .bt{font-size: 58px; margin-bottom: 15px;}
	.requirements .item{padding: 30px}


	#form__surr{padding: 30px;}
	#form__surr .image{width: 100%; max-width: 100%; margin-bottom: 30px;}
	#form__surr .image img{width: 100%; border-radius: 20px;}
	#form__surr .data{width: 100%; padding: 0}
	#form__surr .data .form{max-width: 100%; width: 100%;}


	footer{position: relative; padding-top: 60px;}
	footer .col{width: 32%;}
	footer .logo{width: 100%; margin-bottom: 40px;}
	footer .socials{width: 100%; position: absolute; top: 75px; right: 30px; width: 270px}
}



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

	header .data a{display: none;}


	#promo{padding: 200px 0 80px; border-radius: 0}
	#promo .actions a{width: 100%; margin-bottom: 12px}


	#who,#requirements,#advantages,#donor,#process,#advantages__action,#forms{padding: 80px 0}


	.grid{grid-template-columns: repeat(1,1fr);}


	.requirements .item:last-child{justify-content: center; flex-wrap: wrap;}
	.requirements .item:last-child p{width: 100%; text-align: center; margin-bottom: 20px}
	.requirements .item:last-child .btn{width: 100%;}


	.block__advantages .item{width: 100%; padding: 20px;}


	#ready{padding-bottom: 80px}
	#ready .data{padding: 130px 20px 80px}
	#ready .bt{font-size: 58px}
	#ready .container{padding: 0}


	#process .image{width: 100%;}
	#process .image img{width: 100%;}
	#process .count span{font-size: 33px;}
	#process .count{font-size: 24px;}


	#forms .container{padding: 0}
	#forms .item .image img{height: 500px; object-fit: cover;}
	#forms .item .data{padding: 0 20px 20px}


	#navigation .top{padding: 15px 20px}
	#navigation .inn{padding: 0 20px 30px}
	#navigation li a{padding: 20px}


	.box__modal{max-width: 100%!important; border-radius: 0!important; padding: 16px 20px 40px!important}
	.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn,.fancybox__slide{padding: 0!important}
	.box__modal .logo{display: block; margin-bottom: 55px}
	.f-button.is-close-btn{top: 28px!important}
	.box__modal .title{font-size: 28px}
	.box__modal .form .col{width: 100%;}
	.box__modal .form .btn{margin-top: 25px;}


	#form__surr{padding: 20px;}
	.form .bt{margin-bottom: 30px; font-size: 28px}
	.form .flex-3 .col,.form .col{width: 100%;}
	.right.flex .btn{width: 100%;}


	.inn__step{min-height: 0;}
	.right.flex.flex-2 .btn-purple{order: 0; margin-bottom: 12px}
	.right.flex.flex-2 .btn-white-tr{order: 1}


	footer{padding-top: 40px;}
	footer .logo img{margin: 0 auto 75px;}
	footer .socials{width: 100%; justify-content: center; top: 130px; right: 0}
	footer .socials a{margin: 0 20px}
	footer .col{width: 100%; margin-bottom: 30px}
	footer .copyright{margin-top: 0;}
}