@charset "utf-8";

/* CSS Document */


/*Top navigation font-size adjust*/

@media (min-width: 992px){
  .subnav ul{
    display: block !important;
  }
}

@media (min-width: 1200px) and (max-width: 1365px) {
    .navigation ul li {
        margin-right: 15px;
    }
    .navigation ul li a {
        font-size: 1em;
    }
}


/*!Top navigation font-size adjust*/

@media (min-width: 768px) and (max-width: 1199px) {
  .banner-logo {
      height: 120px;
      top: 80px;
  }
    h1 {
        font-size: 2.813em;
    }
    .logo img {
        display: block;
        margin: 0 auto;
    }
    .btn-custom {
        padding: 7px 20px;
    }
}

@media (max-width: 991px) {
    footer {
        padding: 50px 30px;
    }
    .mx-sm-auto {
        margin: 0 auto;
    }
    .top-spacer-sm-50 {
        margin-top: 50px;
    }
    .subnav {
        height: auto;
        line-height: 40px;
    }
    .subnavopen {
        display: block;
        color: #fff;
        text-align: center;
        font-size: 1.1em;
    }
    .subnavopen:hover {
        cursor: pointer;
        color: #ffffff;
    }
    .subnav ul {
        display: none;
        padding-bottom: 20px;
    }
    .subnav ul li {
        line-height: 2em;
        display: block;
        margin: 0;
        padding: 8px 0;
    }
    .subnav ul li.active{
      background: #bb9b40;
    }
    .subnav ul li.active::after {
        display: none;
    }
    .subnav ul li.active a{
      font-weight: normal;
    }
    .rooms .text::after {
        display: none;
    }
    .rooms .text {
        padding: 50px 15px;
    }
    .rooms .bg {
        height: 350px;
    }
}

@media (max-width: 767px) {
  .mh-600 {
      min-height: 1px;
  }
  .banner.big{
    height: calc(100vh - 60px);
  }
  .subnav.fixed{
    top: 60px;
  }
    .header{
      height: 60px;
    }
    .rooms .text .flex-item {
        width: 100%;
    }
    h1 {
        font-size: 2.188em;
    }
    h3 {
        font-size: 1em;
    }
    .flex-item {
        width: 80%;
    }
    .logo img {
        display: block;
        margin: 0 auto;
        height: 50px;
        padding-top: 0;
        margin-top: 5px;
    }
    .btn-book,
    .btn-menu {
        font-size: 1em;
    }
    .btn-menu {
        padding: 4px 21px;
    }
    .menu-button,
    .book-button {
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .banner-logo {
        top: 80px;
        height: 120px;
    }
    .swiper-caption {
        top: 40%;
        width: 80%;
    }
    .slider-buttons li{
      display: block;
      margin-bottom: 15px;
      margin-right: 0;
    }
    .btn-custom {
        padding: 7px 10px;
        font-size: 1em;
    }
    .inner-banner {
        height: 200px;
    }
    .sitemap{
      padding: 0;
      text-align: left;
      padding-left: 15px;
    }
    .sitemap>ul>li{
      display:block;
      margin-top: 10px;
    }
    .sitemap>ul>li ul{
      padding-left: 20px;
      list-style: circle;
    }
    .sitemap>ul>li ul>li::after, .sitemap>ul>li ul>li::before{
      content: none;
    }
    .sitemap>ul>li ul>li{
      padding-left: 0px;
    }
    .gallery-banner{
      height: calc(100vh - 200px);
    }
    .slider{
      height: 100px;
      padding: 15px 100px;
    }
    .img-thumbnail{
      height: 56px;
    }
    main {
        margin-top: 60px;
    }
  .white-box{
    padding: 10px;
  }

}

@media (max-width: 567px) {
    .px-sm-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .btn-book span {
        display: none;
    }
}


/* Slider for orientation landscape*/
@media (max-width: 767px) and (orientation: landscape) {
  .banner-logo {
    top: 60px;
    height: 120px;
}
  .banner.big {
    height: 150vh;
}
}