.emed-video, .video-item, .welcome-video .align {   position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe, .emed-video iframe, .banner-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.video-blk-wrapp { padding-top: 50px;}
.welcome-video { padding-left: 50px;}

.banner-video-align { position: relative;}
.banner-video { position: absolute; top: 0; left: 0; z-index: 100; height: 100%; width: 100%;}



.design, .dpMenu-disc, .footer-mobile-fixed, .mobile-menu, .menu-hams-mob, .hme-amen-title-hide-desk { display: none; } .home-page .design { display:block; }
.other-facil li { width: calc(33.333% - 0px); } .other-facil ul { width: calc(100% - 0px); }
.hme-dini-cnt { flex-direction: column; } .hme-dine-image {padding:45px 0 0 0 ;}
.btm-room-slide::before  { content: ""; display: block; position: absolute; width: 100%; height: 100%; 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#073f20+2,073f20+50,073f20+100&0+10,0.53+80 */
background: linear-gradient(to bottom,  rgba(7,63,32,0) 2%,rgba(7,63,32,0) 10%,rgba(7,63,32,0.3) 50%,rgba(7,63,32,0.53) 80%,rgba(7,63,32,0.53) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
} 
.top-call img { width: 23px;}
.vandanQuickWrapp { padding: var(--gutter); padding-bottom: 0;}
.vandanQuickWrapp .align { padding: var(--gutter);  background-image: url(../images/vandan-medu-image.webp); position: relative;
  /* Set a specific height */
  min-height: 500px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;  background-size: cover; }
.vandanQuickWrapp .align::before { content:""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0;}
.vandanQuickWrapp .container { position: relative; z-index: 100; color: #fff; text-align: left;}
.vandamedu-points li { justify-content: left; gap: 20px; padding: 0px 0; margin: 15px 0; align-items: center; position: relative; padding-left: 90px;}
.vandamedu-points li figure { position: absolute; left: 0; padding: 15px 10px; border: 1px solid #a19f9b; border-radius: 5px; width: calc(75px - 0px); }
.vandamedu-points li figure img { opacity: 0.8;}
.vandamedu-points li span { display: block; font-size: 16pt; font-weight: 600;}
.vandamedu-points li p { padding: 0;}
.vandamedu-points-wrapp { gap: 20px; padding-top: 30px;}
.vandamedu-points, .vandamedu-climate-block { width: calc(50% - 20px);}
.vandamedu-climate-block { padding-left: 50px; border-left:1px solid #c3bcb1; width: calc(50% - 20px);}
.footer-address  { background-image: url(../images/footer-logo-icon.webp); background-repeat: no-repeat; background-position: right center;}
.footer-address a:link, .footer-address a:visited { color: #ceccc2;}

.footer-menu { width: calc(60% - 0px); } .footer-address { width: calc(40% - 0px);}
.footer-menu li { margin: 6px 0;}


@media (max-width: 1600px) {  
.container-large { padding: 0 50px; } .header-wrapp { padding: 15px 0; }
.header-fix .primary-menu ul li a:link, .header-fix .primary-menu ul li a:visited { padding: 20px 11px;  }
.primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 11.5pt; padding: 20px 11px; }
.main-text { font-size: 15pt; line-height: 24pt; } 
.welc-main-text { font-size: 18pt; line-height: 28pt; }
.widget-title h2 { font-size: 36pt; line-height: 37pt; }
.hme-sty-cnt-right p { font-size: 22pt; line-height: 34pt; }
.hme-event-title { font-size: 32pt; line-height: 37pt; padding-bottom: 30px; } .hme-dining-title h3 { font-size: 23pt; padding-top: 15px; }
.hme-dini-cnt p, .welcome-text, .hme-ayur-content { padding-left: 50px; }
.event-hme-cnt, .hme-sty-cnt-left { padding-right: 50px; }
}
@media (max-width: 1500px) { 
.hme-dine-image {padding:48px 30px;}
}
@media (max-width: 1400px) { 
.container-large, .container { padding: 0 50px; }
.header-wrapp-home .align, .header-wrapp .align { margin: 0 30px; width: calc(100% - 60px); }
 #site-logo { width: 180px; }
.header-fix .primary-menu ul li a:link, .header-fix .primary-menu ul li a:visited { padding: 20px 9px;  }
.primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 20px 9px; }
.footer-menu { padding-right: 80px; } .two-column-wrapp { gap: 100px;} .two-column { width: calc(50% - 50px); }
.footer-title h2 { color: #213718; font-size: 36pt; line-height: 46pt; }
.page-title h1 { color: #213718; font-size: 30pt; line-height: 29pt; }
.abt-idukki-dam { padding: 40px; }.ameni-hme-lisitn ul { justify-content: center; padding-bottom: 30px; } 
.accLandCnt h2 { text-transform: uppercase; font-size: 18pt; padding: 20px 0; }
.accom-land-wrapp { gap: 40px; } .accom-land-blk { width: calc(50% - 20px); }
.knwMreBtn a:link, .knwMreBtn a:visited, .bookNowBtn a:link, .bookNowBtn a:visited { font-size: 11pt; padding: 4px 0; }
.stay-ivy-right { width: 59px; } .event-ivy, .hme-amen-leaf  { width: 150px; top: 0; } .hme-amen-leaf { top: -96px; }
.knwMreBtn, .bookNowBtn { padding-top: 30px;}
.footer-address {
    padding-left: 0;
}
}
@media (max-width: 1300px) {  
:root { --gutter60: 60px 0; --gutter: 60px 0; }
.primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 10.5pt; padding: 20px 9px; }
.hme-places-slider { padding-top: 0; } 
.footer-menu { padding-right: 20px; } .footer-address address { width: calc(100% - 0px); padding-left: 30px; } .hme-ayur-content { padding-left: 0; }
.ameni-hme-lisitn li { width: calc(13% - 0px); padding: 0 15px;  } 
.home-amenities-wrapp { padding: 70px 0; }
.hme-amen-left, .hme-amen-right { width: calc(100% - 0px); padding-left: 0; padding-right: 0;}
.footer-top { padding-bottom: 50px;}
.btm-call, .btm-mail { background-size: 35px 35px; padding-bottom: 0;}
.site-caption h1 { font-size: 22pt; text-transform: uppercase; color: #fff; line-height: 35pt; letter-spacing: 8px; }
.wel-t-2 { font-size: 31pt; line-height: 34pt; padding: 10px; }
.widget-title h2 { font-size: 30pt; line-height: 26pt; }
.hme-sty-cnt-right p { font-size: 19pt; line-height: 29pt; }
.hme-event-title { font-size: 26pt; line-height: 29pt; }
.widget-title h2, .hme-amen-cap h3, .page-title h1 { font-size: 28pt; line-height: 34pt; }
.hme-laces-item figcaption, .btm-room-slide h5 { font-size: 15pt; }
.footer-top { font-size: 13pt; } .ameni-hme-lisitn p { text-align: center;} .footer-title h2 { font-size: 29pt; line-height: 37pt; } 
.two-column-wrapp { gap: 40px;} .two-column { width: calc(50% - 20px); } .container-large, .container { padding: 0 30px; }
.abt-idukki-dam { padding: 20px; } .facil-items li { display: block; width: calc(33% - 15px); }
.owl-carousel .owl-nav button.owl-next { right: 0; } .owl-carousel .owl-nav button.owl-left { right: 0; }  
.footer-bg { background-image: url(../images/footer-bg-1280.webp); background-position: center 145px; position: relative; background-repeat: no-repeat; }
 .owl-carousel .owl-nav button.owl-prev { left:0 !important}
 .hme-amen-title-nw { display: none;} .hme-amen-title-hide-desk { display: block;}
}
@media (max-width: 1200px) {  
.primary-menu, .fmenu-last { display: none; }  
.menu-hams-mob { display: block; }
.hme-thekkady-content article { padding: 0 50px;  }
#site-logo { width: 205px; }
.banner-sub { padding-top: 70px; }
.footer-address { padding-left: 20px; }
.footer-top { gap: 10px; }
.footer-menu { width: calc(60% - 0px); }
.footer-address { width: calc(40% - 0px); gap: 10px; background-image: none; }

.ameni-hme-lisitn li { width: calc(20% - 0px); padding: 0 10px 15px 10px; }
.hme-laces-item figcaption, .btm-room-slide h5 { font-size: 14pt; }
.header-wrapp-home .align, .header-wrapp .align { margin: 0 20px 0 20px; width: calc(100% - 40px); } 


.welcome-text { padding-left: 0;}

}
@media (max-width: 1024px) {  
.footer-menu { display: none; } .home-page .smo { position: relative; left: 0; top: 0; transform: translate(0, 0); }
.cpr-wrapp .align  { flex-direction: column; } .design, .cpr { width: 100%; text-align: center;} .footer-title { padding: 102px 0; }
.footer-address { width: calc(100% - 0px); text-align: center; }
.event-ivy img, .event-ivy img{ width: 180px; }
.btn-group { justify-content: center; gap: 20px; }
.btn-group .knwMreBtn, .btn-group  .bookNowBtn { width: calc(50% - 20px); }
.primary-menu-overlay, .contact-address { width:calc(100% - 0px); } .gmapWrapp {padding-left: 0;} .menu-links { gap: 30px; width: calc(60% - 0px); }
.menu-links ul { width: calc(50% - 30px); }
.contact-address { position: relative; padding: 45px 0; text-align: center; }
.gmap { height: 400px; } .smo { margin: 0 auto; }

.welcome-text, .welcome-video {  width: calc(100% - 0px);}
.welcome-video { padding: 30px 0 0 0;}

}
@media (max-width: 900px) {  
.menu-links { gap: 10px; width: calc(100% - 0px); padding: 0; }
.menu-links ul { width: calc(50% - 10px); }
.menu-links.menu-links-villas { width: calc(100% - 0px); border: none; padding-top: 20px;}
.menuMobTitle { text-align: center; }
.menu-links-villas ul { display: flex; flex-direction: row; flex-wrap: wrap;}
.gallery-block li { display: block; width: calc(33% - 15px); }
.form-left { width: calc(100% - 0px); } 
.banner-static { background-position: right bototm;}
.vandamedu-points, .vandamedu-climate-block { width: calc(100% - 0px);}
.vandamedu-climate-block { padding-left: 0; padding-top: 30px; border-left:none; border-top:1px solid #c3bcb1; }
}
@media (max-width: 800px) {  
 #page { text-align: left; } .container-large, .container, .hme-thekkady-content article { padding: 0 30px; } 
.hme-sty-cnt-left, .hme-sty-cnt-right, .welcome-text, .welcome-image, .event-img-home, .event-hme-cnt, .dining-image, .hme-dini-cnt, .hme-ayur-image, .hme-ayur-content, .hme-amen-left, .hme-amen-right, .footer-menu, .footer-address, .events-block article, .events-block figure {
 width: calc(100% - 0px); padding-left: 0; padding-right: 0; }
.welcome-title { padding-bottom: 25px; } .event-img-home, .welcome-image { text-align: center;}
.welcome-image { padding-top: 30px; } .event-img-home { padding-bottom: 30px;} .welcome-image img, .event-img-home img, .hme-ayur-image img { max-width: 400px; }
.stay-ivy-top, .hme-sty-cnt-left, .hme-ayur-image, .stay-ivy-right { display:none }
.site-caption h1 { font-size: 17pt; line-height: 30pt; }  
.widget-title { padding-bottom: 20px; } .hme-dining-title h3 { font-size: 17pt; padding-top: 7px; }
.hme-sty-cnt-right p, .hme-stay-images h3 { font-size: 16pt; line-height: 25pt; }
.hme-dini-cnt p, .welcome-text, .hme-ayur-content { padding-left: 0px; padding-right: 0; }
.hme-stay-wrapp:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.6; }
.hme-stay-wrapp .container { position: relative; z-index: 100;}
.owl-carousel .owl-nav button.owl-next { right: 0; } .owl-carousel .owl-nav button.owl-left { left: 0; } .btn-group { gap: 15px;}
.knwMreBtn, .bookNowBtn { width: 145px; }
.event-ivy img, .hme-amen-leaf img  { width: 100px; }
.dining-image { max-width: 350px; } .dining-image { width: calc(100% - 0px); padding-bottom: 40px; text-align: center; margin: 0 auto; } 
.two-column-wrapp { gap: 0px; } .two-column, .places-block article, .places-block figure, .events-block { width: calc(100% - 0px); text-align: center; }
.about-two-column { padding: 0; } .events-block figure, .about-two-column figure { padding: 30px 0; }
 .places-block:nth-child(odd) article, .places-block:nth-child(even) article { padding: 0 0 30px 0; }
.abt-idukki-dam-block { position: relative;} .about-bottom { padding-bottom: 0; } .footer-ivy { width: 60px; display: none; }
#sub-page { padding-bottom: 80px; }
.sub-page-content, .facil-wrapp { padding-top: 40px; }
.btn-group { justify-content: center; gap: 10px; }
.btn-group .knwMreBtn, .btn-group .bookNowBtn { width: calc(50% - 10px); }
.accom-land-wrapp { gap: 20px; } .accom-land-blk { width: calc(50% - 10px); }
.small-title h3, .room-head { text-align: center; } 
.dining-image, .home-page .smo.smo-baner { display: none;}
.contact-wrapp { border-left: none; border-right: none;}

} 
@media (max-width: 680px) {  
.ameni-hme-lisitn, .footer-top-wrapp ul { display: none; }
.event-ivy, .hme-amen-leaf img { width: 90px; }
#site-logo-home { width: 200px; }
.ameni-hme-lisitn li { width: calc(30% - 0px); padding: 0 10px 15px 10px; }
.wel-t-2 { font-size: 24pt; line-height: 26pt; }
.wel-t-1 { font-size: 15pt; line-height: 14pt; }
.wel-t-3 { font-size: 18pt; line-height: 14pt; }
.welc-main-text { font-size: 16pt; line-height: 23pt; }
.hme-event-title, .widget-title h2, .hme-amen-cap h3 { font-size: 20pt; line-height: 29pt; }
.hme-amen-cap h3 {}
.footer-title h2 { font-size: 22pt; line-height: 29pt; }
.page-title h1 { font-size: 26pt; }
.container-large, .container, .hme-thekkady-content article { padding: 0 15px; }
#site-logo-home { width: 180px; }
.wel-t-1 { font-size: 12pt; line-height: 16pt; }
.wel-t-2 { font-size: 21pt; line-height: 26pt; }
.knwMreBtn, .bookNowBtn { padding-top: 20px; }
.hme-stay-images, .hme-around-res-wrapp .container-large { padding: 0; }
.footer-address address { width: calc(100% - 0px); text-align: center; }
.hme-stay-wrapp .container { padding: 0; } 
.hme-sty-cnt-right p, .hme-stay-images h3 { padding: 0 30px;} .hme-sty-cnt-right p { padding-bottom: 30px; }
.room-meu a:link, .room-meu a:visited { font-size: 12pt; padding: 10px 12px; } .room-head { font-size: 20pt; }
.room-gallery ul { padding-top: 30px; } .room-gallery li { display: block; width: calc(39% - 20px); }
.primary-menu-overlay { margin-top: 90px; }
#site-logo-mobile img{ width: 230px; }
.menu-contact { padding-top: 25px; margin-top: 25px; font-size: 11.5pt; font-weight: 400; }
 .menu-links a:link, .menu-links a:visited { font-size: 13pt; padding-left: 24px; }
 .menu-links li a::before { top: 17px; }
 .primary-menu-overlay { margin-top: 40px;}
.facil-items li { display: block; width: calc(50% - 15px); }
.other-facil  ul { gap: 10px; } 
.other-facil li {width: calc(50% - 10px);} 
.gallery-block ul { gap: 5px;}
.gallery-block li { display: block; width: calc(50% - 5px); padding-bottom: 10px; }
.gallery-menu a:link, .gallery-menu a:visited { font-size: 12pt; }
.footer-mobile-fixed { position: fixed; width: 100%; display: block; padding: 0 0; background-color: #0a0a0a; z-index: 1000; bottom: 0; left: 0; }
.btm-call-btn, .mob-reserv-btn { width: calc(50% - 0px); } .btm-call-btn svg, .mob-reserv-btn svg { width: 24px; fill: #fff; }
.footer-mobile-fixed span {  display: block;  padding: 0 15px 0 15px;  text-transform: uppercase;  line-height: 12pt; font-size: 10.5pt; }
.footer-mobile-fixed a:link, .footer-mobile-fixed a:visited { width: calc(100% - 0px) !important; display: flex !important; height: 70px !important; padding:0 15px; height: 100%; justify-content: center; align-items: center;}
.btm-call-btn a:link, .btm-call-btn a:visited { background-color: #0d743f;}
.cpr-wrapp {padding-bottom: 100px; } .top-call, .top-booking { display: none; }
.accom-land-blk { margin-bottom: 15px;} .accom-land-wrapp { padding-bottom: 0;}
.hme-event-title, .widget-title h2, .hme-amen-cap h3, .small-title h3 { text-align: center; text-align-last:center ;}
.room-cnt-hold-wrapp { padding: 50px 0 50px 0; } .booking-form { padding:30px 0; }
}
@media (max-width: 480px) {  
.footer-title h2 { font-size: 18pt; line-height: 26pt; text-align: center; }
.welcome-image img, .event-img-home img, .hme-ayur-image img, .accom-land-blk { width: calc(100% - 0px); }
.btn-group { gap: 10px; }
.btn-group .knwMreBtn, .btn-group .bookNowBtn { width: calc(50% - 10px); }
.knwMreBtn a:link, .knwMreBtn a:visited, .bookNowBtn a:link, .bookNowBtn a:visited { font-size: 11pt;}
.room-gallery li { display: block; width: calc(50% - 20px); }
.other-facil li { width: calc(100% - 0px); } 
.hme-around-res-wrapp { width: 100%; overflow-x: hidden;}
.cpr-wrapp { padding-top: 20px;} .footer-menu-wrapp { padding: 20px 0;}
.footer-logo { padding-bottom: 30px; text-align: center; padding-left: 40px; padding-right: 40px; }
.footer-stay-wrapp { padding: 80px 0 80px; }
.footer-bg { background-image: url(../images/footer-bg-480w.webp); background-position: bottom center; position: relative; background-repeat: no-repeat; }
.widget-title  { padding-bottom: 20pt; } 
.widget-title h1 { font-size: 22pt; text-align: center;}
.design, .cpr { line-height: 17pt; }
.welc-main-text, .main-text, .hme-sty-cnt-right p, .hme-thekkady-content, .two-column, .places-block article, .places-block figure, .events-block  { text-align: justify;; text-align-last: left ;}
#page { text-align: justify;}
 .pageHeading h1, .abt-title { font-size: 13pt;  line-height: 13pt;  }
.pageHeading h1 span,  .abt-title span  {  font-size: 24pt;  line-height: 33pt;  } 
.vandamedu-points li figure {  width: calc(70px - 0px); }
.vandamedu-points-wrapp { padding-top: 10px;}
}
@media (max-width: 380px) {
.footer-mobile-fixed a:link, .footer-mobile-fixed a:visited { padding: 0;}
.footer-mobile-fixed span { display: block; width: 100%; text-align: center; }
}