/*-----------------    Default Css By Amit Silori   ----------------------------------*/
*{margin: 0px; padding: 0px; box-sizing:border-box;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
li{list-style: none;}
a:hover{color:#fb1e1e ;}
body{	margin:0;	font-weight:400;overflow-x:hidden;font-family: 'Lato', sans-serif; font-size:15px; color: #222;	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

article{overflow: hidden;}
body a{	transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;	-o-transition: 0.5s all ease;	-ms-transition: 0.5s all ease;font-family: 'Lato', sans-serif; color: #313131;}

/* CSS TOP MARGINS * -------------------------- */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; 
}

h1,h2,h3,h4,h5,h6{margin:0; color: #000; font-family: 'Uchen', serif; }

h1{ font-size:36px; }
h2{ font-size:26px; }
h3{ font-size:20px; font-weight: 600;}
h4{ font-size:20px; font-weight: 600;}
h5{ font-size:15px; font-weight: 600;}
.heading{font-size: 24px;}
p{font-weight: 400;  color: #313131; font-size: 15px;  line-height: 24px; margin: 0px 0 10px 0; color:666;font-family: 'Lato', sans-serif; }

p a {color: #313131;}
b.normal{font-weight: 400;}

ul,label{	margin:0;	padding:0;}

body a:hover{	text-decoration:none;}
html input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {border-radius: 10px;  height: 42px;  padding: 0 10px; box-sizing: border-box;   width: 100%; color: #777;border:1px solid #ddd;	font-size: 13px;background:#fff;}
html select { padding: 0 11px;font-size:13px;}
html select option {font-size:14px;	font-weight:300;}
html textarea { padding:10px 10px; box-sizing: border-box;width: 100%; color: #999;border:1px solid #ddd;border-radius:0px;	font-size: 15px;}
html button, html input[type="button"]{  color: #fff;  display: inline-block;  padding: 13px 20px;  text-transform: uppercase;  font-size: 16px;
    border-radius:2px; border:none;	font-weight:600;height:50px;}
html button:hover, html input[type="button"]:hover{   color: #fff;}
html input:focus, select:focus, textarea:focus, button:focus {outline: none;}
.form-control:focus { color: #495057; background-color: #fff;   outline: 0; }
.form-control{font-size: 13px; height: 42px;border-radius: 10px; margin-bottom: 10px;}
textarea.form-control {
    height: 120px;
    border-radius: 10px;
}
.btn {font-size:15px;	padding:13px 22px;	font-weight:400;	border-width:2px; border-radius:0px; line-height:normal;font-family: 'Lato', sans-serif;   font-weight: 400; letter-spacing: 2px; }
.btn-primary {   color:#333;  background-color: transparent;  border: 1px solid #333;}
.btn-primary:hover, .btn-primary:focus {  color: #fff;  background-color: #df0024;  border-color: #df0024;}
.btn-primary2 {   color: #044871;  background-color:transparent;  border-color:#044871;  }
.btn-primary2:hover, .btn-primary2:focus {  color: #fff;  background-color:#044871;  border-color: #044871;}
.btn-primary-outline {  color: #fff; background-color: transparent; border-color: #0048a8;}
.btn-primary-outline:hover, .btn-primary-outline:focus { color: #fff; background-color: #333; border-color: #333;}
.btn-primary:focus, .btn-primary:focus { color: #fff; background-color: #333; border-color: #333;}
.btn-primary.focus, .btn-primary:focus { box-shadow: none;}
.text-uppercase{ text-transform:uppercase;}
.text-capitalize{ text-transform:capitalize;}
.white{color: #fff;}
/* Style 7
   ----------------------------- */
.seven{ display: grid; grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;grid-gap: 20px;align-items: center; position: relative;}
.seven:after,.seven:before { content: " "; display: block;border-bottom: 1px solid #c50000;
    border-top: 1px solid #c50000; height: 5px;background-color:#f8f8f8;
}

/*--HeaderS ection--*/
.container{ padding: 0px;}

/*--nav Section--*/
.img-fluid{width: 100%;}

/*--General CSS--*/
.section{ padding:5em 0;}
.title-box{margin-bottom: 30px; position: relative;}
.title{font-size:35px; line-height:45px; color: #333; font-weight:400; font-family: 'Uchen', serif; margin: 20px 0 5px 0;  }
.title.white{color: #fff;}
p.sub-title{color: #e31f3d; font-size: 13px;  text-transform: uppercase;   font-family: 'Lato', sans-serif; font-weight: 400;  letter-spacing: 2px; padding: 0px; margin:0px 0 20px 0;}
hr.hr-center{width: 100px; margin: 1em auto; height: 3px; }
img.hr{padding: 20px 0;}
ul.navbar-nav li.nav-item.dropdown{transition: .5s all;}
ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu{ display: block;  padding: 0px; border-top: 5px solid #e182a8;}
.navbar-brand{width: 13%; }
.back-gry{background: #f8f5f0;}


/*-- end General CSS--*/

/*-----------------   End Default Css By Amit Silori   ----------------------------------*/


.sidenav {  height: 100%;  width: 0;  position: fixed;  z-index: 1;  top: 0;  left: 0;  background-color: #fff;  overflow-x: hidden;  transition: 0.5s;  padding-top: 60px; }
.sidenav a {  padding: 15px 0;  text-decoration: none;  font-size: 20px;  color: #555;  display: block;  transition: 0.3s;}
.sidenav a:hover {  color: #313131;}
.menu-bar{ padding: 8px 8px 8px 12%;}
.sidenav .closebtn {  position: absolute;  top: 0;  right: 25px;  font-size: 36px;  margin-left: 50px;}
.dropdown-menu{ border-radius: 20px; padding: 0px 3px;}
.dropdown-item:hover { background: #369dd0; color: #fff;}
.dropdown-item:hover a{color: #fff;}
.dropdown-item{overflow: hidden;}
.start-header{background: #f8f5f0; position: fixed; padding: 3em 0; transition: .8s; top: 0px; left: 0px; ;width: 100%; z-index: 999;}
.left-header{float: left;}
.right-header{float: right;}
.logo{position: absolute; top:32%; left: 43%; transition: .8s}
.left-header span{font-size:24px;cursor:pointer; color: #333;}
.left-header span b{font-size:16px;cursor:pointer; color: #333; font-weight: 400; display: inline-block; margin-left: 20px;}
.main-banner {background: #f8f5f0;}
.navbar-logo{width: 20%; margin: 0%  2% 4% 5%;}
.start-header .col-md-5{border-right: 1px solid #ddd;}
.nav-menu{text-align: center; padding: 4em 0 1em 0; border-bottom: 1px solid #b9def2;margin-bottom: 2em;}
.nav-menu ul li{list-style: none; display: inline-block;}
.nav-menu ul li a{display: inline-block; padding: 10px 20px; transition: .5s all;}
.nav-menu ul li a:hover{color: #218ac6}
.start-header.darkheader {position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; transition: .8s; padding: 1em 0;}
.start-header.darkheader  .logo{position: absolute; top:20%; left: 43%; }


.highlight-box{border:1px solid #ddd; width: 97%; margin-bottom: 20px;}
.highlight-img{display: inline-block; width:25%;  vertical-align: top; margin-right: 10px;}
.highlight-text{display: inline-block; width:70%; vertical-align: top; padding: 22px; }
.highlight-text p{text-align: justify; color: #555;}
.header-highlight a{color: #555; padding: 0px; }
.header-highlight a:hover{color: #313131; }
.header-highlight{padding-left: 2em;}
.highlight-img{}


.start-about{padding-top: 4em;}
.about-text{text-align:left;}



.book-quote{background: url(../images/2.jpg) no-repeat center fixed; background-size: cover; position: relative;overflow: hidden;}
.book-quote:before{background: #000; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; opacity: .5}
.book-quote .title-box{position: relative;}
.book-quote p.sub-title{color: #fff;}
.book-quote .title{font-size: 45px; line-height: 55px;}


.service-highlight-box{margin-bottom: 50px;}
.service-highlight-box span{display: inline-block; width: 23%; vertical-align: top; margin-right: 10px;}
.service-highlight-box p {display: inline-block; width: 70%; vertical-align: top;}
.start-services-highlight{margin-top: 5em;}
.service-highlight-box p b{display: block; font-family: 'Uchen', serif; font-size: 18px; margin-bottom: 5px;}
.start-room-suites{margin-top: 5em;}
.start-room-suites .col-md-6{padding: 0px;}
.start-room-suites .row{overflow: hidden; background:#f8f5f0; }
.room-suite-text{padding: 3em 4em;}
.room-suite-text .title{margin-bottom: 20px;}
.room-suite-text p{text-align: justify; margin-bottom:30px;}
.room-suite-img{overflow: hidden;}
.room-suite-img img{transition: .5s all;}
.start-room-suites .row:hover .room-suite-img img{transform: scale(1.05);}




.gallery-start .nav{display: block;}
.gallery-start .nav  li{display: inline-block;}
.gallery-start .nav  li button.btn{display: inline-block; background: #e6ded0; position: relative; text-shadow: 0 0 2px rgba(0, 0, 0, 0.1); border-color: transparent; color: #6f6f6f;}
.gallery-start .nav  li button.btn:hover{color: #1178b3;}
.gallery-start .nav  li button.btn.active{color: #fff; background: #1178b3; outline: none; box-shadow: none;}
.gallery-start .nav  li button.btn.active:after{opacity: 1}
.gallery-start .nav  li button.btn.active:fucus{outline: none; box-shadow: none; border:none;}
.gallery-start .nav  li button.btn.active:active{outline: none; box-shadow: none; border:none;}

.gallery-start .nav  li button.btn::after { position: absolute;top: calc(100% - 0px); left: 50%;  z-index: 1; margin-left: -8px;width: 0;height: 0; border: solid transparent;  border-width: 8px;
  border-color: transparent; border-top-color: #1178b3; content: ''; pointer-events: none;opacity: 0;  -webkit-transition: .15s;transition: .15s;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}


/*-------------------------------------start image gallery lightbox css-------------------------------------------*/

.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} .lb-nav a.lb-prev, .lb-nav a.lb-next{opacity: 1} .gallery-start .col-md-3, .gallery-start .col-lg-3{padding: 5px 5px;} .gallery-img{overflow: hidden; height: 250px;} .gallery-img img{transition: .5s all; height: 100%;} .gallery-img:hover img{ transform: scale(1.05); }

/*=======================================end image gallery lightbox css================================================*/


.main-footer{background: #1C1C1C}
.footer-box{padding: 4em 3em;}

.footer-box h6{font-size: 25px ;color:#218ac6; margin: 15px 0;}
.footer-box i{font-size: 45px; color: #fff;}
.footer-box  p{color: #fff; margin-top: 20px; }
.footer-box p b{display: block;}
.main-footer .back-bg{background: #218ac6;}
.main-footer .back-bg h6{color: #fff;}
.middle-footer {background:#1C1C1C; }
.footer-md-box h6{color:#218ac6; font-size: 25px; margin-bottom: 5px; }
.footer-md-box p{color: #fff;}
.footer-md-box  small{color: #aaa; display: block; margin-bottom: 20px;}
.footer-md-box  a{color: #fff;}
.footer-md-box a i{height: 40px; width: 40px; line-height: 40px; text-align: center; color: #fff; border:1px solid #fff; margin: 0 2px;}
.footer-links a{padding: 5px 10px; background: #222; font-size: 12px;  border-radius: 30px; border:1px solid #484848; display: inline-block; margin: 5px }
.copy-footer{background: #151515; padding: 20px 0; text-align: center; }
.copy-footer p{font-size: 13px; color: #aaa; letter-spacing: 1px; margin: 0px;}
.copy-footer p a{font-size: 13px; color: #aaa; }

/*default banner*/
.banner {background: url(../images/about-us.jpg) no-repeat;background-position: center;width: 100%;background-size: cover;padding: 15em 0 1em 0;position: relative;text-align: center;}
.banner-text {position: relative;padding-bottom: 7em;}
.banner-text h1 { color: #fff;}
.banner-text a {color:#218ac6;}
.banner-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}

/*about us page*/
.about-us .col-md-6{margin-top: 40px;}
.about-text h3{margin-bottom: 10px;}

/*accommodation page*/
.rates{background: #f3eee7;transition: .5s all;}
.img-text .heading{margin: 10px 0;font-size: 24px; font-weight: 500;}
.img-text i{font-size: 16px;margin-right: 8px;}
.rates .whitebg {margin-top: 30px; background: #fff;padding: 0px; border-radius: 0px; overflow: hidden;transition: .5s all;}
.whitebg img{border-radius: 0px; transition: .5s all;}
.whitebg:hover img{transform: scale(1.2);overflow: hidden;}
.ovr{overflow: hidden;transition: .5s all;}
.img-text strong{font-size: 15px; padding: 15px; border-bottom: 1px dashed #e54b41; display: block;}
.img-text{padding: 20px;}
.facilities{margin-top: 40px;}
.facilities ul li{list-style: none; padding: 10px 0; border-bottom: 1px dashed #555;}




/*service free icons*/
.free i{font-size: 35px; margin-bottom: 15px; color: #218ac6;}
.free{ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px;}

/*contact page scss*/
.contact input.form-control{border: transparent; border-bottom: 1px solid #ddd; border-radius: 0px;}
.contact textarea.form-control{border: transparent; border-bottom: 1px solid #ddd;border-radius: 0px;}
.contact input.form-control:focus{border: none; box-shadow: none;border-bottom: 1px solid #000;}
.contact textarea.form-control:focus{border: none; box-shadow: none;border-bottom: 1px solid #000;}
.form{background: #fff;padding: 50px;}
.form h3{margin-bottom: 20px;}
.parent{box-shadow: 0 0px 20px 0 rgb(0 0 0 / 20%);}
.contact .col-md-5{background: #313131;}
.inquery{padding: 40px;color: #fff;position: relative;}
.inquery h3{color: #fff; font-size: 31px;margin-bottom: 15px;}
.inquery p{color: #fff;}
.inquery i{font-size: 25px; margin-right: 10px; margin-top: 20px;}
.inquery ul li a{color: #fff;}
.inquery ul li{border-bottom: 1px dashed #ddd;padding: 20px;}
 .media-link{position: relative;  background: #f5f5f5;}
 .social{margin: 30px;}
.social ul {text-align: center;}
.social ul li {list-style:none;margin:0 5px;display: inline-block;}
.social ul li a .fa {font-size: 40px;color: #262626;line-height:80px;transition: .5s;padding-right: 14px;}
.social ul li a span {padding:0;margin:0;position:absolute;top: 30px;color: #262626;letter-spacing: 4px;transition: .5s;}
.social ul li a {text-decoration: none;display:absolute;display:block;width:210px;height:80px;
  background: #fff;text-align:left;padding-left: 20px;transform: rotate(-30deg) skew(25deg) translate(0,0);transition:.5s;box-shadow: -20px 20px 10px rgba(0,0,0,.5);}
.social ul li a:before {content: '';position: absolute;top:10px;left:-20px;height:100%;
  width:20px;background: #b1b1b1;transform: .5s;transform: rotate(0deg) skewY(-45deg);}
.social ul li a:after { content: '';position: absolute;bottom:-20px;left:-10px;height:20px;
  width:100%;background: #b1b1b1;transform: .5s;transform: rotate(0deg) skewX(-45deg);}
.social ul li a:hover { transform: rotate(-30deg) skew(25deg) translate(20px,-15px);
  box-shadow: -50px 50px 50px rgba(0,0,0,.5);}
.social ul li:hover .fa {color:#fff;}
.social ul li:hover span {color:#fff;}
.social ul li:hover:nth-child(1) a{background: #3b5998;}
.social ul li:hover:nth-child(1) a:before{background: #365492;}
.social ul li:hover:nth-child(1) a:after{background: #4a69ad;}
.social ul li:hover:nth-child(2) a{background: #00aced;}
.social ul li:hover:nth-child(2) a:before{background: #097aa5;}
.social ul li:hover:nth-child(2) a:after{background: #53b9e0;}
.social ul li:hover:nth-child(3) a{background: #EA4335;}
.social ul li:hover:nth-child(3) a:before{background: #34A853;}
.social ul li:hover:nth-child(3) a:after{background: #4285F4;}
.social ul li:hover:nth-child(4) a{background:linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);}
.social ul li:hover:nth-child(4) a:before{ background:linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);}
.social ul li:hover:nth-child(4) a:after{
 background:linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);}


/*paynow page css*/
.pay-bt { text-align:center; }
.fuller-button {
    background: none;
    border-radius: 0;
    padding: 1.1em 4em;
    letter-spacing: 0.35em;
    font-size: 1.4em;
    transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
    margin: 1em; }

.red { box-shadow: inset 0 0 13px rgba(251,81,81,0.4), 0 0 1em rgba(251,81,81,0.0);
        border: #fb5454 solid 2px; }

.red:hover { background-color: #fb5454; color: white;
        box-shadow: inset 0 0 0 rgba(251,81,81,0.4), 0 0 1.5em rgba(251,81,81,0.6); }


/*neer spa page css*/

.spa .col-md-6{vertical-align: middle; padding:30px;text-align: left;}
.spa .col-md-2{vertical-align: middle; padding: 40px;border-left: 1px solid  #e1e6eb;}
.spa .col-md-6 h4{margin-bottom: 15px;}
.spa .col-md-6 p{text-align: justify;}
.spa .col-md-2 a{margin-bottom: 30px;}
.spa .row{border: 1px solid #e1e6eb;box-shadow: 0 0px 20px 0 rgb(0 0 0 / 20%);margin-top: 40px;}
.spa .col-md-4{padding: 0px;margin: 0px;position: relative;}
.spa .overlay-content { position: absolute; left: 0px;top: 0px;width: 100%;height: 100%; opacity: 0;background: #000;text-align: center;-webkit-transition: all 700ms ease; -ms-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease; transform: rotateX(90deg);overflow: hidden;}
.spa .row:hover .overlay-content { opacity: .6; transform: rotateX(180deg);}


.spa .col-md-4:before{position: absolute; left: 0px;top: 50%;width: 100%;height: 100%;content:'\f0c1'; font-family: fontawesome;font-size: 30px; color: #fff; opacity: 0;transition: .5s all;z-index: 99;}
.spa .row:hover .col-md-4:before{opacity: 1;}

/*workATION PAGE*/
.days p i{font-size: 20px; margin-right: 10px;}
.days{margin-top: 20px;}
.packages{padding-top: 40px;padding-bottom: 20px;}
.pdng{padding-bottom: 30px;}
.icons .col-md-3{margin: 0px;padding: 0px;}
.icons i{font-size: 35px; color: #2dc8de;}
.icons{border-style: solid;border-width: 1px; border-color: rgba(224, 224, 224, 0.56);padding: 30px;transition: all 700ms ease 0s;background-color: rgba(0, 0, 0, 0); box-shadow: none; height: 165px; margin-bottom: 20px;}
.icons:hover{background: rgba(6,147,227,.1); transition: .5s all; border-color: rgba(6,147,227,1);}
.icons p{margin-top:10px;}

.highlights .col-md-3{overflow: hidden;}
.highlights .row{padding: 20px;}






.street-box{margin-bottom: 2em;}

.fix-whatsapp {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 999;
}



.fix-book {
  position: fixed;
  bottom: 20px;
  left: 30px;
  z-index: 999;
}

.veiw-gallery .col-md-3 { padding: 5px 5px;}
.rates a{ margin-left:29px; }



.book-quote a.btn.btn-primary{ border-color: white; color: white; }











@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}






/*XX-Large devices (larger desktops, 1400px and up)*/
@media (max-width: 1366px) { 
 
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (max-width: 1024px) { 

}


/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { 

}


/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
.main-footer .col-md-6{width: 100%;flex: 100%;max-width: 100%;}
.main-footer .col-md-3{width: 100%;flex: 100%;max-width: 100%;}
.spa .col-md-6{width: 100%;flex: 100%;max-width: 100%;}
.spa .col-md-4{width: 100%;flex: 100%;max-width: 100%;}
.spa .col-md-2{width: 100%;flex: 100%;max-width: 100%;}
.spa .col-md-2 {padding: 0px;}
.spa .col-md-2 p{display: inline-block;vertical-align: text-bottom;margin: 0px 4px;}
.main-footer{overflow: hidden;}
.footer-md-box{margin: 10px 0;}
.gallery-start .col-md-3{width: 50%;flex: 50%;max-width: 50%;}
.start-about .col-md-6{width: 100%;flex: 100%;max-width: 100%;}
.start-services-highlight .col-md-3{width: 50%;flex: 50%;max-width: 50%; margin-bottom: 10px }
.start-room-suites .col-md-6{width: 100%;flex: 100%;max-width: 100%;}
.room-suite-text {padding: 2em; text-align: center;}
.about-text {text-align: center;}
.logo {top: 32%;left: 35%;}
.start-header.darkheader .logo {top: 32%;left: 35%;}
.highlights .col-md-3{width: 50%;flex: 50%;max-width: 50%;}
.highlights.section{padding: 1em 0;}
.contact .col-md-7{width: 100%;flex: 100%;max-width: 100%;}
.contact .col-md-5{width: 100%;flex: 100%;max-width: 100%;}
.seven {
  display: block;
  grid-template-columns: 1fr max-content 1fr;
  grid-template-rows: 27px 0;
  grid-gap: 20px;
  align-items: center;
  position: relative;
}

.seven::after {
  content: " ";
  display: block;
  border-bottom: 1px solid #c50000;
  border-top: 1px solid #c50000;
  height: 5px;
  background-color: #f8f8f8;
  position: absolute;
  top: -62px;
  width: 100%;
}

.seven::before {
  content: " ";
  display: block;
  border-bottomottom: 1px solid #c50000;
  border-top: 1px solid #c50000;
  height: 5px;
  background-color: #f8f8f8;
  position: absolute;
  bottom: -20px;
  width: 100%;
}
.title {
  font-size: 35px;
  line-height: 45px;
  color: #333;
  font-weight: 400;
  font-family: 'Uchen', serif;
  margin: 0px 0 5px 0;
}
}

@media (max-width: 667px) { 

.free {border: 1px solid #ddd;margin-bottom: 10px;}

}


 /*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
  .gallery-start .nav li button.btn {margin-bottom: 10px;}
  .logo {
  top: 22%;
  left: 30%;
  width: 33%;
}
  .start-header.darkheader .logo {
  top: 22%;
  left: 30%;
  width:33%;
}
.container {
  padding: 0 15px;
}
.banner {
  padding: 5em 0 1em 0;
  margin-top: 63px;
}
}


@media (max-width: 480px) {
.logo {position: absolute;top: 36%;left: 25%;}
.banner{padding: 5em 0 1em 0;}
.middle-footer {background: #1C1C1C;padding: 30px;}
.copy-footer p {padding: 10px;}
.logo img{width: 100%;}
.logo{width: 30%; left:  30%; top: 22%;}
.start-header.darkheader .logo {
  top: 22%;
  left: 30%;
  width: 30%;
}
.days {padding: 10px;text-align: justify;}
.icons {height: auto;}
.highlights .col-md-3{width: 100%;flex: 100%;max-width: 100%;}
.highlight-box{display: none;}
.navbar-logo { top: 25%;width: 55%;}

.start-header {
  padding: 1em 0;
}
.left-header span b {
  font-size: 15px;
  cursor: pointer;
  color: #333;
  font-weight: 400;
  display: inline-block;
  margin-left: 8px;
}
}




@media (max-width: 400px) { 
.gallery-start .col-md-3{width: 100%;flex: 100%;max-width: 100%;}
.gallery.section{padding: 20px 0;}
.right-header a.btn{padding: 8px 16px;}
.start-about{padding: 10px;}
.start-services-highlight .col-md-3{width: 100%;flex: 100%;max-width: 100%;}
.start-services-highlight {margin: 0px;}
.service-highlight-box{padding: 0px 10px;}
.form {padding: 22px;}

.about-us.section{padding:8px ;}
.social ul li {margin: 29px 5px;}
}