/* на маленьких устройствах 1 слайд */
header{

}
.header_whatsapp span{
    /*display: none;*/
}
.header_center{
    margin-top: 20px;
    justify-content: center;
    gap: 16px;

}
h1{
    font-size: 22px;
}
.h1_banner span {
    padding-top: 12px;
    font-size: 16px;
}
h2{
    font-size: 32px;
    font-weight: 600;
}
h2.catalog{
    margin-top: 40px;
}
.btn.btn-gotocart{
    display: none;
}
.product-grid{
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

@media (min-width: 991px) {
    .banner-feature{
        padding: 20px 32px;
    }
    .product-grid{
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 12px;
    }
    .collapse{
        display: block;
    }
    .collapse:not(.show) {
        display: block;
    }
}

/* на средних экранах (ширина больше 768px) 2 слайда */
@media (min-width: 768px) {

    .banner-features{
        display: flex;
    }



    header{

    }
    .header_phone{
        font-size: 20px;
    }

    h1{
        font-size: 32px;
        line-height: 1.56;
    }
    h2{
        font-size: 24px;
        font-weight: 500;
    }
    .h1_banner span{

        padding-top: 30px;
        font-size: 20px;

    }
    .h1_banner{
        background-image: url("../images/banner.jpg");
        padding: 56px 24px;
    }
    .header_center{
        margin-top: 0px;
        justify-content: space-between;
    }
    .header_whatsapp span{
        display: block;
    }
    .product-grid{
        grid-template-columns: 1fr 1fr 1fr;
        gap: 12px;
    }
    .btn.btn-gotocart{
        display: block;
    }


}

/* на больших экранах (ширина больше 1200px) 3 слайда */
@media (min-width: 1200px) {
    .product-grid{
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 12px;
    }
}

@media (min-width: 1400px) {
    .product-grid{
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 16px;
    }
}

/*Desktop first*/
@media (max-width: 1200px) {

}



@media (max-width: 998px) {



}

@media (max-width: 767px) {

}

@media (max-width: 576px) {


}