body {font-family: 'Montserrat', sans-serif; background: #F8F0E7 ; color: #6a644e; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 17px;}
:focus {outline: 0;}

html,body{ overflow-x:hidden; width:100%;}
/*-------toTop-----------*/
#toTop {transition: transform 0.5s ease 0s;	bottom: 40px; padding: 5px; position: fixed; right: 24px; z-index: 10; cursor: pointer; width: 50px; height: 50px;	background-color: #fff;	border-radius: 50%;	box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);}
#toTop img {position: absolute; left: 14px;	z-index: 99; margin-top: 10px;}
#star-svg {position: fixed;	right: 19px; bottom: 34px; width: 80px;	height: 80px;}
/*-------toTop-----------*/
a {text-decoration: inherit; color: #fff;  transition: all 0.5s; font-weight: 600;}
a:hover {color: #EB8B35 !important;}
.ui-datepicker-calendar a:hover {color: #fff !important;transition: all 0s;}
.ui-datepicker-calendar a {transition: all 0s; border-radius:100%;}

[type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: inherit;}
.libre_baskervilleregular{font-family: libre_baskervilleregular;}

.f-color-1 {color: #D13630;}
.f-color-2 {color: #D13630;}
.f-color-3 {color: #6a644e;}
.f-color-4 {color: #6A644E;}
.f-famliy-museo_slab500{font-family: museo_slab500;}
p{ font-size:18px;}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #fff; line-height: 2;}
.h1, h1, .h2, h2 {font-size: 54px; line-height: 60px; color: #2D3134;     font-family: 'marko_oneregular'; margin:0}
.h3, h3{font-size: 34px; color: #6A644E; font-family: 'marko_oneregular';}

.fs-14 {font-size: 14px;} 
.fs-18 {font-size: 18px;} 
.fs-26 {font-size: 26px;} 
.fs-30 {font-size: 30px;}
.fs-48 {font-size: 48px;} 
 
.pt-130 {padding-top: 120px;}
.pb-130 {padding-bottom:130px}
.pb-200 {padding-bottom:200px}
.pb-200 {padding-top:80px}

.py-130 {padding: 120px 0;}
.pr-100 {padding-right: 7vw;}
.pl-100 {padding-left: 7vw;}
.pt-60{padding-top: 60px;}
.mb-120 {margin-bottom:120px;}


.amenities .pb-200{ padding-bottom:100px;}

    /*font-family: 'Lato', sans-serif; 
      font-family: 'Montserrat', sans-serif;*/

@font-face {
    font-family: 'copperplate_gothic_lightRg';
    src: url('../fonts/coprgtl.woff2') format('woff2'),
         url('../fonts/coprgtl.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'marko_oneregular';
    src: url('../fonts/markoone-regular.woff2') format('woff2'),
         url('../fonts/markoone-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_slab500';
    src: url('../fonts/museo_slab_0.woff2') format('woff2'),
         url('../fonts/museo_slab_0.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'museo_slab700';
    src: url('../fonts/museo_slab_1.woff2') format('woff2'),
         url('../fonts/museo_slab_1.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_slab300';
    src: url('../fonts/museo_slab_300-webfont.woff2') format('woff2'),
         url('../fonts/museo_slab_300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



.slider-parallax {height: 98vh;background-attachment: fixed !important;width:100%; background-size: 100% 100vh !important;}
.home_slider{background: url("../images/home-banner.jpg");}
.room_slider{background: url("../images/room-banner.jpg");}
.localarea_slider{background: url("../images/local-area-banner.jpg");}
.thingtodo_slider{background: url("../images/thing-to-do-banner.jpg");}
.amt_slider{background: url("../images/amenities-banner.jpg");}
.gallery_slider{background: url("../images/gallery-banner.jpg");}
.contact-banner{background: url("../images/contact-banner.jpg");}
.sitemap-slider{background: url("../images/sitemap-banner.jpg");}
.privacy-banner{background: url("../images/privacy-banner.jpg");}





.bg-wood-grain{background: url(../images/wood-grain.html); background-repeat: no-repeat;}
.banner .overlay::before {content: ''; background: rgba(0, 0, 0, 0.3); position: absolute; width: 100%; height: 100%;}

.body-px-sec {padding: 0 8vw;}
.btn {border: 1px solid #DF8E48; border-radius: 5px; background: #DF8E48; color: #fff; padding: 0.9vw 1.5vw; border: 1px solid #DF8E48; transition: all 0.5s; font-size: 21px; font-family: museo_slab500;}
.btn:hover {background: transparent; color: #DF8E48 !important; border: 1px solid #DF8E48;}
.btn-check:focus + .btn, .btn:focus {outline: 0; box-shadow: inherit;}
.header_contact .icon {width: 25px; height: 25px; fill: #fff; margin-bottom: 5px; margin-right: 10px;  transition: all 0.5s;}
.header_contact a {color: #fff; font-family:'museo_slab300' ; font-weight:300 }
.header_contact a:hover {color: #A58F64; transition: all 0.5s;}
.header_contact a:hover .icon {fill:#A58F64;  transition: all 0.5s;}
.fixed .header_contact a .icon {fill:#A58F64;}
.header_top_btn .btn {border: 1px solid #D13630; background: #D13630; padding: 0.9vw 1vw; z-index:10; position:relative;}
.header_top_btn .btn:hover {background: transparent; color: #D13630 !important; border: 1px solid #D13630;}
.fixed .header_contact a {color: #222;}
/*** Header Desktop Menu css  ****/
.headertop-contact {background: linear-gradient(to bottom,rgba(0,0,0,0.82) 0%,rgba(0,0,0,0) 100%); padding: 0px 5.3vw; transition: all 0.3s; position: fixed; width: 100%; top: 0;}
.fixed .logo {width: 110px; padding: 0;}
.logo {width: 190px; transition: all 0.3s; margin: auto;}
.sidenav {position: absolute; right: 0; left:0; margin:0 auto; top: 50%;}
.sidenav ul li {display: inline-block;text-align: center; padding: 10px 1.2vw; vertical-align:middle;}
.dropdwoen-sec ul li {padding: 3px 15px !important; text-align: left;}
.sidenav ul li a{font-weight:400; line-height:45px;  border-bottom:solid 2px rgba(255, 255, 255, 0); }
.accordion {display: block;text-align: left; width:100%; margin-top:0}
#myHeader {width: 100%;z-index: 9; position: fixed; padding:30px 0 35px; transition: all 0.3s; top:140px; z-index:50}  
#linkid {position: relative; }
#myHeader.fixed {left: 0;right: 0;top: 78px; }
.fixed .headertop-contact {background: #fff;padding-bottom: 10px;}
.amenitiesnewmenu:hover .collapse:not(.show) {display: block !important; margin-top: 0;opacity: 1;}
.dropdwoen-sec {width: 270px; position: absolute; left: 15px; background: #fff; padding: 10px 0;transition: all .2s ease-in-out; box-shadow: 0 0 15px 0 rgba(0,0,0,.1); margin-top: 15px;}
.amenitiesnewmenu .collapse:not(.show) {visibility: hidden; display: inherit;opacity: 0;}
.amenitiesnewmenu:hover .collapse:not(.show) {margin-top: 0; visibility: visible;}
.footer .nav-item.active a {color:#AE8B59;}
.dropdwoen-sec ul li a {text-align: left; font-size: 14px; color: #000 !important; line-height: 30px; font-family: gt_americaexpanded; padding-bottom: 10px; border-bottom: 0 !important;}
.dropdwoen-sec ul li a:hover {color: #A58F64 !important;}
.banner-contact {position: absolute;bottom: 118px;right: 150px;}
.dropdwoen-sec ul li.active a {color: #A58F64 !important; border-bottom: 2px solid #A58F64 !important;}
 .small-friendly-img {position: absolute; left: -75px; bottom: 0;}
 .sitmap ul li a:focus {color: #8B1936;}
.sidenav a.nav-link {text-decoration: none; line-height:1.1; text-transform:uppercase; font-size: 1.1vw; display: block;transition: 0.3s;vertical-align: middle;color:#fff;  font-family: 'museo_slab500'; padding:8px 0;}
.sidenav a.nav-link:hover, .sidenav a.nav-link:focus {color: #D13630 !important;}
.bookbtn {border: solid 1px #fff; font-size: 18px; color: #fff; padding: 18px 25px; margin-left: 30px;}
.fixed .bookbtn {padding: 15px 40px;}
.fixed .mobile_logo{ width:150px; display:inline-block;}
.sidenav .nav-item.active a{ color:#D13630 !important; border-bottom:solid 2px #D13630 }
.nav-px {padding: 0 50px;}
.sidenav ul li a:after{position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent; background: #E31C23; height: 2px;}
.sidenav ul li a:hover:after {width: 100%;}
.sidenav ul li a {position: relative;}
.sidenav ul li a:after, .sidenav ul li a:before {transition: all .5s;}
.banner.overlay::before {content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.3);}

/*booknowa*/
.booknowa h3{ font-size:34px; text-transform:uppercase; font-family: 'museo_slab500'; color:#FFFFFF;}
.booknowa .checkinn{ position:relative; top:0px; color: #FFFFFF}
.booknowa .btn{ padding:12px 25px;border: 1px solid #D13630;    background: #D13630;}
.booknowa .btn:hover{border: 1px solid #D13630;    background:none; color:#D13630 !important}
.booknowa .w-0{ width:auto;position: relative;top: 0px; background:none;}
.booknowa .bookText{ width:auto;position: relative;top:5px; background:none;}
.booknowa input { border:none; background:url(../images/Calendar.png) right center no-repeat;line-height: 38px; font-size:15px; color:#68666E; width:100%;}
.booknowa {background:#fff; position: fixed; right: 0; padding:10px 28px; height: auto; width: 100%; 	overflow: auto; bottom: 0px; z-index:50;}
.chkinOut {background: rgba(246,244,241, 1);border: 1px solid #fff;border-radius: 5px;display: inline-block;padding: 9px 5px;text-align: center; margin: 11px;}
.calander_text2 {font-size: 60px; float: left;width: 100%;line-height: 65px;}
.boonnowpopap {float: right; display:none;} 
.fixed .booknowa {top: 172px;}
.calander_text.fgraylight {font-size: 14px;}
.rooms.chkinOut2 {background: #fff;text-align: left;margin: 20px 25px;padding: 10px 16px;display: inline-block;}
.collapse.show .booknowa::before {content: "";position: absolute;top: 0px;transform: translateX(-100%); right:15%; border: 14px solid transparent;border-top-color: transparent;border-top-color: #2b42e9;	z-index: 9;	text-align: center;}
.tabsoverly {position: absolute;text-align: center;top: 0; background: rgba(0, 0, 0, 0.3); right: 0;left: 0;height: 100%;padding-top: 36%; }
.booknowclose {position: absolute; top: -30px;right: -12px;cursor: pointer;}
.booknowclose img {    width: 50%;}
.headbooknow ul {list-style: none;display: block;text-align: center;}
.site-color{color:#a58f64;}
.btn-three{background:#2D3134; color:#fff; font-size:18px;padding: 14px 40px;}
.select2-container {margin: 0px 0 0 0;position: relative;display: inline-block;zoom: 1;display: inline;vertical-align: middle;width: 60%;float: right;}
.booktext {color: #F5F4EC;font-size: 40px;}
.headbooknow ul li {
	padding: 8px 20px 8px;
	width: 12%;
	display: inline-block;
	/* height: 69px; */
	margin: 0 7px;
	background: rgba(255,255,255, 0.7);
}
.booknowclose .icon {width: 35px; height: 35px; fill: #fff;	border: 2px solid #fff; padding: 6px; border-radius: 50%;}
.headbooknow ul li label, .headbooknow .select2-chosen {color: #68666E; line-height: 40px !important;font-size: 15px; text-transform:uppercase; }
.headbooknow .select2-choice {color: #797979 !important; line-height: 10px !important;}
.headbooknow .form-control{ background:#fff; border:none;}
.headbooknow .form-control:focus{background:#fff;}
.headbooknow ul li a::after {background: none;}
.btn-three:hover {color: #2D3134 !important; border: 1px solid #2D3134;}
/*----------form----------------*/
    .label-before, .field input:focus + label::before, .field input.valid + label::before {line-height: 20px; font-size: 15px; top: -10px; background: linear-gradient(#fff, #fff); padding: 0 6px; left: 9px;}
    .field {position: relative;margin-bottom: 0px !important;height: 85px;}
    .field label::before {content: attr(title1);position: absolute;top: 0;left: 15px;line-height: 55px;color: #4B4B4B;transition: 300ms all;font-size: 18px; font-weight: 100;}
    .field input:focus {outline: 0;box-shadow: 0}
    .field input:valid + label::before {content: attr(data-title1);}
    .field.h100 {height: 140px;}
    .label-before, .field input:focus + label::before, .field input:valid + label::before {line-height: 20px;font-size: 15px; top: -9px; background:linear-gradient(#fff, #fff);padding: 0 6px;color: #4B4B4B;left: 9px;}
    .field label {cursor: text;}
    .field label.Selectlable::before {content: attr(title1); position: absolute; top: 0px; left: 9px; line-height: 5px; background: #f8f4f0 !important; padding: 0px 9px;}
    .field textarea:focus {outline: 0;}
    .field textarea:valid + label::before {content: attr(data-title1);}
    .label-before, .field textarea:focus + label::before, .field textarea:valid + label::before {line-height: 16px;font-size: 15px;top: -7px;background: linear-gradient(#fff, #fff);padding: 0 6px;color: #4B4B4B;  left: 9px;}
    .form-control {height: 55px;font-size: 18px;border: 1px solid #CCCCCC; border-radius: 0; box-shadow: none; background: transparent; color: #4B4B4B; padding: 10px 15px;}
    .btn.form-submit {padding: 20px 80px;}
    .field-validation-error{position: absolute; bottom: 6px; font-size: 14px; color: #b50007; font-family: arial; font-weight: 300;}
    .valid {background: url("../images/success.png") no-repeat scroll right 12px center; transition: all 0s ease-in-out 0s !important;}
    .input-validation-error {background: url("../images/error.png") no-repeat scroll right 12px center; border:1px solid #b50007; transition: all 0s ease-in-out 0s; box-shadow: none;}
    .form-control::placeholder, .form-control:focus {color: #222; border-color: #008E9A;}
    .form-control:focus {background-color: transparent; box-shadow: inherit; border-color: #CCCCCC;}
    .cal-icon {background: url("../images/calendar-icon-blue.html") no-repeat right 15px center !important;}
    .field input:valid + label::before {content: attr(data-title1);}
    .reservations_txt {line-height: 30px !important;}
    .field.h100 {height: 140px;}
    .h100 textarea.form-control {height: auto;}    
    .select2-penal .select2-container .select2-choice {height: 25px !important; background-color: transparent; border: none; width: 100% !important; font-weight: 100; background: url('../images/select-arrow-black.html') center right 0px no-repeat; text-transform: capitalize; top: 6px; color: #49506b; text-align: left; padding-left: 0px; font-size: 18px}
    .arrownone .select2-chosen {line-height: 35px !important;}   
    
     /*----------form----------------*/
     .header_contact{ margin:16px 0;}
     .fixed .header_contact { margin: 5px 0; padding-bottom:10px;}

.bg-wood-grain{ background:url(../images/body-bg.png) center repeat;}

.header_contact ul li{ font-size:21px; color:#E31C23; font-family: 'museo_slab500';}
.fixed .header_contact ul li a{ color:#6a644e !important;} 
.fixed .sidenav a.nav-link{ color:#6a644e !important;} 
.fixed .sidenav .active a.nav-link {color: #D13630 !important;}
.fixed .sidenav a.nav-link:hover{ color:#D13630 !important;} 
.bannercontent{ position:absolute; left:0; right:0; margin:auto; top:50%; transform:translateY(-50%); text-align:center; }
.bannercontent span{ font-size:40px; font-family: 'Montserrat', sans-serif; letter-spacing:5px; color:#fff;font-weight:600;}
.bannercontent h3{font-size:85px;    font-family: 'marko_oneregular'; color:#fff;}

.welcome { padding:120px 200px 0;}
.welcome span{ font-size:25px; font-family: 'Montserrat', sans-serif; letter-spacing:5px;font-weight:600; color:#6A644E;}
.seprator{ background:#E31C23; width:70px; height:1px;  margin:auto; top:-10px; position:relative;}
.welcome h1{font-size:50px; font-family: 'marko_oneregular'; color:#D13630}

.roomsec .roomHead h3{ font-size:42px; color:#fff; line-height:50px;}
.roomsec .roomHead { position: absolute;bottom: 40px;margin: auto;left: 0;right: 0;}
.roomsec .slideRow{ background:#000;}
.roomsec .slideRow img{ opacity:0.7}
.roomsec .item{ padding:40px 10px; transition:all 0.35s; cursor: pointer;}
.roomsec .item:hover{ transform:scale(1.1);}


.kickback{ background:url(../images/kickback.jpg) center no-repeat; background-attachment:fixed; padding:10%}
.kickback h3, .contact-staybg{ font-size:50px; color:#fff;}
.kickback p, .contact-staybg{font-family: 'Lato', sans-serif;  font-style:italic; font-size:23px; line-height:40px;color:#fff;}
.kickback::before, .contact-staybg::before {background: url(../images/border-top.png) center top no-repeat; content: ""; position: absolute; top: -1px; left: 0; right: 0; margin: auto; width: 100%; background-color: rgba(0, 0, 0, 0.5); height: 100%;}
.kickback:after {background:url(../images/border-bottom.png) center bottom no-repeat; content:""; position:absolute; bottom:-1px; left:0; right:0; margin:auto; width:100%; height:30px;}
.kickback .author{ position:absolute; right:-200px; font-size:15px; bottom:-128px;}


.testimonials p{font-family: 'Lato', sans-serif;  font-style:italic; font-size:23px; line-height:58px;color:#6A644E}
.testimonials span{ font-size:33px; color:#6A644E;    font-family: 'museo_slab500';}
.owl-dot { background:#6a644e !important; border-radius:20px; width:12px; height:12px; display:inline-block; margin:0 5px; }
.owl-dot.active{ background:#EB8B35  !important; width:13px; height:13px}
.testimoial-slide .owl-stage-outer{ padding-bottom:50px;}

.explore{ background:#fff;z-index: 10;position: relative; padding:80px 50px;}
.explore:before{background:url(../images/cots.png) center bottom no-repeat; content:""; position:absolute; bottom:-50px; left:0; right:0; margin:auto; width:100px; height:100px;}
.explore span{ font-size:25px; font-family: 'Montserrat', sans-serif; letter-spacing:5px;font-weight:600; color:#6A644E;}



.footer-nav .menu li.active a, .copyrignt-st ul li.active a {color: #D13630;}
.explore h2{font-size:50px; font-family: 'marko_oneregular'; color:#E31C23}
.explore .owl-nav{position: absolute;right: 15px;bottom: 65px;}
.explore .owl-nav a{ margin-left:5px;}
.explore .owl-stage{ margin-left:-250px;}
.explore .owl-item.active{transform:scale(1.1); z-index:10; position:relative;}
.explore .owl-item{ padding:50px 25px;transform: translateX(-77%);}
.explore .owl-item img {border-radius:10px;}
.errortxt p a {color: #6a644e;}
.explore .owl-stage-outer{ border-radius:10px;}

.footer-logo {width: 192px; margin: auto;}
.footer-px {padding: 0 8.7vw 130px; color: #6a644e; font-size:19px; font-weight:500;}
.contact-form .field.h100 {height: 80px;}
.contact-form .h100 textarea.form-control {height: 80px;}
.address-bar a {font-family: 'Montserrat', sans-serif; font-weight: 500;}
.footer-nav .menu a, .copyrignt-st ul li a {color: #6a644e; font-weight: 400;}
.footer-nav .menu li {line-height: 40px; list-style: none;}


.copyrignt-st ul li {padding: 0 20px; font-size: small;} 
.copyrignt-st {margin-top: 20px;}
.address-bar ul li{ line-height:40px;}
footer h4{ font-family: 'museo_slab500'; font-size:21px; color:#6a644e}
footer{ color:#6a644e;font-family: 'museo_slab500';}
.services-slide  .owl-stage-outer{ padding-bottom:0px;}
.boxshadow-inner { box-shadow: inset 2px 5px 10px rgba(0,0,0,.25) !important; margin-top: -10px;}
.explore .owl-nav img{ border-radius:10px;}
.footer-logo{ width:180px;}
.closebooknow{position: absolute;right: 10px;top: 10px; display:none;}

.amenities_list ul li { font-size:23px; line-height:69px;}
.amenities_list ul{ padding-left:10vw; }
.map{ height:32vw}
.map iframe{ height:100%;}
.covidRow .seprator{ background:#fff;}
.covidRow h3{ line-height:60px; font-size:35px;}
.amenities h2{ width:75%; margin:auto;}

address .contact-info a {color: #6a644e;}
.contact-staybg{ background:url(../images/contact-staybg.jpg) center no-repeat; background-attachment:fixed; padding:6%; height:auto;}
.contact-staybg h2 {line-height: 90px;}
.kickback-xtt {position: relative; z-index: 1;}
.contact-staybg:after{background:url(../images/torn-border-green.png) center bottom no-repeat; content:""; position:absolute; bottom:-1px; left:0; right:0; margin:auto; width:100%; height:30px;}


.privacypolicypage .collapse:not(.show) {display: block;}
.privacypolicypage h2, .privacypolicypage h3, .privacypolicypage h4, .privacypolicypage h5 {color: #6a644e;}
.privacypolicypage a {font-weight: 100; color: #6a644e;}

.kickback.comestay{ background:url(../images/come-stay-bg.jpg) center no-repeat; background-attachment:fixed;}
.kickback.comestay:after {background:url(../images/border-bottom-light.png) center bottom no-repeat;}
.covidRow {background: #E31C23;}
.fontNormal{font-style:normal !important;}
.fontNormal.fs-50{font-size:50px;}
.text-red{color:#D13630 !important;}
@media only screen and (max-width:1680px) {
    .headbooknow ul li{ width:16%;}
    .owl_wrapper .nav-control{ bottom:-100px;}
    .explore .owl-item { transform: translateX(-72.5%);}
    .amenities h2{ width:auto;}
}


@media only screen and (max-width:1440px) {    
 .headertop-contact {padding: 0px 2.3vw;}
 .footer-px {padding: 0 4.7vw 130px;}
 .fixed .logo{ width:140px;}
 .booknowa{ padding:10px;}
 .welcome { padding:120px 0px 0;}
 .bannercontent span { font-size: 35px;}
 .owl_wrapper{ padding:80px 0}
 .bannercontent h3 {font-size: 60px;}
 .roomsec .roomHead h3{ font-size:35px;}
 .explore .owl-item {transform: translateX(-69%);}
 
}

@media only screen and (max-width:1366px) {
    .owl_wrapper .nav-control {bottom: -90px;}
   .explore .owl-item { transform: translateX(-67.5%);}
   .roomsec .w-75{ width:100% !important; }
    .copyrignt-st ul li {padding: 0 10px;}

    
}

@media only screen and (max-width:1280px) {
    .headbooknow ul li {width: 15%;}
      .headbooknow  .select2-container{ width:50%;}
   .owl_wrapper .nav-control {bottom: -70px;}
   .explore .owl-item {transform: translateX(-65%);}
   .contact-staybg h2 {line-height: 70px;}

   .footer-px {padding: 0 2.7vw 130px; font-size: 16px;}
    footer h4 {font-size: 20px;}
   .address-bar ul li {line-height: 30px;}
    
}

@media only screen and (max-width:1199px) {
    .h1, h1, .h2, h2 {font-size: 46px;}
    .amenities_list ul li {font-size: 26px; line-height: 60px;}
    .logo {width: 160px;}
    .footer-nav .menu {margin-left: 2vw;}    
    .headbooknow ul li { width: 14%; padding: 8px 11px 8px;}
    .booknowa h3{ line-height:35px; margin-bottom:0}
    .kickback{ background-size:cover;}
    .footer-logo {width: 150px;}
    .ftrLogo_list img {width: 90px;}
    .address-bar p {font-size: 16px; margin-bottom: 10px;}
    .kickback .author {right: -50px;bottom: -78px;}
}

@media only screen and (max-width:1080px) {
    .booknowa h3 {font-size: 24px;}
    .headbooknow .select2-choice {padding: 0px 6px !important;}
    .header_top_btn .btn {padding: 0.9vw 1.6vw; font-size: 18px;}
    .footer-nav .menu { padding: 0;}
}

@media only screen and (max-width:999px) {    

h2{ font-size:46px;}

 /*** Header Mobile Menu css ***/
 #myHeader .menu .nav-phone .icon{fill:#6a644e }
#myHeader .menu  #nav-icon4 span{background:#6a644e }
.mobile_logo { display: block;	margin: 0 auto; transition: all 0.3s; z-index: 20; position: relative;}
.nav-phone{ top:47px; position:absolute; display:inline-block; z-index:10; right:70PX;}
#myHeader.fixed  .nav-phone{ TOP:37PX;}
#myHeader.fixed .nav-phone .icon{fill:#6a644e }
.amenitiesnewmenu .collapse:not(.show) {display: none;}
.sidenav a.nav-link {font-size: 26px; line-height: 40px; padding: 0; color: #6a644e !important;}
.fixed .mobile_logo {width: 110px !important; padding:10px;}
 .sidenav ul li{padding:8px 10px;}
#myHeader, #myHeader {padding: 5px 0;top: 0;background-color: transparent;}
#myHeader.fixed {padding: 0; background: #fff; top: 0}
.amenitiesnewmenu:hover .collapse:not(.show) {display: none !important;}
#accordion {display: inline-block;text-align: left;float: left;width: 100%;}
.sidenav ul li {display: flex; text-align: left; padding-left: 29px; flex-direction: column; align-items: start;}
.sidenav {height: 100%;width: 0;position: fixed;z-index:9;top: 0;right: 0;background-color: #fff;transition: 0.5s;padding: 140px 0; left: inherit;}
.sidenav a:hover {color: #082c6a;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.plus-minus-toggle {cursor: pointer;height: 50px;position: absolute;right: 19px;top: -3px;float: right;width: 51px;}
.plus-minus-toggle:before, .plus-minus-toggle:after{background:#222222;content: '';height: 3px;left: 12px;position: absolute;top: 33px;width: 21px;transition: transform 500ms ease;}
.plus-minus-toggle:after {transform-origin: center;} 
.plus-minus-toggle.collapsed::after{transform: rotate(90deg);}
.plus-minus-toggle.collapsed::before {transform: rotate(180deg);}
.myClass{ width:100%; }
.amenities_icons {width: 55%;padding: 13px 7px;}
.amenities_icons ul li {padding: 0 10px;}
.border-ft::before {position: absolute;width: 1px;height: 227px;background-color: #000;content: '';right: 0px;top: -48px;bottom: 0;}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 { width: 39px; height: 19px; position: relative;margin: 22px 3px; float:right;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;transition: .5s ease-in-out; cursor: pointer;z-index:9;}
.navbar{ padding:12px;}
.navbar-collapse ul li {padding: 0px 13px;}
.close {opacity: 1;}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {display: block;position: absolute;height: 3px; width: 100%; background: #fff; border-radius: 0px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.dropdwoen-sec {width: 100%; position: inherit; left: 0px; top: 2px; padding: 0px 0px;box-shadow: inherit;margin: 0;}
/* Icon 4 */
#myHeader.fixed #nav-icon4 span {background:#6a644e ;}
#nav-icon4.open span {background:#fff;}
#nav-icon4 span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon4 span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(3) { top: 20px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#nav-icon4.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 25px;left: 8px;}
.nav-phone .icon {width: 30px; height: 30px; fill: #fff;}

.booknoeipad {margin: 0 auto;width: 250px;position: absolute;left: 0;right: 0;bottom: 50px;}
.booknoeipad.fixbtn {width: 100%; position: fixed;   bottom: 0;z-index: 9;}
/*--End-Mobile Menu----*/
.slider-parallax {height: 65vh; background-size: 180% 868px !important;	background-position-x: center;}
.roomsec .item {padding:10px;}
.kickback {padding: 11% 38px;}

.bannercontent span {font-size: 25px; margin-bottom: 20px;}
.bannercontent h3 {font-size: 60px;	line-height: 60px;}
.logo{ margin-left:0;}

.roomsec .roomHead h3{ font-size:30px;}
.btn{ padding:15px 20px; font-size:18px;}
.roomsec .roomHead{ bottom:20px;}
.roomsec .owl-stage-outer {padding-bottom: 30px;}
.kickback p { font-size: 22px;  line-height: 40px;}
.testimonials p {font-size: 23px; line-height: 50px; }
.testimonials span{font-size: 25px;}
.explore .owl-stage-outer {padding-bottom: 0px;}
.explore .owl-nav { right: 15px; }
.explore{ margin:0 ; padding:80px 20px;}
.owl_wrapper { padding: 130px 0 330px;;}
.address-bar h3{ display:none;}
footer h3{ font-size:25px; text-align:center;}
  .booknowa .bookText {width: 100%;}


.footer-logo{ padding-bottom:10px;}
.copyrignt-st { margin-top: 0;}
.footer-px{ padding-bottom:30px;}

.welcome h1{ font-size:46px;}
.copyrignt-st ul li{ display:inline-block; padding: 0 10px;}

.explore .owl-nav img{ border-radius:0px;}
.footer-logo { width: 150px;}
.owl_wrapper .active.middle_beside {
    transform: scale(2.5);
    margin: 0 0 0 190px;
}
.owl_wrapper .active.next_to_mid {
    margin-left: -12%;
}
.owl_wrapper .owl-item {  transform: scale(2.4);}

.owl_wrapper .nav-control {
    bottom: 190px; right:61px;
}
.explore .owl-item { transform: translateX(-76.5%);}
.explore .owl-stage { margin-left: -160px;}
.booknowa .bookText {text-align: center !important;}
.booknowa h3{ line-height:normal;}
.headbooknow ul li {width: 47%; margin-bottom: 20px; text-align:left !important}
.booknowa {transform: translateY(-50%); height: 100%; top:50%; display:none;}
.closebooknow{ display:block; cursor:pointer;}

.mb-120 {margin-bottom: 100px;}
.amenities_list ul li { font-size: 24px; line-height: 54px;}
h2{ line-height:45px;}
.footer-px { padding: 0 4vw 50px;}
.privacy_table_content h2 a {font-size: 16px; border: solid 2px #7E161F; color: #7E161F; transition: all 0.35s;	text-align: center;	padding: 15px 57px;}
.privacypolicypage .collapse:not(.show) {display: none;}
#imenu{position: absolute;top: 50%;transform: translateY(-50%);}
 .contact-staybg {padding: 13%; height: auto;}
 .ftrLogo_list img {width: 140px;}
 .kickback .author {right: 0;}
    }


@media only screen and (max-width:767px) {
    .headbooknow ul li{ width:96%;}
    .fixed .headertop-contact{ padding-bottom:0}
   p { font-size: 16px;}
    .slider-parallax{ height:auto; background:none;}
    .booknoeipad{ width:200px;}
    .pt-130 { padding-top: 50px;}
    .welcome h1{ font-size:35px; line-height:45px;}
    .welcome span{ font-size:18px;}
    .logo { width: 100px;}
    .nav-phone{ top:20px;  }
    #myHeader.fixed .nav-phone { TOP: 22PX;}
    .fixed .mobile_logo{ width: 80px !important;padding: 5px;}
  .roomsec .roomHead h3 { font-size: 25px; line-height: 35px;}
    .kickback h3 {font-size: 30px; line-height: 40px;}
    .body-px-sec {padding: 0 4vw;}
    .kickback p {font-size: 20px; padding-top: 10px;}
    .kickback {padding: 20% 16px;}
    .explore {margin: 0px 0px 0; padding: 50px 20px;    }
    .explore h2 {font-size: 35px;}
    .footer-logo {width: 130px;}
    .footer-logo {padding-bottom: 10px;}
    .contact-form {padding-top: 30px;}
    footer iframe{ height:350px;}
    .testimonials p {font-size: 20px;  line-height: 35px;}
   .testimonials .owl-stage-outer {padding-bottom: 20px;}
   .testimonials span {font-size: 22px;}
   .kickback p{ line-height:30px;}
   .sidenav a.nav-link{ font-size:20px;}
   .boxshadow-inner {box-shadow: inset 0px 6px 4px rgba(0,0,0,.15) !important;}
   .testimonials.py-130{ padding:100px 0;}
    .owl_wrapper .active.middle_beside {transform: scale(1); margin: 0 0 0 0px;}
    .owl_wrapper .nav-control {bottom: 160px; right: 69px;}
    .owl_wrapper {padding: 0px 0 230px;}
    .explore .owl-stage { margin-left: -60px;}
    .explore .owl-item { padding: 10px 25px; }   
    .explore .owl-nav{ bottom:25px;}
    .explore .owl-nav img { border-radius: 0px;  width: 40px;}
    .kickback .author {right: 0; bottom: -15px; left: 0;}
    .amenities_list ul li { font-size: 20px;  line-height: 40px;}
    h2 {font-size: 30px;}
    .map {height: 65vw;}
    .amenities_list ul {padding-left: 0;}
    .covidRow h3 { line-height: 38px;  font-size: 24px;}
    .contact-staybg h2 {line-height: 45px;}
    .contact-staybg {padding: 19% 15px; background-size: cover; background-position: center center;}
    .sitemap-ssd h3 {font-size: 26px;}
    .mb-120 { margin-bottom: 36px;}    
    .c_sec{padding: 60px 0;}

    .kickback.comestay {
        background-size: cover;
        background-position: center center;
    }
    .fontNormal.fs-50{font-size:25px;}
}