/*MEDIA*/
@media (max-width: 1800px) {

}
@media (max-width: 1550px) {



}
@media (max-width: 1350px) {
    

}
@media (min-width: 1200px){
  
}
@media (max-width: 1199px){
   

}

@media (min-width: 992px) {
    button.navbar-toggler{
        display: none;
    }
    header .box-mobile{
        display: none;
    }
    .index-category a.wrap:hover:before {
        width: 74px;
        height: 74px;
        left: -37px;
        top: -37px;
    }


}

@media (max-width: 991px) {
    :root{
        --fzBody: 16px;
    }


    .main-content img[style="float: left;"], 
    .main-content img.img-left {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .main-content img[style="float: right;"], 
    .main-content img.img-right {
        margin-left: 20px;
        margin-bottom: 20px;
    }

    button.btn.close-modal svg {
        width: 100%;
        height: 100%;
    }
    button.btn.close-modal svg path {
        stroke: #333333;
    }
    .modal-form .modal-content{
        overflow: hidden;
    }
    button.btn.close-modal {
        right: 10px;
        top: 10px;
        padding: 0;
        width: 25px;
        height: 25px;
    }
    /**/
    .bottom-header .box-mnu {
        grid-column: 1 / -1;
    }
    .top-header{
        display: none;
    }
    .bottom-header {
        grid-template-columns: 1fr 50px;
    }
    .index-category {
        grid-template-columns: repeat(3, 1fr);
    }
    .index-gearboxes,
    .index-product {
        grid-template-columns: repeat(3, 1fr);
    }
    ul.footer-mnu{
        grid-template-columns: repeat(3, 1fr);
    }
    .bottom-footer{
        grid-template-columns: 1fr 1fr;
    }
    .bottom-footer .box-galaxy{
        order: 3;
    }
    .bottom-footer .box-copyright{
        order: 2;
    }
    .bottom-footer .box-contacts{
        grid-column: 1 / -1;
    }
    .grid-adv .item-adv{
        grid-template-columns: 1fr;
        row-gap: 15px;
    }
    .grid-adv .item-adv .name{
        margin-bottom: 0;
    }
    .home-slider .wrap-slide:before{
        width: 100%;
    }
    header ul.wrap-mnu{
        justify-content: start;
        margin-top: 20px;
        margin-bottom: 20px;
        row-gap: 12px;
    }
    header ul.wrap-mnu li {
        width: 100%;
        min-width: 100%;
    }
    header .box-mobile .box-contacts > div,
    header .box-mobile .phone {
        margin-bottom: 15px;
    }
    header .box-mobile {
        margin-bottom: 20px;
    }


}

@media (min-width: 769px) {
    
    
}

@media (max-width: 768px) {
    .block-about{
        grid-template-columns: 1fr;
    }
   .block-about .box-text{
        order: 1;
   }
   .block-about .box-img{
        order: 2;
   }
   .grid-top-page{
        grid-template-columns: 1fr;
        margin-bottom: 0;
   }
   .grid-adv {
        grid-template-columns: 1fr 1fr;
    }
    .grid-top-product{
        grid-template-columns: 1fr;
    }
    .gallery-main a.photos {
        width: calc(100% / 2 - 30px);
    }

    
    
}

@media (max-width: 575px) {
   .index-category {
        grid-template-columns: repeat(2, 1fr);
    }
    .index-gearboxes,
    .index-product {
        grid-template-columns: repeat(2, 1fr);
    }
    .block-about .box-text .descr ul{
        grid-template-columns: 1fr;
    }
    .grid-adv {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 481px) {
   
}

@media (max-width: 480px) {
        
    .main-content img[style="float: left;"], 
    .main-content img.img-left{
        float: none !important;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .main-content img[style="float: right;"], 
    .main-content img.img-right{
        float: none !important;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
    button.btn.close-modal {
        right: 10px;
        top: 10px;
        padding: 0;
        width: 20px;
        height: 20px;
        font-size: 0;
    }
    
    /**/
    .index-category a.wrap .name,
    .index-category .item.item-last>a{
        font-size: var(--fz16);
    }
    .heading-main.heading-home{
        font-size: var(--fz48);
    }
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
    ul.footer-mnu {
        grid-template-columns: repeat(2, 1fr);
    }
    .bottom-footer .box-contacts{
        grid-template-columns: 1fr;
    }
    footer .logo-footer{
        font-size: var(--fz32);
    }
    .grid-top-product .slider-nav .wrap-slide.slick-slide {
        padding: 0 5px;
    }
    .grid-top-product .slider-nav {
        margin-left: -5px;
        margin-right: -5px;
    }
    .grid-top-product .slider-for {
        margin-bottom: 10px;
    }
    .gallery-main{
        margin-left: 0;
        margin-right: 0;
    }
    .gallery-main a.photos {
        margin-bottom: 15px;
        max-width: 100%;
        height: auto;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    header .logo{
        font-size: var(--fz24);
        line-height: 1;
    }
    header .logo span {
        font-size: var(--fz14);
        margin-top: 5px;
    }
    .slick-dots li {
        margin: 0 4px;
    }
    .slick-dots li button{
        width: 12px;
        height: 12px;
    }
    .slick-dots {
        bottom: 25px;
    }
    .btn-main, .btn_main_form{
        padding: 15px 25px;
    }
    .grid-top-product .slider-nav .box-image{
        padding: 5px;
    }
    .main-content table th{
        padding: 10px;
    }


    
}

@media (max-width: 400px) {
   .index-product .product .descr,
   .index-gearboxes a.wrap .preview{
        display: none;
   }
   .index-product .product{
        padding-bottom: 75px;
        text-align: center;
    }
    .index-gearboxes a.wrap .name{
        margin-bottom: 0;
        text-align: center;
    }
    .gallery-adv {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .gallery-adv .item {
        height: 120px;
        width: 100%;
    }

}
@media (max-width: 340px) {
    
}