@media (max-width:991.91px) {
    .section_gap {
        padding: 40px 0;
    }
    /* .category_dropdown .dropdown-item:hover > .dropdown-menu {
        display: none;
    } */
    /* =================navbar============= */
    /* .navbar{
        z-index: 99;
        top: 0;
        left: 0;
    }
    .navbar-brand {
        height: 45px;
    } */
    .navbar .navbar-toggler {
        color: var(--white);
        border: none;
        width: 30px;
    }
    .navbar .navbar-toggler i{
        font-size: 14px;
    }
    button:focus:not(:focus-visible) {
        outline: 0;
        box-shadow: none
    }
    .navbar-brand img {
        height: 40px;
        object-fit: contain;
    }
    .navbar-collapse {
        border-top: 1px solid var(--secondary);
        /* height: 100vh; */
        padding-top: 10px;
        transition: all linear .3s;
        -webkit-transition: all linear .3s;
        -moz-transition: all linear .3s;
        -ms-transition: all linear .3s;
        -o-transition: all linear .3s;
    }
    #header .search_bar form input {
        padding-right: 40px;
        font-size: 12px;
        height: 35px;
    }
    #header .search_bar form input::placeholder {
        font-size: 12px;


    }
    #header .search_bar form .search_bnt {
        right: 10px;
        top: 50%;
        padding: 0 5px;
        height: 25px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
}
    .navbar-nav {
        gap: 15px;
    }
    .navbar-nav .nav-item .nav-link::after {
        bottom: -10px;
    }
    .offcanvas_cart .offcanvas-backdrop {
        z-index: 9999;
    }
    .navbar .dropdown-menu[data-bs-popper] {
        left: 175px;
    }
    .modal .product-image-container {
        max-height: 200px;
    }
    .thumbnail_image {
        max-height: 60px;
    }
    /* ======================banner section=============== */
    #slider .wrapper_slidershow {
        padding-left: 0;
    }
    .week_deal_banner {
        aspect-ratio: 16/9;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }
}
@media (max-width:335px) {
  .organic_product .container,
  .popular_product .container,
  .ramadan_special_product .container,
  .best_selling .container {
    padding: 2px;
  }
}

@media (max-width:532.91px) {
    .header3 {
        font-size: 20px;
        font-weight: 500;
        line-height: 38px;
        text-transform: capitalize;
    }

    .slick-track {
        gap: 6px;
    }
    .category-image {
        width: 60px;
        height: 60px;
    }
    .product-card .product-image {
        padding: 10px;
        aspect-ratio: 1/1;
        max-height: 250px;
    }
    .product-info .product_name {
        font-size: 12px;
    }
    .product-info {
        padding: 10px;
    }
    #header .search_bar form input {
        padding-right: 40px;
        height: 30px;
    }
    .offcanvas-end.offcanvas_cart {
        width: 310px;
    }
    .offcanvas_cart  .fixed_cart_check {
        width: 306px;
    }
    /* ================deals section =============== */
    .timer {
        font-size: 14px;
        margin-bottom: 0;
    }

    /* ==============brand============== */
    #brand .brand_slider .brand_item {
      height: 100px;
      width: 100px;
  }

    .for_you .products {
        padding: 0 0 0 10px;
        gap: 10px;
    }
    .for_you .product_slider_item {
        flex: 0 0 calc(50% - 10px);
    }
}

@media (min-width:533px) and (max-width:767.91px) {
    .product-info .product_name {
        font-size: 14px;
    }
    .product-info {
        padding: 10px;
    }

    .for_you .products {
        padding: 0 0 0 10px;
        gap: 10px;
    }
    .for_you .product_slider_item {
        flex: 0 0 calc(50% - 10px);
    }
}

@media (min-width:768px) and (max-width:991.91px) {
    .for_you .products {
        gap: 15px;
    }
    .for_you .product_slider_item {
        flex: 0 0 calc(33.33% - 10px);
    }
}

@media (min-width:992px) and (max-width:1199.91px) {
    .for_you .products {
        gap: 13px;
    }
    .for_you .product_slider_item {
        flex: 0 0 calc(25% - 10px);
    }
}

/* ====================week deal banner responsive==================== */
@media (min-width:576px) and (max-width:767.91px) {
    .deals-section .week_deal_banner {
        max-width: 540px;
        margin: 0 auto;
}
}
@media (min-width:768px) and (max-width:991.91px) {
    .deals-section .week_deal_banner {
        max-width: 720px;
        margin: 0 auto;
}
}