.footer-testi, #testi-mob-app { position:relative; }
.footer-testi:before, .footer-testi:after, #testi-mob-app:before, #testi-mob-app:after { display:block; content:""; position:absolute; left:0; top:62px; background-image:url(../images/qoute-left.png); width:44px; height:100px; background-size:100% auto; background-repeat:no-repeat; opacity:0.5 }
.footer-testi:after,  #testi-mob-app:after   { left:auto; right:0; background-image:url(../images/qoute-right.png)  }

 #testi-mob-app:before, #testi-mob-app:after { width:30px; top:18px; }
 #testi-mob-app:after  { left:auto; right:0 }
 #testi-mob-app { padding:0 40px }

#testi-mob-app { text-align-last:center }
#testi-mob-app .owl-theme .owl-dots { margin:0; padding:0 }

 .footer-wrapp #testi-app a:link,  .footer-wrapp #testi-app a:visited,  .footer-wrapp #testi-app a:hover  { color:var(--color) !important }

.pageTitle, .pageTitle span {  font-family: 'Alegreya Sans', sans-serif !important }

.restaurant-block-home li:first-child { float:right }
.relaxCaption span, .elev-text-hme h5 span { font-family: 'Arizonia', cursive !important; text-transform:capitalize !important;     font-size: 41pt;
    font-weight: 100; }
