@media (min-width:1920px) { 
    .wrapper { overflow: hidden; }
    .map-sec { background-position: center -147px; }
    .slider-sec .slider-text { padding: 40px 107px 40px 107px; max-width: 960px; }
} 


@media (min-width:992px) {
    .header-main .container { max-width: 100%; }        
}


@media(min-width:1200px) {
    .container { max-width: 1715px; }
    .header-main .container { max-width: 1715px; margin: 0 auto; }    
}

@media (max-width:1620px) {
    .enumenu_ul li a { font-size: 1.8rem;padding: 20px 20px; }
    .header-logo { width: 145px;  padding-top: 12px; }
    .contact-info > a { margin-left: 10px; font-size: 16px; }
    .social-media-btn { padding-left: 10px; }
    .contact-info { padding: 0 12px; margin-left: 12px; }
    .call-btn { width: 35px; height: 35px; line-height: 29px; font-size: 2.2rem; }
    .btn-make { padding: 10px 15px 13px !important; margin-left: 10px; }
    
    .icon-circle { width: 35px; height: 35px; line-height: 29px; font-size: 2.2rem;  }    
    .slider-sec .container { max-width: 1140px; } 
    .map-sec { background-position: center 95%; }
    .booking-block  { top: 164px; }
}



@media (max-width:1440px) { 
    .map-sec { background-position: center -85px; height: 400px; }
    .header-main .container { padding: 0 2.5%; max-width: 100%; }
    .enumenu_ul li a { padding: 20px 20px; }
    .booking-block { top: 163px; }
    
}

@media (max-width:1366px) {
    .header-main .container-fluid {  padding: 0 15px; max-width: 100%; width: 100%; }   
    .enumenu_ul li a { padding: 20px 20px; }
    .header-main .container { padding: 0 62px; }
    .map-sec { background-position: center -65px; height: 400px; }
}

@media (max-width:1280px) {
    .map-sec { background-position: center -36px; height: 380px; }
    .enumenu_ul li a { padding: 20px 20px; }
}

@media (max-width:1200px) {
    .menu-top li { margin-right: 20px; }        
    .content-info { width: 35%; padding: 85px 30px 65px 30px; }
    .image-block { width: 65%; }
    .map-sec { background-position: center -28px; height: 332px; }
    .header-main .container { padding: 0 20px; }
/*    .photo-gallery-child { width: 30.1%; }*/
    .enumenu_ul li a { padding: 20px 20px; }
}

