/*!
Theme Name: Hotel Bellwether
Theme URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hotel-bellwether
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Hotel Bellwether is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
html{  scroll-behavior: smooth;}
body{padding:0px;margin:0px; font-size:16px;font-family: 'Manrope', sans-serif;overflow-x: hidden;}

p:last-child {
margin-bottom:0px;
}
h1 {
font-size:64px;font-family: 'Playfair Display', serif;
}
h2 {
font-size: 40px;font-family: 'Playfair Display', serif;
}
h3 {
font-size: 24px;font-family: 'Playfair Display', serif;
}
h4 {
font-size: 22px;font-family: 'Playfair Display', serif;
}
h5 {
font-size: 18px;font-family: 'Playfair Display', serif;
}
h6 {
font-size: 16px;font-family: 'Playfair Display', serif;
}

ul{list-style:none; padding:0px;font-family: 'Playfair Display', serif;}
	a{text-decoration:none !important;font-family: 'Playfair Display', serif; }

:before, :after {
font-family:FontAwesome;
}
@font-face {
    font-family: 'Vintage Clothes';
    src: url('fonts/VintageClothesRegular.woff2') format('woff2'),
        url('fonts/VintageClothesRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

section.new-gal {
    padding-bottom: 80px;
}
a.book-new:hover ,ul.navbar-nav > li:last-child a:hover {
    background: #0F172B !important;
    color: #fff !important;
}
ul.navbar-nav.ml-auto li a:hover {
    color: #dbb167 !important;  transition:ease-in-out 0.5s;
}
ul.navbar-nav.ml-auto li a {
    transition:ease-in-out 0.5s;
}
ul.navbar-nav li.dropdown:hover ul.dropdown-menu {
    
}
ol.carousel-indicators.bt-dots li {
    width: 12px;
    height: 12px;
    margin: 0px 5px;
    background: #E0E0E0;
}
ol.carousel-indicators.bt-dots li.active {
    background: #dbb167;
}
ol.carousel-indicators.bt-dots {
    right: 0px;
    left: 0px;
	    bottom: -50px;
    -webkit-transform: rotate( 0deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate( 
0deg
 );


    margin: 0 auto;
    top: auto;

    text-align: center;
}
.container-fluid {
    max-width: 1411px;
}
section.welcome-area .container-fluid {
    max-width: 100%;
}
section.our-stories .container-fluid {
    max-width: 1200px;
}
.carousel-indicators{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:20px;

    right: -110px; left:auto;
    width:auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
section.people-view.ex-b {
    margin-bottom: 80px;
}
.carousel-indicators li {
    display: block;
    margin-bottom: 5px;
    margin-right: 0px;    width: 110px;
    margin-left: 0px;
    border: 0px;
}
.carousel-indicators li.active{
    margin-bottom:5px; background:#fff;
    
}
section.our-stories p {
    text-align: center;
    font-size: 20px;
    color: #828282;
    margin-bottom: 70px;
}
section.our-stories a.primary-btn {
    text-align: center;
    width: 200px;
    margin: 70px auto 0px;
    display: block;
}
section.our-stories{padding-bottom:90px;}
section.our-stories h2 {
    font-family: 'Vintage Clothes';
    text-align: center;
    color: #000;    margin-bottom: 20px !important;
    font-size: 60px;
    margin-bottom: 10px;
}
section.suit-details.content {
    padding-top: 80px;
}
.small-white-box {
    background: #F9F9F9;
    max-width: 90%;
    margin: 0 auto;
    padding: 30px;
    margin-top: -110px;
    position: relative;
}
.f-one {
    margin-top: -20px;
}
.small-white-box p {
    color: #0F172B !important;
    font-size: 16px !important;
    text-align: left !important;
    margin-bottom: 20px !important;
}
section.suits-set.more-suits h1 {
    font-size: 54px;
    margin-bottom:70px;color:#333333;
}
section.suits-set.more-suits h2 {
    font-size: 32px;
    margin-bottom:30px;color:#0F172B;
}

section.suits-set.more-suits p {
    margin-bottom: 0px !important;
}
.small-white-box h2 {
    font-family: 'Playfair Display' !important;
    font-size: 32px !important;
    color: #0F172B !important;
    text-align: left !important;
}
.owl-nav {
    position: absolute;
    bottom: 0px;
    right: 5%;
    z-index: 1111;
}
.owl-carousel.owl-theme.owl-loaded.owl-drag {
    position: relative;
}
button.owl-next { opacity: 1 !important; outline:none;}
button.owl-prev {
    opacity: 1 !important; outline:none;
}
.owl-nav {
    position: absolute;
    bottom: -30px;
    right: 5%;
    z-index: 1111;
}
button.owl-next span {
    background: #dbb167;
    width: 50px;
    height: 50px;
    color: #fff;
    display: block;
    line-height: 45px;
    font-size: 33px;
}
button.owl-prev span {
    background: #BDBDBD;
    width: 50px;
    height: 50px;
    color: #fff;
    display: block;
    line-height: 45px;
    font-size: 33px;
}
.review-bx span {
    color: #fff;
    font-family: 'Manrope';
    font-size: 16px;
}
.review-bx h6 {
    font-weight: 700;
    color: #fff;
    font-size: 16px;
}
.review-bx i {
    font-size: 50px;
    color: #dbb167;
}
.review-bx p {
    color: #fff;
    font-family: 'Playfair Display';
    font-size: 20px;
    margin-top: 15px;
}
.review-bx {
    background: #0F172B;
    height: 100%;
    width: 100%;
    padding: 45px 50px;
}
#triangle-up {
    width: 0;
    height: 0;    z-index: -1;
    position: absolute;
    top: 0px;
    left: -100px;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 390px solid #F9F9F9;
}
.slider {
    padding: 190px 0px 90px;
}

.img-pad {
    margin-right: -15px;
}
a.learn-more i {
    font-size: 20px;
    margin-left: 10px;
    position: absolute;
    top: 2px;
}
a.learn-more {
    color: #000;
    font-weight: 800;
    position: relative;
    margin-right: 20px;
}
a.book-new, ul.navbar-nav > li:last-child a
 {
    width: 163px;
    text-align: center;
    height: 56px;
    padding-top: 16px !important;
    left: 1227px;
    top: 22px;
    background: #DBB167;
    display: block; 
    color: #fff !important;
    font-size:16px !important;
}
section.facilities.event-mng.text-left.mt-80 h1 {
    text-align: center;
    margin-bottom: 80px;
    color: #0F172B;font-size:54px;
}
img.overlay {
    position: absolute; width:100%;
    top: 0px;
}
.welcome-box h5 {
    font-size: 20px; color:#000000;
}
.welcome-box h2 {
    margin-bottom: 40px; font-soze:40px; color:#0F172B;
}
section.welcome-area {
    padding: 90px 0px;
}
.light-cover {
    float: right;
    margin-right: 127px;
    position: relative;
    z-index: 2;
    top: 46%;
    transform: translateY(-52%);
}
a.primary-btn{
    font-family: Playfair Display;
    font-style: normal;
    width: auto;
    height: 56px;
    text-align: center;
    padding: 15px;
    margin-top: 15px;
    display: inline-block;
    border: 1px solid #0F172B;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 16px;transition:ease-in-out 0.5s;
    line-height: 22px;
    color: #000;
}
.light-cover {
    max-width: 400px;
    padding-top: 40px;
}
.white-box h5 {
    color: #4F4F4F;
}
.light-cover h5 {
    color: #828282;
    font-size: 20px;
}
.light-cover h2 {
    color: #333333;
}
.light-cover a {
    margin-top: 60px;
}
section.cusine-area {
    padding: 90px 0px;
}
.white-box {
    max-width: 800px;
    margin: 0 auto;
    background: #F9F9F9;
    padding: 35px;
    text-align: center;
    margin-top: -100px;
    position: relative;
    z-index: 2;
}

.inner-bx {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.light-cover {
    max-width: 400px;
}
.image-divider-cover img {
    width: 100%;
}
.circle-logo {
    position: absolute;
    width: 110px;
    left: -58px;
    top: 35%;
    padding: 20px;
    background: #fff;
    border-radius: 100px;
}
a.primary-btn:hover {
    background: #000;transition:ease-in-out 0.5s;
    color: #fff;
}
.welcome-box {
    max-width: 677px;

    background: #F9F9F9;
    padding: 50px;
    margin-right: -150px;
	transition:ease-in-out 0.5s;
    float: right;
    position: relative;
    z-index: 2;
    top: 51%;
    transform: translateY(-51%);
}
.caption.right-txt h2 {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: bold;
    margin: 0 auto;
    font-size: 83px;
    line-height: 111px;
    text-align: center;
    color: #FFFFFF;
  max-width: 760px;
}
.white-box h2 {
    color: #0F172B;
}
.caption.right-txt h5 {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #FFFFFF;
}
/*Topbar*/
.carousel-inner {
    position: relative;
}
.carousel-inner .container-fluid {
    position: absolute;
    color: #fff;           transform: translateY(3%);
    bottom: 20%;left: 0px;
    right: 0px;
    z-index: 2;
    text-align: center;
}
ul.navbar-nav.ml-auto li {
    padding: 0px 18px;
}
ul.navbar-nav.ml-auto.new-a li a:hover { color:#0F172B;}

ul.navbar-nav.ml-auto.new-a li a {
    font-size: 20px;
    padding: 12px 0px 0px;
    color: #222;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(219 177 103) !important;
}
ul.navbar-nav.ml-auto {
    padding: 10px 0 10px 0;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-transparent.fixed-top {
    padding: 0px 15px;
}
a.navbar-brand {
    margin-top: 10px;
}
a.navbar-brand img {
    width: 50px;
    margin-top: -2px;
    float: left;
    margin-right: 10px;
}
a.navbar-brand h1 {
    font-size: 32px;
    color: #222;
}
div#navbarSupportedContent {
    background: transparent;
    position: relative;
margin-left: 100px;
}
div#navbarSupportedContent:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: -100%;
    background:transparent;
    z-index: -1;
}
button.navbar-toggler {
    color: #fff !important;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: transparent;
    outline: none;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-transparent.fixed-top.newClass ul.navbar-nav.ml-auto.new-a li a {
    font-size: 20px;
    padding: 12px 0px 0px;
    color: #000000;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-transparent.fixed-top.newClass div#navbarSupportedContent:before{   background:#fff;}
nav.navbar.navbar-expand-lg.navbar-light.bg-transparent.fixed-top.newClass {
    background: #fff !important;
    box-shadow: 0px 0px 20px #00000045;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-transparent.fixed-top.newClass a.navbar-brand h1{color: #0F172B !important;}
nav.navbar.navbar-expand-lg.navbar-light.bg-transparent.fixed-top.newClass {
    background: #fff !important;
}

.perspective-box h2 {
    max-width: 410px;
    float: right;
}
.perspective-box p {
    max-width: 430px;
}
.perspective-box {
    max-width: 650px;
    float: right;
    text-align: right;
    padding: 50px;
    background: #F9F9F9;
    margin-top: -270px;
    margin-right: 130px;
    position: relative;
    z-index: 2;
}
footer{background:#0F172B; padding:90px 0px 0px;}
.footer-logo img {
    margin-bottom: 30px;
}
.footer-logo p {
    color: #fff;
    font-size: 14px;margin-bottom: 20px;
}
ul.social-bar li {
    display: inline-block;
    margin-right: 15px;
}
ul.social-bar li a {
    color: #ffffff;
    background: #ffffff2b;
    opacity: 1;
    font-size: 15px;
    width: 30px;transition:ease-in-out 0.5s;
    height: 30px;
    padding: 3px;
    display: block;
    border-radius: 40px;
    text-align: center;
}
footer .container-fluid {
    max-width: 1200px;
}
footer a:hover{  color: #dbb167 !important; transition:ease-in-out 0.5s;}
ul.ft-list li a:hover {
    color: #dbb167; transition:ease-in-out 0.5s;
}
ul.ft-list li a {
    font-family: 'Manrope';
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding-left: 10px;transition:ease-in-out 0.5s;
}
ul.ft-list li {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
}
ul.ft-list {
    text-align: right;
}
p.cpy {
    color: #fff;
}
.footer-list {
    margin-bottom: 90px;
}
ul.loc-area li {font-size:14px;}
ul.loc-area li a {
    color: #fff; font-size:14px;
}
.footer-list h4 {
    color: #fff;
    margin-top: 13px;
    margin-bottom: 38px;
}
ul.loc-area li img {
    position: absolute;
    left: 0px;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-transparent.fixed-top.newClass button.navbar-toggler {
    color: #0f172b !important;
}
ul.loc-area li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
    color: #fff;
}
ul.f-list li a {
    font-weight: 400;
    font-family: 'Manrope';
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
}
section.suits-set.more-suits {
    padding-top: 0px;
}
/*ROOMS-SUITS*/
.f-one h5 {
    font-size: 20px;
    color: #000000;
}
.f-one h2 {
    font-size: 54px;
    color: #333333;
    margin-bottom: 30px;
}
a.blue-btn {
    background: #0F172B;
    display: inline-block;
    width: 197px;
    height: 56px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 14px;
}
section.room-suits {
    padding: 80px 0px;
}
.desc-box {
    background: #F9F9F9;
    padding: 35px;
    border-right: 40px solid;
    border-right-color: #dbb167;
    width: 623px;
    position: absolute;
    bottom: 20px;
    right: -250px;
       transform: translateY(-2%);
	z-index:9999;
}
section.room-suits H2.top-h {
    font-size: 54px;color:#333333;
    text-align: center;
}
section.explore-rooms {
    padding-bottom: 90px;
}
section.room-suits p.top-p {
    color: #333333;
    font-family: Manrope;
    font-size: 16px;
    text-align: center;
    margin-bottom: 80px;
}
.suite-box h3 {
    color: #0F172B;
    font-size: 32px;
    margin-bottom: 25px;
}
.suite-box p {
    text-align: left !important;
}
.suite-box h5 {
    color: #828282;
}
.text-center.mb-new {
    margin-bottom: 80px;
}
.suite-box p{color:#0F172B;}
.suite-box {
    background: #F9F9F9;
    padding: 50px;
    height: 100%;
}
section.explore-rooms H2 {
    font-size: 54px;color:#333333;
    text-align: center;
}
section.explore-rooms p {
    color: #333333;
    font-family: Manrope;
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}
section.big-img {
    position: relative;
}
.overlay-blk {
background: #00000085;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}
img.w-100.mb-30 {
    margin-bottom: 30px;
}
section.sig-gal {
    text-align: center;
    padding: 40px 0px 80px;
}
section.sig-gal h2 {
    text-align: center;
   padding-bottom:60px;color:#333333; font-size:54px;
}
section.suits-set {
    padding-top: 40px; padding-bottom:60px;
}
.handl {
    border-bottom: 362px solid #F9F9F9 !important;
}
p.ex-m {
    margin-bottom: 60px;
}
section.suits-set p {
    text-align: center !important;
    min-height: 70px;
}
.inner-center {
    position: relative;
    top: 28%;
    transform: translateY(-17%);
}
.dsk-view{display:block;}
	.mb-view{display:none;}
	a.border-btn {
    width: 220px;
    height: 50px;
    text-align: center;
    padding-top: 11px;
    display: inline-block;
    color: #000;
    border: 1px solid #dbb167;
}
section.suits-set {
    text-align: center;
}
section.suits-set h2 {
    text-align: center !important;
    margin-bottom: 30px;
}
section.suit-details.content h2 {
    font-size: 54px;
    color: #333333;  margin-bottom: 20px;
}
.grey-desc {
    background: #F9F9F9;
    padding: 50px;    height: 100%;
}
.grey-desc h3 {
    font-family: 'Rufina', serif;
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 700;color: #000000;
}
.grey-desc a {
    font-family: 'Manrope';
    font-weight: 600;
    color: #000;
    display: inline-block;
    margin-top: 30px;
}
ul.desc-lst li:before , .grey-desc ul li:before{
    content: "\f061";
    position: absolute;
    left: 0px;
    font-size: 13px;
    top: 4px;
}
ul.desc-lst ,.grey-desc ul {margin-bottom:50px;}
ul.desc-lst li , .grey-desc ul li {
    font-family: 'Manrope';
    font-size: 16px;
margin-bottom: 12px;
    padding-left: 25px;
    position: relative;
}
section.suit-details {
    padding-bottom: 80px;
}
h2.display-4.max-s {
    font-size: 64px;
    max-width: 100%;margin-bottom: 20px;
    line-height: 80px;
}
.container-fluid.mid-text {
    position: absolute;
    color: #fff;
    transform: translateY(-15%);
    bottom: 26%;
    z-index: 2;
    left: 0px;
    right: 0px;
    text-align: center;
}
button.close {
    position: absolute;
    right: -15px;
    background: #ca8c20;
    opacity: 1;
	outline:none;
    color: #fff;
    font-size: 28px;
    text-shadow: none;
    padding: 5px 10px;
    z-index: 1;
    top: -21px;
}
.img-cvr-bell {
    position: relative;
}
.img-cvr-bell img {
    width: 100%;
}
.cel-cap {
    background: #fff;
    padding: 20px;
    position: absolute;
    bottom: 30px;
    width: 85%;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    text-align: center;
}
.cel-cap h3 {
    color: #0F172B;
    font-size: 40px;
    margin-bottom: 15px;
}
.cel-cap a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    padding-right: 17px;
}
.cel-cap a i {
    position: absolute;
    font-size: 22px;
    right: 0px;
}
section.celb-b {
    padding: 80px 0px;
    text-align: center;
}
section.celb-b h2 {
    padding: 0px 0px 25px; color:#0F172B;
    text-align: center; font-size:54px;
}
section.celb-b p{padding: 0px 0px 60px;color:#0F172B;}
section.our-gallery {
    text-align: center;
    padding-bottom: 90px;
}
section.our-gallery h2 {
    padding: 0px 0px 25px; color:#0F172B;
    text-align: center; font-size:54px;
}
section.our-gallery p{padding: 0px 0px 60px;color:#0F172B;}
/*Swiper css*/
.swiper-container {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .swiper-slide {
        width: 60%;
      }

      .swiper-slide:nth-child(2n) {
        width: 40%;
      }

      .swiper-slide:nth-child(3n) {
        width: 20%;
      }
.b-bg {
    background: #F9F9F9;
    padding: 50px 70px;
    height: 100%;
}
.inner-center-two h5 {
    color: #0F172B;
    font-size: 20px;
    margin-bottom: 25px;
}
h2.line-style {
    color: #0F172B;
    position: relative;
    font-size: 40px;
    margin-bottom: 30px;
    display: inline-block;
}
h2.line-style:after {
    position: absolute;
    width: 60px;
    height: 2px;
    background: #DBB167;
    content: "";
    right: -78px;
    top: 28px;
}
.sml-white {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 5%);
    padding: 22px;
    display: block;
    max-width: 285px;
    max-height: 123px;
    margin-bottom: 25px;
}
.sml-white h6 {
    color: #828282;
    font-size: 20px;
}
.sml-white h3 {
    color: #0F172B;
    font-size: 30px;
}
a.learn-more.blue {
    color: #0F172B !important;
    font-weight: 700;
    margin-top: 10px;
    display: inline-block;
	transition:ease-in-out 0.5s;
}
a.learn-more.blue:hover {
    color: #dbb167 !important;transition:ease-in-out 0.5s;
}
section.facilities {

    padding-bottom: 90px;
}
.sml-white.w-over {
    max-width: 100%;
}
.lft-a {
    float: left;
    width: 65%;
    padding-right: 50px;
}
.sml-white.w-over h6 {
    color: #828282;
    font-size: 24px;
}
.inner-center-two {
    position: relative;
    top: 20%;
    transform: translateY(-20%);
}
.rght-prc {
    font-family: 'Playfair Display';
    font-size: 40px;
    text-align: center;
    padding-top: 0px;color: #0F172B;
    max-width: 35%;
    float: right;
    padding-right: 20px;
}
.rght-prc span {
    display: block;
    font-size: 13px;
	margin-right: 4px;
    text-align: right;
    font-family: 'Manrope';
    color: #828282;
    margin-top: -9px;
}
.v-cap.text-center {
    text-align: center!important;
    position: relative;
    z-index: 2;
    color: #fff;
}
.v-cap h5{font-size:20px;}
.v-cap h2{font-size:54px; margin-bottom:30px;}
.v-cap i{font-size:90px; color:#fff;}
.sml-white.w-over p {
    font-size: 14px;
    color: #828282;
}
section.best-moments {
    width: 100%;
    position: relative;
    padding: 13% 0px;
}
section.best-moments.reserving {
    background-image: url(images/wine-bg.jpg);
    background-size: cover;
    width: 100%;
    position: relative;    background-position: center;
    padding: 13% 0px;
}
.overlay-bg-new {
    background: #0f172bad;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 2;
}
section.excp-service b {
    margin-bottom: 20px;
}
.excp-srv p {
    max-width: 470px;
    margin-bottom: 30px;
}
p.d-block.text-center {
    margin-bottom: 70px;
}
section.excp-service {
    padding: 80px 0px;
}
section.excp-service .container-fluid{max-width:1170px;}
.excp-srv {
    position: relative;
    top: 30%;
    transform: translateY(-22%);
}
h2.display-4.host-evnt {
    font-size: 64px;
    max-width: 100%;
    line-height: 80px; margin-bottom:30px;
}
p.p-max {
    max-width: 442px;
    margin: 0 auto;
}
section.facilities.event-mng.text-left .b-bg {
    background: #fff;
}
.inner-center-three.text-left h2 {
    margin-bottom: 45px;
}
.inner-center-three.text-left p {
    padding-bottom: 30px;
}
.inner-center-three.text-left {
    top: 30%;
    position: relative;
    transform: translatey(-29%);
}
section.facilities.event-mng.text-left.mt-80 {
    padding-top: 80px;
}
.inner-center-four.text-left h2 {
    margin-bottom: 45px;
}
p.ex-marg {
    padding-bottom: 70px !important;
}

.inner-center-four.text-left h5 {
    margin-bottom: 25px;
}
.inner-center-four.text-left {
    top: 30%;
    position: relative;
    transform: translatey(-27%);
}
section.facilities.event-mng.text-left.mt-80 .b-bg {
    background: #F9F9F9;
}
h2.display-4.dine {
    font-size: 40px;
    text-align: left;
    line-height: 60px;
    max-width: 100%;
    margin-bottom: 21px;
}
p.dine-p {
    text-align: left;
    max-width: 780px;
}
.light-cover.ex-cs {
    max-width: 100%;
    margin-right: 50px;
}
.light-cover.ex-cs h2 {
    max-width: 100%;
    color: #0F172B;
    font-size: 54px;
}
.light-cover.ex-cs p {
    max-width: 375px;
}
.container-fluid.bottom-right {
    position: absolute;
    color: #0f172b;
    transform: translateY(-10%);
    bottom: 10%;
    right: 5%;
    background: #fff;
	padding: 25px 35px;left: auto;
    z-index: 2;
    height: 216px;
    width: 520px;
    text-align: center;
}
h2.display-4.new-h {
    font-size: 54px;
    color: #0F172B;
    font-weight: 400;
    line-height: initial;
    text-align: left;
    margin-bottom: 15px;
}
.container-fluid.bottom-right p {
    text-align: left;
    font-size: 16px;color:#0F172B;
}
section.our-menu {
    margin: 120px 0px 80px;
    background-image: url(images/our-menu-bg.jpg);
    padding: 80px 0px;
	position:relative;
}
.our-menu-bg {
    position: absolute;
    content: "";
    background: #0f172bc9;
    width: 100%;
    height: 100%;
    top: 0px;
}
section.our-menu h3 {
    text-align: center;
    color: #fff;
    font-size: 40px;
}
.menu-desc h4 {
    color: #dbb167;
    font-size: 40px;
    margin-bottom: 20px;
}

.menu-desc p {
    color: #fff;
}

.menu-desc {
    padding: 40px 30px;
}
p.menu-max {
    max-width: 500px;
    margin: 20px auto 70px;
	 text-align: center;
    color: #fff;
   
    display: block;
    text-align: center;
}
section.our-menu .container-fluid{max-width:1200px;}
a.primary-white {
    color: #fff;
    transition: ease-in-out 0.5s;
    margin-top: 67px;
    padding: 14px 40px;
    display: inline-block;
    border: 1px solid #fff;
}
a.primary-white:hover {
    background: #fff;
    color: #0f172b;
    font-weight: 600;
    transition: ease-in-out 0.5s;
}
h2.slim-sz {
    font-weight: 400; font-size:56px;
}
.menu-img {
    margin-bottom: 50px;
}
section.blog-posts {
    padding: 80px 0px;
}
.blg-img {
    margin-bottom: 30px;  position: relative;
}

.blg-img a {
    position: absolute;
    left: 15px;
    color: #fff;
    bottom: 15px;
    font-size: 17px;
}
section.best-moments.pb-80 {
    margin-bottom: 80px;
}
.new-text h5 {
    margin-bottom: 3px;    font-size: 16px;
    color: #4F4F4F;
}
.input-area {
    position: relative;
}
.new-text h2 {
    font-size: 32px;
    margin-bottom: 0px;
    color: #0F172B;
}
.input-area label ,.input-area .es-field-wrap{
    width: 100%;
}
.input-area label input[type=email] {
    width: 100%;
    outline: none;
    height: 56px;
    padding-left: 20px;
    border: 1px solid #fff;
}
button.email-icon ,.input-area input[type=submit]{
    color: #fff;
    background: #dbb269 url(https://haseebahmad.co/projects/HBW/wp-content/uploads/2021/09/fa-paper-plane.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    outline:none;
    height: 56px;
    width: 60px;
    border: 1px solid #dbb269;
    position: absolute;
    right: 0px;
}
.input-area:before {
   /* content: "";
    position: absolute;
    top: 13px;
    right: 13px;
    background: url(https://haseebahmad.co/projects/HBW/wp-content/uploads/2021/09/fa-paper-plane.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;*/
}
.newsletter-bg {
    padding: 40px 30px;
    background: #F2F2F2;
    position: relative;
    max-width: 900px;
    margin: 0 auto -70px;
}
footer.pt-tp {
    padding-top: 130px;
}
.input-area input[type=text] {
    width: 100%;
    outline: none;
    height: 56px;
    padding-left: 20px;
    border: 1px solid #fff;
}
/*=============================
         Media Queries
===============================*/

@media (min-width: 1400px) and (max-width: 2400px) {
	
	.inner-center-two {
    position: relative;
    top: 20%;
    transform: translateY(-10%);
}
}
@media (min-width: 992px) and (max-width: 1199px) {
	

p.ex-marg {
    padding-bottom: 10px !important;
    font-size: 15px;
}
	.inner-center-four.text-left h2 {
    margin-bottom: 15px;
}
	.inner-center-four.text-left h5 {
    margin-bottom: 5px;
}
	.inner-center-three.text-left {
    top: 30%;
    position: relative;
    transform: translatey(-39%);
}
	.b-bg {
    background: #F9F9F9;
    padding: 50px 50px;
    height: 100%;
}
	.rght-prc span {
    display: block;
    font-size: 13px;
    margin-right: 4px;
    text-align: right;
    font-family: 'Manrope';
    color: #828282;
    margin-top: -4px;
}
	h2.line-style:after {
    position: absolute;
    width: 60px;
    height: 2px;
    background: #DBB167;
    content: "";
    right: -78px;
    top: 21px;
}
	.sml-white.w-over p {
    font-size: 12px;
    color: #828282;
}
	.sml-white.w-over h6 {
    color: #828282;
    font-size: 19px;
}
	a.learn-more.blue {
    color: #0F172B !important;
    font-weight: 700;
    margin-top: 0px;
    display: inline-block;
}
	.sml-white {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgb(0 0 0 / 5%);
    padding: 12px;
    display: block;
    max-width: 285px;
    max-height: 112px;
    margin-bottom: 15px;
}
	.sml-white h6 {
    color: #828282;
    font-size: 16px;
}
	.sml-white h3 {
    color: #0F172B;
    font-size: 20px;
}
.lft-a {
    float: left;
    width: 65%;
    padding-right: 0px;
}
.rght-prc {
    font-family: 'Playfair Display';
    font-size: 31px;
    text-align: center;
    padding-top: 8px;
    color: #0F172B;
    max-width: 35%;
    float: right;
    padding-right: 20px;
}
	h2.line-style {
    color: #0F172B;
    position: relative;
    font-size: 30px;
    margin-bottom: 15px;
    display: inline-block;
}
.inner-center-two h5 {
    color: #0F172B;
    font-size: 16px;
    margin-bottom: 5px;
}
	.cel-cap h3 {
    color: #0F172B;
    font-size: 30px;
    margin-bottom: 10px;
}
	.grey-desc a {
    font-family: 'Manrope';
    font-weight: 600;
    color: #000;
    display: inline-block;
    margin-top: 0px;
}
	ul.desc-lst {
    margin-bottom: 20px;
}
	.grey-desc {
    background: #F9F9F9;
    padding: 30px;
}
	.grey-desc h3 {
    font-family: 'Rufina', serif;
    font-size: 22px;
    margin-bottom: 15px;
}
	ul.desc-lst li {
    font-family: 'Manrope';
    font-size: 16px;
    margin-bottom: 2px;
    padding-left: 25px;
    position: relative;
}
	.perspective-box h2 {
    max-width: 300px;
    float: right;
    font-size: 30px;
}
	.white-box h2 {
    color: #0F172B;
    font-size: 30px;
}
		.welcome-box {
   
    padding: 25px;}
ul.navbar-nav.ml-auto li {
    padding: 0px 9px;
}
.welcome-box h5 {
    font-size: 16px;
    color: #000000;
}
.caption.right-txt h2 {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: bold;
    margin: 0 auto;
    font-size: 63px;
    line-height: 81px;
    text-align: center;
    color: #FFFFFF;
    max-width: 740px;
}
.welcome-box h2 {
    margin-bottom: 20px;
    font-size: 30px;
    color: #0F172B;
}
a.primary-btn {
    font-family: Playfair Display;
    font-style: normal;
width: 196px;
    height: 45px;
    text-align: center;
    padding: 10px;
    margin-top: 5px;
    display: inline-block;
    border: 1px solid #0F172B;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 14px;
    transition: ease-in-out 0.5s;
    line-height: 22px;
    color: #000;
}
.light-cover h2 {
    color: #333333;
    font-size: 30px;
}
	.light-cover h5 {
    color: #828282;
    font-size: 16px;
}
.review-bx i {
    font-size: 35px;
    color: #dbb167;
}

.review-bx p {
    color: #fff;
    font-family: 'Playfair Display';
    font-size: 13px;
    margin-top: 15px;
}
	h2.display-4.host-evnt {
    font-size: 50px !important;
    line-height: 60px; margin-bottom:20px;
}
.small-white-box h2 {
    font-family: 'Playfair Display' !important;
    font-size: 25px !important;
    color: #0F172B !important;
    text-align: left !important;
}
.inner-center {
    position: relative;
    top: 18%;
    transform: translateY(-17%);
}
.desc-box {
    background: #F9F9F9;
    padding: 25px;
    border-right: 40px solid;
    border-right-color: #dbb167;
    width: 623px;
    position: absolute;
    bottom: 20px;
    right: -250px;
    transform: translateY(0%);
}
.f-one h2 {
    font-size: 40px;
    color: #333333;
    margin-bottom: 15px;
}
	h2.display-4.dine {
    font-size: 30px !important;    margin-left: 0px;
    text-align: left !important;
    line-height: 40px !important;
    margin-bottom: 10px !important;
}
.light-cover.ex-cs h2 {
    max-width: 100%;
    color: #0F172B;
    font-size: 30px;
}
.light-cover.ex-cs {
    max-width: 100%;
    margin-right: 0px;
}
a.primary-white {
    color: #fff;
    transition: ease-in-out 0.5s;
    margin-top: 29px;
    padding: 12px 30px;
    display: inline-block;
    border: 1px solid #fff;
}

.menu-desc p {
    color: #fff;
    font-size: 14px;
}
.menu-desc {
    padding: 12px 10px;
}
.menu-desc h4 {
    color: #dbb167;
    font-size: 25px;
    margin-bottom: 9px;
}
p.new-h {
    font-size: 11px !important;
    margin-top: 3px !important;
    line-height: 14px !important;
}
	
	h2.display-4.new-h {
    color: #0f172b !important;line-height:30px !important;
    text-align: left !important;
    font-size: 25px !important;
}
	.container-fluid.bottom-right {
    position: absolute;
    color: #0f172b;
    transform: translateY(-10%);
    bottom: 4%;
    right: 4%;
    background: #ffffffc2;
    padding: 5px 15px 10px;
    z-index: 2;
    height: auto;
    width: 250px;
    text-align: center;
}
h2.display-4.max-s {
    font-size: 50px !important;
    line-height: 60px !important; margin-bottom:20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
	h2.display-4.max-s {
    font-size: 30px !important;
    line-height: 40px !important;
}
	p.new-h {
    font-size: 11px !important;
    margin-top: 3px !important;
    line-height: 14px !important;
}
	
	h2.display-4.new-h {
    color: #0f172b !important;line-height:30px !important;
    text-align: left !important;
    font-size: 25px !important;
}
	.container-fluid.bottom-right {
    position: absolute;
    color: #0f172b;
    transform: translateY(-10%);
    bottom: 4%;
    right: 4%;
    background: #ffffffc2;
    padding: 5px 15px 10px;
    z-index: 2;
    height: auto;
    width: 250px;
    text-align: center;
}
	.light-cover.ex-cs {
    padding-top: 0px;
}
	.light-cover.ex-cs p {
    max-width: 375px;
    font-size: 13px;
}
	.light-cover.ex-cs h2 {
    max-width: 100%;
    color: #0F172B;
    font-size: 30px;
}
	.light-cover.ex-cs {
    max-width: 100%;
    margin-right: 20px;
}
	.cel-cap h3 {
    color: #0F172B;
    font-size: 22px;
    margin-bottom: 15px;
}
	
	.circle-logo {
    position: absolute;
    width: 110px;
    left: -58px;
    top: 25%;}
	.light-cover {
    float: right;
    margin-right: 42px;}
	ul.ft-list li a {
    font-family: 'Manrope';
    color: #fff;
  font-size: 10px;}
	.small-white-box h2 {
    font-family: 'Playfair Display' !important;
    font-size: 22px !important;
    color: #0F172B !important;
    text-align: left !important;
}
	.perspective-box h2 {
    max-width: 300px;
    float: right;
    font-size: 30px;
}
.light-cover h5 {
    color: #828282;
    font-size: 13px;
}
p.cpy {
    font-size: 10px;
    color: #fff;
    padding-top: 8px;
}
.light-cover h2 {
    color: #333333;
    font-size: 19px;
}
.light-cover {
    max-width: 400px;
    padding-top: 15px;
}
	.caption.right-txt h2 {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: bold;
    margin: 0 auto;
    font-size: 63px;
    line-height: 81px;
    text-align: center;
    color: #FFFFFF;
    max-width: 740px;
}
	
	.welcome-box {
   
    padding: 25px;}
	a.primary-btn {
    font-family: Playfair Display;
    font-style: normal;
    width: 166px;
    height: 45px;
    text-align: center;
    padding: 10px;
    margin-top: 5px;
    display: inline-block;
    border: 1px solid #0F172B;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 14px;
    transition: ease-in-out 0.5s;
    line-height: 22px;
    color: #000;
}
	.welcome-box p {
    font-size: 12px;
}
	.welcome-box h5 {
    font-size: 16px;
    color: #000000;
}
	.welcome-box h2 {
    margin-bottom: 20px;
    font-size: 30px;
    color: #0F172B;
}
	a.book-new {
    margin-top: 20px;
}
	div#navbarSupportedContent:before{background:transparent;}
	div#navbarSupportedContent {
    background: #fff;
    position: relative;
    margin-left: 0px;
}
.review-bx i {
    font-size: 35px;
    color: #dbb167;
}

.review-bx p {
    color: #fff;
    font-family: 'Playfair Display';
    font-size: 11px;
    margin-top: 15px;
}
ul.loc-area li a {
    color: #fff;
    font-size: 13px;
}
.review-bx {
    background: #0F172B;
    height: 100%;
    width: 100%;
    padding: 15px 20px;
}
.perspective-box {
    max-width: 650px;
    float: right;
    text-align: right;
    padding: 30px;
    background: #F9F9F9;
    margin-top: -190px;
    margin-right: 60px;
    position: relative;
    z-index: 2;
}
.f-one h2 {
    font-size: 35px;
    color: #333333;
    margin-bottom: 20px;
}
.desc-box {
    background: #f9f9f9b0;
    padding: 25px;
    border-right: 13px solid;
    border-right-color: #dbb167;
    width: 80%;
    position: absolute;
    bottom: 20px;
    right: 44px;
    transform: translateY(-2%);
}
.dsk-view{display:none;}
	.mb-view{display:block;}
	.suite-box {
    background: #F9F9F9;
    padding: 30px;
    height: auto;
    margin-bottom: 20px;
}

.inner-center {
    position: relative;
    top: 0%;transform: translateY(0%);
}
ul.navbar-nav.ml-auto {
    padding: 10px 0px;
}
h2.display-4.host-evnt {
    font-size: 50px;
    line-height: 70px;
}
section.celb-b h2 {
    padding: 0px 0px 15px;
    color: #0F172B;
    text-align: center;
    font-size: 30px;
}
section.facilities.event-mng.text-left.mt-80 h1 {
    text-align: center;
    margin-bottom: 80px;
    color: #0F172B;
    font-size: 30px;
}
	h2.display-4.dine {
    font-size: 30px !important;
    text-align: left !important;
    line-height: 40px !important;
    margin-bottom: 10px !important;
}
a.primary-white {
    color: #fff;
    transition: ease-in-out 0.5s;
    margin-top: 29px;
    padding: 12px 30px;
    display: inline-block;
    border: 1px solid #fff;
}

.menu-desc p {
    color: #fff;
    font-size: 14px;
}
.menu-desc {
    padding: 12px 10px;
}
.menu-desc h4 {
    color: #dbb167;
    font-size: 25px;
    margin-bottom: 9px;
}
	ul.navbar-nav.ml-auto.new-a li a {color:#000;}
}
@media (min-width: 320px) and (max-width: 767px) {
	section.sig-gal.mt-min {
    padding-top: 0px;
    margin-top: -10px;
}
	.s-box.mt-5 {
    margin-top: 0px !important;
}
	section.suits-set.pb-ex {
    padding-bottom: 0px;
}
	ul.navbar-nav.ml-auto.new-a li a {color:#000;}
	a.primary-btn.mt-mb {
    margin-top: 30px;
}
	button.close {
    position: absolute;
    right: 0px;
    background: #ca8c20;
    opacity: 1;
    outline: none;
    color: #fff;
    font-size: 28px;
    text-shadow: none;
    padding: 2px 7px;
    z-index: 1;
    top: 0px;
}
	a.navbar-brand h1 {
    font-size: 28px;
  
}
a.navbar-brand img {
    width: 35px;
    margin-top: 2px;
    float: left;
    margin-right: 10px;
}
	button.navbar-toggler {
    font-size: 0px;
    color: transparent;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-transparent.fixed-top.newClass button.navbar-toggler {
    height: 26px;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(images/menu-bar.svg);
    width: 24px;
    margin-top: 14px;
background-position: 0px -33px;
}
button.navbar-toggler {
    height: 26px;
	background-repeat: no-repeat;
    overflow: hidden;
    background: #fff url(images/menu-bar.svg);
    width: 24px;
    margin-top: 14px;
	background-position: 0px -33px;
}
	.carousel-indicators li {
    display: block;
    margin-bottom: 5px;
    margin-right: 0px;
    width: 20px;
    margin-left: 0px;
    border: 0px;
}
	.carousel-indicators {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    right: 0px;
    left: auto;
    width: auto;
    -webkit-transform: rotate(
90deg
);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(
90deg
);
}
	.container-fluid.mid-text h2 {
    font-size: 25px !important;
}
	h2.display-4.max-s {
    font-size: 26px;
}
	p.top-p.mb-5 {
    font-size: 14px;
}
	section.suit-details.content h2 {
    font-size: 30px;
    color: #333333;
    margin-bottom: 20px;
}
	.new-text h2 {
    font-size: 22px;
    margin-bottom: 30px;
    color: #0F172B;
}
	
	.small-white-box p {
    margin-top: 10px;
    font-size: 14px !important;
}
	section.our-stories p {
    text-align: center;
    font-size: 20px;
    color: #828282;
    margin-bottom: 40px;
}
	section.our-stories h2 {
    font-family: 'Vintage Clothes';
    text-align: center;
    color: #000;
    margin-bottom: 0px !important;
    font-size: 40px;
    margin-bottom: 10px;
}
	a.primary-white.mt-3 {
    margin-bottom: 0px;
}
	.menu-desc h4 {
    color: #dbb167;
    font-size: 30px;
    margin-bottom: 20px;
}
	.menu-img {
    margin-bottom: 30px;
}
a.primary-white {
    margin-bottom: 50px;
    margin-top: 20px;
}
	.menu-desc {
    padding: 0px 0px;
}
	section.our-menu h3 {
    text-align: center;
    color: #fff;
    font-size: 30px;
}
	p.new-h {
    font-size: 11px !important;
    margin-top: 3px !important;
    line-height: 14px !important;
}
	
	h2.display-4.new-h {
    color: #0f172b !important;
    text-align: left !important;
    font-size: 25px !important;
}
	.container-fluid.bottom-right {
    position: absolute;
    color: #0f172b;
    transform: translateY(-10%);
    bottom: 4%;
    right: 0%;left: auto;
    background: #ffffffc2;
    padding: 5px 15px 10px;
    z-index: 2;
    height: auto;
    width: 205px;
    text-align: center;
}
	
	.light-cover a {
    margin-top: 20px;
}


	.light-cover.ex-cs h2 {
    max-width: 100%;
    color: #0F172B !important;
    font-size: 30px !important;
}
	caption.right-txt p {
    font-size: 10px;
    margin-top: 10px ;
}
	h2.display-4.dine {
    font-size: 18px !important;
    text-align: left !important;
    line-height: 23px !important;
    margin-bottom: -5px !important;
}
	p.ex-marg {
    padding-bottom: 20px !important;
    font-size: 14px;
}
	.inner-center-four.text-left h2 {
    margin-bottom: 25px;
}
	.inner-center-four.text-left h5 {
    margin-bottom: 10px;
    font-size: 16px;
}

	section.facilities.event-mng.text-left.mt-80 {
    padding-top: 40px;
}
	section.facilities.event-mng.text-left {
    padding: 0px;
}
	.inner-center-three.text-left p {
    padding-bottom: 10px;
    font-size: 14px;
}
	.inner-center-three.text-left h2 {
    margin-bottom: 25px;
}
	section.facilities.event-mng.text-left.mt-80 h1 {
    text-align: center;
    margin-bottom: 40px;
    color: #0F172B;
    font-size: 30px;
}
	h2.display-4.host-evnt {
    font-size: 23px;
}
ul.navbar-nav.ml-auto {
    padding: 10px 0px 30px;
}
	h2.line-style:after {
    position: absolute;
    width: 60px;
    height: 2px;
    background: #DBB167;
    content: "";
    right: -78px;
    top: 19px;
}
	.excp-srv p {
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
}
	p.d-block.text-center {
    margin-bottom: 30px;
    font-size: 12px;
}
	section.our-gallery p {
    padding: 0px 0px 30px;
    color: #0F172B;
    font-size: 13px;
}
	section.celb-b p {
   padding: 0px 0px 30px;
    color: #0F172B;
    font-size: 14px;
}
	section.celb-b {
    padding: 40px 0px;
    text-align: center;
}
	section.celb-b h2 {
padding: 0px 0px 10px;
    color: #0F172B;
    text-align: center;
    font-size: 30px;
}
	.container-fluid.mid-text {
    position: absolute;
    color: #fff;
    transform: translateY(-15%);
    bottom: 1%;
    z-index: 2;
    text-align: center;
}

	.caption.right-txt p {
    font-size: 12px;
    margin-top: 10px;
}
	p.d-block.text-center {
    margin-bottom: 30px;
}
.excp-srv {
    position: relative;
    top: 30%;
    transform: translateY(-31%);
}
	section.excp-service b {
    margin-bottom: 10px;
}
	section.excp-service {
    padding: 40px 0px;
}
	.v-cap i {
    font-size: 60px;
    color: #fff;
}
	.v-cap h5 {
    font-size: 16px;
}
	.v-cap h2 {
    font-size: 30px;
    margin-bottom: 10px;
}
	.lft-a {
    float: none;
    width: 100%;
    padding-right: 0px;
}
	.rght-prc {
    font-family: 'Playfair Display';
    font-size: 40px;
    text-align: left;
    padding-top: 0px;
    color: #0F172B;
    max-width: 100%;
    float: none;
    padding-right: 0px;
}
	.rght-prc span {
    display: block;
    font-size: 13px;
    margin-right: 4px;
    text-align: left;
    font-family: 'Manrope';
    color: #828282;
    margin-top: 1px;
}
	.sml-white.w-over {
    max-width: 100%;
    max-height: 100%;
}
	.sml-white h6 {
    color: #828282;
    font-size: 16px;
}
	.sml-white h3 {
    color: #0F172B;
    font-size: 20px;
}
	h2.line-style {
    color: #0F172B;
    position: relative;
    font-size: 30px;
    margin-bottom: 15px;
    display: inline-block;
}
	.inner-center-two h5 {
    color: #0F172B;
    font-size: 14px;
    margin-bottom: 7px;
}
.b-bg {
    background: #F9F9F9;
    padding: 20px 20px;
    height: 100%;
}
	section.our-gallery h2 {
    padding: 0px 0px 25px;
    color: #0F172B;
    text-align: center;
    font-size: 30px;
}
	.cel-cap h3 {
    color: #0F172B;
    font-size: 25px;
    margin-bottom: 15px;
}
	section.suit-details {
    padding-bottom: 35px;
}
	.f-one {
    margin-top: 0px;
    margin-bottom: 30px;
}
	.grey-desc h3 {
    font-family: 'Rufina', serif;
    font-size: 24px;
    margin-bottom: 30px;
}
	section.suits-set.more-suits h1 {
    font-size: 30px;
    margin-bottom: 40px;
    color: #333333;
}
	section.room-suits {
    padding: 40px 0px;
}
section.suits-set.more-suits {
    padding-top: 0px;
    padding-bottom: 0px;
}
section.suits-set.more-suits h2 {
  
    margin-bottom: 20px;
}
	section.room-suits H2.top-h {
    font-size: 30px;}
	section.sig-gal h2 {
    text-align: center;
    padding-bottom: 60px;
    color: #333333;
    font-size: 30px;
}
	a.border-btn {
    width: 150px;}
.handl {
    border-bottom: 343px solid #F9F9F9 !important;
}
section.suits-set {
padding-top: 300px;
    padding-bottom: 60px;
}
	.white-box {
    max-width: 100%;
    margin: 0 auto;
    background: #F9F9F9;
padding: 20px 20px 30px 20px;
    text-align: center;
    margin-top: 0px;
    position: relative;
}
	.suite-box {
    background: #F9F9F9;
    padding: 30px;
    height: auto;
    margin-bottom: 20px;
}

	.inner-center {
    position: relative;
    top: 0%;transform: translateY(0%);
}
	.dsk-view{display:none;}
	.mb-view{display:block;}
	section.explore-rooms H2 {
    font-size: 30px;
    color: #333333;
    text-align: center;
}
	.f-one h2 {
    font-size: 35px;
    color: #333333;
    margin-bottom: 20px;
}
	.desc-box {
    background: #F9F9F9;
    padding: 25px;
    border-right: 13px solid;
    border-right-color: #dbb167;
    width: 100%;
    position: static;
    bottom: 0px;
    right: 0px;
    transform: translateY(-2%);
}
	section.welcome-area {
    padding: 40px 0px;
}
	div#navbarSupportedContent:before{background:transparent;}
	.caption.right-txt h5 {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 37px;
    text-align: center;
    color: #FFFFFF;
}
.caption.right-txt h2 {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: bold;
    margin: 0 auto;
    font-size: 28px;
    line-height: 31px;
    text-align: center;
    color: #FFFFFF;
    max-width: 440px;
}
	.welcome-box h5 {
    font-size: 16px;
    color: #000000;
}
	.welcome-box h2 {
    margin-bottom: 40px;
    font-size: 25px;
    color: #0F172B;
}
	.img-pad {
    margin-right: 0px;
}
	.welcome-box {
    max-width: 100%;
    background: #F9F9F9;
    padding: 30px;
    margin-right: 0px;
    transition: ease-in-out 0.5s;
    float: none;
    position: relative;
    z-index: 2;
    top: 51%;
    transform: translateY(-51%);
}
	.white-box h5 {
    color: #4F4F4F;
    font-size: 14px;
}
	.white-box h2 {
    color: #0F172B;
    font-size: 25px;
}
.light-cover {
    float: right;
    margin-right: 0px;
    margin-bottom: -50px;
}
	.light-cover h2 {
    color: #333333;
    font-size: 25px;
}
	.circle-logo img {
    margin-bottom: 0px;
}
	.image-divider-cover img {
    width: 100%;
    margin-bottom: 25px;
}
.circle-logo {
    position: absolute;
    width: 110px;
    height: 110px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: -14%;
    padding: 20px;
    background: #fff;
    border-radius: 100px;
}
	section.our-stories a.primary-btn {
    text-align: center;
    width: 200px;
    margin: 0px auto 0px;
    display: block;
}
	.small-white-box {
    background: #F9F9F9;
    max-width: 90%;
    margin: 0 auto;
    padding: 30px;       margin-bottom: 80px;
    margin-top: -40px;
    position: relative;
}

	.small-white-box h2 {
    font-family: 'Playfair Display' !important;
    font-size: 21px !important;}
	.review-bx p {
    color: #fff;
    font-family: 'Playfair Display';
    font-size: 14px;
    margin-top: 15px;
}
.slider {
    padding: 320px 0px 90px;
}
#triangle-up {
    width: 0;
    height: 0;
    z-index: -1;
    position: absolute;
    top: 0px;
    left: -100px;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid #F9F9F9;
}
	.perspective-box h2 {
    max-width: 430px;
    float: right;
    font-size: 19px !important;
}
	.perspective-box h2 {
    max-width: 430px;
    float: right;
    font-size: 25px;
}
.perspective-box p {
    max-width: 430px;
    font-size: 12px;
}
.perspective-box {
    max-width: 100%;
    float: right;
    text-align: right;
    padding: 30px 20px;
    background: #F9F9F9;
    margin-top: -60px;
    margin-right: 30px;
    position: relative;
    margin-left: 30px;
    z-index: 2;
}
	.footer-list {
    margin-bottom: 20px;
}
	ul.ft-list li a {
    font-family: 'Manrope';
    color: #fff;
    font-size: 10px;}
	p.cpy {
    color: #fff;
  font-size: 10px;
    text-align: center;
}
	ul.ft-list {
    text-align: center;
}
	ul.loc-area li a {
    color: #fff;
    font-size: 13px;
}
	a.book-new {
    margin-top: 20px;
}
	div#navbarSupportedContent {
    background: #fff;
    position: relative;
    margin-left: 0px;
}
	
}
@media (min-width: 320px) and (max-width: 576px) {
	
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #ffffff;
}