@media screen and (max-width: 1840px){
	.container{max-width: 1280px;}

	.bt{font-size: 60px;}


	#promo{overflow: hidden;}
	#promo .image{right: -500px}



	#contacts .note{font-size: 42px;}
	#contacts .note,#contacts .actions{padding-left: 0}
}



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

	.bt{margin-bottom: 24px; font-size: 48px; border-bottom: none; padding: 0; line-height: 110%;}


	header{top: 0;}
	header .container{padding: 8px 16px; border-radius: 0}
	header .btn{font-size: 0; border-radius: 50%; gap: 0; width: 48px; height: 48px; padding: 0}
	header .data{gap: 8px;}
	header nav{display: none;}
	header .pull{display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: #fff url("../img/pull.svg") 50% 50% no-repeat; border-radius: 50%;}
	header .pull.open{background: #fff url("../img/close.svg") 50% 50% no-repeat;}


	#promo{padding: 100px 0 35px;}
	#promo .image{position: relative; right: 0; max-width: 100%; width: 100%; margin-bottom: 15px;}
	#promo .image img{height: auto;}
	#promo h1{margin-bottom: 10px; font-size: 56px;}
	#promo .advantages{gap: 16px; margin-bottom: 10px;}
	#promo .advantages .item{padding: 52px 8px 8px;}
	#promo .advantages .item .icon{top: 8px; left: 8px; width: 32px; height: 32px;}
	#promo .advantages p{display: none}
	#promo .advantages .item .title{font-size: 14px;}
	#promo .about{position: relative; bottom: 0; padding: 30px 0 0; font-size: 32px;}
	#promo .about p strong{margin-right: 10px;}
	#promo .btn{width: 100%; font-size: 20px;}


	#why{padding: 32px 0;}
	#why .data{order: 1; width: 100%; padding: 24px 0 0;}
	#why .text{width: 100%; order: 0;}
	#why .text li{font-size: 24px; margin-bottom: 24px; padding-left: 35px; position: relative;}
	#why .text li span{font-size: 24px; top: 0; position: absolute; left: 0;}
	#why .actions{position: relative; padding: 18px 0 0;}
	#why .actions .btn{width: 100%; font-size: 20px;}
	#why .actions .btn-red{margin-bottom: 24px;}


	#works{padding-bottom: 32px;}

	#how__it__works{padding-top: 32px;}
	#how__it__works .grid{gap: 16px; grid-template-columns: repeat(1, 1fr);}
	#how__it__works .item{padding: 60px 14px 20px;}
	#how__it__works .item .title{margin-bottom: 16px; font-size: 24px;}
	#how__it__works .item:after{top: 20px; left: 14px;}
	#how__it__works .item p{font-size: 14px;}


	#features{padding: 32px 0 0;}
	#features ul li{width: 100%; margin-bottom: 24px; font-size: 24px;}
	#features .images div{width: 100%; margin-bottom: 16px; position: relative; height: auto; top: 0!important}
	#features .images div:last-child{display: flex; justify-content: flex-end;}
	#features .images div:last-child img{top: 0;}
	#features .images div img{width: 90%; height: auto; top: 0!important}


	#core{padding-top: 32px;}
	#core .grid{gap: 16px; grid-template-columns: repeat(2, 1fr);}
	#core .item{padding: 60px 14px 20px;}
	#core .item .title{margin-bottom: 16px; font-size: 24px;}
	#core .item:after{top: 20px; left: 14px;}
	#core .item p{font-size: 14px;}


	.bt span{font-size: 28px;}


	#faq{padding: 32px 0;}
	#faq .data{max-width: 100%; width: 100%; order: 1; padding: 16px 0 0;}
	#faq .list__data{width: 100%; order: 0}
	#faq .item{margin-bottom: 20px;}
	#faq .item .question{font-size: 20px; padding: 15px 50px 15px 0;}
	#faq .item .question:after{width: 40px; height: 40px; background-size: 100%!important}
	#faq .data p{font-size: 20px; margin-bottom: 16px;}
	#faq .data .btn{width: 100%; font-size: 20px;}
	#faq .data .btn-red{margin-bottom: 24px;}


	#about{padding: 32px 0 0;}
	#about p{font-size: 32px;}
	#about p br{display: none;}


	#contacts{padding: 32px 0;}
	#contacts .data{order: 1; width: 100%;}
	#contacts .contacts{order: 0; width: 100%; margin-bottom: 24px;}
	#contacts .contacts .title{font-size: 32px; margin-bottom: 16px;}
	#contacts .contacts .location{margin-bottom: 16px; font-size: 24px;}
	#contacts .contacts .row span{font-size: 20px;}
	#contacts .contacts .row .status{font-size: 32px;}
	#contacts .contacts .row{margin-bottom: 16px;}
	#contacts .contacts .row a{font-size: 24px;}
	#contacts .contacts .row a.phone{font-size: 32px;}
	#contacts .actions .btn{width: 100%; font-size: 20px;}


	footer{padding: 32px 0;}
	footer .flex{justify-content: center;}
	footer nav{width: 100%;}
	footer nav ul{justify-content: center; gap: 20px; padding: 30px 0;}
	footer .privacy .flex{gap: 15px;}
}



@media screen and (max-width: 767px){
	header .lang{display: none;}
}