.menu-hams-mob, .vag-tilte-mob { display: none;}

.form-group table { width: calc(50% - 0px);}

.scrlDownBtn { position: absolute; bottom: 20px; z-index: 1500; left: 50%; transform: translateX(-50%); font-size: 10pt; opacity: 0.6;}
.scrlDownBtn a:link, .scrlDownBtn a:visited {  position: relative; background-image: none; padding-top: 40px; }
    .scrlDownBtn a:link, .scrlDownBtn a:visited {     font-size: 10pt;        display: block; animation: colorchange 0.5s;   animation-iteration-count: infinite; }
@keyframes colorchange  {
  0% { color: #ffddc7;}
  50% { color: #fff; }
  100% { color: #ffddc7;}
}
.scrlDownBtn { animation: explAnim 5s linear  infinite; transform: translateY(-10px);}
@keyframes  explAnim {
 0% {  transform: translateY(-10px);  }
 50% {  transform: translateY(0px);  }
 100% { transform: translateY(-10px);} 
}
.mouse {
  height: 30px;  width: 20px;  -moz-border-radius: 14px;  -webkit-border-radius: 14px;  border-radius: 14px;  transform: none;  display: inline-block;  border: 1px solid white;  position: absolute;  top: 10px;  margin: auto;  cursor: pointer;  z-index: 9; left: 50%; transform: translateX(-50%); }
.wheel {  height: 8px;  width: 4px;  display: block;  margin: 5px auto;  background: white;  position: relative;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;  border-radius: 8px;  -moz-animation: mouse-wheel 1s linear infinite;  -webkit-animation: mouse-wheel 1s linear infinite;  animation: mouse-wheel 1s linear infinite; }
@-moz-keyframes mouse-wheel {
  0% {    opacity: 1;    transform: translateY(0);  }
  100% {    opacity: 0;    transform: translateY(8px);  }
}
@-webkit-keyframes mouse-wheel {
  0% {    opacity: 1;    transform: translateY(0);  }
  100% {    opacity: 0;    transform: translateY(8px);  }
}
@keyframes mouse-wheel {
  0% {    opacity: 1;    transform: translateY(0);  }
  100% {    opacity: 0;    transform: translateY(8px);  }
}
/* --------------------------------------- */
.header-wrapp::after { content: ""; display: block; position: absolute; width: 100%; left: 0; bottom: -10px; height: 0px; transition: all 0.5s ease; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.18+7,0+85 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.18) 0%,rgba(0,0,0,0.18) 7%,rgba(0,0,0,0) 85%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }
.header-fix.header-wrapp::after { height: 10px;}
.knw-mote-btn a:link, .knw-mote-btn a:visited, .book-nw-btn { color: #eccdb9 !important; }
.knw-mote-btn a:hover, .book-nw-btn a:hover { }
.top-icon-menu { padding-top: 5px;} .design { display: none;}

.footer-mobile-fixed {  display: none; }

@media (max-width: 1500px) { 
#page { font-size: 13pt;} p { line-height: 24pt;}
.banner-bottom  .container { padding: 0 50px;}
.abt-img-right {padding-left: 0 ;}
.hme-room-slider.owl-carousel.owl-drag .owl-item .room-slide-align { padding: 80px 100px 0 100px; }
footer .container { padding: 0 50px;}
.foot-cnt:first-child { padding-left: 0;}
.hme-overview-cnt { padding: 0 0 400px 50px;}
.menu-links li a::before { top: 30px;}
.primary-menu { padding-right: 0;}
.primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 20px 10px; font-size: 12pt;}

}
@media (max-width: 1400px) { 
  .primary-menu { padding-right: 0;}
.primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 20px 8px; font-size: 12pt; }
.footer-top h5 {    text-transform: uppercase;    font-size: 32pt; }
.hme-din-text .widget-title, .main-title {    font-size: 42pt;}
.banner-iteneries ul { gap: 0px;} 
.banner-iteneries li {    width: calc(100% / 6); font-size: 10pt;}
.banner-caption  { padding-bottom: 70px;}
.banner-caption h2 { font-size: 32pt;}
.welcome-title span:nth-child(2n) {    font-size: 41pt;}
.widget-title { font-size: 36pt; }
.room-slide-cnt h3 {    font-size: 28pt;}
.vagamon-text p {    font-size: 18pt;    line-height: 32pt;}
.hme-dining-wrapp { padding: 110px 0;}
.hme-ding-btm img { width: 200px;}
.hme-din-image { padding-left: 80px;} .hme-ding-btm { font-size: 30pt; }
}

@media (max-width: 1360px) { 
:root {  --gutter60:50px 0; --gutter:80px 0; }
#page { font-size: 12pt;} p { line-height: 22pt;}
.container-small, .container { padding: 0 50px; margin: 0 auto;} 
.site-logo:link, .site-logo:visited, .site-loago-sub:link, .site-loago-sub:visited { padding-left: 30px; }
.hme-rooms-wrapp { padding: 80px 0 80 0; }
}


@media (max-width: 1300px) { 
:root {  --gutter60:40px 0; --gutter:60px 0; }
.site-loago-sub, .site-logo svg { width: 200px;} .header-fix .site-loago-sub, .header-fix .site-logo svg { width: 190px;}
.primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 21px 10px; font-size: 11pt; }
.hme-dining-wrapp { padding: 80px 0;}
.hme-din-image { padding-left: 30px;}
.footer-top h5 { text-transform: uppercase;  font-size: 30pt; }
.hme-din-text .widget-title, .main-title {  font-size: 31pt; }
.page-title h1 { font-size: 26pt; }
.small-heading, .land-over-title { font-size: 22pt;}
.widget-title-small { font-size: 28pt; padding-bottom: 40px; }
.banner-caption h2 { font-size: 25pt;}
.welcome-title span:nth-child(2n) {    font-size: 36pt;}
.widget-title { font-size: 24pt; }
.room-slide-cnt h3 {  font-size: 21pt;}
.vagamon-overlap-head h3 {  font-size: 30pt;  text-align: left;}
.vagamon-overlap-head h3 span:first-child, .vagamon-overlap-head h3 span:last-child {
 font-size: 40pt }
.banner-caption  { padding-bottom: 60px; }
.primary-menu ul li a:link, .primary-menu ul li a:visited {  padding: 21px 5px;  font-size: 10.5pt; }
.welcome-content p, .vagamon-text p {
    font-size: 16pt;
    line-height: 23pt;
}
}


