@media screen and (max-width: 1460px){
	.container{max-width: 1300px}


	header nav ul{gap: 20px;}
}


@media screen and (max-width: 1330px){
	.container{max-width: 100%; padding: 0 20px;}


	header nav{display: none;}
	header .pull{display: flex; align-items: center; justify-content: center; width: 33px; height: 24px;}
	header .pull.open{background: url("../img/close.svg") 50% 50% no-repeat;}
	header .pull.open svg{opacity: 0}
	header .data{gap: 30px}
	header .search{width: 300px}


	.product__filters{max-width: calc(100% - 150px)}


	#products .swiper{overflow-x: inherit;}
	#products .swiper-slide{width: 334px;}


	#category .category__items.grid-4{grid-template-columns: repeat(2, 1fr);}
	.category__item.category__item__full .image{height: 240px;}


	#partners .swiper{overflow-x: inherit; border: none;}
	#partners .partner__item{width: 290px;}
	#partners .list__swiper{border: none;}
	#partners .list__swiper .swiper-slide{border: 1px solid #EAEAEA; border-right: none;}
	#partners .list__swiper .swiper-slide:last-child{border-right: 1px solid #EAEAEA;}


	#news .swiper{overflow-x: inherit;}
	#news .swiper-slide{width: 345px;}


	.list__products .list__products__items{width: calc(100% - 330px)}
	.list__products__items .grid{grid-template-columns: repeat(2, 1fr);}


	#category__page .category__items{grid-template-columns: repeat(2, 1fr)!important;}

	#popular .btn-orange,#popular .btn-blue-tr{right: 20px}
	#popular .swiper{overflow-x: inherit;}
	#popular .swiper-slide{width: 334px;}

	footer .top{padding: 0 20px; box-sizing: border-box;}
	footer .top .text{max-width: 100%; width: calc(100% - 220px); font-size: 16px; line-height: normal;}
	footer .col{width: 50%; margin-bottom: 20px;}
}


@media screen and (max-width: 959px){
	.list__products .sidebar{display: none;}
	.list__products .list__products__items{width: 100%;}


	#product__page .mobile{display: block; width: 100%; font-size: 38px; font-weight: 700; margin-bottom: 40px; line-height: normal;}
	#product__page .gallery{width: 100%; margin-bottom: 40px}
	#product__page .data{width: 100%;}
	#product__page .data h2{display: none;}


	#news__page .grid,#contacts__data .grid{grid-template-columns: repeat(2, 1fr);}


	#about__text{padding: 10px 0 50px}
	#about__text .title{width: 100%; max-width: 100%; margin-bottom: 15px;}
	#about__text .text{max-width: 100%; width: 100%;}


	#about{padding: 0;}
	#about .image{margin: 0 0 40px -20px; border-radius: 0; width: calc(100% + 40px);}
	#about .counts,#about .advantages{grid-template-columns: repeat(2, 1fr);}
}



