@media screen and (max-width: 1564px){
	header .container,.container{max-width: 1280px}

	header{padding: 18px 0;}
	header .data{gap: 20px}
	header nav ul{gap: 20px;}

	#promo .swiper-slide{padding: 220px 0 120px}

	#advantages .title{padding-right: 50px;}


	.item__text .image{width: 680px}


	#projects .swiper-button-next, #projects .swiper-button-prev{display: none;}


	#contact__section .data{padding-left: 50px;}
	#page__content .btn-backarticle{left: calc(50% - 645px);}
}

@media screen and (max-width: 1310px){
	.container{padding: 0 30px;}

	.section{padding: 40px 0;}


	.grid{gap: 20px;}


	header{padding: 15px 0}
	header nav{display: none;}
	header .callback{display: none;}
	header .pull{display: flex; width: 48px; height: 48px; border-radius: 50%; background: #F4F4F4 url("../img/pull.svg") 50% 50% no-repeat;}
	header .pull.open{background: #F4F4F4 url("../img/close.svg") 50% 50% no-repeat;}


	#promo .swiper-slide{padding: 280px 0 60px;}


	#advantages{padding: 50px 0 20px}
	#advantages .grid{grid-template-columns: repeat(2, 1fr); gap: 20px}
	#advantages .item .title{padding-right: 0}


	#partners .inn{padding: 25px 0}
	#partners .bt__small{display: none;}
	#partners .list__swiper{width: 100%;}
	#partners .list__swiper:after,#partners .list__swiper:before{width: 180px;}
	#partners .swiper-slide{padding: 0 20px; width: auto;}


	.item__text .text{width: 100%; max-width: 100%; order: 1!important}
	.item__text .image{width: 100%; order: 0!important; margin-bottom: 30px;}


	#projects .swiper{overflow-x: inherit;}
	.project__item{width: 460px;}


	#note .inn{padding: 30px; gap: 30px}
	#note .inn .title{padding: 130px 0 0; background-position: 0 0;}


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


	#promo__page .data{padding: 20px 0 60px;}
	#promo__page .image__bg img{height: 420px;}
	#promo__page .container{max-width: 100%;}


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


	#go__team .data{padding: 30px;}
	#go__team .data img{order: 0; width: 100%; margin-bottom: 30px; max-width: 100%; height: auto; max-height: 370px}
	#go__team .data .text{width: 100%; order: 1; max-width: 100%;}


	#our__products .swiper{overflow-x: inherit;}
	.product__item{max-width: 224px;}


	#our__works .grid{grid-template-columns: repeat(2, 1fr);}
	#our__works .gallery.gallery__objects{grid-template-columns: repeat(3, 1fr); gap: 20px}
	#our__works .gallery.gallery__objects img{height: 222px;}


	#contact__section .data{padding: 40px 30px 80px; width: 100%; box-sizing: border-box;}
	#contact__section .image{width: 100%; height: 600px}
	#contact__section .form{max-width: 100%; width: 100%;}


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


	#product__data .gallery{width: 100%;max-width: 100%; margin-bottom: 40px;}
	#product__data .information{width: 100%; max-width: 100%}
	#product__data .gallery .swiper__gallery img{height: 530px;}


	#cart .list__cart,#cart .page__checkout{width: 100%; margin-bottom: 40px;}
	.checkout__cart{width: 100%;}


	#page__projects .grid{grid-template-columns: repeat(2, 1fr);}
	#page__projects .project__item{width: 100%; max-width: 100%!important}
	#page__projects .project__item a img{min-height: 270px}


	#page__content .btn-backarticle{display: none;}


	#page__contacts .grid{grid-template-columns: repeat(1, 1fr);}
	#page__contacts .contacts .data{width: 100%; margin-bottom: 30px}
	#page__contacts .contacts #map{width: 100%; height: 350px}


	#contact__callback .text{margin-bottom: 30px; width: 100%; padding: 0}
	#contact__callback .form{width: 100%;}


	#vacancy__description .advantages{gap: 12px; grid-template-columns: repeat(2, 1fr);}
	#vacancy__list .grid{grid-template-columns: repeat(1, 1fr);}


	#vacancy__page .info{width: 100%; margin-bottom: 30px;}
	#vacancy__page .sidebar{width: 100%;}


	footer{margin-top: 40px; padding-top: 70px;}
	footer .col{width: 100%; max-width: 100%;}
	footer .col__logo{margin-bottom: 40px;}
	footer .navs{width: 100%;}
	footer .navs .it{width: 100%; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	footer .navs .it:last-child{border: none;}
	footer .navs .it ul{display: none;}
	footer .navs .it .title{display: block; cursor: pointer; font-size: 24px; line-height: 110%; font-weight: 700; position: relative; font-family: var(--Outfit); margin-bottom: 20px;}
	footer .navs .it .title:after{position: absolute; width: 20px; height: 20px; right: 0; top: calc(50% - 10px); content: ''; background: url("../img/arrd.svg") 50% 50% no-repeat; transition: all 0.2s;}
	footer .navs .it .title.open:after{transform: rotate(180deg);}
	footer .navs li a{opacity: 0.8; font-weight: 600;}
}


@media screen and (max-width: 767px){
	body{padding-top: 68px}


	.container{padding: 0 12px;}

	.bt{font-size: 36px; line-height: 110%; margin-bottom: 20px;}

	.section{padding: 30px 0;}


	header{padding: 12px 0; height: 68px;}
	header .lang{display: none;}
	header .logo{max-width: 130px;}
	header .pull{height: 44px; width: 44px;}
	header .search{position: inherit;}
	header .search .form__search{right: 0; margin: 0; box-sizing: border-box; width: 100%; box-shadow: none; border-radius: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); border-top: 1px solid rgba(0, 0, 0, 0.15); padding: 12px;}
	header.header__checkout .data{display: none;}


	#navigation{top: 68px; height: calc(100% - 68px); padding: 20px 12px;}
	#navigation .top .btn{width: calc(100% - 95px)}
	#navigation .top .lang{display: flex;}
	#navigation .lang{position: relative; cursor: pointer; font-size: 14px; font-weight: 500;}
	#navigation .lang .current{display: flex; height: 44px; align-items: center; background: #F4F4F4 url("../img/lang.svg") 12px 50% no-repeat; padding: 0 15px 0 37px; border-radius: 1000px;}
	#navigation .lang ul{position: absolute; top: 100%; left: 0; width: 100%; background: #fff; margin-top: 5px; border-radius: 10px; overflow: hidden; box-shadow: 0px -2px 17px 0px rgba(0,0,0,0.1); display: none;}
	#navigation .lang ul li a{color: var(--black); font-size: 14px; padding: 5px 10px; display: block;}
	#navigation .lang ul li a:hover{background: var(--black); color: #fff;}
	#navigation nav{margin-bottom: 20px;}
	#navigation nav li a{height: 74px; font-size: 24px;}
	#navigation .contacts ul{width: 100%;}


	#promo .swiper-slide{padding: 180px 0 40px;}
	#promo .title{font-size: 44px; margin-bottom: 12px;}
	#promo p{margin-bottom: 20px;}


	#advantages{padding: 30px 0 10px}
	#advantages .grid{grid-template-columns: repeat(1, 1fr);}
	#advantages .item{padding: 12px 0 12px 60px;}
	#advantages .item .icon{top: 12px; width: 48px; height: 48px;}
	#advantages .item .title{margin-bottom: 4px; font-size: 18px;}
	#advantages .item p{font-size: 15px;}


	#proposition .swiper{overflow-x: inherit;}
	.proposition__item{width: 270px;}
	.proposition__item a img{height: 360px;}
	.proposition__item span{font-size: 30px;}


	#partners img{max-height: 52px;}
	#partners .swiper-slide{padding: 0 10px;}


	.content{font-size: 15px;}
	.item__text{margin-bottom: 15px;}
	.item__text .content p{margin-bottom: 20px;}
	.item__text .image{margin-bottom: 20px;}


	.project__item{max-width: 300px;}
	.project__item a img{height: 225px;}
	.project__item .info{padding: 16px;}
	.project__item .info .title{font-size: 24px;}
	.project__item .info span{font-size: 15px;}
	.project__item .year{height: 26px; font-size: 14px;}


	#note .inn{padding: 30px 20px 40px; justify-content: center; text-align: center;}
	#note .inn .title{background-position: 50% 0; font-size: 30px; padding-top: 130px;}


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


	#breadcrumbs{padding: 16px 0; font-size: 13px;}


	#promo__page .data{padding-bottom: 30px}
	#promo__page .image__bg img{height: 320px;}
	#promo__page h1{font-size: 44px;}


	#counts .grid{grid-template-columns: repeat(1, 1fr);}
	#counts .item{padding: 20px;}
	#counts .count{font-size: 44px;}
	#counts p{font-size: 15px;}


	#go__team .data{padding: 0}
	#go__team .data img{max-height: 220px; margin: 0}
	#go__team .data .text{padding: 20px; box-sizing: border-box;}
	#go__team .data .text p{margin-bottom: 20px;}
	#go__team .data .btn{height: 54px; padding: 0 36px; font-size: 18px;}


	#our__works .content{margin-bottom: 20px;}
	#our__works .grid{gap: 10px}
	#our__works img{height: 130px;}

	#contact__section .data{padding: 30px 12px 60px;}
	#contact__section .image{height: 300px}

	.form .flex .wpcf7-form-control-wrap{width: 100%;}


	#page__products .grid{grid-template-columns: repeat(1, 1fr);}
	#page__products .proposition__item{width: 100%;}
	#page__products .proposition__item a img{height: 475px}


	#product__data{padding: 10px 0 30px;}
	#product__data .gallery{margin-bottom: 30px;}
	#product__data .gallery .swiper__gallery img{height: 265px;}
	#product__data .gallery .gallery__thumbs .swiper{overflow-x: inherit;}
	#product__data .gallery .gallery__thumbs .swiper-slide{width: 72px; padding: 1px; margin-right: 4px!important}
	#product__data .gallery .gallery__thumbs img{height: 54px;}
	#product__data .gallery .swiper-button-prev,#product__data .gallery .swiper-button-next{display: none;}
	#product__data .information .bt,#product__data .information .row,#product__data .information .price,#product__data .information .buy{margin-bottom: 12px;}
	#product__data .information .description{font-size: 15px;}
	#product__data .information .buy .count{width: 148px}
	#product__data .information .buy .count .btn{width: 44px; height: 44px;}
	#product__data .information .buy .count input{height: 44px; width: calc(100% - 88px)}
	#product__data .information .buy .btn{width: calc(100% - 168px); height: 44px; padding: 0; font-size: 16px;}
	#product__data .information .contacts a{width: 100%;}
	#product__data .information .labels .item{font-size: 15px; width: 112px; font-weight: 500;}


	.box__modal{width: calc(100% - 24px); padding: 30px 20px;}
	.box__modal .form__note{margin-bottom: 20px; font-size: 15px;}
	.fancybox-close-small{width: 20px; height: 20px; top: 12px; right: 12px;}
	.box__modal .bt{font-size: 30px;}
	#thanks img{max-width: 120px; margin-bottom: 30px;}


	#cart{min-height: 0}
	#cart .list__cart{margin-bottom: 30px;}
	#cart .list__cart .item{padding: 10px 0;}
	#cart .list__cart .item:last-child{border-bottom: none;}
	#cart .list__cart .item .info{width: 100%;}
	#cart .list__cart .item .info .image{width: 80px; height: 80px;}


	#page__projects .grid{grid-template-columns: repeat(1, 1fr);}
	#page__projects .project__item{width: 100%;}


	.checkout__cart{padding: 20px;}

	#cart .page__checkout .box{padding: 16px; margin-bottom: 20px;}
	#cart .page__checkout .list__cart .item .price{display: flex; justify-content: space-between; width: 100%; align-items: center;}
	#cart .page__checkout .list__cart .item .price .btn{line-height: normal;}
	label.radio strong{max-width: 70px; text-align: right; font-size: 14px;}
	label.radio strong u{margin: 0}
	label.radio i{width: calc(100% - 80px)}
	label.radio i b{width: 170px; bottom: -56px}
	.box__info label.radio{padding-bottom: 70px}


	#our__works .gallery.gallery__objects{grid-template-columns: repeat(1, 1fr);}
	#our__works .gallery.gallery__objects img{height: 350px;}


	#error__page img{max-width: 240px; margin-bottom: 30px;}
	#error__page p{margin-bottom: 20px; font-size: 15px;}


	label.checkbox{font-size: 14px;}


	.content .gallery img{width: 100%; margin-bottom: 10px; height: 270px;}
	.content .gallery{margin-bottom: 20px;}


	#page__contacts .grid{gap: 20px;}
	#page__contacts .box{padding: 20px; margin: 0}
	#page__contacts .contacts.box{margin-top: 20px;}
	#page__contacts .box .title{font-size: 22px;}
	#page__contacts .box p{font-size: 15px;}
	#page__contacts .box .icon{margin-bottom: 15px;}
	#page__contacts .box .icon svg{width: 36px; height: 36px;}

	#vacancy__description .advantages{grid-template-columns: repeat(1, 1fr);}
	#vacancy__description .advantages .item{padding: 12px 0 12px 60px}
	#vacancy__description .advantages .item .icon{width: 48px; height: 48px}
	#vacancy__description .advantages .item .title{font-size: 18px; margin-bottom: 4px;}
	#vacancy__description .advantages .item p{font-size: 15px;}
	#vacancy__list .grid{grid-template-columns: repeat(1, 1fr);}
	#vacancy__list .item{padding: 25px;}
	#vacancy__list .item .title{font-size: 22px;}
	#vacancy__list .item .data{gap: 10px; font-size: 14px;}
	#vacancy__list .item .data p{width: 100%; margin: 0}
	#vacancy__list .item .data p strong{display: block;}
	#vacancy__list .item .excerpt{font-size: 15px; margin-bottom: 20px;}


	#vacancy__page .data{margin-bottom: 30px;}
	#vacancy__page .data p{width: 100%; font-size: 14px;}
	#vacancy__page .data p strong{display: block;}
	#vacancy__page .sidebar{padding: 30px 20px 20px;}


	footer{margin-top: 30px; padding-top: 60px;}
	footer .navs .it .title{font-size: 22px; margin-bottom: 10px}
	footer .copyright{padding: 20px 0; margin-top: 50px;}
	footer .copyright .flex{justify-content: center; gap: 10px;}
}