@media screen and (max-width: 699px) and (min-width: 340px) {

    .container,#main {
        width: 330px;
    }

    .grid-single-product {
        grid-template-columns: unset;
    }

    #main

    .header_cover {
        display: grid;
        gap: 1rem;
    }

    .header__logo {
        display: flex;
        justify-content: center;
    }

    .header .header__logo img {
        width: 250px;
    }

    .header .header__brands-list {
        justify-content: center;
    }

    .header .header__brands-item img {
        width: 35px;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 30px !important;
    }

    .header .header__menu .desktop {
        display: none;
    }

    .header .header__menu .mobile {
        display: block;
    }

    .products-carousel h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .services {
        padding: 5rem 0;
    }

    .services .container {
        grid-template-columns: none;
    }

    .footer .boxes {
        display: grid;
        gap: 3rem;
    }

}