/************************************************* Header ********************************************************************/
.HdTopLink{font-size:14px;} .HdTopLink a{color:#FFF; padding:0 14px;} .HdTopLink a:hover{color:#48887B;}
.HdTopLink .list-inline a{font-size:15px; color:#80DDAA;}
 
/********** Main Banner **************************************************************************************************/
.MainBanner h1{font-size:40px; line-height:1.3; text-shadow:0px 2px 6px #00000080;} 
#SearchArea{background:#48887B; padding:40px; border-radius:5px; position:absolute; left:0px; right:0px; bottom:-115px; z-index:999;}
#SearchArea .form-control,#SearchArea select.form-select{font-size:14px; border-color:#fff; padding-left:15px; height:44px; color:#000; padding:5px 15px;}
#SearchArea .btn{min-height:44px; padding:5px 25px; border-radius:5px !important; letter-spacing:0.05em;}
  
/************************************************* Content ********************************************************************/
.bg-img{margin-right:20px; margin-bottom:20px;}
.bg-img::before {width:300px; right:-20px; top:20px; bottom:-20px; border:dashed 1px #48887B; content: ""; position:absolute; z-index:-1;}

.bg-img1{margin-left:20px; margin-bottom:20px;}
.bg-img1::before {width:300px; left:-20px; top:20px; bottom:-20px; border:dashed 1px #48887B; content: ""; position:absolute; z-index:-1;}

.SerArea{background: linear-gradient(-180deg, #48887B 31%, #fff 10%, #fff 100%); min-height:680px;}
.SerText{border:solid 1px #D8D8D8; padding:9px;} .SerText .position-absolute{margin:9px;}
.SerText a{color:#fff;} .SerText a:hover{color:#48887B;} .SerText a:hover img{opacity:.8;}

/********** Rooms and Suites **************************************************************************************************/
.RoomBox{border:solid 1px #D8D8D8; padding:9px;}   

/********** ContactForm **************************************************************************************************/
#ContactForm .form-control{background:#fff; border-radius:5px; height:60px; color:#585858;}
#ContactForm textarea.form-control{height:170px; padding-top:15px;background:#fff; border-radius:5px; color:#585858;}

/********** Footer ***************************************************************************************************/
#Footer{font-size:16px; line-height:30px; color:#CBCBCB;}
#Footer li.active a {color:#48887b;}
#Footer a{color:#CBCBCB;}#Footer a:hover,#Footer .list-inline a:hover{color:#48887b;}
#Footer h4{font-size:17px;letter-spacing:0.1em;}

#Footer .list-inline a{font-size:19px; margin:0px; color:#48887b;}
#Footer .list-inline a:hover{color:#fff;}
#Footer .list-inline-item:not(:last-child) {margin-right:22px;}
#Footer .Copytext{font-size:13px; color:#CBCBCB;}

.Linimg{background:url(../images/img.png) repeat-x center;}
.Linimg span{display:inline-block; padding:15px 20px 5px 20px; background:#000;}

/********** ContactForm **************************************************************************************************/
#ContactForm .form-control{background:#fff; border-radius:5px; height:60px; color:#585858; border-color:#C7C7C7;}
#ContactForm textarea.form-control{height:170px; padding-top:15px;background:#fff; border-radius:5px; color:#585858;}



/*************************************************************************************************************/
@media (min-width:992px) {
.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:999; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}
#Footer .Copytext{letter-spacing:0.1em;}
.BigImg img {
    height:700px;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
}
}
@media (min-width: 1920px){.container {max-width:1420px !important;} body {font-size:20px;}
.Homebnr img {height:700px; width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:right;}
}

@media (min-width: 1600px) {.container {max-width:1420px;} .MainBanner h1{font-size:50px;}
.gutter-lg {margin-left:-13px!important;margin-right:-13px!important;}
.gutter-lg div[class^="col"]{padding-left:13px!important;padding-right:13px!important; margin-bottom:8px;}
.bg-img::before,.bg-img1::before {width:500px;} 
.navbar-nav>li+li {margin-left:46px;}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){}
/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){}
@media (min-width: 991.98px) and (max-width: 1199.98px) {#SearchArea{padding:30px;}.SerText h3{font-size:16px;}#ContactForm .form-control{height:50px;}}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {#SearchArea{padding:30px; position:static; margin-top:40px;}.MainBanner .carousel-caption {bottom:150px;} .MainBanner h1{font-size:26px;}.SerText h3{font-size:17px;}}

@media (max-width: 767.98px) {.MainBanner h1{font-size:30px;}.Linimg span {padding:10px 20px 0px 20px; line-height:1;} #Header .btn-sm{padding:6px 12px; font-size:12px; letter-spacing:normal;}
#SearchArea{padding:20px; position:static; margin-top:30px;}.MainBanner .carousel-caption {bottom:220px;} .MainBanner h1{font-size:22px;} 
}

@media (max-width: 575.98px){
.MainBanner .Homebnr img {
    height:220px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}.MainBanner h1{font-size:20px;}.Linimg{background:none;}.Linimg span {padding:0px; line-height:1.1;}.MainBanner .carousel-caption {bottom:0px; position:static; background:#000; padding:20px 0px;} 
#Header .btn-sm{padding:6px 32px; font-size:12px; letter-spacing:normal;} .SerText h3{font-size:17px;} .RoomsInner .btn-sm{letter-spacing:normal;}

}

@media (max-width: 479px) {}
@media (max-width: 320px) {}