#btm-mob-app, .footer-menu-wrapp .align::after, .stay-tiltle-800 { display:  none; text-align: center;}
.footer-address .flex-container { gap: 80px;} .footer-address { padding-left: 150px; border-left:1px solid #223941 ;} .footer-address p { padding: 0;}
/* ---------------- 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; border-right: var(--border);} .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;}
.other-menu-item a:after { content: ""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: var(--titleColor);  left: 0; top: 20px;}
.menu-address { align-items: center; justify-content: flex-start; } .menu-logo {  margin: 0 auto 15px auto; width: 300px;}
.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; }
/* ------------------- */
.design, .hide-desk { display: none; } .home-page .design { display: block;}
#booking, .booking-form .form-control { font-size: 11pt !important;}
.sub-page .cpr { width: 100%; text-align: center; }
.footer-top p.btm-call,
.footer-top p.btm-mail { padding-top: 10px; padding-bottom: 10px; padding-right: 30px; padding-left: 55px; background-image: url(../images/icons/bottom-call.webp); background-repeat: no-repeat; background-position: left center; background-size: ;}
.footer-top p.btm-mail { padding-right: 0; background-image: url(../images/icons/bottom-mail.webp); }
/* ------------------- */
.fancybox__container { z-index: 15000 !important; }
.banner-wrapp .owl-theme .owl-nav.disabled+.owl-dots {  top: auto; bottom: 25px; height: auto;}
.owl-theme .owl-dots .owl-dot { width: 20px; height: 20px; background-color: #e6f3f2; margin: 10px; border-radius: 50%; opacity: 0.5;}
.owl-theme .owl-dots .owl-dot.active { opacity: 0.9; } 
.testiSlider { margin-bottom: 45px;}
.testiSlider.owl-theme .owl-nav.disabled+.owl-dots { position: absolute; bottom: -60px; width: 100%; top: auto;}
.testiSlider.owl-theme .owl-dots .owl-dot span { width: 20px; height: 20px; background-color: var(--secondBlue); margin: 10px; border-radius: 50%; opacity: 0.5;}
.testiSlider.owl-theme .owl-dots .owl-dot.active span { opacity: 0.9; } 
/* ------------------- */
.hme-expe-title { padding-top: 0;} .hme-expe-title figure { padding-bottom: 45px; } .rooms-wrapp { padding: var(--gutter); padding-bottom: 0;  
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c0eefb+0,fbfdff+100 */
background: linear-gradient(to bottom,  rgba(192,238,251,1) 0%,rgba(251,253,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.resort-gallery{ gap: 20px; }     .resort-img-left { width: calc(62.8% - 10px);}     .resort-img-right{ width: calc(37.2% - 10px); }    .resort-img-right  {  row-gap: 20px;}
.resort-img-right figure, .resort-gallery img { width: 100%;}
.resort-gallery-wrapp { padding: var(--gutter);}
.room-main0image { } 
.room-main0image  figure { padding:0 15px 0px 15px; position: relative;}     .room-main0image  figure img { position: relative; z-index: 100;     border-top-right-radius: 35px; border-bottom-right-radius: 35px;     }
.room-main0image figure:before { content: ""; display: block; width: 100%; position: absolute; top: 25px; left: 0px; height: 90%; background-color:#fff; border-top-right-radius: 35px; border-bottom-right-radius: 35px;}  
.resort-img-left img {     border-top-left-radius: 50px; }     .resort-img-right figure:first-child img {    border-top-right-radius: 50px; }
.resort-img-right figure:last-child img {    border-bottom-right-radius: 50px; } 
.rooms-top-content { align-items: center; flex-direction: row-reverse; } .room-contetnt { padding-left: 80px; text-align-last:center; }
.rooms-title { font-size: 22pt; text-transform: uppercase; color: var(--primaryBlue); padding-bottom: 30px;}
    .room-gallery { gap: 30px; padding-top: 20px;}
    .room-gallery figure { width: calc(50% - 15px);}
.activities-block-full  { width: calc(100% - 0px); align-items: center;} 
.activities-block-full:nth-child(odd) { flex-direction: row-reverse;}
.activities-block-full article, .activities-block-full figure { width: calc(50% - 0px);}
.activities-block-full article { padding-left: 50px; }
.activities-block-full:nth-child(odd)  article { padding-left: 0px; padding-right: 50px; }

.activities-block-full h2 { font-size: 22pt; padding-bottom: 20px;}
/* ----------------------- new footer 27 06 2025-------------------------------- */
.page-btm-blocks {    padding: 40px 0 30px }
.page-btm-blocks .container {    align-items: center }
.btm-logo, .fa-kso {    border-left: 1px solid #bbb4a9;    border-right: 1px solid #bbb4a9; }
.btm-logo, .btm-call, .btm-mail, .foot-menu-new, .footer-address {    width: calc(33.33% - 0px); }
.btm-logo img {     width: 80% } .btm-call figure, .btm-mail figure {    padding-bottom: 10px }
.btm-call img, .btm-mail img {    width: 35px } .foot-menu-new li {    display: block;    padding: 1px 0 }
.foot-menu-new a:link, .foot-menu-new a:visited {    display: block;    padding: 3px 0 3px 15px;    position: relative }
.foot-menu-new {    padding-right: 150px } 
.foot-menu-new a:before {    content: "";    display: block;    width: 15px;    height: 15px;   
     background-image: url("../images/icons/arrow-fm.png");     background-repeat: no-repeat;    background-position: left center;    position: absolute;    left: 0;    top: 10px;    background-size: 5px 6px }
.fa-kso {    text-align: center} .fa-dso, .btm-mail {    padding-left: 100px }
.footer-top .container {     display: flex;    flex-direction: row;    flex-wrap: wrap;    justify-content: space-between;    align-items: normal;    align-content: normal; }
.footer-address-new {    display: flex;    flex-direction: column;    flex-wrap: wrap;    justify-content: space-between;    align-items: normal;    align-content: normal;    margin: 0 }
.cpr-wrapp .container {    padding: 30px 50px;    position: relative}  .btm-mail {     }.cnt-menu { line-height: normal;}.btm-logo { text-align: center;}
.cnt-menu { width: 100%;    font-size: 20px;    padding-bottom: 15px;    color: var(--darkBwn);    line-height: 0; }
.footiocn {    width: 30px !important;    height: auto !important;    transform: translateY(5px); margin-right: 5px; }
.btm-logo, .btm-call, .btm-mail, .foot-menu-new, .footer-address-new {    width: calc(33.33% - 0px);}
.hme-cruises-grd img{ display: none; } .footer-wrapp { padding-top: 0;}
.footer-title {    font-size: 18pt;    padding-bottom: 20px;    color: #9ca1a4; }

.cnt-menu {
    font-size: 20px;    padding-bottom: 15px;     line-height: 22px; }


.btm-logo, .fa-kso {
    border-left: 1px solid #133540;
    border-right: 1px solid #133540;
}

.cpr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cpr-wrapp { padding: 0;}


.sub-page .cpr  { left: auto; right: 0; width: auto;     transform: translate(0, -50%); }
.page-btm-blocks p { line-height: 39px; padding: 0; margin: 1px 0; }


.loc-btn a:link, .loc-btn a:visited {
    display: inline-block;
    background-image: url(../images/icons/location-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;

    font-size: 15px;
}

.footer-top, .page-btm-blocks { padding-bottom: 50px; } .footer-top { padding: 70px 0;}

/* ----------------------- new footer 27 06 2025-------------------------------- */
.booking-form .submit-btn {
    color: #fff;
    background-color: #222342;
    padding: 15px 0px 15px !important;
}


.page-btm-blocks p.call-two-number { line-height: normal;}


.page-btm-blocks p.call-two-number img { float: left; margin-right: 10px;} 


.booking-form .txtarcomm {
    height: 106px;
    margin-top: 26px;
}

.branch-address-wrapp  { padding: 50px 40px; background-color: #f3f3f3; border-top: 1px solid #958c8c; }
.contact-brach-blocks address { padding-right: 50px;  border-right:1px solid #d5c9c9; width: calc(50% - 50px); margin-right: 50px;} .contact-brach-blocks {}
.contact-queries { position: absolute; right: 0; width: 350px;  top: 0; } .branch-address-wrapp .align { position: relative; padding-right: 400px;}
.agent-title { padding: 0 !important; }
.agent-title-agent { margin-top: 10px;}
.contact-queries .footiocn {
    width: 18px !important; } .contact-queries p { }

.call-cion-cnt,  .mail-cion-cnt { padding-left: 25px; background-image: url(../images/icons/call-contact.webp); background-repeat: no-repeat; background-position: left 17.5px;}
.mail-cion-cnt { background-image: url(../images/icons/mail-contact.webp);}
.mail-cion-cnt { border-top:  1px solid #d5c9c9 ; margin-top: 5px;}
@media (max-width: 1700px) {
  /*  .explore-wrapp { background-size: cover;} */
    .hme-stay-align { padding-bottom: 407px; }  


}
@media (max-width: 1500px) {
 #page { font-size: 12pt;} p { line-height: 21pt; }
 .site-logo { width: 320px; }
.header-wrapp .container { padding: 0 30px;   }  
.primary-menu { width:auto; }
.primary-menu ul li a:link, .primary-menu ul li a:visited {    padding: 15px 12px;   font-size: 10.5pt; }
.welcome-text {    padding: 0 85px; }
/* .explore-wrapp { background-image: url(../images/explore-bg-1500w.webp);    }*/
.welcome-wrapp { background-image: none;}
.explore-wrapp { padding-top: 680px;}
.hme-explr-bg { background-repeat: no-repeat; background-image: url(../images/explore-bg-1500w.webp);  }


.hme-pool-align, .hme-stay-align { padding: 0 90px; }
.hme-stay-align { padding-bottom: 320px; }
.hme-swimm-content { padding-right: 0;}
.middle-container { max-width: 1200px;}
.header-wrapp { margin-top: 40px; }
.header-align {     padding: 15px 0; }
.footer-top p.btm-call, .footer-top p.btm-mail { font-size: 14pt; background-size: 40px 40px; padding-left: 50px;}
.room-contetnt {    padding-left: 50px; }
.abt-top-cnt {    padding-right: 50px; }

.footer-address {
 padding-right: 200px; background-size: 150px auto; padding-left: 100px;
}
/* ----------------- fonts resets -----------------  */
.home-banner-cap {   font-size: 70pt; line-height: 70pt; } .home-banner-cap span {  font-size: 58pt; }
.welcome-title {   font-size:46pt;    line-height: 46pt;  } .welcome-title span  { font-size: 14pt;}
.explore-caption {    font-size: 40pt;    line-height: 40pt; }
.hme-explr-img figcaption h4 { font-size: 20pt; }
.btm-hme-stay-cap h2 {    font-size: 70pt;    line-height: 90pt; }
.btm-hme-stay-cap {    padding: 0 50px;  }
.btm-hme-stay-cap p {    font-size: 18pt;    line-height: 28pt; }
 .hme-expe-title {    font-size: 50pt;      line-height: 54pt; }
 .hme-act-title { font-size: 46pt; }
 .hme-act-title span, .sub-btm-caption {    font-size: 40pt;    line-height: 48pt; }
 .hme-expe-content p, .hme-swimm-content p {    font-size: 16pt;    line-height: 26pt; }

 .hme-pool-left h4 {   font-size: 110pt; line-height: 120px; }
.hme-pool-left h4 span { font-size: 44pt;    line-height: 51pt; }
.he-pool-cap h3 {    font-size: 42pt;    line-height: 52pt; }
.hme-testi-title, .hme-crises-title {   font-size: 36pt;    line-height: 36pt; }
.hme-testi-title span, .hme-crises-title span {    font-size: 18pt;    line-height: 22pt; }
.hme-cruises-capt {    font-size: 53pt;    line-height: 53pt; }
.about-title {     font-size: 36pt;    line-height: 40pt;    padding-bottom: 15px; }

/* ----------------- fonts resets -----------------  */

    .branch-address-wrapp .align {
        position: relative;
        padding-right: 311px; text-align: left !important; }
.call-cion-cnt, .mail-cion-cnt {

    background-position: left 16px;
}
.contact-queries {

    width: 290px;

}

}


@media (max-width: 1360px) {
.footer-address {
 padding-right: 180px; background-size: 150px auto; padding-left: 80px;
}
.footer-menu ul {     padding-right: 43px; }
.footer-address .flex-container {    gap: 50px; }
}

@media (max-width: 1300px) {
:root { --gutter: 80px 0; }
#page { font-size: 12pt;}
.site-logo { width: 280px; }
.primary-menu ul li a:link, .primary-menu ul li a:visited {    padding: 15px 10px;   font-size: 10.5pt; }
.welcome-text {    padding: 0 55px; }
.abt-top-cnt { padding-right: 50px;} .about-btm-content .abt-top-cnt { padding-left: 50px;}
.explore-wrapp { padding-top: 700px; }
    .hme-explr-bg {
        background-repeat: no-repeat;
        background-image: url(../images/explore-bg-1300w.webp);
    }
.hme-stay-align, .hme-pool-align { padding: 0 70px;}
.hme-stay-btm-align { padding: 0 110px;}
.hme-stay-align { padding-bottom: 340px; }
.hme-expe-content { padding:0 50px 0 0; }
.hme-expe-acti-block  .hme-expe-content {    padding: 0 0 0 50px; }
.hme-swimm-content {    padding: 200px 0px 0 50px; }
.footer-address { padding-right: 216px;}
.btm-hme-stay-cap h2 {      padding-top: 97px;    padding-bottom: 90px; }
.hme-expe-acti-block { padding-bottom: 90px;}
.header-wrapp { margin-top: 30px; }
.header-align {     padding: 10px 0;     }
.header-fix .header-align {    padding: 0; }
.footer-top p.btm-call, .footer-top p.btm-mail { font-size: 13pt; background-size: 35px 35px; padding-left: 45px;}
.quick-btm-hd { font-size: 14pt; }
.hme-cruises-image {     margin: 0 20px; }
.activites-listing .container { gap: 20px;}
.activities-block {    width: calc(50% - 20px);    padding-bottom: 20px; }
.activities-block figcaption { font-size: 16pt; }

.quick-btm-hd { display: none;}


.footer-address {
 padding-right: 140px; background-size: 150px auto; padding-left: 80px;
}
.footer-menu ul {     padding-right: 43px; }
.footer-address .flex-container {    gap: 50px; }
/* ----------------- fonts resets -----------------  */
p {    line-height: 22pt; }
.home-banner-cap {   font-size: 60pt; line-height: 55pt; } .home-banner-cap span {  font-size: 48pt; }
.top-book-btn a:link, .top-book-btn a:visited {    padding: 7px 20px;    font-size: 10pt; }
.welcome-title {    font-size:36pt;    line-height: 38pt; padding-bottom: 15px;  }
.hme-explr-img figcaption h4 { font-size: 16pt; }
.btm-hme-stay-cap h2, .hme-act-title {   font-size: 38pt;    line-height: 40pt; padding-bottom: 15px; }
.hme-expe-title {    font-size: 40pt;      line-height: 44pt; }
.hme-act-title span, .sub-btm-caption {    font-size: 38pt;    line-height: 38pt; }
.hme-expe-content p, .hme-swimm-content p, .btm-hme-stay-cap p {            font-size: 15pt;
    line-height: 22pt; }
.hme-pool-left h4 {   font-size: 98pt; line-height: 120px; }
.hme-pool-left h4 span {     font-size: 39pt;    line-height: 39pt; }
.he-pool-cap h3 {    font-size: 38pt;    line-height: 46pt; }
.hme-cruises-capt {    font-size: 45pt;    line-height: 53pt;}
.about-title {     font-size: 34pt;    line-height: 38pt;    padding-bottom: 15px; }
.hme-testi-title span, .hme-crises-title span {    font-size: 15pt;    line-height: 22pt;} 
.hme-testi-title, .hme-crises-title, .about-title {    font-size: 32pt;    line-height: 32pt; }
.page-title { font-size: 26pt;}
/* ----------------- fonts resets -----------------  */
}

@media (max-width: 1200px) {
.mobMenu-show { display: block;} .primary-menu, .quick-btm-hd { display: none;}
.welcome-text { padding: 0 45px 0 0;} .btm-hme-stay-cap { padding: 0 0 0 45px;}
.hme-stay-align, .hme-pool-align {    padding-left:50px; padding-right: 50px; }
.footer-top p.btm-call, .footer-top p.btm-mail { font-size: 12pt; padding-right: 10px; padding-left: 41px; }
.footer-menu ul { padding-right: 30px; } 
.footer-menu-wrapp .align::after { display: none; }
.footer-address { position: relative; padding-left: 40px; border-left: 1px solid #02383f; background-size: 164px auto;         padding-right: 189px; }
.contact-address {     padding: 0 50px;     width: 491px; }
.contact-map {    padding-left: 493px; }

.footer-address {
 padding-right: 80px; background-size: 150px auto; padding-left: 50px;
}
.footer-menu ul {     padding-right: 30px; }
.footer-address .flex-container {    gap: 30px; }
.foot-menu-new {
        padding-right: 60px;
    }
/* ----------------- fonts resets -----------------  */
.home-banner-cap { font-size: 50pt; line-height: 55pt; }     .home-banner-cap span {    font-size: 40pt; }
.explore-caption, .hme-cruises-capt {    font-size: 36pt;    line-height: 37pt;}
.btm-hme-stay-cap h2, .hme-act-title, .hme-expe-title {    font-size: 30pt;    line-height: 40pt;    }
.he-pool-cap h3 {    font-size: 33pt;    line-height: 41pt; }
/* ----------------- fonts resets -----------------  */
}

@media (max-width: 1100px) {
    .footer-address { padding-right: 0; background-image: none;}
    .page-title-wrapp { padding: 40px 0 40px 0; }
.btm-logo {
        display: none;
    }
.page-btm-blocks .container {
    justify-content: center;
}

}
@media (max-width: 1030px) {
:root { --gutter: 70px 0; }
.container, .container-full, .container-sub, .hme-stay-align, .hme-pool-align { padding: 0 30px;}
.hme-stay-btm { position: relative;} .hme-stay-btm-align {  padding:var(--gutter); padding-bottom: 0; align-items: center;}
/*.hme-explore-expe-wrapp { background-image: url(../images/home-explore-experience-bg-1024w.webp); } */
.hme-expe-title {  }

.hide-desk {display: block;}

.banner-wrapp-home { height: auto;}
.home-slide-1, .home-slide-2, .home-slide-2 { position: relative; height: 100%; background-image:  none; }
.bannerslider.owl-carousel {  position: relative;  height:auto; }
.bannerslider.owl-carousel div:not(.owl-controls) {    height:auto; }
.smo-banner { display: none;}
.explore-wrapp {    padding-top: 500px; }

    .hme-explr-bg {
        background-repeat: no-repeat;
        background-image: url(../images/explore-bg-1030w.webp);
    }

.about-send-container .align {   padding-bottom: 305px; }
.about-second-content article, .stay-second-content article {    padding: 46px; }
    .about-send-container .align { padding-bottom: 0;}
    .about-second-content, .stay-second-content { position: relative;}
   .page-bottom-bg {   padding-top: 60px; }
   .hme-cruises-grd {    padding: 132px 0 0px 0; }    .stay-mid-wrapp article { padding: 40px;}
    .stay-room-image { padding-bottom: 0;} .actitop-text{ padding: 0 50px 50px 50px; }
.page-content {    padding-top: 40px; }
    .contact-address {         padding: 50px;         width: 100%; position: relative; transform: translateY(0); text-align: center;    }    
    .contact-map {        padding-left: 0px;    }
    .header-wrapp.header-fix { padding: 15px 0;}
/* ----------------- fonts resets -----------------  */
.home-banner-cap { font-size: 33pt; line-height: 44pt; }     .home-banner-cap span {    font-size: 30pt; }
.welcome-title {    font-size: 28pt;    line-height: 31pt;    }
.explore-caption, .hme-cruises-capt {    font-size: 32pt;    line-height: 36pt; }
.btm-hme-stay-cap h2 { color: var(--titleColor); padding-top: 0;     }
.btm-hme-stay-cap h2, .hme-act-title, .hme-expe-title {    font-size: 34pt;    line-height: 30pt;}
.hme-expe-content p, .hme-swimm-content p, .btm-hme-stay-cap p {    font-size: 14pt;    line-height: 24pt; }
.hme-act-title span, .sub-btm-caption {    font-size: 32pt;    line-height: 36pt; }
.hme-pool-left h4 {    font-size: 70pt;    line-height: 100px; }
.hme-pool-left h4 span {    font-size: 28pt;    line-height: 39pt; }
.sub-btm-caption { color: var(--color);}    
.btm-hme-stay-cap h2 { padding-bottom: 20px;}
/* ----------------- fonts resets -----------------  */

.room-contetnt {    padding-left: 30px; } .abt-top-cnt {    padding-right: 30px; }

.foot-menu-new {
        display: none;
    }

    .footer-top .container {
        width: calc(760px - 0px);
    }

    .footer-address-new, .btm-call, .btm-mail  {
        width: calc(50% - 0px); border-left: none;
    }

    .fa-dso{ padding-left: 50px;} .fa-kso { padding-right: 50px;}
.cpr { text-align: center; padding:10px 0 5px 0;}
.contact-queries { position: relative; margin: 0 auto; left: auto; top: auto; padding-top: 30px; margin-top: 0px; }
.branch-address-wrapp .align { padding-right: 0;}
.contact-brach-blocks address:last-child { margin-right: 0; border: none; } .contact-brach-blocks address { margin-right: 0; padding-right: 0;}
.contact-brach-blocks  { border-bottom: 1px solid #d5c9c9; padding-bottom: 30px;}
}

@media (max-width: 990px) {
.cpr, .sub-page .cpr  { position: relative; transform: translate(0, 0); top: auto; left: auto; width: 100%;} .cpr-wrapp .container { justify-content: center;}
}
@media (max-width: 950px) {
.footer-menu { display: none;}


}
@media (max-width: 900px) {
.footer-menu { display: none; }
.explore-caption {    padding-bottom: 54px; }
.home-banner-cap { bottom: 50px; }
.footer-address { border: none; padding-left: 0; width: 100%; text-align: center;}
.hme-cruises-grd {    padding: 100px 0 0px 0; }  
.footer-top .align { flex-direction: column; justify-content: center;}
.other-menu-items {    width: calc(330px - 10px); } .menu-address {    width: calc(340px - 0px); }
#btm-mob-app { display: block; position: fixed; bottom: 0; left: 0; z-index: 11000; background-color: #2d398e; padding: 15px 0; width: calc(100% - 0px);}
#btm-mob-app .align { position: relative; padding: 0 30px;  gap: 30px; justify-content: space-around;}
.mob-btm-left  { gap: 30px; font-size: 12pt;}
.mob-call-icon, .mob-mail-icon, .smo svg { fill: #fff; } .mob-btm-item a:link, .mob-btm-item a:visited { font-size: 10.5pt;}
.mob-call-icon, .mob-mail-icon { width: 20px; } .mob-mail-icon { width: 22px;}
.mob-btm-item a:link, .mob-btm-item a:visited { display: flex; flex-direction: row-reverse; justify-content: flex-start; gap: 10px; color: #fff;}
#btm-mob-app .smo { right: 30px;}
 .cpr-wrapp { padding-bottom: 80px;}
 .room-main0image, .abt-top-image { display: none; }
.footer-top { padding: 30px 0; } .footer-menu-wrapp { padding: 40px 0;}
 .booking-form { padding: 30px; }
.room-contetnt, .form-left, .abt-top-cnt { width: calc(100% - 0px); }
 .hme-expe-title img { width: 160px;} .hme-explore-expe-wrapp { padding-top: 77px;}
.abt-top-cnt {    padding-right: 0px; }
.room-contetnt {    padding-left: 0px; }
.resort-gallery-wrapp { padding-top: 30px;}



/* ----------------- fonts resets -----------------  */
.hme-act-title span, .sub-btm-caption {    font-size: 22pt;    line-height: 25pt; }
.btm-hme-stay-cap h2, .hme-act-title, .hme-expe-title {    font-size: 30pt;    line-height: 37pt; }
.he-pool-cap h3 {    font-size: 26pt;    line-height: 34pt; }
.home-banner-cap {    font-size: 33pt;    line-height: 35pt; }
.activities-block figcaption { margin: 0 10px; width: calc(100% - 20px);    font-size: 14pt; }
/* ----------------- fonts resets -----------------  */
.cpr-wrapp { padding-bottom: 0px;}
}
@media (max-width: 800px) {
.other-menu-align {    align-items: center;    max-width: 344px; }
.menu-address::before { left: 0; top: -15px; width: 100%; height: 1px;}
.page-title {    font-size: 26pt; } 
.about-title { font-size: 24pt; line-height: 26pt;}
.rooms-title { font-size: 22pt; line-height: 26pt; }
.activities-block-full article, .activities-block-full figure {
    width: calc(100% - 0px);
}
.fa-dso, .btm-mail { padding-left: 0;}
.activities-block-full:nth-child(odd) article, .activities-block-full:nth-child(even) article { padding-left: 0; padding-right: 0; padding-top: 30px; text-align-last: center ;}
.btm-hme-stay-cap h2 { display: none;} .stay-tiltle-800 { display: block; padding-bottom: 30px; font-size: 22pt;} .hme-act-title span { color: #fff;}
    .hme-cruises-image {
        margin: 0;
    }
}
@media (max-width: 768px) {
.hme-pool-left figure { display: none !important; }    
.two-column { width: calc(100% - 0px); }
.hme-cruises-wrapp  .two-column { width: calc(50% - 0px); }
.hme-cruises-image {   margin: 0 6px; }  
.welcome-text { padding-right: 0; }
.hme-cruises-image img {     border-radius: 200px;    border: 5px solid rgba(255, 255, 255, 0.2); }
.hme-expe-content, .about-btm-content .abt-top-cnt {    padding: 0;     } 
.disco-itmes-odd article { padding-left:0} .disco-itmes-even article { padding-right: 0; padding-top: 35px; padding-bottom: 35px;}
.disco-itmes-odd article { padding-bottom: 35px; }
.about-send-container, .stay-mid-wrapp { padding: 50px 0; }
.about-btm-content .abt-top-image { padding-top: 40px; }
.abt-top-cnt { padding: 0; padding-bottom: 40px; }
.hme-pool-bloks, .hme-expe-acti-block { padding: 0 0 0 0;} .hme-expe-image { padding: 60px 0; }
.hme-explore-expe-wrapp  { padding-bottom: 20px;} .welcome-text  { padding-bottom: 50px;} 
.hme-pool-content-wrapp { padding: 0 30px; } .hme-swimm-content {    padding: 0; }
.btm-hme-stay-cap { padding: var(--gutter);  } .hme-expe-acti-block .hme-expe-content { padding: 0;}
.hme-expe-content p, .hme-swimm-content p, .btm-hme-stay-cap p, .hme-stay-btm-align .readmore-plane,
.btm-hme-stay-cap h2, .hme-act-title, .hme-expe-title  { text-align: center !important; }
.cpr, .home-page .design{ width: 100%; text-align: center;} 
.banner-wrapp .owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot {    width: 15px;    height: 15px; }
.footer-menu-wrapp { padding: 30px 0;} .btm-q-contact { flex-direction: column; justify-content: center;} 
.page-title-wrapp { padding: 40px 0 20px 0; } .activities-block figcaption { position: relative; width: calc(100% - 0px); margin: 0;}
.activities-block {    width: calc(50% - 10px);    padding-bottom: 0px; } .activities-block figure { padding-bottom: 0;}
.gallery-menu a:link, .gallery-menu a:visited { font-size: 11pt; padding: 20px 20px 15px 20px; }
.ph-gallery li, .retro-gallery li {    display: block;    width: calc(33.333% - 20px); }
p {    line-height: 19pt; }
.discove-sep { padding-bottom: 0;}
.activites-listing .container { gap: 40px; }
.hme-stay-btm-align, .btm-hme-stay-cap { padding-top: 45px;}.hme-testi-title { padding-bottom: 45px;} .testiSlider::after { display: none;}
.stay-gall ul { gap: 10px;} .stay-gall li {    display: block;    width: calc(50% - 10px);}
.stay-mid-wrapp { padding-bottom: 0;}
.explore-wrapp { }     .hme-explr-bg {
        background-repeat: no-repeat;
        background-image: url(../images/explore-bg-768w.webp);
    }

.footer-address .flex-container {
    gap: 40px;
}
.resort-gallery-wrapp { padding-top: 0;}

    .footer-top .container {
        width: calc(100% - 0px);
    }
    .hme-cruises-wrapp .two-column {
        width: calc(100% - 0px);
        margin: 15px 0;
    }
 .contact-brach-blocks address { margin-right: 0; padding-right: 0; padding: 20px 0; width: calc(100%); border: none; text-align: center !important;  border-bottom: 1px solid #d5c9c9;}
  .contact-brach-blocks address:last-child { border-bottom: none; padding-bottom: 0;}
.contact-brach-blocks  { border-bottom: 1px solid #d5c9c9; padding-bottom: 30px;}
/* ----------------- fonts resets -----------------  */
.explore-caption, .hme-cruises-capt {    font-size: 24pt;    line-height: 30pt; } 
.btm-hme-stay-cap h2, .hme-act-title, .hme-expe-title, .hme-testi-title, .hme-crises-title {    font-size: 28pt;    }
.hme-pool-left h4 {     font-size: 56pt;    line-height: 70px; }
.hme-pool-left h4 span {    font-size: 23pt;    line-height: 39pt; } .hme-pool-left h4 {    padding-top: 30px; }
.he-pool-cap h3 {     font-size: 22pt;    line-height: 30pt; }

/* ----------------- fonts resets -----------------  */
}
@media (max-width: 628px) {
    :root {
        --gutter: 45px 0;
    }

.top-book-btn { display: none; }
.banner-wrapp .owl-theme .owl-nav.disabled+.owl-dots {    bottom: 5px;    height: auto; }
.header-wrapp {    margin-top: 0; }
 /*.hme-explore-expe-wrapp { background-image: url(../images/home-explore-experience-bg-500w.webp); } */
.btm-hme-stay-cap { padding-bottom: 0;}
.hme-expe-title {    padding-top: 65px; padding-bottom: 40px;}
.hme-pool-content-wrapp { position: relative; width: calc(100% - 0px); color:#000;}
.hme-pool-left h4 span { display: inline; text-transform: uppercase; } .hme-pool-left h4, .hme-pool-content-wrapp  { padding: 0; }
.hme-swimm-content p { color: var(--color);} .hme-swimm-content { padding-bottom: 40px;}
.page-content { padding-top: 40px;}
.about-btm-content .abt-top-cnt { padding-right: 0; padding-left: 0;}
.activities-block {     width: calc(100% - 0px);    padding-bottom: 0px; }
.actitop-text {     padding: 0 30px 40px 30px; } 
.ph-gallery ul, .retro-gallery ul { gap: 10px; }
.ph-gallery li, .retro-gallery li {    display: block;    width: calc(50% - 10px); }
.gallery-menu li { width: calc(33.333% - 0px); padding-left: 0; padding-right: 0;}
.btm-call, .btm-mail, .footer-address-new, .btm-call, .btm-mail { width: calc(100% - 0px); padding-left: 0; padding-right: 0; text-align: center;}
.btm-mail { padding-top: 20px;}
.footer-address-new { text-align: center; border: none; padding: 15px 0;}
.footer-top {    padding: 25px 0; }    .contNum .form-group {        width: calc(100% - 4px);    }  .footer-menu-wrapp p {padding: 0 ;}
.testiSlider.owl-theme .owl-dots .owl-dot span {} .banner-wrapp .owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot { width: auto; height: auto; background: none; padding: 0; margin: 0;}
.hme-cruises-grd img  { padding: 0 30px;} .about-send-container {padding-top: 0; }
.disco-itmes-wrapp { text-align: center; text-align-last:center; }
.disco-itmes-odd article { padding-top:35px }
.explore-wrapp { }     .hme-explr-bg {
        background-repeat: no-repeat;
        background-image: url(../images/explore-bg-768w.webp);
    }
/* ----------------- fonts resets -----------------  */
.hme-testi-title, .hme-crises-title, .btm-hme-stay-cap h2, .hme-act-title, .hme-expe-title, .hme-testi-title, .hme-crises-title, .hme-pool-left h4, .hme-pool-left h4 span { line-height: 22pt; font-size: 22pt; text-align: center !important;}
.hme-testi-title span, .hme-crises-title span {    font-size: 10pt;    line-height: 22pt; }
.hme-testi-title span { padding-bottom: 0;}
.hme-pool-left h4 { color: var(--color); text-align: center; line-height: 30pt; text-transform: uppercase;} 
.page-title {    font-size: 22pt; }  .about-title { font-size: 20pt; line-height: 22pt;}
.rooms-title { font-size: 18pt; line-height: 26pt; padding-bottom: 10px; }
.hme-explr-img figcaption h4 {        font-size: 16pt    }

/* ----------------- fonts resets -----------------  */
.footer-address .flex-container {
    gap: 0px;
}
.footer-address address { width: 100%; text-align: center;}
    .hme-expe-title {
        padding-top: 0;
        padding-bottom: 40px;
    }
.hme-explore-expe-wrapp { padding-top: 70px;} .hme-expe-title { text-align: center;} .hme-expe-title img { width: 120px;}

.resort-img-left, .resort-img-right {
    width: calc(100% - 0px);
}

.room-gallery {
    gap: 10px;
    padding-top: 10px;
}

.room-gallery figure {
    width: calc(50% - 5px);
}

    .hme-stay-btm-align, .btm-hme-stay-cap {
        padding-top: 30px;
    }

    
    .hme-explore-expe-wrapp {
        padding-top: 35px;
    }

    .hme-expe-title figure {
    padding-bottom: 24px;
}
.welcome-title { padding-bottom: 18px;}
.activities-block-full { text-align: center;}
.page-btm-blocks p.call-two-number img { float: none;} 
.call-two-number span { display: inline-block;}
}
@media (max-width: 500px) {

.site-logo { width: 270px; }
.explore-wrapp { }     .hme-explr-bg {
        background-repeat: no-repeat;
        background-image: url(../images/explore-bg-380w.webp);
    }

    .explore-wrapp {
        padding-top: 150px;
    }
    .explore-wrapp .container-full { padding: 0;}
        .contact-address {
        padding: 14px; }
        .booking-form { margin: 0;}

}
@media (max-width: 428px) {
.header-wrapp .container { padding: 0 15px;}

.he-pool-cap { bottom: 0px;  } .hme-cruises-wrapp .two-column { width: calc(100% - 0px); margin: 15px 0; } 
.home-banner-cap span { font-size: 22pt; } 
.other-menu-main a:link, .other-menu-main a:visited { font-size: 10pt; }
.other-menu { padding: 0 20px;}
.stay-gall li { width: calc(100% - 10px);}
.gallery-menu li { width: calc(100% - 0px); text-align: center; padding-left: 0; padding-right: 0; } 
.about-second-content article, .stay-second-content article { padding: 30px;} .stay-mid-wrapp { padding-top: 0;}
.rooms-title { font-size: 15pt; }

}
@media (max-width: 360px) {
.site-logo { width: 229px; }
#btm-mob-app .align { padding: 0 11px; gap: 20px; justify-content: space-around; }
}

/* --------------------------------- */
/* --------------------------------- */
/* -------- Metex Creations -------- */
/* --------  2025 Gadhafi  -------- */
/* -------------------------------- */
/* -------------------------------- */
/* ------------------------------- */