/* Small mobile (up to 360px) */
@media (max-width: 360px) {
   .owl-carousel.home-slider .slider-item {
        
        height: 164px !important;
        }
         .owl-carousel.home-slider{
        height: 164px !important;
      }
      
      #middlecategory{
          height:270px;
      }
}

/* Large mobile (361px to 479px) */
@media (min-width: 361px) and (max-width: 479px) {
    .owl-carousel.home-slider .slider-item {
        
        height: 182px !important;
        }
         .owl-carousel.home-slider{
        height: 182px !important;
      }
       #middlecategory{
          height:270px;
      }
}

/* Tablet portrait (480px to 767px) */
@media (min-width: 480px) and (max-width: 767px) {
   .owl-carousel.home-slider .slider-item {
        
        height: 237px !important;
        }
         .owl-carousel.home-slider{
        height: 237px !important;
      }
       #middlecategory{
          height:270px;
      }
}
/* Tablet and Laptop only */
/* Tablet only (768px to 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .owl-carousel.home-slider .slider-item {
        max-height: 373px !important;
        height: 100% !important;
    }
    .owl-carousel.home-slider {
        max-height: 373px !important; /* fixed typo from 9510px */
        height: 100% !important;
    }
    div#middlecategory {
    height: 330px;
  
}
}
/* Large laptop only (1440px to 1919px) */

    .owl-carousel.home-slider .slider-item {
        /* max-height: 955px; */
        height: 745px;
    }
    .owl-carousel.home-slider {
        /* max-height: 955px; */
        height: 745px;
    }