@media screen and (max-width: 767px){
	.bt{margin-bottom: 40px;}
	.bt.bt__small{font-size: 38px; margin-bottom: 40px;}


	.section{padding: 50px 0;}

	.product__filters{max-width: 100%; margin-bottom: 40px;}
	.product__filters a{height: 40px; padding: 0 25px;}


	.slider-sw .swiper-button-prev, .slider-sw .swiper-button-next{top: 100%; margin: -44px 0 0;}
	.list__swiper.slider-sw{padding-bottom: 84px}


	header{padding: 10px 0!important;}
	header .search,header .lang{display: none;}
	header .logo{width: 116px;}
	header .search__icon{display: flex; align-items: center; justify-content: center; width: 16px; height: 16px;}
	header .search{position: absolute; top: 100%; left: 0; width: 100%; box-sizing: border-box; padding: 0 20px; margin-top: 10px}
	header .search .btn{left: 30px}
	header .search input{border: 1px solid #000}


	#promo{min-height: 100vh; box-sizing: border;}
	#promo .text{position: absolute; bottom: 0; left: 0; width: 100%; max-width: 100%; padding: 0 20px 60px; box-sizing: border-box;}
	#promo h1{margin-bottom: 60px; font-size: 22px; line-height: 27px;}


	#category{padding: 50px 0;}
	#category .category__items{margin: 0}
	#category .category__items.grid-4{grid-template-columns: repeat(1, 1fr); gap: 10px}
	#category .category__items.grid-2{display: none;}


	#partners{padding: 50px 0 100px}
	#partners.partners__last{padding-bottom: 90px}
	#partners .list__swiper{padding-bottom: 0}


	#news .flex__center{display: none;}


	#promo__bottom{padding: 0; margin: 0}
	#promo__bottom .container{padding: 430px 20px 20px; border-radius: 0;}
	#promo__bottom .data{padding: 30px 30px 70px;}
	#promo__bottom .list__swiper.slider-sw{padding-bottom: 0;}


	#category__page .category__items{grid-template-columns: repeat(1, 1fr)!important; gap: 10px}
	#category__page .category__items{margin-bottom: 10px;}


	#main{padding: 135px 0 0;}

	#breadcrumbs{font-size: 14px;}


	.list__products__items .grid{grid-template-columns: repeat(1, 1fr);}


	.pagination{padding: 40px 0 0}
	.pagination span,.pagination a{width: 30px; height: 30px; font-size: 14px;}


	.category__filters{margin-bottom: 40px; padding: 0; background: transparent;}
	.category__filters form{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; background: #fff; z-index: 600; padding: 20px; box-sizing: border-box;}
	.mobile__filters{display: flex; align-items: center; justify-content: center; gap: 20px; font-size: 16px; font-weight: 500; color: #fff; background: var(--blue); border-radius: 50px; height: 42px;}
	.mobile__data{display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px;}
	.mobile__data .title{text-transform: uppercase; font-weight: 700; font-size: 38px;}
	.mobile__data .close{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: url("../img/closeb.svg") 50% 50% no-repeat;}
	.category__filters .flex{gap: 20px}
	.category__filters select{width: 100%!important;}
	.category__filters .btn-clear{display: none;}
	.mobile__actions{position: fixed; bottom: 0; right: 0; margin: 0; padding: 20px; box-sizing: border-box; background: #fff; width: 100%; justify-content: flex-end;}
	.mobile__actions .btn{margin-left: 10px;}


	#popular{padding-bottom: 135px}
	#popular .btn-orange,#popular .btn-blue-tr{display: none;}
	#popular .list__swiper.slider-sw{padding-bottom: 0}


	#product__page .list__swiper.slider-sw{padding-bottom: 0}
	#product__page .swiper__gallery .swiper-slide{height: 350px;}
	#product__page .swiper__thumbs .swiper-slide{height: 80px;}
	#product__page .tab__filters{flex-wrap: nowrap; border-radius: 0; padding: 0; margin: 0}
	.tab__filters__wrapp{overflow-x: auto; width: calc(100% + 40px); margin-left: -20px; margin-bottom: 40px; padding: 10px; border-radius: 5px; background: #F8F8F9; box-sizing: border}
	#product__page .tab .datatable{padding: 0; border: none;}
	#product__page .tab .datatable tr{display: block; margin-bottom: 20px}
	#product__page .tab .datatable td{display: block; min-height: 0; padding: 0}
	#product__page .tab .datatable td:first-child{font-size: 16px; color: #5C5C5C; width: 100%; line-height: normal; padding-bottom: 10px;}
	#product__page .tab .datatable td:last-child{line-height: 25px; padding-bottom: 20px}


	#news__page .grid{grid-template-columns: repeat(1, 1fr);}
	#news__page,#page{padding-bottom: 50px}


	#error__page{padding: 50px 0;}
	#error__page p{margin-bottom: 20px;}
	#error__page img{margin-bottom: 20px; max-width: 320px}
	#error__page .title{margin-bottom: 20px;}


	#contacts__data{padding: 30px 0 45px;}
	#contacts__data .grid{grid-template-columns: repeat(1, 1fr);}
	#contacts__data br{display: none;}
	#contacts__data .ct{font-size: 20px;}


	.form .flex .form__item{width: 100%;}
.form .privacy .btn{width: 100%;}
#contacts__page .privacy.flex{flex-direction: column; align-items: stretch; gap: 15px;}
#contacts__page .privacy .checkbox{width: 100%;}
#contacts__page .privacy .btn{width: 100%;}
#contacts__page .privacy .wpcf7-list-item input[type="checkbox"]{width: 20px; height: 20px;}
#contacts__page .privacy .wpcf7-list-item-label{font-size: 16px;}


	#about .counts{margin-bottom: 40px}
	#about .counts .count{font-size: 48px; line-height: 50px; padding-bottom: 5px}
	#about .advantages{grid-template-columns: repeat(1, 1fr); margin-bottom: 40px}


	footer{padding: 0 0 30px; border-top: none;}
	footer .top{padding: 0; position: relative; top: 0; text-align: center; border-radius: 0; margin-bottom: 30px;}
	footer .top .container{padding: 120px 20px; border-radius: 0; justify-content: center; gap: 40px}
	footer .top .text{max-width: 100%; width: 100%; font-size: 28px; line-height: 35px;}
	footer .col{width: 100%; margin-bottom: 20px;}
	footer .col.col__nav{display: none;}
	footer .copyright{padding: 20px 0 0; margin: 0}
	footer .copyright p{width: 100%; margin-bottom: 20px;}
}