@media (max-width:1024px) {
	
.header-main .container { padding: 0 15px; }
.main .left-panel { float: none; width: 100% }
.main aside { float: none; width: 92%; }
.enumenu_ul { display: none; position: fixed; left: 0; right: 0; top: 96px; z-index: 999; background: #3b5ba7;  padding: 10px 0}
.menu-block { height: auto; }
.menu-icon {  display: block; padding: 0; position: absolute; right: 0; top: 31px; }
.enumenu_ul > li { width: 100%; margin: 0 0 5px; padding: 0px; text-align: center; }    
.enumenu_ul > li > a { display: inline-block; text-align: center; padding: 8px 15px; color: #fff;    width: auto; }
.enumenu_ul { width: 100%; }
/* Push Menu */
body.menuslide_push { position: relative; }
body.menuslide_push.slidemenuLeft { left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; }
body.menuslide_push.slidemenuRight { right: 0; transition: right 0.5s; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; }
body.slidemenuRight .enumenu_ul { right: -300px; }
body.slidemenuRight.menu-open .enumenu_ul { right: 0; }
body.slidemenuLeft .enumenu_ul { left: -300px; }
body.slidemenuLeft.menu-open .enumenu_ul { left: 0; }
body.menuslide_push.slidemenuLeft.menu-open { left: 300px }
body.menuslide_push.slidemenuRight.menu-open { right: 300px }
body.menuslide_push .enumenu_ul, body.menuOverlap .enumenu_ul { background: #000000 none repeat scroll 0 0; display: block; height: 100%; max-height: 100%; width: 100%; overflow: auto; position: fixed; transition: all 0.5s ease 0s; max-width: 300px; top: 0; }  
    
    
    .menu-icon:after { content: ""; position: absolute; left: -36px; right: 0px; height: 97px; background: #3b5ba7; top: -31px; width: 97px; }
    .menu-icon .menu-box { position: relative; z-index: 1; right: 10px; }
    .menu-wrap { padding-bottom: 0; }
    .btn-booknow { display: block; position: absolute; right: 96px; height: 97px; width: 97px; text-align: center; background: #68aa44; top: 0px; font-size: 1.8rem; color: #fff; text-transform: uppercase; font-weight: 500; padding-top: 21px; }
    .btn-booknow:hover { background: #3b5ba7; color: #fff; }
    
    .banner { margin-top: 97px; }
    .header-logo { z-index: 99; padding: 6px 0;width: 132px; }
    .menu-top { display: none; }
    .enumenu_ul .mobile { display: block; }
    .enumenu_ul > li.desktop { display: none; } 
    .enumenu_ul > li a:after { display: none; }
    .enumenu_ul > li > a.btn { color: #3b5ba7; }
    .slider-sec .slider-text { padding: 40px 15px 40px 15px; margin-left: 15px; }
    
    #booking { position: fixed; right: 0; bottom: 0; overflow-y: auto; top: 0 !important; width: 100%; height: auto; padding: 20px; border-radius: 0; }
    #booking form>fieldset {   max-width: 300px; margin: 0 auto; }
    .booking-block h4 { font-size: 2.5rem; }
    .booking_verbiage h4 {font-size: 1.8rem !important; }
    .booking-block { width: 100%; top: 0; z-index: 999; }
    .booking-block form { width: 100%; display: inline-block; }
    #booking .close { display: block; margin-bottom: 15px; text-transform: uppercase; color: #3b5ba7; opacity: 1; }
    #booking .button-mask .button { background: #006075; cursor: pointer; }
    #booking .button-mask .button:hover {  background: #fff; color: #006075; }
    #booking .button-mask { position: relative; }
    #booking .button { border-radius: 5px; bottom: auto; height: 70px; line-height: 70px; font-size: 18px; position: relative; }
}


@media (max-width:991px) {     
   
    h1 { font-size: 4rem; line-height: 1;  }
    h2 { font-size: 3.2rem; }
    h6 { font-size: 1.8rem; }
   .btn { font-size: 1.8rem; }
/*---------- footer css start here  -------------- */
    
/*---------- footer css end  here -------------- */
    
    .accomodations-loading-sec { padding: 45px 0 35px; }
    .accommodation-amenities-sec .container-fluid { padding: 0 20px; }
    .accommodation-amenities-sec .row { margin-bottom: 20px; }
    .map-sec { margin: 20px; }
    
    .content-info { width: 35%; padding: 65px 20px 45px 20px; }
    .image-block { width: 65%; }
    .slider-sec { min-height: 450px; padding: 110px 0 15px;}
    .map-sec { height: 326px; }
    
    .photo-gallery-child { width: calc(50% - 30px); }
    .list-style  { padding-left: 10px; }
    .covid-banner .slider-sec .slider-text { padding: 30px 70px 30px 15px;}
    .form-sec .form-block { max-width: 650px; }
    .address-block li {display: block;}
    .address-block li a {font-size: 1.8rem;}
    .address-block li a span:last-child:after {display: none;}
}

@media (max-width:767px) {
    
    h1 { font-size: 3.2rem; line-height: 1.2; }
    h2 { font-size: 2.8rem; line-height: 1.2; }    
    h4 { font-size: 2.0rem;  }
    h5 { font-size: 1.8rem;  }
    h6 { font-size: 1.6rem;  }
    p { font-size: 1.4rem;  } 
    .btn { font-size: 1.6rem; }
    .list-style li { font-size: 1.4rem; margin-bottom: 5px; }
    .list-style li:last-of-type { margin-bottom: 0; }
    
    
    .enumenu_ul > li > a { font-size: 1.6rem; }
    .header-main { height: 90px; }
    .header-main .container { max-width: 100%; }    
    .btn { padding: 12px 25px 14px; min-width: 170px; }
    .btn-booknow { height: 90px; width: 90px; right: 90px; padding-top: 18px; }
    .menu-icon:after { height: 90px; width: 90px; left: -30px; top: -26px; }
    
    .slider-sec { height: 479px; min-height: auto; padding: 60px 0 150px; }
    
    
/*------------------- banner-sec css start ----------------------- */    
    .menu-icon { top: 26px; }
    .header-logo { width: 110px; padding: 9px 0; }
    .enumenu_ul { top: 90px; }
    .banner { margin-top: 90px; }    
    .slider-sec .slider-text { max-width: 100%; padding: 20px 30px 20px 20px; position: absolute; left: 0; bottom: 0; right: 0; text-align: center; margin-left: 0; }
    .overlay-top .slider-text { bottom: auto; top: 0; }
/*    .slider-sec .slider-text.first { top: 0; bottom: auto; }*/
    
    .make-appointment { text-align: center; }
    .make-appointment .btn-book { text-align: center; margin: 0 auto; min-width: 150px; display: inline-block; }
    .make-appointment .btn-book span { display: inline-block; vertical-align: middle; margin-top: -3px; }
    .inner-banner {  min-height: 480px; }
    .inner-banner .slider-text h2 { font-size: 3.0rem; }
    /*------------------- banner-sec css end ------------------------ */
    
    .slider-text h2 br { display: block; }
    .accomodations-loading-sec { padding: 35px 0 15px; }
    .accomodations-loading-sec .self-content h2 br { display: block; }
    
    .accommodation-amenities-sec .container-fluid { padding: 0 15px;}
    .accommodation-amenities-sec .row { margin-bottom: 15px; }
    .content-info { width: 100%; padding: 35px 20px 37px; order: 1; }
    .content-info p { padding-bottom: 23px; }
    .image-block { width: 100%; padding-bottom: 60%; }
    
    .map-sec { margin: 15px; height: 267px; background-position: center -8px; margin-bottom: 0; }
    .address-block li a { font-size: 1.6rem; }
    .map-block {  margin-top: 10px; }
    .footer-main { position: relative; z-index: 1; }
    .footer-main:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(255,255,255,0.6); z-index: -1; }
        
/*------------------- footer css start here  ------------------------ */    
    .footer-logo { margin-bottom: 25px; }
    .footer-menu li  { padding: 0 10px; }
    .address-block { margin-bottom: 15px; }
    .logo-list { padding: 0 15px; margin-top: 25px; }
    .logo-list li { margin: 0 20px;  }
/*------------------- footer css end here  ------------------------ */
    body.show .booking-block { display: none; }
    body.open .booking-block { display: block; }
	
	.covid-banner .slider-sec {padding: 200px 0 150px;}
/*	.covid-banner .slider-sec .slider-text.first {top: 90px;}*/
	.covid-banner .slider-sec .slider-text.first {top: auto !important; bottom: 0;}
    .covid-banner .slider-sec .slider-text {padding: 20px 15px 20px 15px;}
	.covid-banner .slider-sec .slider-text h2 {font-size: 26px;}
    
    .photo-gallery-child { width: calc(100% - 30px); padding-bottom: 56%; margin-bottom: 15px; }
    .photo-gallery {padding: 0 15px;}
    .form-sec { margin: 0 15px; padding: 40px 0 30px; }
    .accomodations-loading-sec.no-padding { margin-bottom: -15px; }
    .form-sec .form-block { padding: 0 15px; }
    .form-sec .form-block h2 { text-align: center;}
    .form-block iframe { height: 475px !important; }
    .popup-slider-for {min-height: 200px;}
    .latest-travel-guides {padding-top: 30px;}
    .address-block li a span {display: block; padding-bottom: 5px;    }
    .address-block li a span:after {display: none;}
    .address-block li a span:first-child:after {display: none;    }
    .address-block li a span:first-child {padding-left: 5px;}
    .listing-block ul li{width: 100%; }
    .listing-block ul {margin: 0 0 0 20px; padding: 0; width: 100%; max-width: 100% !important;}
    .listing-block-list {margin: 20px 0;}
    
    .slider-text.top { top: 0; bottom: auto;}
}
    
@media (max-width:640px) {
    .slider-sec .slider-text { padding-left: 15px; }
    .map-sec { background-position: center center; }
    .map-block { margin-top: 6px; }
    .map-block .map-logo { margin: 0 auto 15px;}
    .footer-menu li { display: block; }
    .footer-menu li:first-child { padding-left: 10px; }
    .footer-menu li:last-child { padding-right: 10px; }
    .list-style { width: 100%; max-width: 320px; padding-right: 0; padding-left: 15px; }
    
   
}

@media (max-width:480px) {    
    h1 { font-size: 3rem; } 
    .enumenu_ul { padding: 10px 0; }
    
    .footer-main { padding: 15px 0 50px; }
    .address-block li a span { display: block; padding-right: 0; margin-bottom: 10px; }
    .address-block li { width: 100%; padding-left: 0; }
    .address-block li:last-child { padding-left: 0; }
    .address-block li a span:after { display: none !important; }
    
    .header-logo { width: 84px; padding-top: 7px; }
    .header-main { height: 70px; } 
    .btn-booknow { font-size: 1.3rem; height: 70px; right: 70px; width: 70px; padding-top: 16px; }
    .menu-icon .menu-box { right: 0px; top: -13px; padding: 10px; }    
    .menu-icon:after { left: -10px;right: 0px;height: 70px; top: -26px; width: 70px; }
    .banner { margin-top: 70px; }
    .enumenu_ul { top: 70px; }  
	.covid-banner .slider-sec .slider-text.first {top: 70px;}
	.covid-banner .slider-sec .slider-text h2 {font-size: 22px;}
    .view-icon { right: 15px; }
    .view-icon.left { left: 15px; }
    .self-content .address-dtl li { width: 100%; margin-bottom: 25px; }
    .self-content .address-dtl li:last-child { margin-bottom: 0; }
}

@media (max-width:360px) {
    .social-icon.iphone { display: none; }
    .booking-block h4  { font-size: 2.0rem; }
    .booking_verbiage h4 { font-size: 1.6rem !important; }
}