@media (min-width: 992px) {
  div.container-sec img.img {
    height: 270px !important;
  }
  
  .offers2-sec .item .img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}
  
  .hero-sec .hero-slider .swiper .swiper-slide .custom-slide .img {
    -o-object-fit: cover;
    object-fit: fill;
    width: 100%;
    height: 80vh
  }
}
@media (max-width: 992px) and (min-width: 768px){
  
  .hero-sec .hero-slider .swiper .swiper-slide .custom-slide .img {
    -o-object-fit: cover;
    object-fit: fill;
    width: 100%;
    height: 40vh
  }
  .offers1-sec .item .img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}
.offers2-sec .item .img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}
.offers3-sec .item .img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}
}

@media (max-width: 768px) {
    .hero-sec .hero-slider .swiper .swiper-slide .custom-slide .img {
    -o-object-fit: cover;
    object-fit: fill;
    width: 100%;
    height: 10vh
  }
   
   
    .gallery-sec .grid-gallery .item .img {
        height: 120px;
        object-fit: fill;
    }
    
     .offers2-sec .item .img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}
}

div.cart-sec  div.flex.justify-between.text-sm.mb-5 {
  display: none !important;
}