.navbar {
 position: relative;
 width: 100%;
}
.bg-nav {
 padding-left: 0;
}
.bg-color__single {
 background-size: contain;
 padding: 250px 0 0;
 margin-top: -160px;
}
.bg-footer-dark {
 margin-top: 100px;
}

.single {
 max-width: 50vw;
 padding: 0 0 300px;
}
.single p {
 max-width: 30vw;
}
.gallery {
 width: 624px;
 min-width: 624px;
 height: 598px;
}
.history {
 padding-top: 70px;
}
.history .slick-prev {
 right: 50%;
 top: auto;
 bottom: 10px;
}
.history .slick-next {
 right: 40%;
 top: auto;
 bottom: 10px;
}
.history.right {
 flex-direction: row-reverse;
}
.history.right .description {
 margin-left: 0;
 margin-right: 50px;
}
.description {
 max-width: 100%;
 margin-left: 50px;
}
.text-only {
 margin-bottom: 50px;
}
.text-only .description {
 margin-left: 0;
}
.history.gallery {
 height: auto;
}
.cube {
 height: 369px;
 min-width: 100%;
 width: 100%;
 background: #919191;
}
@media (max-width: 1700px) {
 .main p {
  max-width: 400px;
 }
}
@media (max-width: 1199px) {
 .bg-color__single {
  background-size: 500px 100% !important;
  padding: 250px 0 50px;
 }
}
@media (max-width: 991px) {
 .navbar {
  width: 100%;
 }
 .bg-single img {
  width: 350px;
 }
 .history {
  flex-direction: column !important;
 }
 .main p {
  max-width: 300px;
 }
 .card-body .info {
  font-size: 12px;
  line-height: normal;
 }
 .history.right .description {
  margin-right: auto;
 }
 .description {
  margin-right: auto;
  margin-left: 0;
  margin-top: 20px;
 }
}
@media (max-width: 767px) {
 .bg-nav {
  width: 100%;
 }
 .bg-color__single {
  background-size: 100% 500px !important;
  background-position: bottom center !important;
  padding: 200px 0 500px;
  margin-bottom: 30px;
 }
 .description {
  margin-bottom: 0;
 }
 .single {
  padding: 0;
 }
 .single p {
  max-width: 100%;
 }
 .main p {
  max-width: 100%;
 }
 .history {
  justify-content: center;
 }
 .bg-color.single {
  padding-left: 0;
 }
 .additional {
  flex-direction: column;
 }
 .additional div {
  width: 100%;
  margin-top: 30px;
 }
 .availability {
  flex-direction: column;
  margin-bottom: 0;
 }
 .calendar-wrapper {
  width: 100%;
 }
 .selected-room {
  width: 100%;
 }
 .selected-room .card {
  margin: 0;
  padding: 20px 0;
 }
 .similiar-room {
  flex-direction: column;
 }
 .similiar-room .card {
  width: 100% !important;
  margin-bottom: 10px;
 }
 .mini-cube img {
  width: 25px;
  height: 25px;
 }
 .present-day {
  flex-direction: column;
 }
}