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

	header{position: absolute; top: 0; left: 0; transition: all 0.2s;}

	header nav,header .phone,header .socials{display: none;}
	header .logo{max-width: 170px}
	header .logo{background: url("../img/logow.svg") 0 0 no-repeat; background-size: 100%; height: 30px}
	header .logo img{opacity: 0}
	header .pull{display: flex; align-items: center;}
	#promo h1{font-size: 80px}
	.list__services .item{width: 100%;}
	#counts .item .count{font-size: 100px}
	#counts .item p{max-width: 50%; font-size: 26px}
	#team img{top: 0; left: 0; right: 0; width: calc(100% - 35px); position: relative;}
	#team .container{min-height: 0; justify-content: flex-start; padding: 50px 15px 0}

	footer .col:first-child{max-width: 100%; width: 100%; margin-bottom: 30px}
	footer .privacy,footer .btn{position: relative;}
}



@media screen and (max-width: 767px){
	.bt{margin-bottom: 30px; font-size: 38px; line-height: 38px; margin-bottom: 34px}
	.bt strong{display: block;}
	.bt__note{margin-bottom: 30px; font-size: 18px}


	header{padding: 30px 0}


	#promo{padding: 155px 0 135px}
	#promo h1{font-size: 42px; margin-bottom: 30px; line-height: 109%; letter-spacing: -0.05em}
	#promo p{font-size: 16px; margin-bottom: 30px}
	#promo video{left: -50%; top: -20%;}


	#services,#services__individuals{padding: 30px 0;}


	.list__services .item{padding: 282px 30px 30px}
	.list__services .image{width: 100%; height: 250px; top: 0!important; left: 0!important; right: 0!important; overflow: hidden;}
	.list__services .image:after,#services__individuals .list__services .image:after{width: 70%}
	.list__services .image img{margin: 0 auto; right: 0!important; top: 30px!important}
	.list__services .title{font-size: 26px; margin-bottom: 16px}
	.list__services .text{font-size: 14px; margin-bottom: 20px}
	.list__services .actions{gap: 0; justify-content: space-between; position: relative;
	margin-top: 50px;}
	.list__services .actions span{width: calc(50% - 5px); margin-bottom: 10px}
	.list__services .actions .btn{width: 100%; padding: 0 20px;}
	.list__services .actions span,.list__services .actions .btn{height: 48px; font-size: 14px}


	#about{padding: 35px 0 35px; background: transparent;}
	#about img{width: 100%; left: 0; right: 0; height: 400px; object-fit: cover;}
	#about .info{max-width: 180px; font-size: 15px; margin-bottom: 125px}
	html[lang="ru-RU"] #about .info{margin-bottom: 115px}
	#about .name{font-size: 38px; line-height: 38px; max-width: 190px}
	#about .name span{font-size: 14px; right: auto; left: 8px; top: -32px}


	#partners, #partners__team{padding: 30px 0}
	#partners img, #partners__team img{height: 20px; width: auto;}
	#partners .swiper, #partners__team .swiper{margin: 0 60px}
	.slider-sw .swiper-button-prev, .slider-sw .swiper-button-next{width: 22px; height: 22px; top: 50%; margin: -11px 0 0!important}


	#counts{padding: 30px 0;}
	#counts .item{padding-bottom: 25px; margin-bottom: 25px}
	#counts .item p{max-width: 244px; width: 100%; margin-top: 20px; font-size: 18px}


	#team{padding: 30px 0}
	#team .container{padding-top: 30px}
	#team .bt{margin-bottom: 15px}
	#team p{font-size: 18px; max-width: 300px}


	.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form input[type="password"], .form textarea, .form select{margin-bottom: 10px}
	.form .flex{gap: 0}
	.form .btn{width: 100%;}
	.form .privacy{width: 100%; font-size: 12px; text-align: center; margin-top: 25px; max-width: 100%;}


	#tasks{padding: 40px 0 25px;}
	#tasks .form .btn{width: 100%; max-width: 100%}


	.box__modal .form__title{height: 170px; font-size: 28px}
	.box__modal .form{padding: 30px 20px;}
	.box__modal .form .note{font-size: 26px; margin-bottom: 30px}
	.box__modal .form .btn{height: 85px; flex-wrap: wrap; padding: 10px;}
	.box__modal .form .btn span{width: 100%; display: block; font-size: 14px; order: 1}
	.box__modal .form .btn svg{order: 0}



	footer{padding: 30px 0 250px; position: relative;}
	footer .col{max-width: 100%; width: 48%; position: static;}
	footer .address{text-align: center; margin-top: 20px; position: absolute; bottom: 136px; width: 310px; left: calc(50% - 155px); font-size: 14px}
	footer .btn{position: absolute; bottom: 205px; width: calc(100% - 30px); left: 15px}
	footer .privacy{position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; font-size: 14px;}
	footer .col .socials{bottom: 72px; width: 100%; justify-content: center; margin: 0; position: absolute; left: 0}
	footer .col .socials a svg{width: 38px; height: 38px}
	footer li{margin-bottom: 0px}
	footer li a{font-size: 14px}
	footer .row{margin-bottom: 45px}
	footer .row:last-child{margin-bottom: 0}
	footer .row a{font-size: 14px}
	footer .row span{font-size: 18px}
	footer .title{margin-bottom: 10px}

	.box__modal.service-modal .text {
		padding: 30px;
	}
	.advantages-m {
		padding: 20px;
	}
	.advantages-m .items {
		grid-template-columns: 1fr;
	}
	.box__modal.service-modal .text {
		margin-top: 0;
	}
	.box__modal.service-modal .form .btn {
	max-width: 80%;
    width: 80%;
}
#services__individuals .list__services .item, #services .list__services .item {
	padding-bottom: 20px;
}
	html[lang="ru-RU"] #about .name {
  font-size: 38px;
}
	.list__services .data {
  max-width: 100%;
}
}