@media screen and (max-width: 1100px) {
    .shop_items .item {
        width: calc(100%/3 - 14px);
    }
    
    html, body { 
        overflow: visible;
    }
}

@media screen and (max-width: 960px) {
    .cat-button {
        display: flex !important;
    }
    
    .brands-alphabetical-container .letter-group {
        width: calc(100%/3);
    }
    
    .bluebg {
        display: none;
    }
    
    header nav .mainmenu {
        display: none;
    }
    
    .mmenu {
        display: flex;
    }
    
    .mh {
    display: none !important;
}

.ms {
    display: flex;
}
}


@media screen and (max-width: 600px) {
    header .wrapper  {
        gap: 20px;
    }
    
    header {
        background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
        width: 100%;
        z-index: 99;
        top: 0;
        padding-top: 20px;
        position: fixed;
        margin-bottom: 0;
        border-bottom: 1px solid #e2e8f0;
    }
    
    header .wrapper {
        gap: 10px;
    }
    
    body {
        padding-top: 160px !important;
    }
    
    .msh {
        display: none !important;
    }
    
    .brands-alphabetical-container .letter-group {
        width: calc(100%/2);
    }
    
    .pagination {
        margin: 20px 0 0 0;
    }
    
    .single .desc {
        margin-bottom: 20px;
    }
    
    .cart-total, .cart-bottom {
        margin-top: 20px;
    }
    
    .wrapper {
    max-width: 1200px;
    padding: 0 15px;
}

    header .top {
        gap: 20px;
    }
    
    header {
        padding-bottom: 20px;
    }
    
    .slider {
        margin-top: 40px;
    }
    
    header .logo {
        width: 140px;
    }
    
    .contact .contact_b {
        display: none;
    }
    
    header .search {
        gap: 10px;
    }
    
    header .mobile-catalog-toggle {
        width: 60px !important;
        min-width: 60px !important;
    }
    
    .cat-button {
        width: 100%;
        box-sizing: border-box;
    }
    
    h1, h2, .item_price {
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .button.max {
        width: 100%;
    }
    
    .single {
        flex-direction: column-reverse;
    }
    
    .cols {
        flex-direction: column-reverse;
    }
    
    .single .col, .cols .col {
        width: 100%;
    }
    
    .shop_items {
        gap: 10px;
    }
    
    .shop_items .item {
        width: calc(100%/2 - 5px);
        padding: 10px;
    }
    
    .button, .cat-button {
        height: 40px !important;
    }
    
    header nav {
        display: none;
    }
    
    .fa-solid {
        font-size: 16px;
    }
    
    .contact_t i {
        font-size: 24px;
    }
    
    header .contact {
        flex-direction: row;
        align-items: center;
    }
    
    header .contact .mmenu {
        margin-right: 10px;
    }
    
    header .contact {
        margin-right: 10px;
    }
    
    .mss {
        display: block !important;
    }
    
    .cartlink, .mmenu {
        font-weight: 600;
    }
    
    #ajaxsearchlite1 .probox, div.asl_w .probox {
        padding: 5px 8px !important;
    }
    
    .shop_items .item .addtocart, .shop_items .item .request-button {
        margin-bottom: 10px;
    }

    .button, .wpcf7-submit {
        padding: 0 10px;
    }
    
    .cart {
        width: 100%;
        right: -100%;
        transition: 0s;
        box-shadow: none;
        padding: 20px;
    }
    
    html, body, .wpcf7 input, .wpcf7 textarea {
        font-size: 12px;
    }
    
    .desc span {
        font-family: "Geologica", sans-serif !important;
        font-weight: 400 !important;
    }
    
    .wpcf7-submit {
        height: 40px !important;
        padding: 0 !important;
    }
    
    .swiper-pagination-bullet {
        width: 7px !important;
        height: 7px !important;
        margin: 0 2px !important;
    }
    
    .swiper-pagination {
        margin-top: 20px !important;
    }
    
    .button.max {
        margin-top: 20px;
    }
    
    .shop_items .item {
        gap: 10px;
    }
    
    .item_price {
        margin-bottom: 10px;
    }
    
    .button.addtocart {
        width: 100%;
        box-sizing: border-box;
    }
    
}