@media (max-width: 1100px) {
.primary-menu-overlay {  width: calc(100% - 0px);  margin: 200px auto 0 auto; }
.menu-links { width: 409px; padding: 0px; }
.menu-links-villas {  width: 400px; padding-left: 61px; border-left: 1px solid rgba(255, 255, 255, 0.2); }
.menu-links-villas ul { width: calc(100% - 0px);}
.primary-menu ul li a:link, .primary-menu ul li a:visited {  padding: 21px 4px;  font-size: 10.5pt; }
.footer-address {  width: calc(45% - 0px); }
.room-thumb { width: calc(33.33% - 10px);}

.menu-links a:link, .menu-links a:visited { padding: 6px 0 8px 30px;}
    .menu-links li a::before {
        top: 19px;
    }
.foot-cnt {
    padding-left: 30px; }
        .footer-top h5 {

        font-size: 27pt;
    }
}


@media (max-width: 1080px) { 
.primary-menu { display: none; }
.menu-hams-mob { display: block; }
.banner-bottom { display: none; }
.welcome-content p { font-size: 16pt;  line-height: 28pt; }
.hme-overview-cnt { background-size: 500px 401px;}
.hme-overview-cnt { padding: 0 0 320px 50px; }
.footer-menu .flex-container {  gap: 40px; }
.footer-address {  justify-content: center; }
.vagamon-text {  padding-left: 0px; }
.vagamon-text p {  font-size: 14pt;  line-height: 26pt; }
.vagamon-overlap-head { padding-top: 60px; }
.hme-ding-btm img {  padding: 0px 0; }
.hme-din-text .knwmre-btn {  padding-top: 15px; }
.hme-ding-btm { font-size: 25pt; }
.welcome-title span:nth-child(2n) { font-size: 33pt; }
.welcome-title span:last-child { font-size: 27pt; }
.vagamon-text .knwmre-btn {  padding-top: 15px; }
.hme-meeting-1, .hme-meeting-2 { width: calc(30% - 0px);  position: absolute; }
.hme-meeting-1 { right: 40px; top: -200px; }
.abt-cnt-top article {  width: calc(60% - 0px); }
.img-right, .img-left {  width: calc(40% - 0px);  padding-left: 40px; }
.img-left {  width: calc(40% - 0px);  padding-left: 0px;  padding-right: 40px; }
.faci-slider figcaption {  font-size: 15pt; }

.menu-links-villas {  width: 300px; }

        .footer-top h5 {

        font-size: 20pt;
    }

}


