@media screen and (max-width: 1340px){
	.item__advantages{padding: 0}
}



@media screen and (max-width: 1100px){
	body{padding: 78px 0 0; font-size: 16px;}
	header{padding: 10px 0;}
	header .data{display: none; position: absolute; top: 0; left: 0; z-index: 1000; background: var(--black); top: 100%; width: 100%; box-sizing: border-box; padding: 20px 20px 40px;}
	header .data ul{flex-wrap: wrap; gap: 4px}
	header .data ul li{width: 100%;}
	header .data ul li a:after{left: 0!important;}
	header .data ul li.menu-item-has-children a:after,header .data ul li:hover a:after{width: 100%!important;}
	header .data .btn, header .request{width: 100%;}
	header .pull{display: flex; width: 40px; height: 40px; background: url("../img/pull.svg") 50% 50% no-repeat;}
	header .pull.open{background: url("../img/close.svg") 50% 50% no-repeat;}


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


	#content .left,#content .right{width: 100%;}
	#content .right{margin-top: 24px;}


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


	#materials{padding-left: 16px; padding-right: 16px;}
	#materials .block__title{width: 100%; margin-bottom: 24px; text-align: center;}
	#materials .items{width: 100%; grid-template-columns: repeat(3, 1fr);}


	#about__info .text{width: 100%; margin-bottom: 24px;}
	#about__info .image{width: 100%}


	#about__why .text{width: 100%;}
	#about__why .image{width: 100%; margin-bottom: 24px;}


	#ready.transparent .text{padding: 0; max-width: 100%; width: 100%;}
	#ready.transparent .container{background: transparent;}
	#ready.transparent .container:after{display: none;}


	#contacts .form{width: 100%; margin-bottom: 24px;}
	#contacts .contact__list{width: 100%;}


	#project__info .form{width: 100%; margin-bottom: 24px;}
	#project__info .contacts{width: 100%;}
	#project__info .contacts .row{text-align: left; padding-left: 0; padding-right: 0;}
	#project__info .contacts .block__title{text-align: left;}
	#project__info .contacts .row .icon{margin: 0 0 10px}


	#error__page .data{padding: 100px 0;}
	#error__page:after{opacity: 1}


	footer .col{max-width: 100%;}
	footer .col:nth-child(1){width: 100%; margin-bottom: 40px;}
}


@media screen and (max-width: 767px){
	.section{padding: 60px 0;}
	.section__top{padding-top: 60px;}
	.section__bottom{padding-bottom: 60px;}

	.block__title .bt{font-size: 32px;}
	.block__title p{font-size: 16px;}


	#promo .data{padding: 80px 0;}
	#promo .bt__promo{font-size: 42px;}
	#promo .btn{width: 100%;}
	#promo.white:after{width: 100%;}


	#advantages .grid,#works .grid{grid-template-columns: repeat(1, 1fr);}
	.item__advantages .title{font-size: 24px; margin-bottom: 4px;}
	.item__advantages p{font-size: 16px;}


	#about .image{width: 100%; order: 1}
	#about .text{width: 100%; order: 0; margin-bottom: 24px;}
	#about .btn{width: 100%;}


	#reviews .text{width: 100%;}
	#reviews .reviews{width: 100%; padding-bottom: 50px;}


	.item__advantages.ia__full{padding: 0 0 16px}
	.item__advantages.ia__full .image{position: relative; width: 100%; height: 240px; margin-bottom: 16px;}
	.item__advantages.ia__full .icon{left: 16px; top: 255px; width: auto;}
	.item__advantages.ia__full .icon img{width: 50px;}
	.item__advantages.ia__full .title{padding-left: 80px; font-size: 18px; display: flex; align-items: center; justify-content: flex-start; min-height: 60px;}
	.item__advantages.ia__full p{padding: 0 16px;}
	.item__advantages.ia__full .btn{margin-left: 16px;}


	#breadcrumbs{font-size: 14px; margin-bottom: 60px;}


	#content .right{padding-top: 260px; padding-left: 20px;}
	#content .right img{width: 100%; height: 240px;}

	#tags .grid{grid-template-columns: repeat(2, 1fr);}
	#tags span{justify-content: flex-start; text-align: left; font-size: 14px;}


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

	#contacts .form,#contacts .contact__list{padding: 0 16px;}


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


	#error__page .inn{width: 100%; padding: 24px;}
	#error__page .inn .bt__small{font-size: 24px;}
	#meantime .flex{gap: 16px;}
	#meantime .flex .btn{width: 100%;}


	.form .grid.grid-3{grid-template-columns: repeat(1, 1fr); gap: 12px;}
	.form .grid.grid-4{grid-template-columns: repeat(2, 1fr); gap: 12px; line-height: 1.2;}
	.form .grid.grid-4 label{line-height: 1.2;}

	footer .col:nth-child(4){width: 100%; margin-top: 40px;}
	footer .copyright{text-align: left; font-size: 12px; line-height: normal;}
}