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


	#promo .slider-sw .swiper-button-next{right: 12px;}
	#promo .slider-sw .swiper-button-prev{left: 12px}


	#block__note .text{width: 100%; text-align: center; margin-bottom: 20px; max-width: 100%;}
	#block__note .btn{margin: 0 auto;}


	#about .info{width: calc(100% - 330px)}

	#contacts .row{min-width: 0; width: 100%;}


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




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



	#promo .title{font-size: 40px;}
	#promo p{width: 100%; max-width: calc(100% - 100px)}


	.box__modal{padding: 24px;}
	.fancybox-close-small{top: 24px; right: 24px;}


	#block__note .text{font-size: 20px;}
	.box__modal .flex.flex__title{gap: 20px;}


	#services .item img{height: 230px;}
	#services .item .data{padding: 32px; align-items: flex-start;}
	#services .item .data .title{width: 100%;}
	#services .item .data .btn{position: absolute; bottom: 32px; right: 32px;}


	#partners .swiper{width: calc(100% + 24px); box-sizing: border-box; padding: 0 12px; margin-left: -12px}


	#about .text{width: 100%; max-width: 100%; margin-bottom: 15px;}
	#about .info{max-width: 100%; width: 100%;}
	#about .logo{gap: 20px}
	#about .logo img{width: 110px}
	#about .logo span{width: 100%;}
	#about .grid{grid-template-columns: repeat(1, 1fr);}


	#how__work .items{padding: 0 0 0 45px;}
	#how__work .items:after{left: 12px; background-repeat: repeat; height: calc(100% - 170px); top: 75px}
	#how__work .item:after{left: -45px}


	#contacts .row{display: block;}
	#contacts .row i{display: inline-block; position: relative; top: 5px}
	#contacts .row p{display: inline;}
	#contacts .map{margin-top: 40px;}
	#contacts .filters a{padding: 0; width: calc(50% - 10px)}


	.form .flex .form__item{width: 100%;}


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


	.content__text .wrapp{overflow-y: auto;}
	.content__text table{width: 800px}


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


	#promo__page{padding: 32px 0;}
	#promo__page h1{font-size: 40px; line-height: 115%;}


	#about__project .info{width: 100%; margin-bottom: 20px;}
	#about__project .text{width: 100%;}
		#about__project .text p {width: 100%; font-size: 18px;}


	#carrers .item{padding: 24px;}


	footer .col{max-width: 100%; width: calc(50% - 6px)}
	footer .copyright p{max-width: calc(50% - 6px)}
	
 #about__project.section__text .text{width: 100%;   display: flex; flex-direction:column; gap:0px;}
}