/*MeDiA==========================================*/
@media screen and (max-width: 1200px) { 
.block2{grid-gap:20px}
.block2__item{padding:25px 15px}
.block2__img{margin-bottom:10px}
.block2__title{padding-bottom:10px}
.o-kompanii{grid-template:auto/repeat(2,1fr);grid-gap:40px}
.banner__title{font-size:50px}
.o-kompnaii.column {grid-template: auto/repeat(2,1fr);grid-gap: 40px;}
.o-kompnaii {grid-template: auto/repeat(2,1fr);grid-gap: 40px;}
.kontakty__wrap {grid-template: auto/repeat(1,1fr);}
.kontakty__item:nth-child(1) {grid-column: auto;}
}
 
@media screen and (max-width: 992px) { 
.header__top{border:0;padding:0;margin:0;justify-content:flex-end}
.header__bottom{display:none}
.header__nav{position:fixed;left:-100%;top:0;width: 400px;background:var(--red);height:100%;transition:.8s;}
.header__mobile{display:flex}
.header__social{margin-right:20px}
.header__logo img{height:90px}
.header__nav.active{left:0}
.header__ul li:not(:last-child){padding:0;margin:0}
.header__ul li:not(:last-child):before{display:none}
a.header__link{color: #fff !important;font-size:22px;display:block;border-bottom:2px solid #ffff!important;padding:15px;font-family:var(--ff2);}
.header__ul{display:block;padding:50px 20px}
.header__li{display:block}
.banner__wrap{height:calc(100vh - 120px)}
.banner{margin-top:120px}
.banner__inner{width:70%}
.block1{grid-template:auto/repeat(2,1fr)}
.block2{grid-template:auto/repeat(2,1fr)}
.modal-dialog {width: 97% !important;}
.footer__top {grid-template: auto/repeat(2,1fr);}
.akcii {grid-gap: 20px;}
.top-block {margin-top: 170px;}
.products.grid3 {grid-template: auto/repeat(2,1fr);}
.products-page__category {min-width: 250px;}
.products.grid4{grid-template:auto/repeat(3,1fr)}
.product-block__price{font-size:25px}
.product-block__price span{font-size:16px}
.product-block__bottom,.product-block__middle{padding:20px 15px}
.product-block__top{padding:25px 15px}
.product-block__right{min-width:300px;max-width:300px}
.product-block__left-top{padding:30px 20px}
.product-block__title{font-size:18px;margin-bottom:10px}
.product-block__left-middle{padding:30px 20px}
.product-block__left-middle-title{margin-bottom:15px}
.categorywall__wrap{grid-template:auto/repeat(3,1fr)} #d_quickcheckout .col-sm-6{padding:0!important}
#d_quickcheckout .col-md-6{padding:0!important}
#d_quickcheckout .col-md-12{padding:0!important}
.checkout-cart,.checkout-checkout,.checkout-success{padding-top:170px}
}



@media screen and (max-width: 700px) {
.container {max-width: 600px;} 
.header__social a.header__phone{display:none}
.header__nav a.header__phone{display:flex;color:#fff!important;font-size:18px;position:absolute;bottom:20px;left:0;justify-content:center;width:100%}
.o-kompanii{display:flex;flex-direction:column-reverse}
.banner__title{line-height:1;font-size:45px}
.banner__inner{width:86%}
.my-modal{grid-template:auto/repeat(2,1fr)}
.modal-block__wrap{padding:30px}
.banner__wrap{height:72vh}
.mb-100,.mb-90,.mb-80,.mb-70,.mb-60{margin-bottom:50px}
.block-title,.checkout-cart h1,.checkout-success h1{font-size:31px}
.header__nav{width:300px;z-index: 11;}
.categorywall__wrap {grid-template: auto/repeat(2,1fr);}
.o-kompnaii.column{display:flex;flex-direction:column}
.o-kompnaii{display:flex;flex-direction:column;grid-gap:20px}
.o-kompnaii__wrap p:last-child{margin:0}
.kontakty{display:flex;flex-direction:column}
.kontakty__wrap{width:100%;margin-bottom:30px}
.kontakty__map{width:100%}
.information-information-9 .top-block{margin-top:170px}
.products.grid4 {grid-template: auto/repeat(2,1fr);}
.product-block__left-middle{margin-top:20px}
.product-block__wrap{flex-direction:column}
.product-block__left{width:100%}
.product-block__right{min-width:unset;max-width:unset;width:100%}
.product-block__review-wrap.flex{flex-direction:column;align-items:flex-start}
.product-block__review-wrap.flex .form-group.required:nth-child(1){width:100%}
.products.grid4{grid-template:auto/repeat(2,1fr)}
.products-page__wrap{flex-direction:column-reverse}
.products-page__category{width:100%!important;max-width:unset}
.products-page__right{width:100%!important}

.products-page__category{
    padding: 30px 20px 0 20px;
}

.products-page__category-title {
    margin-bottom: 0 !important;
    padding: 0 0 20px 0 !important;
}

.products-page__category-title .category-svg{display:block;margin-left:auto;transform: rotate(0deg);transition: 0.4s linear;}
.products-page__category-title .category-svg.svg-active{transform: rotate(180deg);}


.my-filter__title .category-svg{display:block;margin-left:auto;transform: rotate(0deg);transition: 0.4s linear;}
.my-filter__title .category-svg.svg-active{transform: rotate(180deg);}


.products-page__category-submenu {
  overflow: hidden;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  height: 0;
  transition: 0.4s linear, height 0.4s ease;
}

.products-page__category .products-page__category-submenu.submenu-active,
.panel-group .products-page__category-submenu.submenu-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  /* height будет задаваться через JS */
}

.products-page__category .products-page__category-submenu.submenu-active{
    padding:20px 0 30px 0;
}

}

@media screen and (max-width: 560px) {
    .rekv_flex {
    flex-wrap: wrap;
}
.container {max-width: 480px;} 
.banner__title{font-size:33px}
.block1{grid-template:auto/repeat(1,1fr)}
.block2{grid-template:auto/repeat(1,1fr)}
.footer__top{grid-template:auto/repeat(1,1fr);grid-gap:20px}
.footer__bottom{padding: 30px 0 80px 0;}
.header__social{display:none}
.header__mobile{grid-gap:35px}
.products-page__top{flex-direction:column;align-items:flex-start}
.products-select{margin-top:30px}
.products.grid3{grid-auto-columns:1fr 1fr;gap:10px;}
.products__model{display:none;}
.products__item{
    padding: 15px 10px;
}
.btn-wishlist {
    position: absolute;
    right: 45px;
    top: 10px;
    width: 30px;
    height: 30px;
    z-index:10;
}
.products__btn {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    z-index:10;
}


#review tbody{display:block}
#review tbody tr:first-child{margin-bottom:15px}
.products.grid4{grid-template:auto/repeat(1,1fr)}
.block-title, .checkout-cart h1, .checkout-success h1 {line-height: 1;padding-bottom: 10px;}
.my-modal{grid-template:auto/repeat(1,1fr)}
.modal-block__title{line-height:1;font-size:28px}
.banner__inner {width: 95%;}
.akcii {grid-template: auto/repeat(1,1fr);}
.search-form{flex-direction:column;align-items:flex-start}
.search-form__input{width:100%}
.alert.alert-success,.alert.alert-danger{width:97%;min-width:auto;padding:40px 20px}
.mobile-btns{position:fixed;bottom:0;left:0;width:100%;z-index: 9;background:var(--red);display:flex;align-items:center;justify-content:center;padding: 12px 20px;}
.mobile-btns a{display:flex;align-items:center;justify-content:center;color:#fff!important;position:relative}
.mobile-btns a i{font-size: 29px;}
.mobile-btns a i:before{width:100%;height:100%}
.mobile-btns a:not(:last-child){margin-right:18px;padding-right:18px}
.mobile-btns a:not(:last-child){border-right:1px solid}
#tops {display: none !important;}
.header__logo img {height: 60px;width: unset;}
.banner {margin-top: 80px;}
.header__wrap {padding: 10px 0;}
.top-block {margin-top: 120px;}
.checkout-cart, .checkout-checkout, .checkout-success {padding-top: 120px;}
.information-information-9 .top-block {margin-top: 120px;}
.products-page__left {width: 100%;}
.uspopis{width:100%;margin-top:30px}
.projeotdblock{flex-direction:column-reverse}



}
 

@media screen and (max-width: 370px) {
.categorywall__wrap {grid-template: auto/repeat(1,1fr);}
.header__nav {width: 250px;}
    
}