@media screen and (max-width: 1700px){
	.container{padding: 0 60px;}
	.slider-sw .swiper-button-prev{left: -50px;}
	.slider-sw .swiper-button-next{right: -50px;}
	.slider-sw .swiper-button-prev,.slider-sw .swiper-button-next{width: 40px; height: 40px;}

	#totop{right: 20px;}
	#totop a{width: 60px; height: 60px;}


	.item__category .data .title{font-size: 20px;}
}




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


	.section__title .title__description{max-width: 100%; width: 100%; margin-top: 24px;}

	.slider-sw .swiper-button-prev,.slider-sw .swiper-button-next{display: none;}


	#products{overflow-x: hidden;}
	#products .swiper-pagination{display: block;}
	#products .swiper{overflow-x: visible;}
	.swiper__standart__all{padding-bottom: 40px!important}


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


	#product__catalog .image{min-height: 100%;}
	#product__catalog .text{padding: 24px;}
	#product__catalog h2{font-size: 24px;}


	#locations .item__full{padding: 20px; display: flex; justify-content: flex-start; align-items: center;}

	#page__category .tags{width: 100%; margin-bottom: 16px;}
	#page__category .grid{grid-template-columns: repeat(2, 1fr);}
	#page__category .page__category__list.grid{grid-template-columns: repeat(2, 1fr);}


	#masters .data{padding: 40px;}

	.item__blog .image{height: 230px}

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


	#page__product .gallery,#page__product .information{width: calc(50% - 12px)}
	#page__product .slider__main .swiper-slide{height: 440px;}


	#page__cart .custom-cart-items,#page__checkout .checkout-left{width: 100%; margin-bottom: 24px;}
	#page__cart .custom-cart-summary,#page__checkout .checkout-right{width: 100%;}


	footer .col{max-width: 32%;}
	footer .col:nth-child(1) ul li{width: 100%;}
	footer .col .phone{font-size: 20px;}
}








