@media only screen and (max-width: 767px) {
    /* Styles for mobile devices */

    .navbar{
        margin-top: 24px;
    }
    .sub-nav-bar{
        display: none !important;
    }
    .total-nav{
        display: none;
    }
    .search-bar {
        display: none;
    }

    .nav-icons {
        display: none;
    }

    .menu-icon {
        display: block;
    }

    .fashion-wrapper{
        flex-wrap: wrap;
    }
    
       .cat-wrapper {
        flex: 1 1 50%;
        max-width: 49%;
    }
    
    .banner-plot img{
        width: 100%;
    }
    .hamburger {
        display: block;
    }

    .headsector{
        align-items: center;
        margin-bottom: 14px;
    }
    .headsector h2{
        font-size: 16px;
    }

    .custom-btn{
        font-size: 10px;
        padding: 6px 12px;
    }

    
    .chip a{
        font-size: 12px;
        line-height: 4px;
        width: max-content;
        white-space: nowrap; /* Prevent text wrapping */
    }

    .chip-container{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        gap: 0px;
        margin-bottom: 16px;
    
    }
    .search-mob-area{
        display: block;
        cursor: pointer;
       }
       
       .filter-button{
        display: block;
       }

       .left-filter-area{
        display: none;
       }
       .single-product-wrapper {
       padding: 0px;
    }
    .single-product {
        flex: 1 1 calc(50% - 20px); /* For mobile: 2 items per row */
        max-width: calc(50% - 20px);
    }
    .filter-area,
    .offcanvas-menu {
        display: block !important;
        z-index: 1000;
        
    }
    .sort-dropdown{
        padding: 0;
    }
    .price-details{
        gap: 0px;
    }
    .real-price, .old-price {
    margin: 0;
    }
    .wrapper{
        padding: 20px;
        gap: 20px;
    }
       
    .text-area-wrap{
        width: 100%;
    }
    .text-area-wrap h5{
        font-size: 13px;
    }
    .text-area-wrap h6{
        width: 100%;
        font-size: 12px;
    }
    .text-area-wrap h3{
        width: 100%;
        font-size: 16px;
    }
    .image-area-wrap img{
        width: 100%;
    }
    .image-area-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .button-wrap .button-style2 {
        color: black;
        font-size: 13px;
        font-weight: 600;
        padding: 10px 20px;
        background-color: #FFFFFF;
        border: none;
        border-radius: 8px;
    }
    
    .accordion-body .chip-container{
        flex-wrap: wrap;
    }
    .right-product-wrapper{
        gap: 30px;
    }
    .cart-container{
        flex-direction: column;
        gap: 40px;
    }
    .single-cart-product{
        flex-direction: column;
        
    } 


  }
  




  @media (min-width: 768px) and (max-width: 991.98px) { 
    .navbar{
        margin-top: 24px;
    }
    .sub-nav-bar{
        display: none !important;
    }
    .total-nav{
        display: none;
    }
    .search-bar {
        display: none;
    }

    .nav-icons {
        display: none;
    }

    .menu-icon {
        display: block;
    }

    .fashion-wrapper{
        flex-wrap: wrap;
    }
    
       .cat-wrapper {
        flex: 1 1 50%;
        max-width: 49%;
    }
    
    .banner-plot img{
        width: 100%;
    }
    .hamburger {
        display: block;
    }

    .headsector{
        align-items: center;
        margin-bottom: 14px;
    }
    .headsector h2{
        font-size: 16px;
    }

    .custom-btn{
        font-size: 10px;
        padding: 6px 12px;
    }

    
    .chip a{
        font-size: 12px;
        line-height: 4px;
        width: max-content;
        white-space: nowrap; /* Prevent text wrapping */
    }

    .chip-container{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        gap: 0px;
        margin-bottom: 16px;
    
    }
    .search-mob-area{
        display: block;
        cursor: pointer;
       }
       .filter-button{
        display: block;
       }

       .left-filter-area{
        display: none;
       }
       .single-product-wrapper {
       padding: 0px;
    }
    .single-product {
        width: calc((100% / 3) - (30px / 3));
      }
      .cart-container{
        flex-direction: column;
        gap: 40px;
    }
       
  }
  @media (min-width: 992px) and (max-width: 1199.98px) { 
    .navbar{
        margin-top: 24px;
    }
    .sub-nav-bar{
        display: none !important;
    }
    .total-nav{
        display: none;
    }
    .search-bar {
        display: none;
    }

    .nav-icons {
        display: none;
    }

    .menu-icon {
        display: block;
    }

    .fashion-wrapper{
        flex-wrap: wrap;
    }
    
       .cat-wrapper {
        flex: 1 1 50%;
        max-width: 49%;
    }
    
    .banner-plot img{
        width: 100%;
    }
    .hamburger {
        display: block;
    }

    .headsector{
        align-items: center;
        margin-bottom: 14px;
    }
    .headsector h2{
        font-size: 16px;
    }

    .custom-btn{
        font-size: 10px;
        padding: 6px 12px;
    }

    
    .chip a{
        font-size: 12px;
        line-height: 4px;
        width: max-content;
        white-space: nowrap; /* Prevent text wrapping */
    }

    .chip-container{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        gap: 0px;
        margin-bottom: 16px;
    
    }
    .search-mob-area{
        display: block;
        cursor: pointer;
       }
       .filter-button{
        display: block;
       }

       .left-filter-area{
        display: none;
       }
       .single-product {
       padding: 0px;
    }
    
    
       
  }
  

  



  @media (max-width: 992px) {
   
}

/* Mobile view */
@media (max-width: 768px) {
   
}