.desing, .overview-title br, .small-title-hb br, .show-mob { display: none; } .home-page .desing { display: block; }
.btn-whatsapp.rounded {
     display: flex;     justify-content: center;    align-items: center;    background-color: #25d366;    color: #fff;
    font-weight: 600;     border-color: #21bd5c;    border-radius: 50% !important;    height: 56px;    line-height: 56px;    padding: 0;    margin: 0;    width: 56px;
    text-align: center;position: fixed; bottom: 80px; top: auto;  right: 15px;    z-index: 99; }


  #scrollToTop {    padding: 8px 10px;    background: var(--titleColor);    color: #fff;    border: none;
    border-radius: 5px;     cursor: pointer;  font-size: 11pt; } 
    
    #scrollToTop:hover {
    background: #555;
  }



/* ---------------- menu --------------------- */
.hamburger { width: 30px; } #hamburger-1 { margin-left: 20px; margin-right: 0; margin-top:0; transition: all 0.5s ease; } 
.hamburger-main .line {  width: 30px;  height: 2px;  background-color: #000;  display: block;  margin: 5px auto;  -webkit-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;   transition: all 0.3s ease-in-out; }
.hamburger-main:hover {  cursor: pointer; }
/* ONE */
#hamburger-1.is-active .line:nth-child(2) {  opacity: 0;}
#hamburger-1.is-active .line:nth-child(1) {  -webkit-transform: translateY(6px) rotate(45deg);  -ms-transform: translateY(6px) rotate(45deg);  -o-transform: translateY(6px) rotate(45deg);  transform: translateY(6px) rotate(45deg); }
#hamburger-1.is-active .line:nth-child(3) {  -webkit-transform: translateY(-9px) rotate(-45deg);  -ms-transform: translateY(-9px) rotate(-45deg);  -o-transform: translateY(-9px) rotate(-45deg);  transform: translateY(-9px) rotate(-45deg); }
.other-menu-wrapp { position: relative; z-index: 12000; overflow: hidden;}
.other-menu { position: fixed; top: 0; right: 0; opacity: 0; width: calc(100% - 0px); padding: 0 50px; background-color: #fff; height: 100%; transition: all 0.5s ease; display: none;}
.other-menu.menu-open   { animation: showOthMenu 0.5s ease forwards; display: flex; animation-delay: 0.2s; }
@keyframes showOthMenu {
0% { opacity: 0; }
100% { opacity: 1; }
}
#hamburger-1 { z-index: 12000; position: relative;} 
.other-menu { background-image: url("../images/menu-bg.webp"); background-size: cover; background-position: center center; align-items: center; justify-content: center; color: #fff}
.other-menu:before { content: ""; display: block; width: 100%; height: 100%;  position: absolute; left: 0; top: 0; opacity: 0.8;}
.other-menu-align { position: relative; z-index: 120; max-width: 1260px; } 
.other-menu-item { padding: 0;} .other-menu-item:first-child { padding-left: 0;} .other-menu-item:last-child { padding-right: 0;}
.other-menu-item a:link, .other-menu-item a:visited {  display: block; padding: 10px 0px 10px 15px; color: #fff; position: relative; text-transform: uppercase; text-align: left; }
.menu-address { align-items: center; justify-content: flex-start; } .menu-logo {  margin: 0 auto 15px auto; width: 300px; text-align: center;}
.menu-logo img { width: 160px; }
.menu-address address {  text-align: center; }
.other-menu-qcnt a:link, .other-menu-qcnt a:visited { } .other-menu-qcnt img { width: 30px; margin-right: 10px; }
.other-menu-qcnt { justify-content: flex-start; gap: 20px;}
.other-menu-main a:link, .other-menu-main a:visited { text-transform: uppercase; font-weight: 500; }
.other-menu-item-solutions h5 { width: 100%; text-transform: uppercase;}
.other-menu-align { width: calc(100% - 0px); gap: 30px;}
.other-menu-items { width: calc(350px - 30px);}
.menu-address { width: calc(400px  - 0px);}
.other-menu a:link, .other-menu a:visited { color: #fff; position: relative;}
.other-menu-item a::before { content: ""; display: block; width: 5px; height: 5px; position: absolute; left: 3px; top: 20px; background-color: #fff; border-radius: 50%;}
#hamburger-1.is-active .line { background-color: #fff; }
.other-menu-align { align-items: center; max-width: 800px; }
.menu-address {position: relative;} .menu-address::before { content: ""; position: absolute; display: block; width: 1px; height: 100%;     background-color: #585858;    left: -6px; top: 0; }
.menu-address, .other-menu-item a:link, .other-menu-item a:visited {  font-size: 11pt; }
/* ------------------- */


.reservbtn-mob-wrapp {    position: fixed;    width: 100%;    z-index: 10000;    bottom: 0;    display: none !important; background-color: #020940; border-top: 1px solid rgba(255,255,255,0.3); }


@media (max-width: 1500px) {
    #page { font-size: 13.5pt;}
    .header-wrapp .container { padding: 0 50px;}
    .site-logo { left: 50px;}
    .ripple-text { overflow: hidden;}
    .home-alappuzha-wrapp {  height: 742px;}
    .ripple-text img { width: 1000px;}
}
@media (max-width: 1450px) { 
    .home-alappuzha-wrapp {  height: 700px; }
    /* -------------------- all titles --------------------- */
    .welcome-title {  font-size: 42pt; line-height: 36pt;  }
    .welcome-title span  { font-size: 28pt; line-height: 30pt;}
    .widget-title h2 { font-size: 32pt; line-height: 32pt; } 
    .widget-title h3, .hme-loc-title, .hme-criuses-top  h2, .home-testi-title h4  { font-size: 38pt; line-height: 36pt; }
    .hme-alleppey-name { font-size: 80pt; text-align: right;}
    .footer-title {  font-size: 18pt;}
    .footer-top { font-size: 16pt;} 
    .home-testi-title h3 { font-size: 18pt; padding-bottom: 15px; line-height: 20pt;} 
    .testi-guestname { font-size: 20pt; padding-bottom: 15px;}
    .experience-slider figcaption { font-size: 26pt; color: #fff; padding-bottom: 30px;}
    .banner-caption h1 { font-size: 42pt; line-height: 42pt;} .banner-caption h4 { font-size: 74pt; line-height: 74pt;} .banner-caption h5 { font-size: 58pt; line-height: 58pt; }
    .page-title { font-size: 40pt; padding-bottom: 40px; border-bottom: var(--border); text-align: center; }
    .overview-title h2 {  font-size: 34pt; line-height: 38pt; } .overview-title h3 { font-size: 24pt; line-height: 26pt; }
    .sub-page-btm-nav h5, .small-title {     font-size: 24pt;    padding-bottom: 20px;    line-height: 24pt; }
}
@media (max-width: 1380px) { 
    .welcome-wrapp article {   padding: 30px 40px 30px 455px;    background-size: 330px 330px;    background-position: 40px center;    background-repeat: no-repeat;    }
    .hme-riverbell-wel-wrapp article {    padding: 0 20px 0 50px; }
    .overview-top figure {    padding: 0 0 0 20px; }
}
@media (max-width: 1300px) { 
    :root { --gutter: 60px 0; --gutter40: 40px; --gutter60: 60px 0; }    
    .two-column-wrapp { gap: 40px; } .two-column { width: calc(50% - 20px);}
    .container { padding: 0 50px;}
    .site-logo {  width: calc(160px - 0px);}
     .ripple-text img { width: 700px;    }
    .ripple-area { height: 500px; overflow: hidden;}
    .home-alappuzha-wrapp {  height: 550px;}
    .primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 12.5pt;}
    .ripple-overlay { background-size:100% auto; width: 700px; height: 600px;}
    .hme-riverbell-wel-wrapp article { padding: 0;}
    .testi-slide-wrapp { padding: 45px 170px 0 170px; }
    .testi-slide-wrapp:before, .testi-slide-wrapp:after { }
    .footer-menu { width: 262px; } .overview-top figure { padding: 0; }
    .primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 20px 15px; }
/* -------------------- all titles --------------------- */
    .welcome-title {  font-size: 42pt; line-height: 36pt;  }
    .welcome-title span  { font-size: 28pt; line-height: 30pt;}
    .widget-title h2 { font-size: 28pt; line-height: 32pt; } 
    .widget-title h3, .hme-loc-title, .hme-criuses-top  h2, .home-testi-title h4  { font-size: 34pt; line-height: 36pt; }
    .hme-alleppey-name { font-size: 60pt; text-align: right;}
    .footer-title {  font-size: 18pt;}
    .footer-top { font-size: 16pt;} 
    .home-testi-title h3 { font-size: 18pt; padding-bottom: 15px; line-height: 20pt;} 
    .testi-guestname { font-size: 20pt; padding-bottom: 15px;}
    .experience-slider figcaption { font-size: 22pt; color: #fff; padding-bottom: 30px;}
    .banner-caption h1 { font-size: 38pt; line-height: 38pt;} .banner-caption h4 { font-size: 60pt; line-height: 60pt;} .banner-caption h5 { font-size: 48pt; line-height: 48pt; }
    .page-title { font-size: 40pt; padding-bottom: 40px; border-bottom: var(--border); text-align: center; }
    .overview-title h2 {  font-size: 32pt; line-height: 36pt; } .overview-title h3 { font-size: 22pt; line-height: 26pt; }
    .sub-page-btm-nav h5, .small-title {     font-size: 22pt;    padding-bottom: 15px;    line-height: 22pt; }
}
@media (max-width: 1080px) { 
    .primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 20px 10px; }
    .banner-slider-hold .owl-dots { bottom: 15px; }
    .banner-caption { bottom: 80px; }
    .welcome-wrapp article { padding: 30px 20px 30px 300px; background-size: 260px 260px; background-position: 0px center }
    .home-cruises-blk article { background-size: 330px 157px; padding-left: 350px; }
    .home-alappuzha-wrapp { height: 489px; }
    .spacer-image { padding: 20px 0 40px;}
   /* -------------------- all titles --------------------- */
    .welcome-title {  font-size: 42pt; line-height: 36pt;  }
    .welcome-title span  { font-size: 28pt; line-height: 30pt;}
    .widget-title h2 { font-size: 32pt; line-height: 32pt; } 
    .widget-title h3, .hme-loc-title, .hme-criuses-top  h2, .home-testi-title h4  { font-size: 38pt; line-height: 36pt; }
    .hme-alleppey-name { font-size: 60pt; text-align: right; line-height: 60pt;}
    .footer-title {  font-size: 18pt;}
    .footer-top { font-size: 16pt;} 
    .home-testi-title h3 { font-size: 18pt; padding-bottom: 15px; line-height: 20pt;} 
    .testi-guestname { font-size: 20pt; padding-bottom: 15px;}
    .experience-slider figcaption { font-size: 22pt; color: #fff; padding-bottom: 30px;}
    .banner-caption h1 { font-size: 20pt; line-height: 26pt;} .banner-caption h4 { font-size: 48pt; line-height: 52pt;} .banner-caption h5 { font-size: 32pt; line-height: 38pt; }
    .page-title { font-size: 40pt; padding-bottom: 40px; border-bottom: var(--border); text-align: center; }
    .overview-title h2 {  font-size: 32pt; line-height: 36pt; } .overview-title h3 { font-size: 22pt; line-height: 26pt; }
    .sub-page-btm-nav h5, .small-title { font-size: 22pt; padding-bottom: 15px; line-height: 22pt; }   
}
@media (max-width: 1024px) { 
    .header-wrapp .container { padding: 0 30px; }    
    .welcome-wrapp article { padding:0; background-image: none; }
    .home-cruises-blk article { background-size: 330px 157px; padding: 168px 25px 25px 25px; background-position: center top; } .home-cruises-blk figure { padding-bottom: 40px;}
    .home-alappuzha-wrapp { height: 387px;    }
    .home-alappuzha-wrapp p { max-width: 100%; width: 100%; padding-top: 30px; text-align: center;}
    .hme-alleppey-name { font-size: 47pt; line-height: 48pt;   }
    .footer-menu-wrapp .align { background-size: 200px auto;}
    .address-wrapp { padding: 0 30px; }
    .site-logo { left: 30px;    }
    .compli-image { display: none;}
    .experience-block { width: calc(100% - 0px);}
   /* -------------------- all titles --------------------- */
    .footer-title {  font-size: 16pt;}
    .footer-top { font-size: 14pt;} 
}
@media (max-width: 990px) { 
    .primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 20px 8px; }
    .hme-exper-widget .container { padding: 0;}
}
@media (max-width: 900px) { 
    .mobMenu-show { display: block; position: fixed; width: 100%;         background-color: #f5c34a;        height: 35px; left: 0; } .primary-menu { display: none; }
    .site-logo { z-index: 100;} #hamburger-1 { width: 40px; margin-right: 15px;  float: right; padding:4px 5px; }
    .hide-logo { display: none;}
    .container { padding: 0 20px;}
    .hme-exper-widget .container { padding: 0; }
    .hme-riverbell-wel-wrapp .two-column { width: calc(100% - 0px);} .hme-riverbell-wel-wrapp .two-column  figure { text-align: center; display: none;} .hme-riverbell-wel-wrapp .two-column  figure img { width: 400px;}
    .testi-slide-wrapp:before, .testi-slide-wrapp:after { display: none;}
    .testi-slide-wrapp { padding: 45px 0 0 0;}
    .footer-menu-wrapp .align { background-size: 180px auto;    }
    .footer-address { position: absolute; top: 0; left: auto; right: 190px; width: 280px; transform: translateX(0); }
    .ripple-text img { width: 593px; }
    .ripple-area { height: 380px; overflow: hidden; }
    .gallery-block li { display: block; width: calc(33.33% - 15px); } 
    .menu-address { width: calc(326px - 0px); } 
    .other-expe-image { display: none;} .other-expe-content { width: calc(100% - 0px);}

        .reservbtn-mob-wrapp { display: block !important;}

    .reserv-btn a:link, .btm-call a:link, .btm-mail a:link, .reserv-btn a:visited, .btm-call a:visited, .btm-mail a:visited, .btm-whats a:link, .btm-whats a:visited {
        display: block;
        color: #fff;
        padding: 15px 0 15px 50px;
   
        background-repeat: no-repeat;
        background-position: 15px 13px; 
        background-image: url(../images/icon/side-book.webp);
    }

    .btm-call a:link  {   background-image: url(../images/icon/side-call.webp); }
     .btm-mail a:link  {   background-image: url(../images/icon/side-mail.webp); }

.btm-whats span, .whatsapp-chat, .right-sidebar { display: none !important;}
.btm-whats a:link, .btm-whats a:visited  {   background-image: url(../images/icon/whatsapp.webp);  padding-bottom: 40px;}

.bfb-right { padding-right: 10px; gap: 15px;}
.cpr-wrapp { padding-bottom: 90px;}
#scrollToTop { bottom: 70px !important;}

}
@media (max-width: 800px) { 
    .footer-menu { width: 231px; }
    .ripple-overlay { background-size: 100% auto; width: 540px; height: 226px; }
    .hme-hb-images { gap: 20px; }
    .hme-hb-images figure { width: calc(50% - 10px); }
    .site-logo { left: 20px; width: calc(140px - 0px); }
    .banner-caption { bottom: 44px; }
    .other-menu-items { width: calc(304px - 30px); }
    .banner-caption h4 { font-size: 42pt; line-height: 52pt; }
    .banner-caption h5 { font-size: 26pt; line-height: 30pt; }
    .small-title-hb .frist-cap { font-size: 24pt; line-height: 28pt ;} 
    .small-title-hb .trd-cap { font-size: 28pt; line-height: 32pt; }
    .address-wrapp { padding-bottom: 40px;}     .address-wrapp, .googlemap { width: calc(100% - 0px);}
    .reserv-btn a:link, .btm-call a:link, .btm-mail a:link, .reserv-btn a:visited, .btm-call a:visited, .btm-mail a:visited {
        font-size: 11pt; }
    


}
@media (max-width: 768px) { 
    .banner-sub { margin-top: 30px;}
    .footer-menu-wrapp .align { background-image: none;}
    .footer-address { right: 0; }
    .cpr-wrapp .container { flex-direction: column; align-items: center; gap: 10px;}
    .smo-footer, .sub-page .smo-footer { position: relative; left: 0; top: 0; transform: translateX(0); }
    .footer-top, .overview-top figure { display: none; }
    .founders-group:nth-child(odd) figure { padding: 0;}
    .footer-wrapp { padding-top: 0;}
    .footer-menu-wrapp { padding: 100px 0 50px 0; }
    .two-column-wrapp { gap: 20px; } .two-column, .facil-two-column .two-column { width: calc(100% - 0px); }
    .sub-page-btm-nav  .two-column { width: calc(50% - 10px);}

    .founders-group:nth-child(odd) figure P { padding-left: 0; padding-right: 0; }
    .other-menu-items { width: calc(280px - 30px); } .menu-address { width: calc(280px - 0px); }
    .facilities-four-column { gap: 20px; } 
    .facil-block-fc { width: calc(50% - 10px); }
    .ripple-text  { display: none;}
    .ripple-area { height: 223px; overflow: hidden; }
    .hme-expe-image { padding-top: 0; }
    .page-seperater-overview { height:197px; }
    .house-boat-slider-wrapp:after { height: 100px; }
}
@media (max-width: 700px) { 
    .other-menu-items, .menu-address { width: calc(100% - 0px); border: none; } 
    .other-menu-items  { justify-content: center; gap: 40px;  }
    .googlemap {    position: relative;    min-height: 290px;}
    .menu-address { text-align: center;} .menu-address::before { display: none; }
    .home-cruises-blk article { background-image: none; padding: 20px;}
    .home-cruises-blk .knw-btn:link, .home-cruises-blk .knw-btn:visited { font-size: 11pt;}
     .houseboat-sepration .book-btn, .hme-hb-images { display: none;}
    .hb-room-image, .home-cruises-blk figure { padding-bottom: 0px; }
    .hb-room-image .book-btn, .hb-living-image .book-btn, .houseboat-sepration .book-btn {    right: 0px; bottom: 0px; position: static; margin: 20px auto 0 auto;}

}
@media (max-width: 628px) { 
    :root { --gutter: 60px 0; --gutter40: 30px; --gutter60: 35px 0; }
    #sub-page { padding: 50px 0; }
    .site-logo { left: 20px; width: calc(110px - 0px); border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
    .header-fix .site-logo {  width: calc(90px - 0px); }
    .site-logo a:link, .site-logo a:visited { display: block; padding: 10px; }
    .footer-menu { display: none;}
    .footer-menu-wrapp .align { flex-direction: column;}
    .footer-address { width: calc(100% - 0px); position:static; text-align: center;}
    .ripple-overlay { background-size: 100% auto; width: 400px; height: 156px; }
    .hme-hb-images figure, .experience-block li, .other-expe { width: calc(100% - 0px); }
    .home-cruises-blk .hide-mob { display: none;}
    .other-expe article {padding:25px 15px 15px 15px;}
    .home-alappuzha-wrapp, .page-seperater-overview { background-size: auto 100%; text-align: center;}
    .home-alappuzha-wrapp { height: auto; padding: 60px 0;}
    .home-alappuzha-wrapp .container { flex-direction: column; align-items: center; justify-content: center;}
    .home-alappuzha-wrapp p { padding: 30px 0;}
    .gallery-block ul { gap: 10px;}
    .gallery-block li { display: block; width: calc(50% - 5px); }
    .home-cruises-blk { padding-bottom: 25px;}
    .home-cruises-blk article { padding-bottom: 0;}
    .home-cruises-blk .knw-btn  { position: relative; left: auto; right: auto; bottom: auto;}
    .btn-group.show-mob { display: flex; justify-content: center;}
    .footer-menu-wrapp { padding: 100px 0 20px 0;    }
    .hide-mob { display: none !important; }
    .home-cruises-blk .knw-btn { position: relative; }
    .page-seperater-overview { height: 202px; } .two-column-wrapp { gap: 20px; }
    .houseboat-sepration {
        height: 278px;
        background-size: cover;
    }
    .hb-sep-cap, .other-experience-wrapp .container { padding-top: 30px;}
    .experi-top-items {
    padding-bottom: 20px;
}
.other-experience-wrapp { padding-bottom: 60px;}
.page-bottom-align {
    background-image: url(../images/page-bottom-bg.webp);
    background-position: center -347px;
    background-repeat: repeat-x;
}

.hme-gallery, .btm-call span, .btm-mail span { display: none;}
     .btm-call a:link, .btm-mail a:link,  .btm-call a:visited, .btm-mail a:visited { padding-bottom: 40px; }

    .reserv-btn span { font-size: 14pt !important;}

.testi-block {
    padding: 30px 0;
    width: calc(100% - 0px);
    border: 1px solid #efefef;
    border-left: none; border-right: none;
    margin-left: 0px;
    margin-top: -1px;
}


   /* -------------------- all titles --------------------- */
    .welcome-title {  font-size: 38pt; line-height: 36pt;  }
    .welcome-title span  { font-size: 28pt; line-height: 30pt;}
    .widget-title h2 { font-size: 28pt; line-height: 32pt; } 
    .widget-title h3, .hme-loc-title, .hme-criuses-top  h2, .home-testi-title h4  { font-size: 32pt; line-height: 36pt; }
    .hme-alleppey-name { font-size: 38pt; text-align: right;}
    .footer-title {  font-size: 18pt;}
    .footer-top { font-size: 16pt;} 
    .home-testi-title h3 { font-size: 18pt; padding-bottom: 15px; line-height: 20pt;} 
    .testi-guestname, .villa-activity-group .small-title, .villa-other-block .small-title, .facil-wrapp .small-title, .experience-block .small-title, .experi-top-items .small-title { font-size: 20pt; padding-bottom: 15px;}
    .experience-slider figcaption { font-size: 22pt; color: #fff; padding-bottom: 30px;}
    .page-title { font-size: 31pt; line-height: 40pt; padding-bottom: 20px; border-bottom: var(--border); text-align: center; }
    .overview-title h2 {  font-size: 24pt; line-height: 32pt; } 
    .overview-title br { display: block;}
    .overview-title h3 { font-size: 18pt; line-height: 26pt; }
    .sub-page-btm-nav h5, .small-title {     font-size: 22pt;    padding-bottom: 15px;    line-height: 22pt; }
    .welcome-wrapp .container { flex-direction: column; align-items: center; }
    .small-title-hb .snd-cap {    font-size: 26pt;    line-height: 32pt; }
    .hme-alleppey-name,  .hme-loc-title,  .overview-title, .welcome-title { width: 100%; text-align: center;}
    .welcome-wrapp, .home-cruises-blk article, .sub-page-content { text-align-last:center ;}
    .welcome-title span, .welcome-title {        text-align: center !important;        display: block;        width: 100%;    }
    .hme-criuses-top  { flex-direction: column; align-items: center; justify-content: center;}
    .view-gall-btn, .read-more-btn { padding-top: 25px;}
      .sub-page-btm-nav  { display: none;}
    .sub-page-btm-nav .two-column { width: calc(50% - 10px); }
    .why-choose-us-wrapp { padding: 45px 0;} .founders-group:nth-child(even) { padding-bottom: 45px;}
    .hb-sep-cap h4 {    font-size: 24pt;    line-height: 28pt;    padding-bottom: 10px;}
    .hb-sep-cap h5 {    font-size: 26pt;    line-height: 30pt; text-align: center; }

    


}
@media (max-width: 428px) { 
    .facil-block-fc, .ripple-overlay { width: calc(100% - 0px);} 
    .small-title-hb br  { display: block; }
.bfb-right { gap: 0;}

}
@media (max-width: 368px) { 
.other-menu-items {
        justify-content: center;
        gap: 25px;
    }
    .other-menu { padding: 20px;}
    .other-menu  { width: auto;}
}


/*  ------------------------------------ 
    ------------------------------------    
    ------------------------------------    
    --------- Metex Creations ----------        
    --------- Gadhafi (2025) -----------    
    ------------------------------------    
    ------------------------------------            
 */