@media screen and (max-width: 1099px){
	body{padding: 145px 0 0;}


	.section__top{padding: 60px 0 0;}
	.section{padding: 60px 0;}
	.section__bottom{padding: 0 0 60px;}


	header{height: 146px}
	header .logo a{width: 90px; height: 90px;}
	header .bottom{padding: 8px 0;}
	header .data{width: calc(100% - 100px);}
	header .contacts{display: none;}
	header .info{width: 100%;}
	header nav,header .search{display: none;}
	header .pull{display: flex;}
	header .data__top{padding: 0; justify-content: flex-end;}
	header .data__top .inn{gap: 10px;}


	#promo video{min-height: 100%; min-width: 100%; object-fit: cover;}


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


	#products .swiper-slide{width: 320px; max-width: 100%;}


	#locations .item__full{width: 100%; margin-bottom: 24px; padding: 32px 16px;}
	#locations .items__small{width: 100%;}
	#locations .item{padding: 16px;}
	#locations .item .icon{margin-bottom: 42px;}


	#product__catalog .text{width: 100%;}
	#product__catalog .image{width: 100%;}


	#page__cart .cart-item-price{width: 100px; font-size: 14px;}


	#page__category{overflow-x: hidden;}
	#page__category.open{z-index: 2000}
	#page__category #sidebar{transition: all 0.2s; transform: translateX(200%); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; overflow-y: auto; background: #f8f6f3; padding-bottom: 24px; box-sizing: border-box;}
	#page__category #sidebar.active{transform: translateX(0);}
	#sidebar .box__header{display: flex; align-items: center; justify-content: space-between; background: #AA82DD; color: #fff; padding: 16px; box-sizing: border-box; margin-bottom: 16px;}
	#sidebar .box__header span{text-transform: uppercase; gap: 10px; font-size: 12px; font-weight: 500; font-family: var(--Unbounded);}
	#sidebar .box__header .btn{width: 24px; height: 24px; background: url("../img/closew.svg") 50% 50% no-repeat;}
	#sidebar .box{width: calc(100% - 32px); box-sizing: border-box; margin-left: 16px;}
	#sidebar .btn-violet,#sidebar .btn-white-tr{width: calc(100% - 32px); margin-left: 16px;}
	#page__category .products__data{width: 100%;}
	#page__category .sorting{width: 100%; margin-bottom: 16px;}
	#page__category .sorting .form__select{width: 100%;}
	.filters__mobile{display: flex;}
	#page__category .swiper{overflow-x: visible;}


	#page__product .gallery,#page__product .information{width: 100%;}
	#page__product .information{margin-top: 24px;}

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


	#page__article .main{width: 100%;}
	.article__sidebar{width: 100%; margin-top: 24px;}

	#page__contacts .items,#how__location .grid{grid-template-columns: repeat(1, 1fr);}
	#page__contacts .item .info{min-height: 0; height: auto;}
	#page__contacts .map{width: 100%; margin-bottom: 24px;}
	#page__contacts .form{width: 100%;}
	#our__location .item__full,#our__location .items{width: calc(50% - 12px)}


	#page__account .content__account .woocommerce-MyAccount-navigation{width: 100%; margin-bottom: 24px;}
	#page__account .content__account .woocommerce-MyAccount-content{width: 100%;}


	footer .col{max-width: 100%; width: 100%; margin-bottom: 40px;}
	footer .bottom{margin: 0; gap: 16px;}
	footer .bottom div{width: 100%; justify-content: flex-start;}
}




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

	body{font-size: 14px;}


	.section__title{margin-bottom: 24px; padding-bottom: 12px;}
	.section__title .bt{font-size: 32px; width: 100%;}
	.section__title .btn{margin-top: 16px;}



	header{position: fixed;}
	header.f-nav{box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);}
	header .top{padding: 4px 0;}
	header .inn a{gap: 0; font-size: 0; padding: 0; width: 56px; height: 56px;}


	#promo{height: calc(100vh - 145px);}
	#promo .data{align-items: flex-end; padding: 100px 0 24px; box-sizing: border-box;}
	#promo .data h1{font-size: 48px; line-height: 110%;}
	#promo .data .actions .btn{width: 100%;}


	#category .grid{gap: 8px}
	.item__category{padding: 8px;}
	.item__category .image{width: 135px; height: 160px;}
	.item__category .data{width: calc(100% - 151px); padding-top: 16px;}
	.item__category .data .title{font-size: 20px; bottom: 16px;}


	#locations .item__full{background-size: 250px;}
	#locations h3{font-size: 28px;}
	#locations .grid{gap: 8px}
	#locations .item .title{font-size: 28px;}
	#product__catalog p{margin-bottom: 16px;}
	#product__catalog .btn{width: 100%; padding: 0;}


	#about .section__title .btn{margin: 0}
	#about .item__instagram{width: 220px;}
	#about .item__instagram img.main{width: 100%; height: 340px;}
	#about .item__instagram a span{padding: 8px; font-size: 10px;}


	#masters .data{background: #fff; color: var(--black); padding: 0}
	#masters .data .m_tags{color: var(--violet); margin-bottom: 16px;}
	#masters .data h2{font-size: 38px; margin-bottom: 8px;}
	#masters .data .contents{font-size: 16px;}
	#masters .data .contents ul li{width: 100%; background: url("../img/ls.svg") 0 50% no-repeat;}
	#masters .data .text{width: 100%; max-width: 100%; padding: 24px; box-sizing: border-box;}
	#masters .data .image{position: relative; width: 100%; height: 280px; border-radius: 18px 18px 0 0; overflow: hidden;}
	#masters .data .image img{border-radius: 18px 18px 0 0;}
	#masters .actions{padding: 16px 0 0;}
	#masters .actions .btn{width: 100%;}
	#masters .actions .btn-white-tr{color: var(--violet); border-color: var(--violet);}
	#masters .image:after{display: none;}


	#blog{overflow-x: hidden;}
	#blog .swiper{overflow-x: visible;}


	#page__category .grid{grid-template-columns: repeat(1, 1fr); gap: 16px;}


	#breadcrumbs{margin-top: 2px; padding: 16px 16px 24px; width: calc(100% + 32px); margin-left: -16px; box-sizing: border-box; font-size: 11px;}


	.pagination{gap: 4px}
	.pagination a,.pagination span{width: 40px; height: 40px;}


	#page__product .slider__thumbs{display: none;}
	#page__product .slider__main{width: 100%; margin: 0}
	#page__product .slider__main .swiper-slide{height: 350px;}
	#page__product .product__sales{left: 0}
	#page__product .swiper-pagination{display: flex; margin: -20px 0 0!important}
	#page__product .p__top,#page__product .p__price{margin-bottom: 24px;}
	#page__product .p__price .price{font-size: 28px;}
	#page__product .p__counts{width: 100%; margin-bottom: 8px;}
	#page__product .buy .btn-violet{width: 100%; margin-bottom: 8px;}
	#page__product .buy .flex{margin: 0}
	#page__product .product__description{padding: 24px 0 0;}


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


	.site__filters .item__filter{padding: 0 16px; font-size: 14px;}


	.s__tags span{height: 28px!important; padding: 0 16px!important}
	#page__product .s__tags span{height: auto!important; min-height: 28px!important; padding: 2px 16px!important; line-height: normal!important;}


	#page__article .thumbnail img{height: 260px;}
	#page__article .a__info{gap: 8px;}


	.share{padding: 24px;}
	.share span{width: 100%; margin-bottom: 16px;}
	.share a{height: 40px; padding: 0 16px;}


	#how__location .item{padding: 24px;}
	#how__location .item img{margin-bottom: 32px;}
	#how__location .item p{min-height: 0;}
	#how__location .item .data{position: relative; padding: 0}


	#our__location .item__full, #our__location .items{width: 100%; gap: 8px;}
	#our__location .item__full{margin-bottom: 8px;}


	#page__contacts .map .it{width: 50%; padding: 12px;}
	#page__contacts .map .top__head{padding: 24px;}
	#page__contacts .map .top__head h2{margin-bottom: 16px;}
	#page__contacts .map iframe{height: 300px;}
	#page__contacts .map .it:nth-child(2){border: none;}
	#page__contacts .map .it:last-child{width: 100%; border-top: 1px solid var(--borderM);}


	#page__error{padding: 80px 0;}
	#page__error .title{font-size: 100px;}
	#page__error p{font-size: 32px;}
	#page__error p strong{display: block;}


	#page__cart .cart-item{padding: 16px;}
	#page__cart .cart-item-thumb{margin: 0 0 10px}
	#page__cart .cart-item-name{width: calc(100% - 80px); font-size: 14px; margin-bottom: 10px;}
	.count__form{margin-left: 80px; width: 100px}
	.count__form input{height: 40px; font-size: 10px}
	.count__form .btn{width: 30px; height: 40px;}


	footer{padding: 32px 0 0;}
	footer .title{font-size: 20px; margin-bottom: 24px;}
	footer .bottom{justify-content: center; text-align: center;}
	footer .bottom .socials_f{justify-content: center;}

	form .flex .form__item{width: 100%!important}


	#page__checkout .woocommerce-billing-fields__field-wrapper p{width: 100%;}

	#page__account .woocommerce form.checkout_coupon, #page__account .woocommerce form.login, #page__account .woocommerce form.register, #page__account form.woocommerce-ResetPassword.lost_reset_password{padding: 24px;}


	#page__checkout .woocommerce-billing-fields__field-wrapper p{width: 100%;}
	#page__checkout #shipping_method label,#page__checkout #payment label{padding: 16px 16px 16px 50px; font-size: 14px; line-height: 120%;}
	#page__checkout .ship__item .tt__title i{margin: 5px 0;}
	.shipping_method + label::before{left: 16px}
	#page__checkout #payment ul li{width: 100%; margin-bottom: 16px;}
	#page__checkout #payment ul li:last-child{margin: 0}


	#page__checkout .checkout-block h3{font-size: 24px; margin-bottom: 24px; padding-bottom: 14px;}
	#page__checkout input[type="text"], #page__checkout input[type="email"], #page__checkout input[type="tel"], #page__checkout input[type="password"], #page__checkout textarea, #page__checkout select{margin-bottom: 10px}

	#page__checkout .checkout-right .checkout-block:last-child{margin: 0}


	#table__order h3{width: 50%; margin-bottom: 16px;}
	#table__order h3 .site__label{font-size: 10px}
	#table__order p.date{width: 50%; text-align: right;}
	#table__order .custom-order .head{padding: 16px}
	#table__order ul{padding: 16px;}
	#table__order .p_total{font-size: 16px; width: 80px}
	#table__order .p_info{font-size: 14px; width: calc(100% - 160px)}
	#table__order .orders-filter .btn{font-size: 10px; padding: 0 10px; height: 36px}


	#page__category .page__category__list.grid{gap: 8px}
	#page__category .page__category__list.grid .item__product .data{padding: 16px}
	#page__category .page__category__list.grid .item__product .data .buy{left: 16px; bottom: 16px; font-size: 16px; padding: 0;}
	#page__category .page__category__list.grid .item__product .data .buy .price{font-size: 12px;}
	#page__category .page__category__list.grid .item__product .image{height: 240px}
	#page__category .page__category__list.grid .item__product .data .title{font-size: 13px;}


	.box__modal.box__thanks img{width: 120px}
	.box__modal .bt{font-size: 24px;}


	#table__order .p_total{font-size: 10px;}
	#table__order ul li a{font-size: 12px;}


	#totop{right: 16px; bottom: 150px;}
}