/** 
 * main.css
 * Modif by :  balifixiste.com; Humushospitality.com
 * AgataVillas.com 
 *
 */
 /*color*/
@import url("css/reset.css");
@font-face{ font-family:Oxygen-Bold;  src:url(font/Oxygen-Bold.ttf);}
@font-face{ font-family:Oxygen-Light;  src:url(font/Oxygen-Light.ttf);}
@font-face{ font-family:Oxygen-Regular;  src:url(font/Oxygen-Regular.ttf);}
@font-face{ font-family:Rajdhani-Light;  src:url(font/Rajdhani-Light.ttf);}
@font-face{ font-family:Rajdhani-Medium;  src:url(font/Rajdhani-Medium.ttf);}
@font-face{ font-family:Rajdhani-Regular;  src:url(font/Rajdhani-Regular.ttf);}
@font-face{ font-family:Bellota-Light;  src:url(font/Bellota-Light.ttf);}
@font-face{ font-family:LilyScriptOne;  src:url(font/LilyScriptOne-Regular.ttf);}
@font-face{ font-family:Quicksand-Regular;  src:url(font/Quicksand-Regular.ttf);}

form#contact-form{ border: 0px solid #fff!important; background:none!important;}
div#wrap_Inputfield_scf-website { display: none;}
::-webkit-input-placeholder { color:#eee!important; font-size: 10px;}
:-moz-placeholder { /* Firefox 18- */color:#eee!important; font-size: 10px;}
::-moz-placeholder {  /* Firefox 19+ */color:#eee!important; font-size: 10px;}
:-ms-input-placeholder {  color:#eee!important;}

.Oxygen-bold{font-family: 'Oxygen-Bold', sans-serif;}
.Oxygen-light{font-family: 'Oxygen-Light', sans-serif;}
.Oxygen-regular{font-family: 'Oxygen-Regular', sans-serif;}
.Rajdhani-light{font-family: 'Rajdhani-Light', sans-serif;}
.Rajdhani-medium{font-family: 'Rajdhani-Medium', sans-serif;}
.Rajdhani-regular{font-family: 'Rajdhani-Regular', sans-serif;}
.Quicksand {font-family: 'Quicksand-Regular', sans-serif;}
.LilyScriptOne {font-family: 'LilyScriptOne', sans-serif;}
.Bellota-Light {font-family: 'Bellota-Light', sans-serif;}
.bgmargin-10{margin-bottom: 2rem;}
.bg-white {background-color: var(--bs-white);}
.bg-gray{background-color: var(--bs-gray);}
.bg-gradient{background-color: var(--bs-gradient);}
.bg-gray-500 {background-color: var(--bs-gray-600);}
.bg-yellow {background-color: var(--bs-yellow); }
.bg-brown {background-color:#c2a763!important;}

.btn-color:hover{ background:#c3c7b5!important; color: white;}
.btn-color { color: #fff!important;background:#c2a763!important;letter-spacing: 1px!important;margin-top:20px;margin-bottom:30px; -webkit-box-shadow: 0 5px 15px #d6d6d6;box-shadow: 0 5px 15px #d6d6d6;}
.clearfix:after { visibility: hidden; display: block; font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
.reveal{ position: relative; transform: translateY(150px); opacity: 0; transition: 1s all ease;}
.reveal.active{ transform: translateY(0); opacity: 1; }
.sortable-handler { touch-action: none;}

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.textwidth50{ width: 50%; margin: 0 auto;}

* {
    box-sizing: border-box; 
}

body {
    
    max-width: 1600px; 
    margin: 0 auto; 
  overflow-x: hidden;
  /* padding:3%;
  background: url('../images/bg-seminyakvillas.png') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
  background-color: #f8f9fa;
}

body, td, input[type=text], textarea {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 105%; 
    line-height: 1.8em;
    color: #444; 
}

.photodesc img {
  width: 100%!important;
}

a {
    color:#eee;
    text-decoration: none;
    border-bottom:none!important; 
}
    a:hover,
    .nav a:hover {
        color: #000;
        border-color:none!important; 
    }

blockquote {
    margin-left: 0;
    padding-left: 1.5em;
    padding-right: 2em; 
    border-left: 4px solid #ddd; 
    font-style: italic; 
    color: #777; 
}

pre, code {
    background: #eee; 
    border: 1px solid #ddd; 
}

pre {
    font-size: 14px; 
    line-height: 1.4em;
    padding: 1em;
    border-left: 4px solid #ddd; 
}
.dFwLrb a { display: none!important;}
.WidgetTitle__Header-sc-ruy1gu-2{display:none!important;}
.jGyBmo a { display: flex !important; }

/*********************************************************************
 * 2. Masthead area
 *
 */

.maincontent{display: block; height: auto;width: 100%;color:#000;}
.maintext { padding: 30px; }
.maintext a {color:#856f37; text-decoration: none;}.maintext a:hover {color:#000!important; text-decoration: none;}
.maintext p { font-size: 0.9rem; line-height: 1.8rem; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.maintext p a{ color:#1f5e07; font-weight: 600;}
.maintext ul li { font-size: 1rem; }
.maintext.spa{ height:500px; overflow: scroll; margin-bottom: 30px;border-right: 1px solid #eee;} 
.list h3 {margin-top: 0px;}
h2.underline:after, h3.underline:after { content: " ";display: table;margin: 20px auto 10px auto;width: 54px;border-bottom: 2px solid #bda057;}
.main-wraper { position: relative;z-index: 11;left: 0;right: 0;}
.main-wraper.bg-light.navbg { position: absolute; background: #ffffff42 !important;}
.sticky-wraper { position: fixed!important;top: 0; padding-top:10px;padding-bottom: 10px; }
.navbg {background-color: #fff;padding: 2% 0;}
.center {height:105px;margin: 0 auto;text-align: center;}
.logo_header img{ position: absolute;margin-left: 0;margin-right: 0;z-index: 15;}
.logo_top img{ margin: 0 auto;z-index: 15;top:-5%;position: relative;right: -10%;}
.logo2 {width: 10%; display: none;}
.logo1 { width: 13%;}
.imgfit{object-fit: contain; width: 100%;height: 100%;}
/*.navbar-dark .navbar-nav .nav-link{color: #6d6e71!important;
    -webkit-text-size-adjust: 100%;}
a.nav-link {border-bottom:none; }
.navbar-nav {padding-left: 10%!important;}
li.nav-item{ margin: 0; padding-right: 4px; padding-left: 4px; padding-top: 0px; border-right: 1px solid #e9e9e9;}
*/

.menu-wrap{left:unset;z-index:2;height:50px;width:16%;position:relative}
.menu-wrap .toggler{position:absolute;top:0;left:0;opacity:0;height:50px;width:100px;cursor:pointer;z-index:2}
.menu-wrap .fixmenu{position:absolute;top:0;left:0;height:50px;width:250px;background:transparent;padding:0;display:flex;flex-direction:column;align-items:left;justify-content:center;z-index:1}
.menu-wrap .fixmenu > div{position:relative;top:0;left:0;width:30px;height:2px;background:#6d6e71;flex:none;display:flex;align-items:center;justify-content:center;transition:.4s}
.menu-wrap .fixmenu > span{color:#6d6e71;position:absolute;left:3em;text-transform:uppercase}
.menu-wrap .fixmenu > div:before,.menu-wrap .fixmenu > div:after{content:"";position:absolute;top:10px;left:0;background:inherit;height:2px;width:100%;z-index:1}
.menu-wrap .fixmenu > div:after{top:-10px}
.menu-wrap .toggler:checked + .fixmenu > div{transform:rotate(135deg)}
.menu-wrap .toggler:checked + .fixmenu > div:before,.menu-wrap .toggler:checked + .fixmenu > div:after{top:0;transform:rotate(90deg)}
.menu-wrap .toggler:checked:hover + .fixmenu > div,.menu-wrap .toggler:checked:hover + .fixmenu > div{transform:rotate(225deg);border-top:1px solid #6d6e71;border-bottom:1px solid #6d6e71}
.menu{position: absolute;top:-2.5rem;background:#fff;height:fit-content;width:0;align-items:center;justify-content:center;text-align:center;opacity:0;transition:all var(--menu-speed) ease;}
.menu > div.menu-list{position:relative;top:0;height:100%;width:100%;align-items:center;justify-content:center;text-align:left;opacity:0;transition:opacity .4s ease-in;display:block;width:250px;margin-top:7em;margin-bottom:3em;left: -9rem;}
.menu ul{list-style:none}
.menu li{padding:.5rem}
.menu li.nav-item.active a {color: #00b9d5;font-weight: 600;}
.menu > div a{text-decoration:none;color:#6d6e71;font-size:1rem;opacity:0;transition:opacity 1s ease-in}
.menu a:hover{color:#525356;transition:color .3s ease-in}
.menu .nav {display: block;}
.menu-list a.nav-link{padding:0}
.menu-wrap .toggler:checked ~ .menu{
      opacity:1;width:23.5vw;
            /*transition:all var(--menu-speed) ease; */
            -webkit-transform: translateX(60%);
    -ms-transform: translateX(60%);
    transform: translateX(60%);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;

            box-shadow: 0 3px 5px hsl(0deg 0% 0% / 21%);height:auto;left: -15vw;}

.menu-wrap .toggler:checked ~ .menu > div{
  opacity:1;left:0
-webkit-transform: translateX(63%);
    -ms-transform: translateX(63%);
    transform: translateX(63%);
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;

}
.menu-wrap .toggler:checked ~ .menu > div a{opacity:1;transition:opacity 1s ease-in}
.toggler::-webkit-input-placeholder{border-style:solid;border-width:medium}
.toggler:-moz-placeholder{border-style:solid;border-width:medium}
.toggler:-ms-input-placeholder{border-style:solid;border-width:medium}
.awards img{ padding: 10px; width: 80%; margin: 0 auto;}


}
header {background: #fff; margin: 0 auto;
    width: 100%;
    position: fixed;
    z-index: 10;
}
.topbanner {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    height: auto;
}
.topbanner_fake {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    height: 100px;
}

video#bgvid {
    width: 100% !important;
    height: auto !important;
}

/*********************************************************************
 * 3. Main content and sidebar
 *
 */

#main {

    padding-top: 1em; 
    margin-top: 1em; 
    clear: both; 
}

main {
    padding: 6.5rem 0 0;
}

#content {
    width: 85%; 
}

#content, #sidebar {
    padding-bottom: 2em; 
}

body.has-sidebar #content {
    width: 65%; 
    float: left;
}

body.has-sidebar #sidebar {
    width: 35%;
    padding-left: 5%; 
    float: left; 
}

section .villa{width: 100%; }
section .specialoffer{background-color: #e9eff4;}
.photodesc {}
.textdesc {padding: 1rem;}
.textdesc button {margin: 0 auto;}

/*font google*/

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
#Inputfield_submit {
    background: #c2a763 !important;
    color: #fff;
    margin-top: 10px;
}
.bookingbtn {padding: 10px;  width: auto;}
.booknow { background-color:var(--book-now-color-hover);height: auto;/display: block; margin: 0 auto;text-align: center;display: flex;}
.booknow span.material-symbols-outlined{color: #fff!important;background: #717857;float: left;}
.booknow span {padding: 10px;}
.booknow a {text-decoration: none;font-weight: 600!important;color: #fefefe!important;width: 100%;border-block: none!important;}
.booknow a:hover {text-decoration: none;font-weight: 600!important;color: #000!important;width: 100%;}
#formbooking a { text-decoration: none; color: white;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#formbooking-form  {position: absolute;margin-top: 9px;display: none;float: left;clear: both;background-color: #fff;padding: 0 2% 2% 2%;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;box-shadow: 0 3px 5px hsl(0deg 0% 0% / 21%);}

.wrap__reser {
    position: relative;
    border: 1px solid #aa7f11;
    top: 0;
    right: auto;
    left: auto;
    float: right;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.wrap__reser .icon {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    float: left;
    font-family: "icomoon", sans-serif;
    font-size: 1.8rem;
    color: #6d6e71;
    position: relative;
}

.wrap__reser a._btn-booknow {
    color: #6d6e71!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    text-transform: uppercase;
    padding: 10px 20px 9px;
    display: inline-block;
    min-width: 90px;
    text-align: center; }

.wrap__reser a._btn-booknow span {
    padding-top: 1px;
    display: inline-block;
}

.wrap__reser a._btn-booknow .icon {
    width: 35px;
    height: 22px;
    float: right;
    margin: 0 0 0 5px;
}

.wrap__reser a._btn-booknow .icon--booknow:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: url('../images/icon--booknow.png') no-repeat center center;
}

footer {margin: 0px auto;width: 100%;padding-left: 0;padding-right: 0;z-index: 1;position: relative;padding-top: 1%; padding-bottom: 0;}
footer .center { border-right: 1px solid #e8e8e8;    margin-bottom: 20px;}
footer h2 { font: 300 18px/40px "Quicksand";text-transform:uppercase;}
footer ul.sosmed, .top-wrapper ul.sosmed {justify-content: center; list-style: none;width: auto; display:flex;}
footer ul {padding: 11px;margin: 0 auto;}
footer ul.sosmed span.social,.top-wrapper ul.sosmed span.social{border-radius: 25px; border-top-left-radius: 17px; border-top-right-radius: 17px; border-bottom-right-radius: 17px;border-bottom-left-radius: 17px;background-color:#c3a66c;background-repeat: no-repeat;background-position: center center;background-size: 52%;}
footer ul.sosmed span,.top-wrapper ul.sosmed span{width: 35px;height: 35px;display: inline-block;vertical-align: middle;list-style: none;margin: 0px 5px;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
  footer ul.sosmed li span#skype,.top-wrapper ul.sosmed li span#skype{  background-image: url('../images/skype.png'); }
  footer ul.sosmed li span#facebook,.top-wrapper ul.sosmed li span#facebook{ background-image: url('../images/facebook.png'); }
  footer ul.sosmed li span#twitter, .top-wrapper ul.sosmed li span#twitter{  background-image: url('../images/twitter.png'); }
  footer ul.sosmed li span#linkedin, .top-wrapper ul.sosmed li span#google {  background-image: url('../images/linkedin.png'); }
  footer ul.sosmed li span#instagram, .top-wrapper ul.sosmed li span#instagram{  background-image: url('../images/instagram.png'); }
  footer ul.sosmed li span#tripadvisor, .top-wrapper ul.sosmed li span#tripadvisor {  background-image: url('../images/tripadvisor.png'); }
  footer ul.sosmed li span#youtube, .top-wrapper ul.sosmed li span#youtube {  background-image: url('../images/youtube.png'); }
    footer ul.sosmed li span#blogspot, .top-wrapper ul.sosmed li span#blogspot {  background-image: url('../images/blogspot.png'); }

  footer ul.sosmed li span#flikr, .top-wrapper ul.sosmed li span#flikr{  background-image: url('../images/flikr.png'); }
  footer ul.sosmed li:hover span#skype, .top-wrapper ul.sosmed li:hover span#skype{ background-color: #404040; }
  footer ul.sosmed li:hover span#facebook, .top-wrapper ul.sosmed li:hover span#facebook{ background-color: #3B5998; }
  footer ul.sosmed li:hover span#twitter, .top-wrapper ul.sosmed li:hover span#twitter{ background-color: #00aced; }
  footer ul.sosmed li:hover span#linkedin, .top-wrapper ul.sosmed li:hover span#linkedin{ background-color: #0073b1; }
  footer ul.sosmed li:hover span#instagram, .top-wrapper ul.sosmed li:hover span#instagram{ background-color:#375777; }
  footer ul.sosmed li:hover span#flikr, .top-wrapper ul.sosmed li:hover span#flikr{ background-color:#ff0085; }
  footer ul.sosmed li:hover span#tripadvisor, .top-wrapper ul.sosmed li:hover span#tripadvisor{ background-color:#5b8d48; }
  footer ul.sosmed li:hover span#youtube, .top-wrapper ul.sosmed li:hover span#youtube{ background-color:#dd4b39; }
footer ul.sosmed li:hover span#blogspot, .top-wrapper ul.sosmed li:hover span#blogspot{ background-color:#ff5722; }

  footer ul.quicklink {list-style: none;margin-bottom: 48px;  padding: 0;}  
  footer ul.quicklink li{list-style: none; float: left;padding-right: 5px;}
  footer ul.quicklink a{ color:#5a5a5a; }
  footer .text-uppercase{color:#e8e8e8}  
  footer .borderRight ul { font-weight: 400; font-style: normal; text-decoration: none; padding: 0; text-align: left; font-size:1rem ; color: #4DBFE6;letter-spacing: 0px;list-style: none;}
.sosmed >li>a:hover {color:#fff;} 
footer .borderRight ul.info li:before { content: "\0BB \020";font-size: 1.188rem; }
footer .borderRight ul li {padding: 0 0 5px;}
footer .borderRight li a { color:#6F6C6C;}
.footertop {margin-bottom: 30px;}
.payment img{ width: 37%;}
.copyright { height: 74px;padding-top: 5px;color:#fff;text-align:left; font-weight: bold;}
.mg-copyright { padding: 15px 0; font-size: 0.813rem; text-align: right; margin-top: 2%; border-top: 1px solid #e8e8e8; background-color:#c3c7b5;}
/*.col-amenities ul li{ width:33,333333%; float:left;} */
.mg-copyright img{width: 4%;}
.col-amenities ul{ display:block;-webkit-column-count: 3; -moz-column-count: 3; column-count: 3}
.col-amenities ul li{ padding: 6px; width: 86%;}
.col-amenities h3 { text-align: center; font-size: 1.8rem; font-family: 'Bellota-Light'; padding: 19px;}
.itemgallery img { width: 100%!important;height: 200px!important;}
.itemgallery a:hover img { box-shadow: 1px 0 8px 3px #CCCCCC; }
.ContentGallery { -webkit-column-width:150px; -moz-column-width:150px; column-width:213px; -webkit-column-gap:5px; -moz-column-gap:5px; column-gap:5px;}
.site-block-half .image, .site-block-half .text {
  width: 100%; }
  .bg-image-2 {
    background-size: cover;
    background-position: center center;
}
.back-to-top {
    position: fixed;
    width:60px;
    height:60px;
    bottom: 10px;
    right:40px;
    z-index: 99999;
    background-color:#aa7f11;
    color:#FFF!important;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    color:#FFF!important;
}

.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:80px;
  right:40px;
  background-color:#25d366;
  color:#FFF!important;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.experience {
}
.roomtour{
  position:fixed; width:60px;height:60px;
  bottom:147px;right:40px; background-color:#fab005; color:#FFF!important;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{margin-top:16px;}
#nav-360 iframe {height:calc(100vh - 4px);width:calc(100vw - 4px);box-sizing: border-box;}
.price{ color: #c2a763 !important;margin-bottom: :10px;margin: 0;}
.pricedetail{  color: #775707 !important;font-size: 14px !important;}
.site-announcer{position: fixed;bottom: 100px;right: 33px;width: 400px;height: auto;background-color:none!important;z-index: 100;-webkit-transform:translateX(110%);transform:translateX(110%);-webkit-transition:-webkit-transform .3s ease-in;transition:.3s ease-in}
.site-announcer.opened{-webkit-transform:translateX(0);transform:translateX(0)}
.announcer-link{width:100%;height:100%;display:block}
.site-announcer .close{width: 32px;height: 32px;right: 0;top:2px;border: 0;position: absolute;border-radius: 50%;background: #000;}
.site-announcer .close:after{width:100%;height:100%;top:0;right:0;content:"";position:absolute;background:url('../images/x.svg') no-repeat;background-size:cover;cursor:pointer}

  
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .logo1{display: none;}
  .logo2{display: block; width: 54%;}
  .d-lg-inline-block {}

  .logo_top img {width: 20%;right: -6%}
  .row.navbg { height: 70px;}
    .navbar-collapse {
        position: fixed;
        top: 50px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 75%;
        height: 100%;
    }

    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
        width: 50%;
      padding: 12px;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
.menu-wrap .toggler:checked ~ .menu{width: 60vw;transform: translateX(21.1%);}
.maintext.heading1 { text-align: justify; margin-bottom: 5px; margin-top: 4%;}
.maintext.heading1 { text-align: justify; margin-bottom: 5px; margin-top: 4%;}
.maintext .heading1 h2 { font: 300 32px/40px "Bellota-Light";  text-transform:uppercase;}
.maintext .headblack h2{font: 300 32px/40px "Bellota-Light";  text-transform:uppercase;}
.maintext .heading1 h3 { font: 300 20px/30px "Bellota-Light"; text-transform:uppercase;}
.maintext .heading1 h1 { font: 300 20px/30px "Bellota-Light"; text-transform:uppercase;}
.bookingbtn{padding: 0px;}
.d-lg-inline-block {
    display: none!important;}
.facilities{width: 100%}
.maintext{margin: 5px;padding: 0px;}
.maintext p{line-height: 1rem;}
.awards img {  padding: 2px;width: 99%;margin: 0 auto;}
.col-amenities ul li {padding: 2px;width: 100%;font-size:12px;}
.col-amenities h3 { font-size: 1.5rem;font-family: 'Bellota-Light';}

}/*max width 600*/

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

  .logo1{display: none;}
  .logo2{display: block; width: 54%;}
  .d-lg-inline-block {}
  .logo_top img {width:20%;right: -6%}
  .row.navbg { height: 70px;}
  .navbar-collapse {
        position: fixed;
        top: 50px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 75%;
        height: 100%;
    }

    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
        width: 50%;
      padding: 12px;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
    .menu-wrap .toggler:checked ~ .menu{width: 60vw;transform: translateX(21.1%);}
.maintext.heading1 { text-align: justify; margin-bottom: 5px; margin-top: 4%;}
.maintext .heading1 h2 { font: 300 32px/40px "Bellota-Light"; text-transform:uppercase;}
.maintext .headblack h2{font: 300 32px/40px "Bellota-Light";  text-transform:uppercase;}
.maintext .heading1 h3 { font: 300 20px/30px "Bellota-Light"; text-transform:uppercase;}
.maintext .heading1 h1 { font: 300 20px/30px "Bellota-Light"; text-transform:uppercase;}
.bookingbtn{padding: 0px;}
.d-lg-inline-block { display: none!important;}
.facilities{width: 100%}
.maintext{margin: 5px;}
.maintext p {line-height: 1.2rem;}
.awards img { padding: 2px; width: 99%;margin: 0 auto;}
} /*min 600*/

@media (max-width: 767px) {
.slideoffer .carousel-inner .carousel-item > div { display: none;}
.slideoffer .carousel-inner .carousel-item > div:first-child {display: block; }
.carousel-item {
  transition: transform 1s ease, opacity 1s ease !important;
}

}

.slideoffer .carousel-inner .carousel-item-end,.slideoffer .carousel-inner .carousel-item-start { transform: translateX(0);}
.slideoffer .carousel-inner .carousel-item.active,.slideoffer .carousel-inner .carousel-item-next, .slideoffer .carousel-inner .carousel-item-prev {display: flex;}
.carousel-item {
  transition: transform 1s ease, opacity 1s ease !important;
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .logo1{display: none;}
  .logo2{display: block; width: 54%;}
  .d-lg-inline-block {}

  .logo_top img {width: 10%;}
  .row.navbg { height: 70px;}
    .navbar-collapse {
        position: fixed;
        top: 50px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 75%;
        height: 100%;
    }

    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
        width: 50%;
      padding: 12px;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }

.maintext.heading1 { text-align: justify; margin-bottom: 5px; margin-top: 4%;}
.maintext .heading1 h2 { font: 300 32px/40px "Bellota-Light"; text-transform:uppercase;}
.maintext .headblack h2{font: 300 32px/40px "Bellota-Light"; text-transform:uppercase;}
.maintext .heading1 h3 { font: 300 20px/30px "Bellota-Light";  text-transform:uppercase;}
.maintext .heading1 h1 { font: 300 20px/30px "Bellota-Light";  text-transform:uppercase;}
.bookingbtn{padding: 0px;}
.d-lg-inline-block { display: none!important;}
.facilities{width: 100%}
.maintext{margin: 5px;}
.slideoffer .carousel-inner .carousel-item-end.active,.slideoffer .carousel-inner .carousel-item-next {transform: translateX(25%);}
.slideoffer .carousel-inner .carousel-item-start.active, 
.slideoffer .carousel-inner .carousel-item-prev {transform: translateX(-25%);}
.carousel-item {
  transition: transform 1s ease, opacity 1s ease !important;
}



}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .logo1{display: none;}
  .logo2{display: block; width: 54%;}
  .d-lg-inline-block {}

  .logo_top img {width: 10%;}
  .row.navbg { height: 70px;}
    .navbar-collapse {
        position: fixed;
        top: 50px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 75%;
        height: 100%;
    }

    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
        width: 50%;
      padding: 12px;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }

.maintext.heading1 { text-align: justify; margin-bottom: 5px; margin-top: 4%;}
.maintext .heading1 h2 { font: 300 32px/40px "Bellota-Light"; text-transform:uppercase;}
.maintext .headblack h2{font: 300 32px/40px "Bellota-Light"; text-transform:uppercase;}
.maintext .heading1 h3 { font: 300 20px/30px "Bellota-Light"; text-transform:uppercase;}
.maintext .heading1 h1 { font: 300 20px/30px "Bellota-Light"; text-transform:uppercase;}
.bookingbtn{padding: 0px;width: 180px;}
.d-lg-inline-block {display: none!important;}
.booknow a{ line-height: 1rem;}
.site-block-half .image, .site-block-half .text {width: 50%; } 
.site-block-half .text { padding: 4rem;}

}

@media only screen and (min-width: 1200px) {
img.logo2 { width: 13%;}
img.logo1 {width: 15%;}
.menu-wrap .toggler:checked + .fixmenu {
    border-top: 1px solid #bda057;
    border-bottom: 1px solid #bda057;
    width: 250px;
    opacity: 1;
    transition: all var(--menu-speed) ease;
} 
.sticky-wraper {height: 5.5rem;}

.navbg{ height: 120px;}

.booknow { width: 165px; background-color: #c2a763;}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px!important;
    padding: 0px!important;
  }

.menu > div.menu-list { background: #fff;}
.menu-wrap .toggler:checked ~ .menu { width: 23.5vw;transform: translateX(60%);}
.maintext .heading1 { text-align: justify; margin-bottom:2rem;}
.maintext .heading1 h2 { font: 500 2.5rem/2.5rem "Bellota-Light";text-transform:initial;}
.maintext .headblack h2{font: 500 2.5rem/2.5rem "Bellota-Light";text-transform:initial;}
.maintext .heading1 h3 { font: 100 2.3rem/2.5rem "Bellota-Light";text-transform:initial;}
.maintext .heading1 h1 { font: 300 2.8rem/2.8rem "Bellota-Light";text-transform:initial;}
.maintext .heading1 h4 { font: 500 1.4rem/2rem "Bellota-Light";text-transform:initial;}
h1.underline:after, h2.underline:after, h3.underline:after, h4.underline:after { content: " "; display: table; margin: 20px auto 10px auto; width:9%; border-bottom: 1px solid #bda057;}
.textdesc { -webkit-box-flex: revert; border-block: inherit; border: 1px solid #eee; margin: 0 auto; height: 26.8rem;padding: 24px;}
.facilities { width: 80%;margin: 0 auto;}
.maintext p { line-height: 1.8rem;}
.maintext { padding: 30px;}
.awards img { padding: 10px; width: 80%; margin: 0 auto;}

}