.mobMenu, .mobMenu-show, .hide-deskcall, .mob-logo, .connect-cap-mob h4 { display:none; }

@media (max-width: 1240px) {
.primary-menu .ddsmoothmenu ul li a:link, .primary-menu .ddsmoothmenu ul li a:visited { padding:20px 10px; }
}

@media (max-width: 1180px) {
.footer-address address + address { padding-left:40px; padding-right:15px; }
.footer-menu ul + ul { padding-left:30px; } .accom-btmcap h2 { font-size:60pt; }
.facil-wrapp li { width:220px; height:220px; } .facil-wrapp li figure { padding:24px 0; }
}

@media (max-width: 1150px) {
.primary-menu .ddsmoothmenu ul li a:link, .primary-menu .ddsmoothmenu ul li a:visited { padding:20px 5px; font-size:10.5pt; }
}

@media (max-width: 1080px) {
.footer-address figure { padding-left:30px; width:180px; } .footer-menu ul + ul { padding-left:20px; }
.footer-address address + address { padding-left:20px; padding-right:15px; }
.google-maps-block  { padding-left:470px; }
}

@media (max-width: 1024px) {
.mobMenu-show { display:block; } .mm-panels>.mm-panel:not(.mm-hidden) { background-color: rgba(3,21,11,0.9); } .mm-listview>li>a, .mm-listview>li>span { color:#fff; font-family: 'Roboto Slab'; }
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* { color:#fff; font-family: 'Roboto Slab'; }
.mm-navbar, .mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after { border-color:rgba(255,255,255,0.3); }
.mm-listview>li:not(.mm-divider):after { left:0; }
.mh-head { background:#008000; }
.mh-head .hamburger-inner, .mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before { background:#fff; } .primary-menu { display:none; }
.site-logo figure:after { bottom:-38px; }
.mobMenu { position:absolute; right:0; } .top-call { padding:7px 40px 7px 0; }
.mh-head { height:46px; } .ind-banner-cap h1, .sub-banner-cap h3 { font-size:28pt; }
.container { padding:0 40px; } :root {--gutter:50px 0; } .welcome-title { font-size:26pt; }
.home-reconnect-images figure { width:280px; float:right; } .hme-connect-cap h3 { font-size:24pt; }
.hme-connect-cap h4 { font-size:30pt; } .home-accomm-text, .explore-shadow-title { font-size:50pt; }
.hme-accm-head h3 { font-size:26pt; } .hme-accm-head { width:205px; height:205px; }
.hme-explr-box h3 { font-size:24pt; line-height:36px; } .hme-explr-box figure { width:100%; }
.btm-munnar-text { width:480px; height:480px; }
.resort-wrapp { padding:0; } .pageTitle { font-size:26pt; } .pageTitle span { font-size:22pt; }
.accom-wrapp article, .dining-wrapp article, .munnar-wrapp article { padding:0 0 30px 0; }
.accom-btmcap h4 { font-size:28pt; } .accom-suite { margin-top:40px; }
.room-single-wrapp { padding:40px 0 0 0; } .room-single-content article ul { gap:7px; }
.activity-wrapp li article { position:static; transform: translate(0, 0); }
.activity-wrapp li:before { display:none; }
.activity-wrapp li figure { position:relative; }
.activity-wrapp li figure:before { display:block; position:absolute; content:"";
background-color:rgba(0,0,0,0.3); width:100%; height:100%; left:0; top:0; }
.activity-wrapp li .align figure:before { display:none; }
.activity-wrapp li .align figure { top:20px; bottom:inherit; }
.activity-wrapp li .align, .activity-wrapp li { background-color:#eeefee; }
.activity-wrapp li article { color:#3f4336; text-align:justify; text-align-last:center; } .activity-wrapp li article h3 { color:#345247 !important; text-align:center; }
.full-width article { position:absolute !important; transform: translate(-50%, -50%) !important; }
.activity-wrapp .full-width article h3 { color:#fff !important; }
}

@media (max-width: 960px) {
.footer-menu { display:none; } .footer-address figure { padding-left:0; width:130px; }
.footer-address { width:575px; margin:0 auto; }
.facil-wrapp li img { width:60px; } .facil-wrapp li figcaption { font-size:14pt; }
.facil-wrapp li figure { padding:10px 0; } .facil-wrapp li { width:170px; height:170px; }
}

@media (max-width: 820px) {
.over-stay article { padding:0 0 0 30px; }
.over-cnt article { padding-right:30px; } .room-single-content figure { width:300px; }
}

@media (max-width: 768px) {
.banner-mask { background-image:url(../images/banner/mask-768w.png); }
.ind-banner-cap h1, .sub-banner-cap h3 { font-size:24pt; } :root {--gutter:40px 0; }
.site-logo { width:calc(150px - 0px); } .site-logo figure:after { width:185px; height:90px; }
.container { padding:0 30px; } .top-call { padding:7px 70px 7px 0; }
.home-accomm-text { right:185px; } .hme-connect-cap h3, .hme-accm-head h3 { font-size:20pt; }
.hme-accm-head h3 { line-height:20px; }
.hme-connect-cap h4 { font-size:24pt; } .home-accomm-text, .explore-shadow-title { font-size:42pt; }
.hme-accm-head { width:165px; height:165px; } .home-accomm-wrapp .container { padding:0; }
.ind-explr { font-size:10pt; } .btm-munnar-text h3 { font-size:24pt; }
.foot-mail figure, .foot-call figure, .smo li figure, .top-call figure { width:42px; height:42px; margin-right:10px; }
.smo a:link, .smo a:visited, .smo-side a:link, .smo-side a:visited { width:35px; height:35px; padding:8px; }
.smo a:link, .smo a:visited, .smo-side a:link, .smo-side a:visited { padding:11px 6px 9px 10px; }
.banner-men-cnt-wrapp { padding:40px 0; }
.pageTitle { font-size:24pt; text-align:justify; text-align-last:center; } .over-cnt figure, .over-stay figure, .room-single-content figure { width:290px; } .accom-wrapp article p { font-size:12pt; }
.accom-morebtn a:link, .accom-morebtn a:visited, .accom-bookbtn a:link, .accom-bookbtn a:visited { width:80px; height:80px; padding:22px 0; } .accom-wrapp .align figcaption { font-size:18pt; }
.accom-leaf figure { width:130px; } .accom-btmcap h4 { font-size:24pt; } .accom-btmcap h2 { font-size:40pt; } .room-single-content article ul { gap:6px; }
.room-single:before { width:150px; background-size:150px 280px; }
.munnar-wrapp article { text-align:justify; text-align-last:center; }
.facil-wrapp ul { width:560px; margin:0 auto; } .facil-wrapp li { width:250px; height:250px; margin:15px; }
.facil-wrapp li figure { padding:50px 0; } .activity-wrapp li article h3 { font-size:18pt; }
.activity-wrapp li article { padding:20px; } .activity-wrapp h4 { font-size:22pt; }
.google-maps-block { padding-left:360px; } .contact-logo { width:150px; height:150px; padding:15px; }
}

@media (max-width: 720px) { 
.foot-call p, .foot-mail p { display:none; } .hide-deskcall { display:block; }
#bottom-qkconnect .flex-container { justify-content:center; } .foot-mail { padding-right:10px; }
.room-single-content figure { width:250px; } .room-single-content article ul { gap:5px; }
.gall360 { width:100%; } .contact-address { float:none; clear:both; }
.google-maps { height:300px; } .google-maps-block { padding-left:0; margin-top:0; }
.contact-wrapp { background-position:top center; } .contact-address { float:none; clear:both; width:calc(100% - 0px); } .tabs-container h2.accordion .digree { font-size:8pt; }   
} 

@media (max-width: 640px) {
.mob-logo { display:block; } .logo-hide { display:none; } .footer-address { display:block; }
.footer-address address + address { padding:0; } .footer-address address, .footer-address address + address { text-align:center; } .footer-address h3 { display:none; }
.footer-address figure { margin:0 auto; padding-bottom:10px; } .hme-explr-box figure { padding:0 20px; }
.btm-munnar-text { width:420px; height:420px; } .home-reconnect-images figure { width:200px; }
.home-accomm-text { right:135px; } .hme-explr-box p { padding-right:0; }
.hme-connect-cap h4 { padding-left:0; } .hme-connect-cap h4 span { display:none; }
.hme-explr-box p { padding-top:20px; }
.resort-wrapp .flex-container { display:block; } .over-cnt article { padding-right:0; }
.over-cnt article, .over-stay article { width:calc(100% - 0px); } .over-stay article { padding:0; clear:both; } .over-cnt article, .over-stay article { text-align:justify; text-align-last:center; }
.over-cnt figure { float:left; } .over-stay figure { float:right; }
.over-cnt figure, .over-stay figure { padding:20px; width:calc(50% - 0px); }
.accom-btns { position:static; width:180px; margin:0 auto; padding-top:30px; }
.room-single-main .accom-btns { position:absolute; padding:0; width:auto; bottom:20px; }
.accom-wrapp .align figcaption, .accom-wrapp .align article { position:static; width:100%; text-align:center; color:#345247; } .accom-wrapp .align { background-color:#d4d7d5; padding-bottom:30px; }
.accom-wrapp article p { line-height:24px; }
.accom-wrapp .align figcaption { padding-top:30px; padding-bottom:10px; } .accom-wrapp .align article { padding:0 20px !important; } .accom-btns { padding-top:20px; } .room-rght { display:none; }
 .room-single-content article, .room-facil { width:calc(100% - 0px); } .room-single-content article { padding:0 !important; text-align:justify; text-align-last:center; } .room-single-content article ul { gap:9px; } .room-single .pageTitle { padding-bottom:30px; }
.facil-wrapp ul { width:380px; } .facil-wrapp li { width:160px; height:160px; }
.facil-wrapp li figure { padding:10px 0; } .activity-wrapp li { width:calc(100% - 0px); margin:10px 0 10px 0; } .full-width { width:calc(100% - 0px) !important; }
.date, .cntNU, .form-left, .form-right { width:calc(100% - 0px); float:none; clear:both; }
.booking-form .txtarAdderss { margin-top:30px; height:60px; } .booking-form .form-control { height:60px; }
.booking-form .txtarcomm { height:60px; }
}

@media (max-width: 520px) {
.cpy-wrapp .flex-container { display:block; text-align:center; } .design { padding-top:5px; }
.home-accomm-text { right:75px; } .over-cnt figure, .over-stay figure { padding:10px; }
.accom-btmcap h2 { font-size:24pt; } .accom-btmcap h4 { font-size:18pt; } .accom-leaf figure { width:100px; }
.accom-morebtn a:link, .accom-morebtn a:visited, .accom-bookbtn a:link, .accom-bookbtn a:visited {
width:65px; height:65px; padding:19px 0; font-size:9pt; line-height:14px; } .accom-btns { width:145px; }
.accom-morebtn { padding-right:0; }
.room-single:before { width:100px; background-size:100px 195px; } .room-single-content h4 { font-size:20pt; padding-bottom:10px; } .room-other a:link, .room-other a:visited { padding:5px 20px 5px 15px; }
.room-other a:before { border-width:0 4px 6px 4px; right:10px; } .room-other span { font-size:12pt; }
.room-single-content article ul { gap:5px; } .room-single-content article li { width:calc(49% - 0px); }
.room-single-head h2, .activity-wrapp h4 { font-size:18pt; } .activity-wrapp li article h3 { font-size:16pt; } .ph-gall li { flex-basis:calc(33.33% - 0px); } .banner-mask .scroll-downTop p { bottom:-10px; }
}

@media (max-width: 480px) {
.site-logo { width:calc(130px - 0px); padding:0 10px 10px 10px; left:30px; }
.site-logo figure:after { width:150px; height:72px; bottom:-26.5px; left:-20px; }
.container { padding:0 20px; } .ind-banner-cap h1, .sub-banner-cap h3 { font-size:20pt; text-align:left; } .scrollTop a:link, .scrollTop a:visited { width:35px; height:35px; background-size:16px 26px; }
.welcome-title { font-size:18pt; } .welcome-title span { font-size:18pt; }
.mid-text p { font-size:13pt; text-align:justify; text-align-last:center; } .ind-explr { font-size:9pt; padding-top:10px; } .home-reconnect-images figure { width:140px; } .hme-connect-cap h3  { font-size:18pt; } .home-accomm-text, .explore-shadow-title { font-size:30pt; } .home-accomm-text { display:none; } .hme-accm-head h3 { line-height:16px; font-size:14pt; }
.hme-explr-box h3 { font-size:16pt; line-height:24px; } .leaf-rht { width:120px; }
.hme-connect-cap h4 { font-size:20pt; } .hme-connect-cap h4 { display:none; } .hme-accm-head { width:120px; height:120px; bottom:-70px; } 
.btm-munnar-text article { padding:0; } .btm-munnar-text { width:auto; height:auto; border-radius:0;
 padding:30px; } .hme-connect-cap { text-align:left; } .home-accomm-wrapp { margin-top:0; }
 .hme-explr-box p { line-height:22px; font-size:13pt; } .btm-munnar-text h3 { font-size:20pt; padding-bottom:10px; } .connect-cap-mob h4 { display:block; padding-left:0; font-size:20pt; text-align:center; } .ind-banner-cap, .sub-banner-cap { left:20px; }
.pageTitle { font-size:22pt; } .pageTitle span { font-size:20pt; }
.facil-wrapp ul { width:300px; padding-top:0; } .facil-wrapp li img { width:40px; } .facil-wrapp li figcaption { font-size:12pt; padding-top:10px; } .facil-wrapp li { width:130px; height:130px; margin:10px; padding:5px; } .contNum .form-group { width:calc(100% - 0px); float:none; clear:both; }
.pax-item { width:50%; } .booking-form .submit-btn { padding:5px 0; }
.booking-form .form-btn { width:85px; } .contact-logo { width:140px; height:140px; } 
}