@media (width<1200px) {
    .wrap-content {
        padding: 0px 10px;
    }
}

@media (width<992px) {

    .header,
    .menu,
    .splide__arrow {
        display: none !important
    }

    .menu-res {
        display: flex !important
    }
}

@media (width<768px) {

    .contact-flex,
    .prodetail__actions,
    .prodetail__header {
        grid-template-columns: 1fr
    }

    .product-item__price--per {
        display: none
    }
}