/* Desktop view  ========================== */  
@media only screen and (min-width: 1025px) {
    .filter-tabs{
    overflow-x: hidden !important;
}  
}
/* Desktop view  ========================== */  

@media (max-width: 768px) {
    .productimage img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }   

    .filter-tabs {
        gap: 5px;
        overflow-y: scroll;
        overflow-y: hidden;            
      }
    

      .filter-tabs::-webkit-scrollbar {
        height: 2px;    
        color: #1196d3;
      }
      
    .filter-tab p{
      display: -webkit-box;
      max-width: 300px;  
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      color: black;  
    }
    
      .filter-tab {
        padding: 5px 8px;
        font-size: 0.7rem;
        height: 46px;
      }

  }
  


/* tablet view  ========================== */  
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .hidetablet{
        display: none !important;
      }
}

@media (min-width: 576px) and (max-width: 767px) { 
.categorysection {
    display: none !important;
}


}
/* tablet view  ========================== */


/* tablet view  ========================== */
@media only screen and (min-device-width: 768px){
    .category-item {
        min-width: 100px;
        height: 100px;
        margin-right: 15px;
        flex-shrink: 0;
    }
    .category-item {
        width: 165px;
        height: auto;
        margin: auto;
    }

    .category-item img {
        width: 100%;
        height: auto;
        margin: auto;
    }
    .filter-tabs {
        display: flex;
        gap: 4px;
        padding: 5px;
        font-size: 15px;
        margin-bottom: 10px;
        margin-top: -13px;
        max-width: 100%;
        overflow-x: scroll;
    }
    .filter-tabs::-webkit-scrollbar {
        height: 5px;    
        color: #1196d3;
      }

 
}
/* tablet view  ========================== */