.carousel-inner {
  max-height: 520px;
  margin: 0 auto;
}
.carousel-inner .carousel-item {
  padding-bottom: 0;
}
.carousel-inner .slick-slide {
  height: unset !important;
}
.carousel-inner .slick-slide .product-tile .image-container {
  max-width: unset !important;
}
.carousel-inner .slick-dots {
  bottom: 0;
}
.carousel-inner .slick-dots button::before {
  font-size: 22px !important;
}

[data-md="1"] .carousel-inner {
  max-height: 1400px;
}

[data-md="2"] .carousel-inner {
  max-height: 735px;
}

[data-md="3"] .carousel-inner {
  max-height: 565px;
}

[data-md="4"] .carousel-inner {
  max-height: 435px;
}

[data-md="6"] .carousel-inner {
  max-height: 300px;
}

@media (max-width: 768px) {
  [data-xs="1"] .carousel-inner {
    max-height: 405px !important;
    margin: 0 auto;
  }
  [data-xs="2"] .carousel-inner {
    max-height: 250px !important;
  }
  [data-xs="3"] .carousel-inner {
    max-height: 215px !important;
  }
}
@media (max-width: 376px) {
  [data-xs="1"] .carousel-inner {
    max-height: 365px !important;
  }
  [data-xs="1"][data-center-mode=false] .carousel-inner {
    max-height: 470px !important;
  }
}
@media (max-width: 416px) {
  [data-xs="1"][data-center-mode=false] .carousel-inner {
    max-height: 500px !important;
  }
}
@media (min-width: 418px) and (max-width: 900px) {
  [data-md="4"] .carousel-inner {
    max-height: 280px !important;
  }
  [data-md="6"] .carousel-inner {
    max-height: 240px !important;
  }
}