/* ==================== hotel details slider style ============================== */

.hoteldetails-slider .owl-theme .owl-nav {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 10;
}

.hoteldetails-slider .owl-carousel .owl-nav button.owl-next,
.hoteldetails-slider .owl-carousel .owl-nav button.owl-prev {
  width: 45px;
  height: 45px;
  background-color: #f5f5f5;
}

.hoteldetails-slider .owl-theme .img {
  height: 400px;
}

.hoteldetails-slider .owl-theme .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hoteldetails-slider .owl-thumbs {
  display: flex;
  height: 100px;
  background-color: #000;
}

.hoteldetails-slider .owl-thumbs span {
  width: 100%;
  border: 10px solid #000;
  height: 100%;
}

.hoteldetails-slider .owl-thumbs span img {
  width: 100%;
  height: 100%;
}

/* ==================== responsive style ============================== */

@media screen and (max-width: 991px) {
}

/* ======== */

@media screen and (max-width: 787px) {
  .hoteldetails-slider .owl-theme .img {
    height: 300px;
  }
  .hoteldetails-slider .owl-thumbs {
    height: 70px;
  }

  .hoteldetails-slider .owl-thumbs span {
    border: 5px solid #000;
  }
}

/* ======= */

@media screen and (max-width: 480px) {
}