/* =======================
   Responsive Enhancements
======================= */

/* Mobile First (xs: <576px) */
@media (max-width: 575.98px) {
  .carousel-item .title {
    font-size: 14px; 
    line-height: 1.3;
    max-width: 90%;
    padding-top:0px !important;    
  }
  .carousel-item .title h5 {
    font-size: 15px;
  }
  .carousel-item .title p {
    font-size: 14px;
  }
  .image-slider {
    height: 250px;
    object-fit: cover;
  }
  .carousel-item {
    height: 270px;
  }
 

.carousel-item .title.title-left,
.carousel-item .title.title-right
{
    left:0px !important;
}
}

/* Small devices (sm: ≥576px and <768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .carousel-item .title {
    font-size: 16px;
    max-width: 85%;
     padding-top:0px !important;
  }
  .carousel-item .title h5 {
    font-size: 20px;
  }
  .carousel-item .title p {
    font-size: 16px;
  }
  .image-slider {
    height: 300px;
    object-fit: cover;
  }
  .carousel-item {
    height: 320px;
  }

    .product_details {
        min-height: auto !important;
    }
.carousel-item .title.title-left,
.carousel-item .title.title-right
{
    left:0px !important;
}

}

/* Medium devices (md: ≥768px and <992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .carousel-item .title {
    font-size: 18px;
    max-width: 80%;
    padding-top:0px !important;
  }
  .carousel-item .title h5 {
    font-size: 26px;
  }
  .carousel-item .title p {
    font-size: 20px;
  }
  .image-slider {
    height: 380px;
    object-fit: cover;
  }
  .carousel-item {
    height: 400px;
  }
  .carousel-item .title.title-left,
.carousel-item .title.title-right
{
    left:0px !important;
}
}

/* Large devices (lg: ≥992px and <1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .carousel-item .title {
    font-size: 20px;
  }
  .carousel-item .title h5 {
    font-size: 32px;
  }
  .carousel-item .title p {
    font-size: 24px;
  }
  .image-slider {
    height: 450px;
    object-fit: cover;
  }
  .carousel-item {
    height: 470px;
  }
}

/* Extra large devices (xl: ≥1200px) */
@media (min-width: 1200px) {
  .carousel-item .title {
    font-size: 22px;
  }
  .carousel-item .title h5 {
    font-size: 36px;
  }
  .carousel-item .title p {
    font-size: 28px;
  }
  .image-slider {
    height: 520px;
    object-fit: cover;
  }
  .carousel-item {
    height: 540px;
  }
}