@media (max-width: 990px) { 

.footer-top h5 { font-size: 23pt; }
.footer-address { width: calc(45% - 0px); }
.banner-caption  h2 {  font-size: 25pt; padding-bottom: 0px; }
.hme-room-slider.owl-carousel.owl-drag .owl-item .room-slide-align {  padding: 80px 80px 0 80px; }
.room-slide-cnt, .room-slide-align figure::after { margin: 0px 12px; }
.hme-overview-cnt  {width: calc(100% - 0px); padding: 0 0 320px 0px;}
.hme-overview-img { display: none;}
.hme-meeting-1, .hme-meeting-2  { display: none; }
.vagamon-overlap-head h3 span:first-child, .vagamon-overlap-head h3 span:last-child {
font-size: 35pt; }
.vagamon-overlap-head h3 { font-size: 25pt; }
.vagamon-overlap-head h3 span:first-child, .vagamon-overlap-head h3 span:last-child {
font-size: 30pt; }
.hme-meeting-wrapp .align {  padding-bottom: 35px; }
.activ-blk article {  padding: 15px; }
.small-heading, .land-over-title { font-size: 18pt; }
.activ-blk article {  width: calc(100% - 0px);  margin: 0 0px;  padding: 25px;  transform: translateY(0px); }
.footer-top h5 { width: 100%;  margin-bottom: 20px; }
.footer-menu .flex-container { gap: 20px; }
.footer .container {  padding: 0 30px; }
.hme-din-image {  padding-top: 30px;  }
.vagamon-text, .vagamon-overlap-head  {  width: calc(100% - 0px); }
.vagamon-text p {  font-size: 12pt;  line-height: 19pt; }
.footer-mobile-fixed {  position: fixed;   width: 100%;  display: block;  padding: 0 0;   background-color: #133911;  z-index: 1000;   bottom: 0;  left: 0; }
.footer-mobile-fixed .align {  position: relative;  height: 60px; padding-right: 210px; }
.mob-reserv-btn {  position: absolute;   top: 0; right: 0;  width: 210px;  height: 100%; }
.mob-reserv-btn a:link, .mob-reserv-btn a:visited { display: flex;  justify-content: center;  flex-wrap: wrap;  line-height: 60px;   font-size: 13pt;  color: #fff;   text-transform: uppercase;  background-color: #a1825b; padding: 0 20px; }
.btm-left-btns {  height: 60px; padding: 0 20px;  align-items: center; }
.btm-call-btn svg {  width: 24px; }
.btm-left-btns svg, .mob-reserv-btn svg {  width: 30px;   height: auto;  fill: #fff; }
.btm-left-btns { height: 60px; padding:0 20px; align-items: center;}
.btm-left-btns a:link, .btm-left-btns a:visited { display: flex; align-items: center;height: 100%; position: relative; color: #fff;}
.btm-left-btns span { display: block; padding:0 25px 0 15px; text-transform: uppercase; line-height: 12pt;}
.btm-left-btns svg, .mob-reserv-btn svg { width: 30px; height: auto; fill: #fff;} .btm-loc-btn svg { width: 16px;} .btm-call-btn svg { width: 24px;} .btm-mail-btn svg { width: 26px; margin-top: 3px;}
.mob-reserv-btn svg { margin-left: 10px; width: 22px;}
.room-amen-list {  justify-content: center; gap: 5px; }
.cpy-wrapp { margin-bottom: 48px;}
.page-content {  padding: 40px 0 0px 0; }
.gallery-menu a:link, .gallery-menu a:visited {  padding: 10px 15px; }
.scrlDownBtn { width: 100%; text-align: center; left: 0; }
.top-icon-book { display: none; }
.scrlDownBtn {     bottom: 116px; }
.welcome-top .two-column-txt, .welcome-top .two-column-img { width: calc(100% - 0px);}

.two-column-wrapp {     gap: 16px; }


    .menu-links {
        width: 337px;
        padding: 0px;
    }

    .menu-links-villas { padding-left: 35px;}
    .menu-links-villas { width: 200px;}

.footer-top h5 { width: 100%;  margin-bottom: 20px; text-align: center; padding-top: 0px; }
.footer-top .flex-container { flex-direction: column; justify-content: center;}
.foot-cnt span { display: block; text-align: center;}
.foot-cnt { padding: 10px 0;}
.footer-top {
        background-repeat: repeat;
    }

}



@media (max-width: 880px) { 

.hme-rooms-wrapp { background-repeat: repeat; }
.hme-room-slider.owl-carousel.owl-drag .owl-item .room-slide-align  { padding: 0; }
.accm-land-btm-cnt {  padding-right: 0px; padding-bottom: 90px; }
.land-over-title {  padding: 16px 28px; }
.hme-activies-blocks.two-column-wrapp { gap: 30px;}
.activ-blk.two-column { width: calc(50% - 15px);}


}



@media (max-width: 768px) { 

.hme-din-text, .hme-din-image { width: calc(100% - 0px);  padding-left: 0px; }
.vagamon-overlap-head h3 span { display: inline; font-size: 20pt; }
.vagamon-overlap-head h3 span:first-child, .vagamon-overlap-head h3 span:last-child { font-size: 20pt; }
.room-slide-align figure::after { width: calc(100% - 24px);}
.hme-room-slider.owl-carousel.owl-drag .owl-item  .room-slide-cnt { opacity: 1; transform: translateY(0px); }
.room-slide-align figure::after, .room-slide-cnt p { display: none;}
.room-slide-cnt, .room-slide-align figure::after {
 margin: 0px 20px; border: none; color: rgba(255, 255, 255, 0.5); padding: 25px 20px 10px 20px; }
.hme-rooms-wrapp { padding: 40px 0 40px 0; }
.footer-address { width: calc(27% - 0px);  text-align: left;}
.abt-cnt-top article {  width: calc(100% - 0px);}
.img-right, .img-left { width: calc(70% - 0px); margin: 0 auto; padding-left: 0px; padding-right: 0px; }
.abt-cnt-top { padding-bottom: 35px; }
.btm-home-btn { display: none; }
.accm-land-btm-cnt {display: none; }
.page-title {  padding: 30px 0 30px;}
.page-content {  padding: 30px 0 0px 0; }
.accommodation-page .page-content {  padding-bottom: 30px; }
.room-amenities-block {  padding: 30px 0; }
.container-small, .container {  padding: 0 30px;}
.room-amen-list li {  padding: 5px 0 5px 20px; }
.facilItem { width: calc(33.333% - 20px); }
.facili-wrapp {  gap: 20px; }
.activities-block:nth-child(odd) article, .vagamon-items:nth-child(odd) article { padding-left: 40px; }
.activities-block:nth-child(even) article, .vagamon-items:nth-child(even) article {  padding-right: 40px; }
.sub-title { text-align: left; }
.gallery-block li { width: calc(33.333% - 15px); }
.gallery-block .flex-container { justify-content: center;}
.contact-address {  width: calc(100% - 0px); }
.google-map {  width: calc(100% - 0px); height: 350px; }
.cnt-logo img {  width: 230px; }
.contNum .form-group { width: calc(100% - 4px); }

}



@media (max-width: 640px) { 

.footer-top {  background-repeat:repeat; }
.footer-top h5 { text-align: center; }
.footer-top-right {text-align: center; width: 100%; }
.foot-cnt { padding-left: 0px; width: 100%; padding-bottom: 15px; }
.footer-menu {display: none;}
.footer-address {  width: calc(100% - 0px);   text-align: center;}
.welcome-title span:last-child {  font-size: 22pt; }
.welcome-title span:nth-child(2n) {  font-size: 28pt; }
.home-page .smo {  position: relative;  top: 0;   left: 0;  transform: translate(0, 0); }
.cpy-wrapp .align {flex-direction: column; justify-content: center; align-items: center;}
.banner-caption { padding-bottom: 20px; }
.footer-menu .flex-container {  gap: 70px; }
.main-title { padding-bottom: 10px; }
.btm-loc-btn { display: none; }
.footer-mobile-fixed .align, .btm-call-btn { width: calc(100% - 0px); text-align: center;}
.mob-reserv-btn, .btm-left-btns { width: calc(50% - 0px); }
.footer-mobile-fixed .align { padding-right: 0; }
.btm-left-btns a:link, .btm-left-btns a:visited { display: flex; justify-content: center;}
.land-over-title { top: 20px; }
.land-btn-groups {  right: 20px; bottom: 20px; }
.knwmre-btn a:link, .knwmre-btn a:visited, .view-details-btn a:link, .view-details-btn a:visited, .booknw-land-btn a:link, .booknw-land-btn a:visited {  padding: 4px 12px; }
.land-over-title {  padding: 10px 22px; }
.accommodation-page .page-content {  padding-bottom: 20px; }
.facili-slider-wrapp {  padding-top: 30px; }
.widget-title-small {  padding-bottom: 20px; }
.accom-land-item { margin-bottom: 30px; } 
.footer-menu-wrapp { padding: 30px 0;  }
.page-title { padding: 30px 0 30px; }
.activities-block article, .vagamon-items article {  width: calc(100% - 0px); }
.activities-block figure, .vagamon-items figure {  width: calc(70% - 0px); margin: 0 auto; padding-bottom: 30px; }
.activities-block:nth-child(even) article, .vagamon-items:nth-child(even) article {  padding-right: 0px; padding-bottom: 20px; }
.activities-block:nth-child(odd) article, .vagamon-items:nth-child(odd) article {  padding-left: 0px; padding-bottom: 20px; }
.sub-title {   text-align:center; }
.banner-caption {  padding-bottom: 0px; }
    .vagamon-overlap-head {
        padding-top: 0px;
    }

.hme-vaga-align { position: relative;  top: 0; transform: translate(0, 0); }
.hme-vaga-wrapp  figure { display: none; }
.hme-vaga-wrapp { background-image: url(../images/home-vagamon-image-without-title.webp); background-size: 100% 100%; background-position:  center center; padding: 60px 0;}
h4.vag-tilte-mob  { display: block; width: 100%; text-align: center; opacity: 0.5; padding: 15px 0; font-size: 46pt; text-transform: uppercase;}


    .menu-links {
        width:100%;
        max-width: 350px; margin: 0 auto;
        padding: 0px;
    }

    .menu-links-villas { padding-left: 35px;}
    .menu-links-villas { width: 200px; display: none;}
    .menu-contact { margin-top: 25px; padding-top: 25px;}


}


@media (max-width: 550px) { 

.img-right, .img-left { width: calc(100% - 0px); padding-top: 30px; }
.footer-menu .flex-container { gap: 40px; }
.about-page-seperator {  height: 350px; }
.page-title h1 { font-size: 22pt; }
.facilItem { width: calc(50% - 20px);   }
.facili-wrapp { padding-bottom: 40px;}
.dining-gallery li {  width: calc(50% - 20px); }
.gallery-block li { width: calc(50% - 15px); }
.contact-page-wrapp { padding-bottom: 0px; }
.form-left {  width: calc(100% - 0px); }
.menu-links-villas { display: none; }
.facili-slider-wrapp { padding-bottom: 30px;}
.booking-form .txtarcomm {  height: 70px; }
.contact-address { padding: 30px 0; }
.hme-activies-blocks.two-column-wrapp { gap: 0px; }
.activ-blk.two-column { width: calc(100% - 0px); }

.accom-land-btm { position: relative; padding: 0;}
.land-btn-groups { position: relative; margin-top: 30px; right: 0;}




}


@media (max-width: 480px) { 

.two-column {  width: calc(100% - 0px); }
.hme-meeting-wrapp { padding-top: 100px; }
.vagamon-overlap-head h3 span:first-child, .vagamon-overlap-head h3 span:last-child { font-size: 16pt; }
.vagamon-overlap-head h3 span { display: inline; font-size: 16pt; }
.banner-caption  h2 {  font-size: 20pt; }
.welcome-content h3 { font-size: 26pt; }
.footer-top h5 {  font-size: 20pt; }
.footer-title {text-align: center;}
.welcome-title span:nth-child(2n) { font-size: 24pt; }
.welcome-title span:last-child { font-size: 20pt; }
.container-small, .container {  padding: 0 30px; }
.hme-dining-wrapp {  padding: 40px 0; }
.hme-meeting-wrapp { padding: 50px 0 30px 0 ; } 
.room-slide-cnt, .room-slide-align figure::after { margin: 0px 0px;  padding: 25px 10px 10px 10px; }
.knw-mote-btn a:link, .book-nw-btn a:visited, .knw-mote-btn a:link, .book-nw-btn a:link, .view-details-btn a:link, .view-details-btn a:visited, .booknw-land-btn a:link, .booknw-land-btn a:visited, .book-nw-btn-single a:link, .book-nw-btn-single a:visited {  padding: 6px 15px; }
.widget-title {  font-size: 28pt; padding-bottom: 13px; }
.hme-meeting-wrapp .align {  padding-bottom: 25px; }
.hme-din-text .widget-title, .main-title {  font-size: 28pt; text-align: center; }
.hme-ding-btm { font-size: 18pt; }
.activ-blk img {  border-radius: 12px; }
.activ-blk article {  border-radius: 12px; }
footer .container { padding: 0 18px; }
.activ-blk article { padding: 15px; }
.welcome-content p { line-height: 24pt; }
.banner-caption { padding-bottom: 0px; }
.container-small, .container {  padding: 0 30px;  margin: 0 auto; }
.about-page-seperator {  height: 200px; }
.btm-left-btns span {  padding: 0 0px 0 15px; }
.btm-left-btns, .mob-reserv-btn a:link, .mob-reserv-btn a:visited {padding: 0;}
.widget-title-small {  font-size: 22pt; }
.land-over-title {  top: 0px; }


.room-thumb { width: calc(50% - 10px); }
.room-amen-list ul {    display: contents;}
.room-amen-list {  justify-content: left; }
.facilItem {  width: calc(50% - 10px); }
.facili-wrapp { gap: 10px; }
.cpy-wrapp .smo {width: 100%; margin-bottom: 10px; }
.activities-block figure, .vagamon-items figure {  width: calc(100% - 0px); }
.cnt-logo img {  width: 200px;  }
.pax-item-pax, .pax-item-adult {   width: calc(100% - 0px);  } 
.pax-item {  width: calc(100% - 0px); } 
.primary-menu-overlay {  margin: 120px auto 0 auto; }
.accommodation-page .page-content { padding-bottom: 0px; }
.site-loago-sub, .site-logo svg {   width: 170px; }
.vagamon-overlap-head h3 {  font-size: 18pt; }
.header-wrapp, .header-wrapp-home { padding: 20px 0; }
.room-main-image {  padding-bottom: 20px; }
.room-amen-list li::before { top: 17px; }
.room-amen-list li {  padding: 3px 0 3px 20px; }
.rooms-nav a:link, .rooms-nav a:visited {  padding: 6px 20px; }
.booking-form { padding: 15px; }
.facili-wrapp, .dining-page #sub-page, .activities-page #sub-page, .vagamon-land-wrapp, .gallery-wrapp, .contact-page-wrapp, .reservation-page-warpp { padding-bottom: 30px; }
.menu-contact {  padding-top: 35px; }
.activ-blk.two-column {  padding-top: 30px; }
h4.vag-tilte-mob  { font-size: 38pt;}


.small-heading, .land-over-title {
        font-size: 14pt;
    }

}


@media (max-width: 420px) { 

.mob-reserv-btn a:link, .mob-reserv-btn a:visited, .btm-left-btns a:link, .btm-left-btns a:visited { font-size: 11pt;}
.footer-menu .flex-container {  gap: 18px; }
.facilItem {  width: calc(100% - 0px); }
.dining-gallery li { width: calc(50% - 10px); }
.footer-menu .flex-container {  gap: 12px; }
.facilItem p { font-weight: 400; font-size: 15pt;}


}



@media (max-width: 680px) { 

  #page { font-size: 14pt !important;}

.welcome-top {
  
}
.room-slide-cnt, .room-slide-align figure::after, .hme-meeting-wrapp .align { padding-bottom: 0 !important;}
.hme-meeting-wrapp { padding-bottom: 60px !important;}

.hme-dining-wrapp { padding: var(--gutter) !important;}
.footer-top { padding-bottom: 20px;}
.page-title { padding-top: 60px !important;}
.land-btn-groups { bottom: 0;}
    .land-btn-groups {
        position: relative;
        margin-top: 20px;
        right: 0;
    }
.menu-contact span { display: block;}
    .primary-menu-overlay {
        margin: 80px auto 0 auto !important;
    }
    .menu-links a:link, .menu-links a:visited { font-size: 11.5pt;}
    .hme-vaga-align, .about-content-wrapp, .activities-block, .vagamon-land-wrapp { text-align-last: center !important;}

.room-amenities-block { margin-bottom: 80px; margin-top: 0;}

.menu-contact .sep { display: none;}

}






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