@media (max-width : 1920px) {}

@media (min-width : 1680px) {

}
@media (max-width : 1680px) {

}

@media (max-width : 1439px) {

}
@media (max-width : 1366px) {

}
@media (max-width : 1339px) {

}
@media (max-width : 1199px) {
  h2.head-line{ font-size: 40px; }
  .banner-text h3{ font-size: 42px; }
}
@media (min-width : 1199px) {
.section-request .container{ max-width: 960px; }
.section-gallery .container{ max-width: 1070px; }
.section-details .container, .section-map .container{ max-width: 1040px; }
}

@media (max-width : 1199px) and (min-width : 991px) {
  nav.navbar .navbar-nav .nav-item { padding-left: 15px; padding-right: 15px;}

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

}
@media (min-width : 992px) {
.nav-item.dropdown .dropdown-menu{ top:100px; display: block; opacity: 0; visibility: hidden; transition:all 0.2s ease; }
.nav-item.dropdown:hover .dropdown-menu{ top: 100%; opacity: 1; visibility: visible; transition:all 0.5s ease; }

}
@media (max-width : 991px) {
  .collapse{ display: block; flex-basis: 300px; width: 300px; background: #000; position: fixed; 
    top: 0px; bottom: 0px; right: -300px; height: 100vh; z-index: 7;  transition:all 0.5s ease;  }
    .collapse.show{ right: 0px; }
    .navbar-toggler{ margin-left: 10px; } 
    nav.navbar .navbar-nav .nav-item{ padding-top: 15px; padding-bottom: 15px; }
    .crossnav{display: block;}  
    .navbar-nav{ margin-top: 30px; }
    .navbar-nav .dropdown-menu { background: #121212; margin-top: 20px; border-radius: 0;}
    .navbar-nav .dropdown-menu a{ color: #fff;  }
    h2.head-line{ font-size: 30px; }
   .banner-text h3{ font-size: 32px; }
   .room-list li{ font-size: 16px; }
   ul.details-list li{flex-basis: inherit; flex: 0 0 33.3333%}
   ul.details-list li.width-5{flex-grow: 2; -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%;}
   ul.details-list li p{font-size: 16px; margin-bottom: 8px;}
   footer.footer .media-forwhite, footer.footer .media-forblack { width: 335px;}
   footer.footer .media-forwhite{margin-left: 20px;}

}
@media (max-width : 767px) {
  .section_banner{ min-height: 600px; }
  .section_banner .next-prev-pagination{ right: 20px; }
  .navbar-brand h4{ font-size: 18px; }
    .features-list li{ width: 50%; }
    h3.head-h3{font-size: 22px;}
    .headline-box h5{ font-size: 20px; }
    .features-list li{ font-size: 16px; }
    .details-img img{ max-height: 400px; }
    footer.footer .media-forwhite{margin-left: 0px; margin-top: 3px;}
    footer.footer .media.media-forblack:after{ width: 100%; height: 1px; top:auto; right: 0px; left: 0px; margin: auto auto; }
    footer.footer .banner-bottom-inner{ justify-content: center; }       
}
@media (max-width : 690px) {
    .banner-bottom-div{left: 0; margin: 0 auto;}
    .media-forblack , .media-forwhite{width: 100%;}
}
@media (max-width : 640px) {
 .banner-bottom-div .media-body h4 { font-size: 18px;}
 .banner-bottom-div .media-body h5 { font-size: 16px;}
 .navbar-light .navbar-toggler {
    background: #30e9fa;
    padding: 5px 15px;
    height: 45px;
    margin: 0;
    border-radius: 2px;
 }
 #google_translate_element select {
    width: 175px;
    padding-left: 15px;
    padding-right: 25px;
    margin: 0;
    height: 46px;
 }
 .right-nav-div {
    width: 100%;
    flex-direction: row-reverse;
    justify-content: inherit;
    padding-top: 10px;
    margin-left: 0;
 }
 header.header:not(.inner-page-hrader).fixed-top {
    background: rgb(38, 38, 38);
 }
 header.header:not(.inner-page-hrader).fixed-top .navbar-brand h4 {
    font-size: 13px; 
 }
}
@media (max-width : 576px) {
  .light-gallery li {
    padding: 5px;
    width: 100%;
}
header.header .navbar{ padding: 10px 15px; }
.navbar-toggler { margin-left: 6px;}
.navbar-brand{ margin-right: 0px;}
.room-list li{ list-style-position: inside; margin-right: 10px; padding:3px 0px;}
.room-list li:first-child{ list-style-type: initial; }
.banner-text{ padding-right: 45px; }
h2.head-line{ font-size: 22px; }
.banner-text h3{ font-size: 24px; }

}
@media (max-width : 480px) {
  .features-list li{ width: 100%; }

}
@media (max-width : 440px) {
   ul.details-list li{flex-basis: inherit; flex: 0 0 50%}
   ul.details-list li.width-5{flex-grow: 2; -ms-flex-preferred-size: 50%; flex-basis: 50%;}
}
@media (max-width : 360px) {
  

}
@media (max-width : 340px) {
  .navbar-brand{ margin-left: 0px; width: 100%; text-align: center; }
    .right-nav-div{ width: 100%; justify-content: center; margin-top: 5px; }
}