.welcome-text p.hme-secnd-text { padding-top:50px !important }
.welcomeImg { width:100% !important }
.foot-menu-wrapp .container { position:relative }
.foot-address address { float:right }
.centerSmo  {   position: absolute;  top: 0;  left: 50%;  transform: translate(-50%, 0);  -ms-transform: translate(-50%, 0); }  
.footer-menu-block ul {    display: block;    padding-right: 33px; }
.footer-call span, .footer-mail span { font-size:14pt }
.textSmall, .abt-btm-txt, .accom-txt, .pool-wrapp article { text-align:justify; text-align-last:center }
.rooms-type .ddsmoothmenu ul li a:link, .rooms-type .ddsmoothmenu ul li a:visited {     font-family: 'Almarai', sans-serif;  }
.pool-time, .timingTable {    background-color: #eeece8; } 
.showMob { display:none }
/*@import url("tomerge.css");*/
.accomm-wrapp li img, .restaurant-block-home li img { transition:all 0.5s ease;   filter: grayscale(0); } 
.accomm-wrapp li:hover img, .restaurant-block-home li:hover img {   filter: grayscale(50%); }
.game-wrapp .owl-dots, .pool-wrapp .owl-dots { width:70% }
.game-wrapp { margin-bottom:35px }
.game-wrapp  .owl-theme .owl-dots .owl-dot span { background:#9da5a2 }
.game-wrapp  .owl-theme .owl-dots .owl-dot.active span, .game-wrapp  .owl-theme .owl-dots .owl-dot:hover span { background:#a7cd45 } .elev-text-hme h4 { color:#fff }
#page { width:100% }
.pageTitle span:after {  width:0; opacity:0 }
.pageTitle span:after { animation:borderAni ease-in 0.5s forwards;  }
.sitemap-wrapp { padding:20px; width:calc(660px - 0px); margin:30px auto 0 auto; border:1px solid var(--borderColor) }
.sitemap-wrapp ul { display:block; float:left; padding:15px 30px }
.sitemap-wrapp a:link, .sitemap-wrapp a:visited { display:block; padding:10px 0 }
@keyframes borderAni { 0% { opacity:0; width:1px } 10% { opacity:1; width:1px } 100% { opacity:1; width:90% } }

.home-logo { width:200px; position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); }
.homeAlign { background-color:transparent !important; transition: all 0.5s ease } 
.homeAlign.showPage  { background-color:var(--mainBg) !important; transition-delay:0.1s } .showPage .welcomeImg { animation-delay:0.1s }
#text { fill:#fff !important; transition:all 0.5s ease }
.site-logo svg { width:100%; height:auto } .header-fix #text { fill:#000 !important } .logoHov { position:absolute; left:0; top:0; width:100%; opacity:0 }
 .header-fix .site-logo { padding:0; background-color:transparent !important; top:-21px !important;    -webkit-box-shadow: none !important;    -moz-box-shadow:  none !important;    box-shadow:  none !important; } 
.header-fix .site-logo .logoHov { opacity:1 }
.header-fix .site-logo .logoMain { opacity:0 }
.header-fix .site-logo img { width:100% !important; padding:15px !important }
.header-wrapp.header-fix, .remScrl  .header-wrapp { z-index:19000 !important }
.remScrl .header-fix .head-scroll { background-color:transparent !important;    -webkit-box-shadow: none !important;    -moz-box-shadow: none !important;    box-shadow: none !important; }
.hme-place-block img { width:100% } .side-nav-panel-full { width:100%; height:100%; position:fixed; z-index:100; opacity:1; left:0; top:0; background-color:#eceae6; overflow:hidden; transition:0.8s ease all }
.side-nav-align { background-image:url(../images/porcupain-menu-logo.png); background-repeat:no-repeat; background-position:center 0; background-size:160px 105px; padding-top:190px; width:calc(100% - 0px);   position: absolute;  top: 50%;  left:0;  transform: translate(0, -50%);  -ms-transform: translate(0, -50%); z-index:1200; padding-bottom:60px }
.menu-image { width:calc(600px - 0px); float:left }
.menu-second-side, .menu-main-side { padding-left:60px; float:left }
.side-nav-panel-full { opacity:0; z-index:-100; transition:all 0.5s ease }
.showPage { z-index:12000 } .hme-menu { position:fixed; z-index:18000 }
.viewMenu { opacity:1; z-index:16000 !important }  .remScrl, .removeScroll {   overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */ }
.remScrl .hme-menu input[name=toggle-nav]:checked + label[for=toggle-nav] .menu-icon::before, .remScrl .hme-menu input[name=toggle-nav]:checked + label[for=toggle-nav] .menu-icon::after {    background: #282827 !important; }
.menu-tree { position:absolute; right:0; bottom:40px }
.menu-main-side li { display:block; }
.menu-main-side a:link, .menu-main-side a:visited { display:block; padding:17px 0 17px 35px; font-size:16pt; text-transform:uppercase; position:relative;   }
.menu-second-side a:link, .menu-second-side .menu-main-side a:visited { font-size:11pt; text-transform:uppercase; padding:10px 0 10px 35px; display:block; position:relative;  }
.menu-main-side a:link, .menu-main-side a:visited, .menu-second-side a:link, .menu-second-side .menu-main-side a:visited { position:relative; padding-left:22px; }
.menu-main-side a:hover, .menu-second-side a:hover { color:#912401; }
.menu-main-side a:before, .menu-second-side a:before { content:""; display:block; position:absolute; top:20px; left:0; border-radius:50%; border:1px solid #a8938b; width:10pt; height:12px  } .menu-second-side a:before {  width:6pt; height:8px; top:17px; left:7px  }
.menu-image, .side-nav-align, .menu-main-side, .menu-second-side, .menu-tree { opacity:0;  }
.viewMenu .side-nav-align, .viewMenu .menu-tree { opacity:0; animation:menuImageAni ease-in 0.5s forwards;  animation-delay:0.5s; }
@keyframes menuImageAni { from { opacity:0; } to { opacity:1; } }
.menu-image {  transform: translate(-23px,0px); -webkit-transform: translate(-23px,0px);-moz-transform: translate(-23px,0px);}
.viewMenu .menu-image { transform: translate(-15px,0px);  animation:menuImageMoveAni ease-in 0.5s forwards; animation-delay:0.8s;  }
@keyframes menuImageMoveAni { from { opacity:0; 
transform: translate(-15px,0px);
} to { opacity:1; transform: translate(0px,0px);   }
}
.menu-main-side,  .menu-second-side { margin-left:20px; }
.viewMenu .menu-main-side, .viewMenu .menu-second-side { margin-left:10px;   animation:menuMoveAni ease-in 0.5s forwards; }
@keyframes menuMoveAni { from { opacity:0; 
margin-left:15px;
} to { opacity:1; margin-left:0px;   }
}
.viewMenu .menu-main-side  { animation-delay:1.0s} 
.viewMenu .menu-second-side{ animation-delay:1.1s; } 
 .room-tab-menu-hme li a:link, .room-tab-menu-hme li a:visited { font-size:12.5pt; padding:8px 0 8px 40px }
 .scrollBtm {  z-index:100; position:absolute; left:0; bottom:0;  width:100%     } 
  .scrl-btn { height:83px }
 .scrl-btn a:link, .scrl-btn a:visited { display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:100; background-position:center 30px; background-repeat:no-repeat; background-image:url(../images/down-arrow.svg)   }
.scrl-btn { width:350px; margin:0 auto; position:relative }
.triangle-top, .triangle-top-1, .triangle-top-2 { opacity:0.2;    display: inline-block;    width: 0;    height: 0;    border-style: solid;    border-width: 0 93px 86px 93px;    border-color: transparent transparent #fff transparent; margin:0 auto; bottom:0 }
.triangle-top-1 { position:absolute; left:0 }  .triangle-top-2 { position:absolute; right:0 }
.triangle-top-1, .triangle-top-2  {  border-width: 0 80px 65px 80px }
.triangle-top { position:absolute; bottom:0 ;  left: 50%;
  transform: translate(-50%, 0);   -ms-transform: translate(-50%, 0); }
  .remScrl .top-reserv a:link,  .remScrl .top-reserv a:visited  { color:#000 !important; border:1px solid rgb(72 71 71 / 50%) !important }
.menu-image { padding:10px; background-color:rgba(255,255,255,0.5); border:1px solid #dad1c6 }
.top-call svg { fill:#fff }
.remScrl .top-call svg {     fill: #000 !important; }
.remScrl .top-reserv a:hover { background-color:#c7aba4; border-color:#c7aba4 !important; }
.hme-relaxation-image { position:relative } 
.hme-relaxation-image:before { content:""; display:block; background-color:#000; opacity:0.2; z-index:100; position:absolute; left:0; top:0; width:100%; height:100% }
.relaxCaption { width:100%; z-index:800;   position: absolute; padding:0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.welcome-caption h3 {     line-height: 22px; font-weight:400; font-size:14pt  } .welcome-caption .container {  } .welcome-caption h3:before, .welcome-caption h3:after { width:20% }
.welcome-caption-high h3:before, .welcome-caption-high h3:after { width:12% }
.remScrl .site-logo, .home-room-bloks-mob, .mail { display:none !important }
.ui-datepicker td span, .ui-datepicker td a { padding:6px !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background-color:#fff5f5 }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background-color:#5c2f27 !important; } 
.ui-state-default:hover { background-color:#daf792 !important; }
.hmw-stay-wrapp .room-buttons-blk { position:absolute; right:20px; bottom:15px; z-index:300 }
.hmw-stay-wrapp  .room-buttons-blk .btn-book-now.bookNowBtn a:link, .hmw-stay-wrapp  .room-buttons-blk .btn-book-now.bookNowBtn a:visited
{ background-color:#fff }
.hmw-stay-wrapp .room-buttons-blk .btn-book-now a:link, .hmw-stay-wrapp .room-buttons-blk .btn-book-now a:visited { background-color:#fff }
.hmw-stay-wrapp .virtualTourBtn svg {    width: 29px;    top: 4px; }


/* ------------------------------ Owl slider fade in  -------------------------  */ 

/* Feel free to change duration  */ 
.animated  {  -webkit-animation-duration : 1000 ms  ;   animation-duration : 1000 ms  ;  -webkit-animation-fill-mode : both  ;   animation-fill-mode : both  ; }  
.owl-animated-out {  z-index : 1    }
.owl-animated-in {  z-index : 0    }
.fadeOut  {  -webkit-animation-name : fadeOut  ;  animation-name : fadeOut  ; }  
@-webkit-keyframes  fadeOut  {
0% {     opacity : 1   ;  }  
100% {    opacity : 0   ;  }  
}
@keyframes  fadeOut  {
0% {    opacity : 1   ;  }  
100% {     opacity : 0   ;   }  
}
/* ------------------------------ Owl slider fade in  --------------------------  */ 

/* ------------------------------ start scrool header menu  --------------------------  */ 
.scroll-menu li { display:block; float:left; padding:0 5px; }
.scroll-menu li a:link, .scroll-menu li a:visited { color:#fff; display:block; padding:20px 10px; font-size:10pt; text-transform:uppercase; }
.scroll-menu li a:hover { color:#a8cf46; }
.scroll-menulft { display:block; float:left; width:calc(50% - 0px); }
.scroll-menulft ul { float:right; padding-right:70px; }
.scroll-menurht { display:block; float:left; padding-left:70px; }
.scroll-menu { transition:all 0.5s ease; display:none; } .header-fix .scroll-menu { display:block; transition-delay:2s; }
.remScrl .scroll-menu { display:none; transition-delay:2s; }
/* ------------------------------ end scrool header menu  --------------------------  */
.top-reserv { width:208px; margin-right:50px; }
.top-reserv .container { padding:0; } .welcome-wrapp { min-height:800px }.accom-btm-img { display:none }
.top-smo { float:left; margin-left:60px; margin-top:40px }
.top-smo .smo li { background-image:url(../images/smo-icons-black.svg); transition:all 0.5s ease; opacity:0.4 }
.top-smo .smo li:hover { opacity:0.8 }
.footer-wrapp-sub    { background-image:url(../images/footer-bg-sub.jpg); }

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  
  /* Retina-specific stuff here */
/*  #page { font-size:12pt }*/

}


@media screen and ( max-height: 740px ){
	
.welcomeImg { width:60% }
.welcome-wrapp {    width: 100%;    overflow-x: visible; overflow-y:hidden } 
.welcome-text article {     padding: 0 65px 75px 49px; }
.welcome-text p {    padding: 0;  }
.welcome-grass {    width: 280px;    padding-bottom: 40px;}
.welcomeImg {     background-position: left top; }

}

@media (max-width: 1400px) {
	.menu-tree { width:320px; right:-50px }
}

.header-wrapp { position:fixed; z-index:12000; width:100%; left:0; top:0; transition: all 0.5s ease; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); } 
.header-fix { position:fixed; z-index:12000; width:100%; left:0; top:0; }
.header-wrapp.header-fix {  }
.head-scroll, .top-reserv, .hme-menu input[name=toggle-nav], .hme-menu label[for=toggle-nav] { transition:all 0.5s ease; }
.header-fix .head-scroll { background-color:#38201c; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.22); box-shadow:0px 2px 5px 0px rgba(0,0,0,0.22); transition:all 0.5s ease; /*padding-bottom:20px;*/ }
.header-fix {   transition:all 0.5s ease; }
.header-fix .menu-right, .header-fix .menu-left { margin-top:0; }
.header-fix .site-logo { width:125px;  top:0; transition:all 0.5s ease; background-color:#38201c; padding:0px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.22); box-shadow:0px 2px 5px 0px rgba(0,0,0,0.22); }
.site-logo, .site-logo img { transition:all 0.5s ease; }
.header-fix .site-logo img { width:90px; transition:all 0.5s ease; }
.header-fix .top-reserv { padding-top:20px; }
.header-fix .hme-menu input[name=toggle-nav], .header-fix .hme-menu label[for=toggle-nav] { top:15px; transition:all 0.5s ease; }
/* --------------- end scroll fix ------------------------- */

/*#backtop { background-image:url(../images/scroll-top-arrow.svg);  width:20px; height:20px; background-size:20px 20px; background-position:center center; background-repeat:no-repeat; position:fixed;left:auto;right:20px;top:auto;bottom:20px;outline:none;overflow:hidden; padding:18px; background-color:rgb(0,0,0,0.5) !important; } #backtop:hover { background-color:rgb(0,0,0,0.8) !important; z-index:100000; }*/
.btm-call-text a:link, .btm-call-text a:visited, .footer-address a:link, .footer-address a:visited { color:#D6BDA5; }
.btm-whats { position:fixed; left:20px; bottom:5%; display:none; z-index:100000;  }
.btm-whats { -webkit-animation:bounce 2s infinite 2s; animation:bounce 2s infinite 2s; -webkit-transition:all .2s ease-in; transition:all .2s ease-in; } .tabs-list li:hover { cursor:default; }
.btm-whats img { width:35px; }
.nivo-directionNav a { z-index:2000; }
.mobMenu {  position:absolute;  left:0; top:0; z-index:20000; float:left; display:none }
.hide-text {} .hide-icon { display:none} .topResBtn { }
/* --------------- Sidebar nav ------------------------- */
.hmmenu {  }
.hme-menu{position:relative; z-index:12000}
.hme-menu input[name=toggle-nav],.hme-menu label[for=toggle-nav]{position:absolute; top:30px;width:35px;height:35px; left:50px}
.hme-menu input[name=toggle-nav]{display:block;cursor:pointer;opacity:0;z-index:1091}
.hme-menu input[name=toggle-nav]:hover:checked + label[for=toggle-nav] .menu-icon::before,.hme-menu input[name=toggle-nav]:hover:checked + label[for=toggle-nav] .menu-icon::after,.hme-menu input[name=toggle-nav]:active:checked + label[for=toggle-nav] .menu-icon::before,.hme-menu input[name=toggle-nav]:active:checked + label[for=toggle-nav] .menu-icon::after,.hme-menu input[name=toggle-nav]:focus:checked + label[for=toggle-nav] .menu-icon::before,.hme-menu input[name=toggle-nav]:focus:checked + label[for=toggle-nav] .menu-icon::after{background-color:#fb8500}
.hme-menu label[for=toggle-nav]{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1090}
.hme-menu label[for=toggle-nav] .menu-icon,.hme-menu label[for=toggle-nav] .menu-icon::before,.hme-menu label[for=toggle-nav] .menu-icon::after{display:block;width:100%;height:3px;border-radius:10px;background-color:#fff;transition:all .5s ease}
.hme-menu label[for=toggle-nav] .menu-icon::before,.hme-menu label[for=toggle-nav] .menu-icon::after{position:absolute;content:""}
.hme-menu label[for=toggle-nav] .menu-icon::before{top:7px}
.hme-menu label[for=toggle-nav] .menu-icon::after{bottom:7px}
.hme-menu input[name=toggle-nav]:checked ~ .side-nav-panel{left:0}
.hme-menu input[name=toggle-nav]:checked + label[for=toggle-nav] .menu-icon,.hme-menu input[name=toggle-nav]:checked + label[for=toggle-nav] .menu-icon::before,.hme-menu input[name=toggle-nav]:checked + label[for=toggle-nav] .menu-icon::after{background-color:transparent}
.hme-menu input[name=toggle-nav]:checked + label[for=toggle-nav] .menu-icon::before,.hme-menu input[name=toggle-nav]:checked + label[for=toggle-nav] .menu-icon::after{background-color:yellow}
.hme-menu input[name=toggle-nav]:checked + label[for=toggle-nav] .menu-icon::before{top:16px;transform:rotate(45deg); background:#fff !important}
.hme-menu input[name=toggle-nav]:checked + label[for=toggle-nav] .menu-icon::after{bottom:16px;transform:rotate(-45deg); background:#fff !important}
.hme-menu .side-nav-panel{ background-image:url(../images/sidebar-bg.jpg); background-position:center center; background-repeat:no-repeat; display:flex;flex-direction:column;position:fixed;top:0;left:-100vw;width:90vw;max-width:380px;height:100vh;padding-top:85px;background-color:#17433a;     box-shadow: 1px 0 5px rgb(23 67 58), 1px 0 3px rgb(23 67 58);transition:.5s left}
@media (max-height: 540px) { .hme-menu .top-nav{max-height:30vh} }
.hme-menu .top-nav a:link,.hme-menu .top-nav a:visited{color:#fcfcfc;text-decoration:none; text-transform:uppercase; }
.hme-menu .top-nav .active a:link,.hme-menu .top-nav .active a:visited{color:#3c3c3c}
.hme-menu .top-nav a:hover,.hme-menu .top-nav a:active,.hme-menu .top-nav a:focus{text-decoration:underline}
.hme-menu .top-nav > li{min-height:50px;max-height:100vh;width:95%;border-top-right-radius:10px;border-bottom-right-radius:10px;letter-spacing:1px;cursor:pointer}
.hme-menu .top-nav > li:hover,.hme-menu .top-nav > li:active,.hme-menu .top-nav > li:focus,.hme-menu .top-nav > li.active{background-color:#fcfcfc}
.hme-menu .top-nav > li:hover a:link,.hme-menu .top-nav > li:hover a:visited,.hme-menu .top-nav > li:active a:link,.hme-menu .top-nav > li:active a:visited,.hme-menu .top-nav > li:focus a:link,.hme-menu .top-nav > li:focus a:visited,.hme-menu .top-nav > li.active a:link,.hme-menu .top-nav > li.active a:visited{color:#3c3c3c}
.hme-menu .top-nav > li a{display:block;width:100%;padding-left:2em}
.hme-menu .top-nav > li > a{padding-top:15px}
.hme-menu .parent-item{position:relative}
.hme-menu .parent-item > a::after{content:"^";display:inline-block;position:relative;top:2px;left:4px;font-size:1em;transform:rotate(90deg);transition:all .3s}
.hme-menu .parent-item.active > a::after{top:-2px;transform:rotate(180deg)}
.hme-menu .submenu{background-color:#e8e8e8;position:relative;top:12px;left:0;max-height:0;opacity:0;visibility:hidden;overflow:hidden;border-bottom-right-radius:10px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,max-height .2s ease-in-out,margin-bottom .3s ease-in-out}
.hme-menu .submenu.active{opacity:1;visibility:visible;max-height:100vh;margin-bottom:8px;transition:max-height 1s}
.hme-menu .submenu li{position:relative;padding-left:1em;background-color:#fcfcfc}
.hme-menu .submenu li::before{content:"â–¸";display:block;position:absolute;top:10px;left:32px;color:#000}
.hme-menu .submenu li a{padding-top:12px;padding-bottom:12px}
.top-nav {   position: absolute;  top: 50%;  left: 0;  transform: translate(0, -50%);  -ms-transform: translate(0, -50%); width:calc(100% - 0px) }
/* --------------- Sidebar nav ------------------------- */
.ecotrsm { padding-top: 35px;}
.nav { display: block;} .hmw-stay-wrapp figure { position:relative; }

@media (max-width: 1400px) {
.welcome-grass { width:350px; padding-bottom:40px } 
.home-room-thumbs { padding-right:400px;  } .room-tab-menu-hme { width:400px;   }
.hme-plce-text h4 { font-size:20pt; }
}
@media (max-width: 1250px) {
.scroll-menu li a:link, .scroll-menu li a:visited { padding:20px 5px; font-size:9pt; }
.accom-tree {    float: right;    width: 324px; }
}
@media (max-width: 1200px) {
.room-tab-menu-hme h3 { padding: 0 0 0 35px; }
.welcome-text article { padding: 0 40px 80px 40px; }
.home-room-bloks:before, .home-room-bloks:after { height:84px }
.home-room-bloks:after { height:35px }
.room-tab-menu-hme li a:link, .room-tab-menu-hme li a:visited { font-size: 11pt;  }
.booknowHme { margin: 0 0 0 45px; }
.foot-address {  width: calc(46% - 0px);  float: right; }
.footerlogo {  text-align: center;  width: 130px;  margin: 0 auto; }
}
@media (max-width: 1160px) {
.top-reserv .topResBtn { font-size:11pt; } .top-reserv { width:192px; }
.top-call a:link, .top-call a:visited { padding:8px !important; }
.accom-tree {    float: right;    width: 266px; }
}
@media (max-width: 1120px) {
.home-room-bloks:after, .scroll-menurht li:last-child { display:none }
.welcome-logo img, .restaurant-icon img { width: 130px; }
.footer-menu-block ul {     padding-right: 30px; }
.foot-address {    width: calc(50% - 0px);  }
}
@media (max-width: 1080px) {
.header-fix .scroll-menu { display:none; }
.header-fix .head-scroll { padding-bottom:20px; }
.top-reserv { margin-right:20px; }
.room-tab-menu-hme li a:link, .room-tab-menu-hme li a:visited { font-size:11pt; padding:8px 0 8px 40px }
.hme-menu input[name=toggle-nav], .hme-menu label[for=toggle-nav] { left: 20px; }
.container { padding: 0 20px;}
.room-tab-menu-hme {    width: 345px;}
.home-room-thumbs {    padding-right: 345px; }
.restaurant-block-home li { margin-left: 25px; width: calc(50% - 25px);} .restaurant-block-home ul {    margin-left:-25px }
.footer-menu-block ul {      display: block;      padding-right: 32px;  }
.foot-menu-wrapp, .cpy-wrapp { font-size: 11pt; }
.menu-image {    width: calc(500px - 0px);    float: left; }
.menu-second-side, .menu-main-side {    padding-left: 20px; }
.menu-main-side a:before { top:15px; }
.menu-second-side a:before { top:17px; }
.menu-main-side a:link, .menu-main-side a:visited { padding: 10px 0 10px 24px; }
.welcome-caption h3:before, .welcome-caption h3:after { display:none; }
.pageTitle { font-size:24pt; } .site-logo { width:150px; }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { display:none; }
.owl-theme .owl-dots { display:block; padding-top:15px; }
.accom-amen-wrapp { margin-top:30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background:#7a1403; }  
.meeting-wrapp article { position:static; width:calc(100% - 0px); -webkit-transform:translate(0%, 0%);
-ms-transform:translate(0%, 0%); transform:translate(0%, 0%); }
.meeting-wrapp img { float:none; clear:both; width:100%; }
.accom-tree { width:250px; } .accomm-single-wrapp h2 { font-size:15pt; }
.virtual-gall li figcaption { font-size:12pt; }


}
@media (max-width: 990px) {
.welcome-logo img, .restaurant-icon img {    width: 140px; }
.welcomeTitle {   font-size: 22pt;	} .welcome-text h3 {  font-size: 18pt; }
.room-tab-menu-hme h3, .widget-title, .hme-plce-text h4 { font-size: 20pt;} 
.welcome-grass { padding-bottom: 0; } .sub-page { padding:40px 0; } .abt-btm-img { padding-top:40px; }
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { pointer-events:auto; cursor:pointer; }
.accom-amen-wrapp h3 { font-size:20pt; }
.accom-tree { width:250px; } 
.accom-amen-wrapp ul { width:250px; } .accom-amen-wrapp ul:nth-child(3) { width:auto !important;   }
.dining-lrgimg article { width:calc(45% - 0px); } .dining-lrgimg { padding:40px 0; }
.pool-wrapp article { width:calc(70% - 0px); } .meeting-wrapp { padding-top:40px; }
.booking-form .txtarcomm { height:70px; } .hideMenu { display:none !important; }
.coorgElevWrapp { background-size:cover }
}
@media (max-width: 970px) {
.booknowHme { display: none; } 
.room-tab-menu-hme { position: relative; width: calc(100% - 0px); padding: 25px 20px; text-align: center; }
.home-room-thumbs { padding-right: 0; padding-left: 0;}
.home-room-bloks:before, .home-room-bloks:after { display: none;}
.room-tab-menu-hme li { display: inline-block; width: auto; padding: 0 10px;}
.room-tab-menu-hme li br { display: none;}
.room-tab-menu-hme li a:before { width: 15px;}
.room-tab-menu-hme li a:link, .room-tab-menu-hme li a:visited {    font-size: 11pt;    padding: px 0 8px 20px; }
.hme-place-img-right, .hme-place-img-left { }
.hme-plce-text {   padding: 35px 0;   position: relative;    top: 0;    left: 0;   transform: translate(0, 0);    ms-transform: translate(0, 0);    width: calc(100% - 0px);}
.footer-menu-block { width:calc(100% - 0px); margin: 0 auto }
.foot-address { width:calc(520px - 0px); float: none; clear: both; margin:25px auto 0 auto }
.menu-image { width:calc(457px - 0px); } 
.accom-amen-wrapp ul { width:auto; display:inline-block } .accom-amen-wrapp li { display:block; padding-right:20px; text-align:left; float:left } .accom-amen-wrapp  br { display:none }
.footer-menu-block, .footer-menu-block ul {    float: none;    padding-right: 0; }
.footer-menu-block { text-align:center }
.footer-menu-block ul { margin:0; padding:0 } #footer-menu li, .footer-menu-block ul {    display: inline-block;} #footer-menu li { padding:0 10px }
.dining-lrgimg { padding:30px 0; } 

.dining-lrgimg article, .meeting-wrapp article, .pool-wrapp article, .game-wrapp article, .nature-wrapp article, .explore-wrapp article, .bonfire-wrapp article { width:calc(100% - 0px); position:static; -webkit-transform:translate(0%, 0%); -ms-transform:translate(0%, 0%); transform:translate(0%, 0%); padding:20px; }
.dining-lrgimg img, .pool-wrapp .owl-carousel .owl-item img, .pool-wrapp .owl-carousel .owl-stage-outer, .game-wrapp .owl-carousel .owl-item img, .game-wrapp .owl-carousel .owl-stage-outer, .game-wrapp .owl-dots, .explore-wrapp img, .pool-wrapp .owl-dots { width:100% !important; }
.meeting-wrapp img, .nature-wrapp img, .bonfire-wrapp img { float:none; clear:both; text-align:center; width:100% }
.pool-wrapp article, .meeting-wrapp article, .pool-wrapp article, .game-wrapp article, .nature-wrapp article, .explore-wrapp article, .bonfire-wrapp article, .nature-wrapp-01 { padding:15px 0 0 0; border:none } .pool-txtbtm { padding:0; border:none } .active-section .head-scroll-home {    height: 44px; }
.active-section .header-fix .site-logo .logoMain { opacity:0 !important;  }
.active-section .header-fix .site-logo .logoMain { }

}
@media (max-width: 880px) {
:root {--gutter:45px 0;   }
.room-tab-menu-hme { padding-top: 45px;}
.relaxCaption {    padding-top: 60px;     font-size: 18pt; }
.relaxCaption span { font-size: 31pt; }
#footer-menu  { text-align: center; }
#footer-menu li, .footer-menu-block ul { display: inline-block; }
#footer-menu li { padding: 0 15px;}
.footer-menu-block, .footer-menu-block ul { float:none; padding-right: 0; }
.welcomeTextBlk {  position: static;  top: 0;  right: 0;  height: auto;  z-index: 500;} 
.welcome-text { width: calc(100% - 0px); position: relative;}
.hme-pls-TextLeft:before, .hme-pls-TextRight:before, .welcomeImg, .welcomeTextBlk:before, .viewMenu .menu-image { display: none }
.welcome-wrapp { height: auto; }
.welcome-text article {  padding: 0 30px 80px 30px;  position: static;  top: 0;  left: 0;  -webkit-transform: translate0, 0);  -ms-transform:  translate(0, 0);  transform:  translate(0, 0); width: 100%; text-align: center; }
.welcome-logo { padding-top: 35px;}
.hme-stat-cmn-text { padding-bottom: 35px }
.room-tab-menu-hme .nav-tabs {   padding-top: 6px; }
.room-tab-menu-hme span { padding-left: 0 ;}
.room-tab-menu-hme li a:link, .room-tab-menu-hme li a:visited { font-size:11pt; padding:8px 0 8px 20px }
.hme-plce-text article.hme-pls-TextLeft, .hme-plce-text article.hme-pls-TextRight { padding-right: 25px;}
.hme-plce-text article.hme-pls-TextRight { padding-left: 25px }
.hme-relaxation-image{ min-height:400px}
.side-nav-align { padding-top: 112px ;}
.menu-tree {  bottom: -21px;     width: 231px; }
.accommFull article { width:calc(60% - 0px); top:53%; }
.rooms-type { position:relative; margin:0 auto; top:0; padding-bottom:20px; }
.googleMap { height:356px; } .contact-address { padding:25px; }
.welcome-wrapp { min-height:40px }
.elev-text-hme {     font-size: 18pt; }
#footer-menu { display:none } .foot-address { padding-top:0; margin-top:0 }


}
@media (max-width: 768px) {
:root {--gutter:35px 0;   } .top-reserv { width:85px; }
.top-reserv a:link, .top-reserv a:visited { padding:7px 6px; }
.top-call a:link, .top-call a:visited { padding:6px !important; }
.welcome-text { width:clac(100% - 0px); padding: static !important; }
.top-reserv { padding-top:30px; } .hme-menu input[name=toggle-nav], .hme-menu label[for=toggle-nav] { top:20px; }
.welcome-text article {    padding:0 30px 39px 30px; }
.welcome-logo img, .restaurant-icon img {    width: 133px; }
.welcome-logo, .restaurant-icon {  }
.home-logo { width:180px; }
.welcomeImg, .hme-place-img-right, .hme-place-img-left, .hme-plce-text article.hme-pls-TextLeft, .hme-plce-text article.hme-pls-TextRight { width:calc(100% - 0px); }
.hme-place-img-right, .hme-place-img-left  { float: none; clear:both}
.hme-plce-text {  padding: 35px 0;  position: relative;  top: 0;  left: 0;  transform: translate(0, );  ms-transform: translate(0, 0);  width: calc(100% - 0px); }
.hme-plce-text article.hme-pls-TextLeft, .hme-plce-text article.hme-pls-TextRight { padding:0;}
.smo-home {    position:relative;    top:5px;    left: 0;    -webkit-transform: translate(0, 0);    ms-transform:  translate(0, 0);    transform:  translate(0, 0);    text-align: center; 
}
#footer-menu li {  padding: 0 3px;}
.foot-address address, .foot-address address.faddCM { float: none; clear: both; text-align: center;}
.foot-menu-wrapp {  padding: 20px 0 20px; }
.cpy-wrapp { padding-top: 20px;}
.footer-call, .footer-mail { position: relative; width:100%; text-align: center; top: 0; margin:10px 0;}
.cpr, .design { float: none; clear:both; text-align: center; }
.hme-relaxation-image {  min-height: 309px;background-size: cover; }
.menu-main-side a:link, .menu-main-side a:visited { font-size: 14pt;}
.menu-main-side a:before { top:16px; width:10px; height:10px; } .menu-second-side a:before { top:17px !important; }
.menu-main-side a:link, .menu-main-side a:visited {  padding: 10px 0 10px 20px; } 
.menu-second-side, .menu-main-side {  padding-left: 10px; }
.hide-text { display:none}
.hide-icon { display:inline-block; fill:#fff; } .hme-stat-cmn-text p { padding:0 20px; }
 .welcome-grass { width:200px; opacity:0.5 !important; }
.readmore a:after { bottom:-5px; } .remScrl .hide-icon svg { fill:#000 !important; }
#backtop { padding:15px; } .footerlogo { padding-bottom:10px; } .foot-border { display:none; }
.footer-call span {  } .foot-address address span { display:inline-block; }

.side-nav-align { background-size:140px 90px; } .foot-address h5 { padding:0; }
.btm-whats { display:block; } .footer-menu-block li a:link, .footer-menu-block li a:visited { padding:0 !important; }
.over-img-cnt article { width:calc(450px - 0px); padding:30px; }
 .sub-page { padding:30px 0; } .pageTitle { padding-bottom:20px; }
.abt-btm-img { padding-top:30px; } .pageTitle span:after { margin:15px auto 0 auto; }
.smo-sub { float:none; clear:both; margin:0 auto; padding-top:10px; }
.footer-wrapp { padding:150px 0 30px 0; }
.accommFull { width: calc(100% - 0px) !important; margin:0 !important; }
.accommFull article { width:calc(100% - 0px); position:static; -webkit-transform: translate(0, 0%);
-ms-transform:translate(0, -50%); transform:translate(0, -0%); border-top:none; }
.accomm-wrapp li article { padding:20px; }
.accomm-wrapp li { width:calc(50% - 20px); margin:10px; } .accomm-wrapp li article { padding:20px; }
.accommFull img { width:100%; border-bottom:none; } .accomm-wrapp .accom-txt { padding-bottom:20px; }
.accommFull article { margin-bottom:20px; } 
.rooms-type .ddsmoothmenu ul li a:link, .rooms-type .ddsmoothmenu ul li a:visited { font-size:10pt; }
.accomm-wrapp .accom-txt, .accomm-single-wrapp .accom-txt { padding-bottom:30px; } .accomm-single-wrapp .accom-txt { padding-bottom:15px }
.accomm-single-wrapp h2 { font-size:13pt; }
.accom-amen-wrapp h3 { font-size:16pt; letter-spacing:4px; }
.accom-amen-wrapp ul { width:100%; } .accom-amen-wrapp { padding-bottom:30px; }
.mail { display:inline-block !important; }
.ecotrsm { padding-top:30px; } .activity-imgs li, .coorg-imgs li { padding:5px; }

.pool-wrapp article { position:static; -webkit-transform:translate(0%, -0%); -ms-transform:translate(0%, -0%); transform:translate(0%, -0%); width:calc(100% - 0px); padding:30px 0 0 0; border-bottom:none; border-top:none; }
.pool-time { margin-top:15px }
.pool-btmth { padding-top:0px; }
.pool-wrapp img { width:100%; } .meeting-wrapp { padding:30px 0 0 0; } .meeting-wrapp article { padding:30px; } .nature-wrapp .activity-imgs li { padding:5px !important; } 
.chbk { padding:20px 0; font-size:14pt; } .googleMap { height:337px; } .contact-address { padding:15px; } .coorg, .activity-cnt { padding:20px; }
.header-fix .hme-menu input[name=toggle-nav], .header-fix .hme-menu label[for=toggle-nav] { top:4px; }
.header-fix .top-reserv { padding-top:10px; } .header-fix .head-scroll { padding-bottom:8px; } 
.readmore a:before { bottom:-5px; }
.accom-img-th li { width:calc(25% - 0px); }
.over-img-cnt img { float:none; clear:both; width:calc(100% - 0px); border:none; padding:0; }
.over-img-cnt article { position:static; -webkit-transform:translate(0%, 0%); -ms-transform: translate(0%, 0%); transform:translate(0%, 0%); padding:20px; margin-top:15px; width:calc(100% - 0px); }
.over-img-cnt { padding-bottom:0; } .over-img-cnt article { border:none; padding:0 0 35px 0; }
.coorg { padding:0; border:none }
.ecotrsm .coorg  { padding:30px 0 0 0; border-top:1px solid var(--borderColor); }
.sub-page { padding-bottom:0 }
.explore-wrapp { padding-bottom:30px }
.nature-wrapp-01 article { padding-top:15px }
.nature-wrapp-01 figure { float:none; clear:both; width:calc(100% - 0px); padding-left:0 }
.sitemap-wrapp {  width:calc(100% - 0px);  }
.sitemap-wrapp ul {    display: block;    float: left;     padding: 0 13px; }
.sitemap-wrapp a:link, .sitemap-wrapp a:visited {    display: block;    padding: 6px 0; }
.showMob, .mobile-testi-wrapp { display:block } .footer-testi, .eco-img  { display:none  }
.mobile-testi-wrapp { padding:45px 0}
#testi-mob-app svg { width:20px; display:inline-block; opacity:0.5 }
#testi-mob-app  h4 { text-align:center; font-size:14pt }
.coorgElevWrapp { background-image:url(../images/coorg-elevation-image-mob-v1.jpg);
 min-height:309px }
 .virtual-gall li { width:calc(50% - 0px); } .virtual-gall ul { text-align:center; }
 .virtual-gall li:last-child { float:none; clear:both; display:inline-block; } #movieBanner { height:100vh; }


}
@media (max-width: 720px) {
.accom-tree { display:none; }
}
@media (max-width: 668px) {
.foot-address { width: calc(100% - 0px); }
.footer-wrapp {  background-image: url(../images/footer-bg-668w.jpg); padding:40px 0 30px 0; }
.restaurant-block-home ul { margin:0 }
.restaurant-block-home li {  margin-left: 0px;  width: calc(100% - 0px); margin-top: -1px;   padding: 10px 0px 30px 00px; border:none; }
.restaurant-block-home .container { padding: 0}
.home-room-bloks-mob { display: block !important;} .hide-mobile-668 { display: none !important;}
.home-room-bloks-mob { text-align:center; width: calc(100% - 0px); overflow-x: hidden; background-color: #eceae6; padding-top: 35px; padding-bottom:15px}
.hme-stat-cmn-text { padding-top: 35px; background-color: #fcfcfc;}
.hme-restaurant-wrapp { padding-bottom: 0px;}
.hme-plce-text { text-align: center;}
.hme-plce-text article p  { text-align: justify; text-align-last: center; }
.smaillTitle { padding:0 0 20px 0; font-size:20pt }
.heritage-text .smaillTitle, .ecotrsm .smaillTitle  { font-size:16pt; padding-bottom:10px }
 .home-room-bloks-mob figcaption { padding:15px 0; }
.hme-restaurant-text p { padding:5px 20px 5px 20px; } .welcome-logo img { width:115px; } .booknowHme span, .readMore span, .btn-book-now span { font-size:9.5pt; } 
.restaurant-icon img { width:180px }
.menu-main-side a:link, .menu-main-side a:visited { font-size:12pt; }
.date, .cntNU, .form-left, .form-right { float:none; clear:both; width:calc(100% - 0px); }
.booking-form .txtarAdderss { height:45px; } .booking-form .form-btn { width:90px; }
.booking-form .form-group p { text-align:left !important; text-align-last:left; }
.date, .cntNU, .form-left, .form-right { padding:0; } .room-type-reserv { font-size:11pt; }
.contact-address { float:none; clear:both; width:calc(100% - 0px); }
.contact-logo img { width:140px; } .accomsliderHome .owl-dots { display:none; }
.elev-text-hme {     font-size: 16pt; }
.coorgElevWrapp {  min-height:250px }
.cpr-home { float:none; clear:both; text-align:center }
.smo { margin-top:15px }
.foot-menu-wrapp {    padding: 10px 0 21px; }
.accomm-single-wrapp h2 { padding-bottom:15px }
.home-room-bloks-mob figcaption br { display:none }
.home-room-bloks-mob figcaption span { display:block }
.home-room-bloks-mob figcaption { display:block; padding:10px 0; font-size:14pt }
.accom-amen-wrapp ul { padding:0 }
.nature-wrapp-01 { padding-top:10px }
.hme-relaxation-image {    background-image: url(../images/hme-relaxation-image-mob-new.jpg) !important; background-position:center center
}
article.hme-stat-cmn-text br, .welcome-caption h3 br { display:none }
.welcome-caption h3 { text-align:justify; text-align-last:center }
.welcome-caption h3 strong { display:block }
}


@media (max-width: 620px) {
	
	#page { line-height:24px; font-size:10.5pt }

.site-logo { width:120px; } .home-logo { width:160px; } 
.side-nav-align { background-size:130px 85px; }
.accomm-wrapp li { float:none; clear:both; width:calc(100% - 0px); margin:0; margin-bottom:30px; padding:0 }
.accommFull .align { padding:0; } .accommFull article { margin-bottom:10; }

.dining-lrgimg  .smaillTitle {     font-size: 19px; padding-bottom:5px; text-align:center }
.nature-wrapp-01 figure { width:calc(100% - 0px); margin:0; padding:0  }
.accom-amen-wrapp li { padding-right:0; margin:0 10px }
/*.dining-th li:nth-child(2), .pool-btmth li:nth-child(2) { display:none; }*/
}

@media (max-width: 520px) {
:root {--gutter:40px 0;   }
p { text-align:justify; text-align-last:center; } .pool-txtbtm { text-align:justify; }

.room-slid { padding:0; } .accom-amen-wrapp h3 { padding-bottom:10px; }
.welcome-grass { width:120px; }
.accomSlider .owl-dots { display:none; } .accom-tree { display:block; float:none; clear:both; margin:0 auto; width:200px; } .accom-amen-wrapp { padding-bottom:0; }
.smaillTitle { padding:0 0 20px 0; }
.dining-th li, .pool-btmth li { padding:5px; }
.dining-th li, .pool-btmth li { float:none; clear:both; width:calc(100% - 0px); }
.dining-lrgimg { padding:20px 0; }
.meeting-wrapp article { padding:20px 0; } .pool-wrapp article { padding:20px 0 0 0; } .googleMap { height:300px; } 
.contact-logo img { width:125px; }  .contact-address { padding:20px; }  
.pool-txtbtm { padding:0 0 20px 0; } .welcome-text h3 br { display:none; } .welcome-text h3, .accom-amen-wrapp h3 span, .accomm-single-wrapp h2 { font-size:12pt; } .accom-amen-wrapp h3 { font-size:14pt; letter-spacing:2px; } .contact-address span { font-size:11pt; }
.accom-img-th li {  } .center-th li { display:block; float:left; clear:none; padding:2px; }
/*.last-accomth { display:inline-block !important; float:none !important; clear:both !important; padding:2px 0 0 0 !important; }*/ 
.relaxCaption {     font-size: 16pt;     letter-spacing: 3px;  } .restaurant-block-home li p { padding-top:0; padding-bottom:0px }
.hme-restaurant-text br { display:none } .hme-restaurant-text {     padding-bottom: 10px; }
.nature-wrapp-01 { padding-top:0 }
.game-wrapp { padding-bottom:30px }
.nature-wrapp-01 h3 { text-align:center }
.virtual-gall li { width:calc(100% - 0px); }
}


@media (max-width: 448px) { 
.menu-tree { width:185px; } .scrollBtm { bottom:25px; } .menu-main-side a:link, .menu-main-side a:visited { font-size:10.5pt !important; } .menu-second-side, .menu-main-side { padding-left:5px !important; } .side-nav-align { background-position:center top; }
.menu-main-side a:link, .menu-main-side a:visited { padding:10px 0 10px 18px; }
.menu-main-side ul { margin-right:15px }
.viewMenu .menu-main-side, .viewMenu .menu-second-side { margin-left:0; }
.menu-second-side a:before { left:12px; }
.nature-wrapp-01 table { width:100% }
.room-buttons-blk .btn-book-now a:link, .room-buttons-blk .btn-book-now a:visited {    padding: 8px 13px 8px 54px; }
.bookNowBtn svg, .virtualTourBtn svg {    left: 11px; }

}

@media (max-width: 380px) {
.relaxCaption span {display:inline-block; } .relaxCaption br { display:none; }
}

@media (max-width: 340px) {

}
@media (max-width: 960px) {
.centerSmo { margin:0 auto; width:200px;     position: static;    top: 0;    left: 0; transform: translate(0, 0);     -ms-transform: translate(0, 0); }
.foot-address address, .foot-address { width:calc(100% - 0px); text-align:center }
.footer-testi {     max-width: 800px;    margin: 0 auto;    padding: 0 0px !important;     margin-bottom: 4px !important;  }

}

@media (max-width: 660px) {

.footer-testi, .footer-testi h4 { color:#fff  !important }

}
.footer-testi  { display:none }