/* Styles for screens 320px wide and below */
@media only screen and (max-width: 320px) { 
    
}

/* Styles for screens up to 480px wide */
@media only screen and (max-width: 480px) { /* Adjust max-width as needed */
    .nav-options{
        display: none;
    }
    .slider-category-search{
        width: 100%;
    }
    
}

/* Styles for screens up to 768px wide (tablets typically) */
@media only screen and (max-width: 768px) {
    
    /* Example: Change layout for tablets */
    /* .tablet-layout {
      display: flex; 
    } */
}

/* Styles for screens up to 1024px wide (smaller desktops) */
@media only screen and (max-width: 1024px) {
    
    /* Example: Adjust image size for smaller screens */
    /* img {
      max-width: 80%; 
    } */
}

/* Styles for screens 1200px wide and above (larger desktops) */
@media only screen and (min-width: 1200px) {
    
    /* Example: Adjust banner size for larger screens */
    /* .banner {
      width: 70%; 
    } */
}