@media screen and (max-width: 1700px){
	#promo .sales{left: -220px}
	#promo .residence_id{left: -50px; max-width: 350px;}
}





@media screen and (max-width: 1560px){
	.container{max-width: 1200px!important}


	#promo .image{max-width: 540px;}
	#promo .sales{left: -120px; width: 280px; font-size: 24px;}
	#promo .residence_id{left: -80px; max-width: 250px;}


	#about .text{padding: 50px;}


	#what__we__do .text{max-width: 550px;}


	.service__item{padding: 40px}
	.service__item .image{max-width: 300px; right: -60px;}


	#promo__service .image{right: -320px}
}



@media screen and (max-width: 1240px){
	.container{max-width: 100%!important; padding: 0 30px}


	.section{padding: 40px 0;}
	.section__bottom{padding: 0 0 40px}
	.section__top{padding: 40px 0 0}
	.section__page{padding-top: 120px!important}


	.bt span{font-size: 32px; padding: 0 30px; line-height: normal;}
	.bt span:after,.bt span:before{width: 30px;}


	header.open{box-shadow: none!important;}
	header .data{display: none; position: absolute; top: 100%; left: 16px; width: calc(100% - 32px); z-index: 400; background: #252525; text-align: center; max-width: 100%; box-sizing: border-box; padding: 25px 15px; background: linear-gradient(0deg, #252525, #252525), #D9D9D9; box-shadow: -9px 9px 10.2px rgba(0, 0, 0, 0.25); border-radius: 10px;}
	header .data nav{margin-bottom: 10px;}
	header .data .lang{justify-content: center;}
	header .data nav li{display: block; width: 100%; margin: 0 0 20px;}
	header ul li.menu-item-has-children a{padding: 0!important}
	header ul li .sub-menu{display: none!important;}
	header .data nav li a:after{display: none;}
	header .mobile__nav{display: block; text-transform: uppercase; margin-bottom: 20px; font-size: 16px; font-weight: 800;}
	header .pull{display: flex; width: 38px; height: 38px; background: url("../img/pull.svg") 50% 50% no-repeat;}
	header .pull.open{background: url("../img/close.svg") 50% 50% no-repeat;}


	#promo{padding-bottom: 350px;}
	#promo .image{display: none;}
	#promo .sales{position: relative; bottom: 0; left: 0; margin: 0 auto;}
	#promo .residence_id{top: calc(100% + 20px); left: 30px}
	#promo .earth{right: 30px; width: 300px; top: calc(100% + 20px)}
	#promo:before{display: none;}
	#promo:after{background: url("../img/promo_mobile.webp") 50% 100% no-repeat; display: none;}


	#about .text{width: 100%; order: 1}
	#about .image{width: 100%; order: 0}


	#what__we__do .text{max-width: 100%; width: 100%; margin-bottom: 40px;}
	#what__we__do .slider-sw{max-width: 100%; width: 100%;}


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


	#docs{overflow-x: hidden; margin-bottom: 40px;}
	#docs .swiper{overflow-x: visible;}
	#docs .slider-sw{padding: 0}
	#docs .swiper-button-prev,#docs .swiper-button-next{display: none;}
	#docs .swiper-slide{width: 312px}
	#docs .swiper-slide img{height: 230px;}


	#contacts .text{width: 100%; margin-bottom: 30px;}
	#contacts .info{width: 100%;}


	#promo__service .container{padding: 150px 30px 310px}
	#promo__service .image{width: 100%; right: 0; justify-content: center; height: 280px; background-size: auto 100%!important;}
	#promo__service .image img{max-width: 100%; max-height: 100%; width: auto; height: auto;}


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

	#list__works .grid{grid-template-columns: repeat(2, 1fr);}
	#list__works .grid img{height: 245px;}


	footer .logo{width: 100%; margin-bottom: 30px;}
	footer .data{width: 100%; max-width: 100%;}
	footer .data nav ul li{margin: 0 40px 0 0;}
}




@media screen and (max-width: 767px){
	.container{padding: 0 16px}

	.bt{margin-bottom: 40px;}
	.bt span{font-size: 18px; line-height: normal;}
	.bt span:after,.bt span:before{width: 15px;}



	.btn-gold span{padding: 0; width: 100%; height: 54px; font-size: 16px;}


	.socials{gap: 10px}
	.socials a{width: calc(50% - 5px); height: 52px; font-size: 14px; box-sizing: border-box;}


	header{padding: 15px 0;}
	header .logo{max-width: 185px;}
	header .logo a{font-size: 16px; line-height: 19px;}



	#promo{padding: 120px 0 280px}
	#promo:after{background: url("../img/promo_mobile.webp") 50% 100% no-repeat; display: block; top: 180px}
	#promo h1{margin-bottom: 15px; font-size: 22px; line-height: normal;}
	#promo h2{font-size: 16px; margin-bottom: 15px;}
	#promo .socials{margin-bottom: 20px;}
	#promo .sales{width: 160px; padding: 8px; font-size: 14px; line-height: 20px; border-radius: 10px;}
	#promo .residence_id{width: 170px; left: -22px; top: calc(100% - 50px);}
	#promo .earth{width: 210px; right: 0; top: calc(100% - 50px);}


	#about .text{padding: 22px 15px;}
	#about .text h2{font-size: 18px; line-height: 30px; margin-bottom: 10px;}
	#about .text p{font-size: 14px; margin-bottom: 20px; line-height: 22px;}
	#about .btn{width: 100%;}


	#what__we__do .text{max-width: 100%; width: 100%; margin-bottom: 40px;}
	#what__we__do .slider-sw{max-width: 100%; width: 100%;}
	#what__we__do .text{padding: 0}
	#what__we__do .text h2{font-size: 18px; line-height: 30px; margin-bottom: 10px;}
	#what__we__do .text p{font-size: 14px; margin-bottom: 20px; line-height: 22px;}
	#what__we__do .btn{width: 100%;}


	#services .bt span{max-width: 250px;}
	.service__item{padding: 30px 15px 170px;}
	.service__item .text{max-width: 100%; width: 100%;}
	.service__item .title{max-width: 100%; width: 100%; text-align: center; margin-bottom: 40px; font-size: 18px; padding: 0 30px; box-sizing: border-box; line-height: 1.3;}
	.service__item .title:after{max-width: 100%; width: 100%; bottom: -20px}
	.service__item .image{max-width: 100%; width: 100%; display: flex; justify-content: center; align-items: flex-end; right: 0!important; height: 150px; bottom: 0!important}
	.service__item .image img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
	.service__item .excerpt{font-size: 14px; max-width: 100%;}
	.service__item1{background-position: 50% 100%!important; background-size: auto 170px!important}


	#contacts .bt{margin-bottom: 30px;}
	#contacts .text{text-align: center;}
	#contacts .text .title{font-size: 18px; margin-bottom: 20px;}
	#contacts .text p{font-size: 16px; line-height: 20px;}
	#contacts .info{padding: 30px 7px 16px;}
	#contacts .info .title{font-size: 18px; margin-bottom: 20px;}
	#contacts .info p{font-size: 16px; line-height: 20px;}


	#promo__service .container{padding: 90px 16px 310px}


	#promo__service{background-size: auto 80%;}
	#promo__service .image{width: 100%; right: 0; justify-content: center; height: 280px; background-size: auto 100%;}
	#promo__service .image img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
	#promo__service h1{text-align: center; margin-bottom: 20px; font-size: 22px;}
	#promo__service .text{text-align: center; font-size: 16px;}


	#docs__types .grid{grid-template-columns: repeat(1, 1fr);}
	.type__item .swiper__types img{height: 195px}
	.type__item .title{font-size: 16px;}
	.type__item .excerpt{font-size: 14px;}


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


	footer .logo{width: 100%; text-align: center;}
	footer .logo img{margin: 0 auto;}
	footer .data nav{width: 100%; margin-bottom: 10px;}
	footer .data nav ul li{display: block; margin: 0 0 20px 0; text-align: center;}
	footer .lang{justify-content: center; width: 100%;}
	footer .copyright{padding-top: 20px; font-size: 14px;}
}