/*
Theme Name: staycayhomes Theme
Author: 
Author URI: https://www.staycayhomes.com/
Version: 3.4
Description: This is staycayhomes Theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* @import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap'); */

@font-face {
font-family: 'Jost';
src: url('fonts/Jost-Regular.eot');
src: url('fonts/Jost-Regular.woff2') format('woff2'),
url('fonts/Jost-Regular.woff') format('woff'),
url('fonts/Jost-Regular.ttf')  format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Jost';
src: url('fonts/Jost-Italic.eot');
src: url('fonts/Jost-Italic.woff2') format('woff2'),
url('fonts/Jost-Italic.woff') format('woff'),
url('fonts/Jost-Italic.ttf')  format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Jost';
src: url('fonts/Jost-Medium.eot');
src: url('fonts/Jost-Medium.woff2') format('woff2'),
url('fonts/Jost-Medium.woff') format('woff'),
url('fonts/Jost-Medium.ttf')  format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Jost';
src: url('fonts/Jost-MediumItalic.eot');
src: url('fonts/Jost-MediumItalic.woff2') format('woff2'),
url('fonts/Jost-MediumItalic.woff') format('woff'),
url('fonts/Jost-MediumItalic.ttf')  format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Jost';
src: url('fonts/Jost-SemiBold.eot');
src: url('fonts/Jost-SemiBold.woff2') format('woff2'),
url('fonts/Jost-SemiBold.woff') format('woff'),
url('fonts/Jost-SemiBold.ttf')  format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Jost';
src: url('fonts/Jost-SemiBoldItalic.eot');
src: url('fonts/Jost-SemiBoldItalic.woff2') format('woff2'),
url('fonts/Jost-SemiBoldItalic.woff') format('woff'),
url('fonts/Jost-SemiBoldItalic.ttf')  format('truetype');
font-weight: 600;
font-style: italic;
}

*{margin:0;padding:0;box-sizing:border-box;}
body {font-family: 'Jost', sans-serif;color: #000;width: 100%; max-width: 1920px; margin: 0 auto; position: relative;}
h1,h2,h3,h4,h5,h6 {font-family: 'Jost', sans-serif;margin: 0;}
h1 {font-size:70px;line-height:85px;font-weight: 600;}
h2 {font-size:45px;line-height:65px;font-weight: 600;}
h3 {font-size:24px;line-height:32px;font-weight: 500;}
h4 {font-size:20px;line-height:28px;font-weight: 500;}
p{font-size:18px;line-height:26px;color: #000000;font-weight: 400;}
a{text-decoration: none;color: #000000;}
li{list-style: none;}
section {padding: 100px 15px;}
.container{width:1440px;margin:0 auto;justify-content:space-around;align-items:center;max-width:100%}
.container:after {
    content: '';
    display: table;
    clear: both;
}
.block {width: 100%;float: left;overflow: hidden;}
.btn1{background: #D39C39;padding: 10px 30px;color: #ffffff;font-weight: 500;transition: all .4s;border-radius: 7px;}
.btn1 a{font-weight: 500;font-size: 16px;line-height: 24px;color: #FFFFFF;transition: all .4s;}
.btn1:hover {padding: 10px 30px;background: #1F458D;transition: all .4s;}
.btn2 a{font-weight: 500;font-size: 16px;line-height: 24px;color: #FFFFFF;background: #D39C39;padding: 10px 30px;transition: all .4s;border-radius: 7px;}
.btn2 a:hover {padding: 10px 30px;background: #1F458D;transition: all .4s;color: #ffffff !important;}
/* Paddings */
.pt100{padding-top:100px;}
.pb100{padding-bottom:100px;}
.mb15{margin-bottom:15px;}
.mt15{margin-top:15px;}
.mb20{margin-bottom:20px;}
.mb22{margin-bottom:22px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}
.link{text-decoration: underline;}
/* Header Menu */
header {width: 100%; padding: 0 15px; float: left;box-shadow: 0px 10px 20px rgb(0 0 0 / 6%);}
.fixed {position: fixed;width: 100%;top: 0;left: 0;z-index: 9999;background: #fff;}
.header {display: flex;padding: 15px 0px;justify-content: space-between;align-items: center;}
.logo {display: flex;}
nav ul {display: flex;list-style-type: none;margin: 0;padding: 0;}
nav ul li {margin-right: 30px;padding: 10px 0px;}
nav ul li:last-child {margin: 0;}
.header-nav .primary-menu .current-menu-item a{color: #1f458d;}
nav ul li a {text-decoration: none;color: #000000;font-size: 18px;line-height: 26px;transition:all .4s}
.fixed {background-color: #ffffff;}
/* .fixed .logo {height: 70px;} */
.fixed ul {margin: 0;}
.mobile {width: 40px;height: 40px;position: fixed;background: #1F458D;padding: 9px;display: flex;flex-direction: column;align-items: center;justify-content: center;top: 30px;right: 20px;display: none;border-radius: 5px;}
.line {width: 100%;height: 2px;background: #fff;margin-bottom: 6px;}
.line-3 {margin: 0;}
nav ul li.menu-item-has-children {position: relative;transition: 0.2s ease-in-out;overflow: hidden;}
nav ul li.menu-item-has-children:hover {overflow: visible;}
ul.primary-menu li a:hover {color: #1f458d;transition:all .4s}

.bg-color{background: rgba(211, 156, 57, 0.07);}

.heading-title{display:flex;flex-direction:column;grid-gap:10px;align-items:center}
.heading1 span{color:#d39c39}
.heading-title1{display:flex;flex-direction:column;grid-gap:10px;align-items:center;width:900px}
.multiline p{text-align:center}
.multiline{display:flex;flex-direction:column;align-items:center;grid-gap:10px}

/* Slider */
.banner-main{position:relative}
.banner-main .owl-dots{position: absolute; bottom: 30px; right: 30px; z-index: 2; display: flex; flex-direction: row; justify-content: center; grid-gap: 10px; align-items: center;}
.banner-main .owl-dots button span{width:16px;height:16px;display:flex;background:rgb(211 156 57 / 30%);border-radius:50%}
.banner-main .owl-dots button.active span{background:#d39c39;margin: 4px;}
.owl-nav{display:none}
button.owl-dot.active {border: 2px solid #d39c39 !important;border-radius: 100px;display: flex;margin: 4px;}
/* Features */
.heading1{display:flex;flex-direction:column;align-items:center;grid-gap:15px;margin-bottom:85px}
.heading-line{border:4px solid #d39c39;width:70px;border-radius:100px} 
.hotel-features {background: rgba(211,156,57,.07);border: 1px solid #D39C39;border-radius: 15px;padding: 30px;text-align: center;transition: all .4s;width: 25%;}
.feature-img img{width:70px;margin-bottom:15px;margin-left:0;margin-right:0;display:unset;background:#fff;border-radius:100px}
.features {display: flex;grid-gap: 30px;}
.feature-content h4{color:#1f458d;padding-bottom:10px}
.single-room-slider .owl-stage-outer .owl-item img {
    height: 666px;
    -o-object-fit: cover;
       object-fit: cover;
}

.gm-style-iw-d {
    padding: 0;
    overflow: auto !important;
}
.gm-style .gm-style-iw-c {
    padding: 0px;
    max-width: 300px !important;
}
.infow-location ul {
    display: flex;
    gap: 20px;
    padding-top: 0px;
}
.infow-card h3 {
    font-size: 17px;
}
.infow-card h3 a {
    color: #D39C39;
    font-size: 18px;
}
.infow-card h3 span.black {
    font-size: 18px;
}
.infow-card-body ul li {
    /* display: inline-block; */
    /* padding: 0px 6px; */
    font-size: 16px;
font-family: 'Jost', sans-serif;
    display: flex;
    position:relative;
}
.infow-card-body {
    padding: 10px;
}
button.gm-ui-hover-effect {
    background-color: #fff !important;
    opacity: 1;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    top: 0 !important;
    right: 0 !important;
    width: 20px !important;
    height: 20px !important;
}
.infow-utility ul {
    display: flex;
    -moz-column-gap: 20px;
         column-gap: 20px;
    margin-bottom: 15px;
    flex-wrap: wrap;
    margin-top: 4px;
}
button.gm-ui-hover-effect span {
    margin: 0 !important;
}

.infow-location ul li:last-child::after, .infow-card-body ul li:last-child:after {
    display:none;
}
.infow-location ul li::after, .infow-card-body ul li:after {
    content: "\A";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d39c39;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
}
.infow-price {
    color: #1f458d;
    font-size: 16px;
    font-family: 'Jost', sans-serif;
}
.single-box .gm-style-iw-d {
    overflow: scroll !important;
}
.single-box  .gm-style .gm-style-iw-c {
    padding: 12px;
        max-width: 100% !important;
}
 .acf-map .infow-card img {
    max-width: unset !important;
    width: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
}
.uniq-search {
    display: flex;
    gap: 40px;
}
.mphb_sc_search_results-wrapper.stayresultlist {
    padding: 0 !important;
}
.uniq-google-map {
    width: 60%;
}
.mphb_sc_search_results-wrapper .uniq-google-map {
    min-height: calc(100vh - 97px);
}
.uniq-search-main {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
}
.uniq-search-main .mphb-room-type {
    width: calc(50% - 10px) !important;
    max-width: 100% !important;
}

.slick-room-gallery img {
    max-width: 100%;
    height: 225px;
    border-radius: 5px;
}
.booking-search {
    position: absolute;
    bottom: 30px;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 757px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.acf-map {
    width: 100%;
    height: 100%;
}

.acf-map img {
   max-width: inherit !important;
}
.booking-search h1 {
    font-size: 45px;
    line-height: 65px;
    color: #fff;
}
.booking-search h1 span {
    color: #D39C39;
}
.blue-menu a {
    background-color: #1e468e;
    padding: 10px;
    border-radius: 5px;
    color: #fff !important;
    transition: .3s ease-in-out;
}
.slide-content .testimonial-client + p {
    overflow: hidden;
    height: 104px;
}
.slide-content a {
    color: #d39c39;
    margin-top:20px ;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    display:flex;
    align-items:center;
    justify-content: center;
    transition:.3s ease-in-out;
}
.slide-content a:hover{
    color:#1e468e;
}
.blue-menu a:hover {
    background-color: #d39c39;
    color: #fff !important;
}
.review-top-border {
    border-top: 1px solid #E0E1E5;
    padding: 30px 0 80px;
}
.review-top-border .heading1 {
    display: inline-block;
    margin-bottom: 30px;
}
.review-top-border .client-testimonial {
    margin: 0px -15px;
    width: calc(100% + 30px);
}
.review-top-border .heading1 .heading-line {
    border-width: 2px;
}
.sticky-panel {
    position: fixed;
    top: 50px;
  }
.testimonial-client h4:nth-child(2) {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #1e468e;
}
.hidden-testimonial { display: none;}
.hidtoggle {
    display: inline;
}
.readmore-home { margin: 0 5px;}
.mphb_sc_search-wrapper .mphb_sc_search-check-in-date label abbr, .mphb_sc_search-wrapper .mphb_sc_search-check-out-date label abbr {
    display: none;
}
.mphb_sc_search-wrapper .mphb_sc_search-location {
    order: -1;
}
.banner-slide-wrapper{
    position: relative;
}

.mphb_sc_search-wrapper {
    padding: 0.5ex;
    width: 730px;
    background-color: #333;
    color: #fff;
    font-size: 2em;
    border-radius: 0.5ex;
  }
  
  .mphb_sc_search-wrapper.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
    border-radius: 0 0 0.5em 0.5em;
  }
.booking-search .mphb_sc_search-wrapper {
    display: flex;
    padding: 20px;
    background: #fff;
    border-radius: 15px;
}
.booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form {
    display: flex;
    -moz-column-gap: 20px;
         column-gap: 20px;
    width: 100%;
    align-items: flex-end;
}
.banner-slide-wrapper:after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(31, 69, 141, 0) 0%, rgba(31, 69, 141, 0) 0.01%, rgba(0, 0, 0, 0.6) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form p {
    width: 100%;
    max-width: 150px;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form .mphb_sc_search-location {
    max-width: 180px !important;
}
.booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form p label {
    font-size: 18px;
}
.booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form p br {
    display: none;
}
.booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form p input {
    height: 52px;
    border: 1px solid #E0E1E5;
    padding: 10px 15px;
    font-size: 16px;
    background-image: url('http://staycayhomes.headbase.tech/wp-content/uploads/2022/12/calendar-o.svg');
    background-repeat: no-repeat;
    background-position: right 1.0625em top 1em;
    background-size: 1rem;
    outline: none;
}
.booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form p select {
    height: 52px;
    border: 1px solid #E0E1E5;
    padding: 10px 15px;
    font-size: 16px;
    background-image: url('http://staycayhomes.headbase.tech/wp-content/uploads/2022/12/angle-down.svg');
    background-repeat: no-repeat;
    background-position: right 1.0625em top 1em;
    background-size: 1rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
}
.booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form p.mphb-required-fields-tip {
    display: none;
}
.booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form p.mphb_sc_search-submit-button-wrapper input.button {
    border: none;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    background-image: none;
}
.booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form p.mphb_sc_search-submit-button-wrapper input.button:hover {
    background: #1F458D;
}

/* Gallery */
.heading3 span {font-size: 45px;line-height: 65px;font-weight: 600;color: #1F458D;}
.section-gallery-block .heading3 {margin-bottom: 50px;}
.section-gallery-block {padding-top: 0px;}
.service-content h2 span {color: #d39c39;}
.service-content p span {color: #d39c39;}
.section-gallery {display: flex;grid-gap: 15px;}
.image-section2 {display: flex;grid-gap: 15px;}
.image-section1 img, .image-section2 img {border-radius: 12.5px;width: 100%;}
.image-section1 {display: flex;}
.img-w {width: 24px;height: 24px;}
.service-content a {align-items: center;}

/* Ad */
.ad {padding: 0px;}
.ad img {width: 100%;height:auto;}

/* Services */
/*.services{display:grid;grid-gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.hotel-services{padding:20px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.service-content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#1f458d}
.services-block{display:flex;flex-direction:column;grid-gap:15px;align-items:flex-start}
.services-img img {
    width: -webkit-fill-available;
}

.services-img{
    width: -webkit-fill-available;
}*/
.service-inner-block {display: flex;align-items: center;-moz-column-gap: 100px;column-gap: 100px;}
.services-img-sec {width: 50%;display: flex;border-radius: 15px;overflow: hidden;}
.service-content a {display: flex;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
.service-inner-block img {width: 100%; height: 470px;}
.service-content {display: flex;flex-direction: column;grid-gap: 20px;}
.service-blocks {display: flex;flex-direction: column;grid-gap: 30px;}
.city-right-bottom .owl-carousel .owl-nav button.disabled {border: 1px solid #cbcbcb !important;}
.city-right-bottom .owl-carousel .owl-nav .disabled span {color: #cbcbcb;}

/* Testimonials */
.slide-content {display: flex!important;flex-direction: column;justify-content: flex-start;align-items: center;padding: 30px;grid-gap: 15px!important;margin: 0px 15px;border: 1px solid #e0e1e5;border-radius: 15px;height: auto !important;}
.slide-content p{text-align:center}
.testimonial-client{display:flex;flex-direction:column;align-items:center}
.testimonial-client h4{color:#d39c39}

/* Footer */
footer{padding:100px 15px 30px 15px;background:#1f458d;background:#1f458d;background-image:url(http://staycayhomes.headbase.tech/wp-content/uploads/2022/07/Footer.png);background-repeat:no-repeat;background-size:contain}
.footer-main{display:flex;justify-content:space-between;color:#fff;align-items:center;grid-gap: 30px;}
.copyright{display:flex;justify-content:space-between;align-items:center;color:#fff}
.copyright-right ul{display:flex;justify-content:space-between;align-items:center}
.footer-box1 ul{display:flex;grid-gap:15px;flex-direction:column}
img.location-img{width:34px;height:34px}
.footer-box1 ul li,.footer-box1 ul li a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;color:#fff}
.footer-box3 ul{display:flex;grid-gap:15px}
.copyright-right ul li:after{content:"";background:rgba(255,255,255,.25);width:1px;height:13px;display:inline-flex;grid-gap:15px;margin:15px}
.copyright-right ul li:last-child:after{content:"";background:transparent;width:1px;height:13px;display:inline-flex;grid-gap:15px;}
img.social-icon{width:34px;height:34px}
.copyright-left p,.copyright-right ul li a{color:#fff}
.footer-line{height: 1px;background: rgba(255, 255, 255, 0.25);}
.footer-flex{display:flex;gap:50px;flex-direction:column;align-items:stretch}
input[type="email"] {background: #FFFFFF;border: 1px solid #FFFFFF;border-radius: 7px;padding: 10px;width: 100%;height: 44px;}
input[type="submit"] {background: #D39C39;border-radius: 7px;border: none;padding: 10px 30px;height: 44px;font-family: 'Jost';font-style: normal;font-weight: 500;font-size: 16px;line-height: 24px;color: #FFFFFF; cursor: pointer;}
form {display: flex;grid-gap: 7px;}
.footer-box2 span {font-weight: 500;font-size: 18px;line-height: 26px;color: #FFFFFF;}
.footer-box2 {display: flex;flex-direction: column;grid-gap: 15px;}
.service-content a {display: flex;width: auto;white-space: nowrap;-moz-column-gap: 10px;column-gap: 10px;}
.service-content a img {border-radius: 0px;}
.service-content {display: flex;flex-direction: column;grid-gap: 20px;align-items: flex-start;width: 50%;}
.slick-track {display: flex !important;}
.faq-uniq {background: rgb(211 156 57 / 7%);}
.faq-main {display: flex;flex-direction: column;row-gap: 50px;}
.faq-sec {display: flex;flex-direction: column;row-gap: 10px;}
.faq-box {border-radius: 10px;display: flex;flex-direction: column;border: 1px solid #D39C39;overflow: hidden;}
.faq-head {display: flex;padding: 20px;background: #D39C39;color: #fff;align-items: center;width: 100%;justify-content: space-between;cursor: pointer;}
.faq-head h3 {font-size: 20px;line-height: 28px;font-weight: 500;}
.faq-arrow {width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;transform: rotate(180deg);transition: 0.3s ease-in-out;}
.rotate-180 {transform: rotate(0deg);}
.faq-content {display: block;padding: 43px;display: none;}
.image-section1 img {-o-object-fit: cover;object-fit: cover;height: 100%;}
.img-sec2-inner {display: flex;flex-direction: column;row-gap: 15px;}
.img-sec2-inner img {height: 280px;-o-object-fit: cover;object-fit: cover;}

/* Tabs */
.tab-section-sec .tabs {width: 370px;background: #fff;}
ul#tabs-nav {list-style: none;margin: 0;overflow: auto;display: flex;flex-direction: column;}
ul#tabs-nav li {display: flex;}
ul#tabs-nav li:hover, ul#tabs-nav li.active {background-color: #D39C39;color: #fff;}
ul#tabs-nav li:hover a {color: #fff;}
ul#tabs-nav li.active a {color: #fff;}
#tabs-nav li a {text-decoration: none;padding: 20px;height: 70px;width: 100%;display: flex;line-height: 28px;font-weight: 500;color: #000000;border-bottom: 1px solid #E0E1E5;}
.tab-section-right {width: calc(100% - 370px);display: flex;}
.tab-section-right section {padding: 0px 30px;}
.tab-right-box {align-items: flex-start;-moz-column-gap: 30px;column-gap: 30px;display: flex;height: 100%;}
.tab-right-box-left {display: flex;border-radius: 15px;overflow: hidden;max-width: 490px;height: 100%;max-height: 420px; min-height:420px;}
.tab-right-box-left img {width: 100%;    height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
.tab-right-box-right {width: calc(100% - 490px);display: flex;flex-direction: column;align-items: flex-start;text-align: left;row-gap: 10px;}
.tab-right-box-right h3 {color: #1F458D;font-size: 24px;line-height: 32px;font-weight: 500;}
.main-top {width: 100%;display: flex;background: rgb(211 156 57 / 7%);}
.main-top-left {width: 50%;display: flex;padding: 100px 250px;flex-direction: column;row-gap: 20px;}
.main-top-left h1 {font-size: 45px;line-height: 65px;font-weight: 600;position: relative;}
.main-top-left h1 span {color: #D39C39;}
.main-top-left h1:after {content: "";position: absolute;top: 100%;left: 0;width: 70px;height: 4px;background: #D39C39;border-radius: 10px;}
.simple-b {display: flex;align-items: center;-moz-column-gap: 10px;column-gap: 10px;color: #D39C39;}
.simple-b p {color: #D39C39;}
.main-top-right {display: flex;width: 50%;overflow: hidden;}
.main-top-right img {width: 100%;height: 545px;-o-object-fit: cover;object-fit: cover;}
.city-main {padding: 100px 15px;}
.city-part {display: flex;align-items: center;overflow: hidden;justify-content: space-between;width: 100%;}
.city-left {display: flex;-moz-column-gap: 10px;column-gap: 10px;row-gap: 10px;flex-direction: column;}
.city-box-sec {display: flex;-moz-column-gap: 10px;column-gap: 10px;}
.city-box {display: flex;border-radius: 15px;overflow: hidden;position: relative;}
.city-box img {height: 100%;-o-object-fit: cover;object-fit: cover;}
.city-ab {position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px 15px;background: rgb(0 0 0 / 70%);display: flex;align-items: center;justify-content: center;color: #fff;}
.city-ab h3 {font-size: 20px;line-height: 28px;text-align: center;}
.city-right {display: flex;flex-direction: column;row-gap: 40px;max-width: 635px;}
.city-right-top {display: flex;flex-direction: column;row-gap: 10px;}
.city-right-top h2 span {color: #D39C39;}
.city-right-top p {font-size: 20px;line-height: 28px;color: #1F458D;font-weight: 500;}
.city-right-bottom {width: 100%;}
.city-slider {display: flex;flex-direction: column;width: 100%;row-gap: 10px;}
.city-slider-line {width: 100%;display: flex;align-items: center;justify-content: space-between;max-width: 100%;}
.city-right-bottom .owl-nav {display: flex;justify-content: center;align-items: center;margin-top: 40px;-moz-column-gap: 30px;column-gap: 30px;}
.city-right-bottom .owl-nav button {width: 43px;height: 43px;display: flex;align-items: center;justify-content: center;border: 1px solid #D39C39 !important;border-radius: 50px;}
.city-right-bottom .owl-nav button span {font-size: 34px;line-height: 34px;display: flex;margin-top: -5px;color: #D39C39;}
.city-right-bottom .owl-dots {display: none;}
.tab-section {padding: 100px 15px;background: rgb(211 156 57 / 7%);}
.tab-section-main {display: flex;flex-direction: column;row-gap: 50px;text-align: center;}
.tab-section-main h2 span {color: #D39C39;}
.tab-section-sec {display: flex;}
.uniq-map iframe {width: 100%;display: flex;}
.tab-content {
    height: 100%;
}
.mphb_sc_checkout-wrapper h4.mphb-reservation-submitted-title {
    color: #D39C39;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details p.mphb-adults-chooser {
    flex-direction: unset !important;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details p.mphb-adults-chooser label {
    width: 150px;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details p.mphb-guest-name-wrapper label {
    width: 150px;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details p.mphb-guest-name-wrapper {
    display: flex;
    flex-direction: unset !important;
    row-gap: 5px;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details .mphb-guest-name-wrapper input {
    width: 100%;
}
.mphb-checkout-section table.mphb-price-breakdown tbody .mphb-price-breakdown-date, .mphb-checkout-section table.mphb-price-breakdown tbody .mphb-price-breakdown-dates{
    display: none;
}
.single-room-slider {
    position: relative;
}
.single-room-slider .owl-nav {
    display: flex !important;
    position: absolute;
    bottom: 20px;
    right: 20%;
    -moz-column-gap: 10px;
         column-gap: 10px;
}
.single-room-slider .owl-nav button {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    border-radius: 50%;
}
.single-room-slider .owl-nav span {
    font-size: 35px;
    margin-top: -6px;
}
.single-room-slider .owl-dots {
    display: none;
}
.single-room-main {
    display: flex;
    -moz-column-gap: 30px;
         column-gap: 30px;
    align-items: flex-start;
    position: relative;
}
.left_book_info {
    width: calc(100% - 470px);
    display: flex;
}
/* .right-booking-form {
    width: 470px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 30px;
    box-shadow: 0px 20px 60px rgb(0 0 0 / 6%);
    row-gap: 20px;
    right: 0;
} */
.single-room-sec {
    padding: 100px 15px;
    position: relative;
}
.single-content-main {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.single-box {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E0E1E5;
}
.single-box h1,.single-box h2 {
    font-size: 45px;
    line-height: 65px;
    margin-bottom: 15px;
    position: relative;
}
.single-box h1 span, .single-box h2 span {
    color: #D39C39;
}
/* .single-box h1:after, .single-box h2:after {
    content: "";
    position: absolute;
    width: 70px;
    height: 4px;
    bottom: -10px;
    left: 0;
    background: #D39C39;
    border-radius: 10px;
} */

.single-box .miz-htl-hom:after {
    content: "";
    position: absolute;
    width: 70px;
    height: 4px;
    bottom: -10px;
    left: 0;
    background: #D39C39;
    border-radius: 10px;
}
.location {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    text-decoration: underline;
}
.facility-sec {
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
    -moz-column-gap: 15px;
         column-gap: 15px;
}
.facility-box {
    display: flex;
    align-items: center;
    -moz-column-gap: 15px;
         column-gap: 15px;
    width: calc(33.33% - 10px);
}
.facility-icon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(211 156 57 / 7%);
    border-radius: 15px;
}
.facility-box h3 {
    font-size: 20px;
    line-height: 28px;
    color: #1F458D;
}
.content-view {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}
.content-full-view p {
    margin-bottom: 10px;
}
.show-more {
    display: flex;
    align-items: center;
    -moz-column-gap: 10px;
         column-gap: 10px;
    text-decoration: underline;
    color: #D39C39;
    font-size: 18px;
    line-height: 26px;
}
.facility-sec-2 {
    max-width: 680px;
}
.facility-sec-2 .facility-box {
    width: calc(50% - 10px);
}
.img-part {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    -moz-column-gap: 30px;
         column-gap: 30px;
}
.img-box {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.img-box img {
    display: flex;
    border-radius: 15px;
}
.img-content {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}
.img-content h3 {
    font-size: 20px;
    line-height: 28px;
    color: #1F458D;
}
.single-content-main .single-box:last-child {
    border: none;
}
.single-bottom-detail {
    padding-top: 20px;
    border-top: 1px solid #E0E1E5;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    width: 100%;
}
.map-content {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    overflow: hidden;
}
.facility-sec-3 {
    flex-wrap: nowrap;
    justify-content: space-between;
}
.facility-sec-3 .facility-box {
    width: auto;
}
.facility-sec-2 h3 {
    font-size: 18px;
    line-height: 26px;
    color: #000;
}
.facility-sec-3 h3 {
    font-size: 18px;
    line-height: 26px;
    color: #000;
}
.right-booking-form form {
    row-gap: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.right-booking-form form p.mphb-required-fields-tip {
    display: none;
}
.price-part {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.price-part p {
    font-size: 14px;
    line-height: 22px;
    color: #999999;
}
.main-price {
    display: flex;
}
.main-price h3 {
    color: #1F458D;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    -moz-column-gap: 10px;
         column-gap: 10px;
    align-items: center;
}
.old-p {
    color: #D4D2D2;
    text-decoration: line-through;
}
.right-booking-form form p:nth-of-type(2), .right-booking-form form p:nth-of-type(3) {
    width: calc(50% - 4px);
    display: flex;
    flex-direction: column;
    padding: 5px 15px;
    background: #F5F5F5;
    border: 1px solid #E0E1E5;
    border-radius: 7px;
    row-gap: 0px;
}
.right-booking-form form p:nth-of-type(2) label, .right-booking-form form p:nth-of-type(3) label {
    font-size: 14px;
    line-height: 22px;
    color: #999999;
}
.right-booking-form form p br {
    display: none;
}
.right-booking-form form p:nth-of-type(2) input, .right-booking-form form p:nth-of-type(3) input {
    font-size: 16px;
    line-height: 22px;
    background: transparent;
    border: none;
    color: #000;
    outline: none;
}
.right-booking-form form p:nth-of-type(2) input::-webkit-input-placeholder, .right-booking-form form p:nth-of-type(3) input::-webkit-input-placeholder {
    color: #000;
}
.right-booking-form form p:nth-of-type(2) input::-moz-placeholder, .right-booking-form form p:nth-of-type(3) input::-moz-placeholder {
    color: #000;
}
.right-booking-form form p:nth-of-type(2) input:-ms-input-placeholder, .right-booking-form form p:nth-of-type(3) input:-ms-input-placeholder {
    color: #000;
}
.right-booking-form form p:nth-of-type(2) input::-ms-input-placeholder, .right-booking-form form p:nth-of-type(3) input::-ms-input-placeholder {
    color: #000;
}
.right-booking-form form p:nth-of-type(2) input::placeholder, .right-booking-form form p:nth-of-type(3) input::placeholder {
    color: #000;
}
p.mphb-reserve-btn-wrapper {
    width: 100%;
}
p.mphb-reserve-btn-wrapper input {
    width: 100%;
}
.right-booking-form form .mphb-reserve-room-section p {
    width: 100%;
    margin-bottom: 10px;
}
.right-booking-form form .mphb-reserve-room-section input.button {
    width: 100%;
}


.mphb_sc_checkout-wrapper .mphb-login-form-wrap {
    margin-top: 53px;
    float: left;
    margin-bottom: 0px;
}
.mphb_sc_checkout-wrapper form.mphb_sc_checkout-form {
    width: 100%;
    float: left;
    flex-direction: column;
    row-gap: 30px;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details {
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    margin-top: 20px;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details h3 {
    color: #D39C39;
    margin-bottom: 10px;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details p.mphb-check-in-date, .mphb_sc_checkout-wrapper section#mphb-booking-details p.mphb-check-out-date {
    background: #f7f7f7;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details {
    margin-top: 30px;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details a {
    color: #D39C39;
    text-decoration: underline;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details p.mphb-adults-chooser {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details p.mphb-adults-chooser select {
    border: 1px solid #ddd;
    width: 170px;
    height: 50px;
    padding: 10px;
    outline: none;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details p.mphb-guest-name-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details p.mphb-guest-name-wrapper input {
    height: 50px;
    border: 1px solid #ddd;
    outline: none;
    max-width: 500px;
    padding: 10px;
}
section#mphb-price-details {
    margin: 0;
    padding: 20px;
    border: 1px solid #ddd;
}
section#mphb-price-details h4.mphb-price-breakdown-title {
    color: #D39C39;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
}
section#mphb-price-details table.mphb-price-breakdown {
    width: 100%;
}
section#mphb-price-details table.mphb-price-breakdown th, section#mphb-price-details table.mphb-price-breakdown td {
    text-align: left;
    padding: 10px;
}
section#mphb-price-details table.mphb-price-breakdown tr:nth-child(odd) {
    background: rgb(211 156 57 / 6%);
}
section#mphb-price-details table.mphb-price-breakdown tr:nth-child(even) {
    background: #fff;
}
section#mphb-price-details table.mphb-price-breakdown th {
    background: #D39C39;
    color: #fff;
}
.mphb_sc_checkout-wrapper section.uniq-login-section {
    margin: 0;
    padding: 20px;
    border: 1px solid #ddd;
}
.mphb_sc_checkout-wrapper section.uniq-login-section {
    margin: 0px 0px -24px 0px;
    padding: 20px;
    border: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
    -moz-column-gap: 15px;
         column-gap: 15px;
             border-bottom: none;
}
.mphb_sc_checkout-wrapper section.uniq-login-section h3 {
    width: 100%;
    color: #D39C39;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
}
.mphb_sc_checkout-wrapper section.uniq-login-section p.mphb-required-fields-tip {
    display: none;
}
.mphb_sc_checkout-wrapper section.uniq-login-section p {
   /*  width: calc(25% - 12px);*/
    display: flex; 
    flex-direction: column;
    row-gap: 5px;
}
.mphb_sc_checkout-wrapper section.uniq-login-section p br {
    display: none;
}
.mphb_sc_checkout-wrapper section.uniq-login-section p input {
    height: 50px;
    border: 1px solid #ddd;
    outline: none;
    padding: 10px;
    border-radius: 0px;
}
.mphb_sc_checkout-wrapper section.uniq-login-section p select {
    height: 50px;
    border: 1px solid #ddd;
    outline: none;
    padding: 10px;
    border-radius: 0px;
}
.mphb_sc_checkout-wrapper section.uniq-login-section p textarea {
    height: 110px;
    border: 1px solid #ddd;
    outline: none;
    padding: 10px;
    border-radius: 0px;
}
.mphb_sc_checkout-wrapper section.uniq-login-section p.mphb-customer-note {
    width: calc(50% - 12px);
}
.mphb_sc_checkout-wrapper section.uniq-login-section {
    margin: 0;
    padding: 20px;
    border: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
    -moz-column-gap: 15px;
         column-gap: 15px;
}
.mphb_sc_checkout-wrapper section#mphb-billing-details h3.mphb-gateway-chooser-title {
    width: 100%;
    color: #D39C39;
    margin-bottom: 0px;
    font-size: 24px;
    line-height: 32px;
}
.mphb_sc_checkout-wrapper p.mphb_sc_checkout-submit-wrapper {
    margin-bottom: 0px;
}
.mphb_sc_checkout-wrapper p.mphb-total-price {
    font-size: 24px;
}
.mphb_sc_checkout-wrapper section.uniq-login-section p.mphb-customer-create-account {
    flex-direction: row;
    align-items: center;
    align-self: flex-start;
    -moz-column-gap: 10px;
         column-gap: 10px;
    margin-top: 12px;
    width: 100%;
}
.mphb_sc_search_results-wrapper.stayresultlist {
    width: 100%;
    float: left;
    padding: 20px 15px;
}
.mphb_sc_search_results-wrapper.stayresultlist h2 {
    font-size: 34px;
    line-height: 45px;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #D39C39;
}
.mphb_sc_search_results-wrapper.stayresultlist form#mphb-recommendation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.mphb_sc_search_results-wrapper.stayresultlist form#mphb-recommendation button {
    padding: 12px 30px;
    background: #D39C39;
    border: none;
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.mphb_sc_search_results-wrapper.stayresultlist form#mphb-recommendation button:hover {
    background: #1F458D;
}
.mphb_sc_search_results-wrapper.stayresultlist form#mphb-reservation-cart {
    margin: 0px;
    margin-top: 40px;
    margin-bottom: 10px;
}
.mphb_sc_search_results-wrapper.stayresultlist form#mphb-reservation-cart {
    margin: 0px;
    margin-top: 40px;
    margin-bottom: 10px;
}
.mphb_sc_search_results-wrapper.stayresultlist .mphb-room-type {
    width: 100%;
    max-width: 700px;
    border: 1px solid #ddd;
    padding: 10px;
    margin-top: 20px;
}
.mphb_sc_search_results-wrapper.stayresultlist .mphb-room-type p {
    width: 100%;
    display: flex;
}
.mphb_sc_search_results-wrapper.stayresultlist .mphb-room-type h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.mphb_sc_search_results-wrapper.stayresultlist .mphb-room-type h2 a {
    font-size: 26px;
    line-height: 38px;
    color: #D39C39;
}
.mphb_sc_search_results-wrapper.stayresultlist .mphb-room-type h3 {
    margin: 10px 0px;
}
.mphb_sc_search_results-wrapper.stayresultlist .mphb-room-type ul {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}
.mphb_sc_search_results-wrapper.stayresultlist .mphb-room-type p.mphb-view-details-button-wrapper a {
    color: #D39C39;
    text-decoration: underline;
}
.mphb_sc_search_results-wrapper.stayresultlist .mphb-reserve-room-section {
    display: none;
}
.mphb_sc_search_results-wrapper.stayresultlist .mphb-room-type p a {
    width: 100%;
    display: flex;
}
.mphb_sc_search_results-wrapper.stayresultlist .mphb-room-type p a img {
    width: 100%;
    display: flex;
    height: 100%;
}


.image-btn {
    position: absolute;
    bottom: 4%;
    left: 20%;
    z-index: 1;
    background: #fff;
    border-radius: 10px;
    padding: 8px 15px;
}
.show-all-img a{
     display: flex;
    align-items: center;
}
.show-all-img p{
    padding-left:5px;
}
#sidebarWrap {
    width: 470px;
    display: flex;
    align-items: flex-start;
}
#sidebar {
    position: absolute;
    width: 470px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 30px;
    box-shadow: 0px 20px 60px rgb(0 0 0 / 6%);
    row-gap: 20px;
    background: #fff;
    border-radius:10px;
    z-index: 99;
}
#sidebar.sidebarfixed {
    position: fixed;
    top: 120px;
}
.share-b img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
.single-mphb_room_type .mphb-booking-form .mphb-check-in-date-wrapper abbr, .single-mphb_room_type .mphb-booking-form .mphb-check-out-date-wrapper abbr {
    display: none;
}


.mphb_sc_account {
    width: 100%;
    float: left;
    padding: 100px 15px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.mphb-account-content {
    width: 100% !important;
    max-width: 500px;
    display: flex;
    padding: 50px;
    background: #fff;
    box-shadow: 0px 30px 80px rgb(0 0 0 / 10%);
    flex-direction: column;
    row-gap: 20px;
}
.mphb-login-form {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    width: 100%;
}
#loginform {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    width: 100%;
}
#loginform p {
    display: flex;
    width: 100%;
    flex-direction: column;
    row-gap: 5px;
    position: relative;
}
#loginform p.login-username {
    margin-bottom: 15px;
}
#loginform p label {
    background: #fff;
    padding: 5px;
    position: absolute;
    left: 10px;
    top: -18px;
    padding-bottom: 0px;
}
#loginform p input {
    height: 50px;
    border: 1px solid #ddd;
    outline: none;
    padding: 12px;
}
#loginform p.login-remember {
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 10px;
         column-gap: 10px;
}
#loginform p.login-remember label {
    position: static;
    padding: 0px;
    display: flex;
    align-items: center;
    -moz-column-gap: 10px;
         column-gap: 10px;
}
#loginform p.login-remember label input {
    height: auto;
}
#loginform .login-submit input#wp-submit {
    border: none;
    transition: 0.3s ease-in-out;
}
#loginform .login-submit input#wp-submit:hover {
    background: #1E468E;
}
.mphb-login-form a {
    text-decoration: underline;
    color: #D39C39;
}
#loginform p input:focus {
    border: 1px solid #D39C39;
}




nav.mphb-account-menu {
    display: flex;
    width: 300px !important;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0px 10px 30px rgb(0 0 0 / 6%);
}
nav.mphb-account-menu ul {
    display: flex;
    flex-direction: column;
    width: 100%;
}
nav.mphb-account-menu ul li {
    margin: 0;
    display: flex;
    padding: 0px;
    border: none;
}
nav.mphb-account-menu ul li a {
    width: 100%;
    display: flex;
    padding: 15px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    transition: 0.2s ease-in-out;
}
nav.mphb-account-menu ul li:last-child a {
    border: none;
    background: #ff4444;
    color: #fff;
}
nav.mphb-account-menu ul li a:hover {
    background: #D39C39;
    color: #fff;
}
body.logged-in .mphb-account-content {
    margin-left: 15px;
    width: calc(100% - 315px) !important;
    max-width: calc(100% - 315px) !important;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #ddd;
    box-shadow: 0px 10px 30px rgb(0 0 0 / 6%);
    row-gap: 10px;
}
body.logged-in .mphb-account-content p strong {
    color: #D39C39;
}
table.mphb-account-bookings {
    border: 1px solid #ddd;
    border-collapse: collapse;
}
table.mphb-account-bookings th {
    padding: 12px;
    background: #D39C39;
    font-size: 16px;
    text-align: left;
}
table.mphb-account-bookings td {
    padding: 12px;
    background: #fff;
    font-size: 16px;
    line-height: 24px;
}
table.mphb-account-bookings td a {
    padding: 7px 20px;
    background: #1F458D;
    color: #fff;
    border-radius: 4px;
}


form.mphb-account-details-form {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
form.mphb-account-details-form input:focus, form.mphb-account-details-form select:focus {
    border: 1px solid #D39C39;
}
.mphb-account-details {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
    grid-gap: 15px;
    align-items: flex-start;
    align-content: flex-start;
}
.mphb-account-details p {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 5px;
}
.mphb-account-details p label {
    font-size: 16px;
    line-height: 24px;
}
.mphb-account-details p input {
    height: 50px;
    border: 1px solid #ddd;
    outline: none;
    padding: 10px;
    border-radius: 0px;
}
.mphb-account-details p.mphb-customer-email {
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: 7px;
         column-gap: 7px;
}
.mphb-account-details p select {
    height: 50px;
    border: 1px solid #ddd;
    outline: none;
    padding: 10px;
    border-radius: 0px;
}
.mphb-account-change-password {
    flex-wrap: wrap;
    display: flex;
    row-gap: 15px;
    -moz-column-gap: 15px;
         column-gap: 15px;
}
.mphb-account-change-password p:first-child {
    width: 100%;
}
.mphb-account-change-password p {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    width: calc(33.33% - 10px);
}
.mphb-account-change-password p label {
    font-size: 16px;
    line-height: 24px;
}
.mphb-account-change-password p input {
    height: 50px;
    border: 1px solid #ddd;
    outline: none;
    padding: 10px;
    border-radius: 0px;
}
form.mphb-account-details-form p input[type="submit"] {
    cursor: pointer;
    transition: 0.2s ease-in-out;
}
form.mphb-account-details-form p input[type="submit"]:hover {
    background: #1F458D;
}
.mphb_sc_checkout-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 30px;
/*     height: 50vh; */
    row-gap: 0px;
}
.mphb_sc_checkout-wrapper h4.mphb-reservation-submitted-title {
    font-size: 40px;
    line-height: 50px;
    color: #0abd0a;
}
.mphb_sc_checkout-wrapper p.mphb_sc_checkout-success-reservation-message {
    font-size: 20px;
    line-height: 28px;
}
.mphb_sc_booking_confirmation {
    width: 100%;
    display: flex;
    padding: 100px 15px;
}
.mphb-booking-details-section.booking {
    padding: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    border: 1px solid #ddd;
}
.mphb-booking-details-section.booking ul.mphb-booking-details {
    background: #D39C39;
}
.mphb-booking-details-section.booking ul.mphb-booking-details li {
    margin: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 7px;
}
.mphb-booking-details-section.booking ul.mphb-booking-details li span.label {
    color: #fff;
    font-size: 16px;
}
.mphb-booking-details-section.booking ul.mphb-booking-details li span.value {
    font-size: 20px;
}
.share-b {
    position: absolute;
    top: 20px;
    right: 12.0%;
    display: flex;
    align-items: center;
    -moz-column-gap: 10px;
         column-gap: 10px;
    padding: 10px;
    background: #D39C39;
    border-radius: 4px;
    color: #fff;
}
.share-b p{
    color:#fff;
}
.uniq-popup-part {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    display: none;
}
.uniq-popup {
    width: 100%;
    max-width: 600px;
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    min-width: 600px;
}
.close-uniq-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.uniq-popup h2 {
    font-size: 24px;
    line-height: 32px;
}
.img-text {
    display: flex;
    align-items: center;
    -moz-column-gap: 15px;
         column-gap: 15px;
}
.img-small-uniq {
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 10px;
}
.img-small-uniq img {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}
.all-social-sec {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    grid-gap: 20px;
    align-items: flex-start;
    margin-top: 30px;
}
.uniq-social-box {
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    padding: 15px;
    display: flex;
    align-items: center;
    -moz-column-gap: 15px;
         column-gap: 15px;
}
.uniq-social-box img {
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
}
.uniq-social-box h3 {
    font-size: 20px;
    line-height: 28px;
}
.back-drop {
    position: fixed;
    top: 0;
    left: 0;
    width: 101%;
    height: 101%;
    background: rgb(0 0 0 / 70%);
    z-index: 999;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.big-view {
    height: auto !important;
}
.slide-content a span {
    font-size: 25px;
    line-height: 25px;
    display: inline;
    margin-left:5px;
}
.mphb-room-type p:nth-child(3) {
    display: none !important;
}
/* .hotel-fas {
    padding-left: 1.3rem;
} */
/* .hotel-fas li.dot {
    list-style: disc;
    padding-right: 20px;
}
.hotel-fas li.dot::marker { 
    color: #D39C39 !important;
} */
.uniq-price {
    display: flex;
    gap: 10px;
}
.sall-price {
    color: #777;
    text-decoration: line-through;
}
.search-results-wrap {
    width: 40%;
    padding: 30px 0 30px 30px;
}
.uniq-search-main .mphb-room-type {
    border: none !important;
    padding: 0 !important;
}
.page-id-354 .post-inner .container {
    width: 100% !important;
}
.uniq-search-main .mphb-room-type .post-thumbnail img {
    border-radius: 5px;
}
.uniq-hotal-detail {
    display: flex;
    gap: 10px;
    padding-top: 10px;
}
.search-results-wrap .uniq-search-main .mphb-room-type .mphb-room-type-title {
    margin-top: 0px !important;
}
.city{
    position: relative;
}
.city::after{
    content:"\A";
    width:8px;
    height:8px;
    border-radius:50%;
    background: #d39c39;
    display:inline-block;
    margin-left: 5px;
}
.slick-room-gallery .slick-prev:before, .slick-room-gallery .slick-next:before {
    font-family: 'slick';
    font-size: 15px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #000000c7;
    padding: 10px;
    border-radius: 50px;
}
.slick-room-gallery .slick-prev, .slick-room-gallery .slick-next {
    /* background: transparent; */
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 50;
}
.slick-room-gallery .slick-next {
    right: 20px;
}
.slick-room-gallery .slick-prev {
    left: 14px;
}
.slick-room-gallery button {
    opacity: 0;
    transition: all 350ms ease-in-out;
}
.slick-room-gallery:hover button {
    opacity: 1;
}
.single-content-main .show-more,.single-bottom-detail .show-more {
    text-decoration: none;
}
.single-bottom-detail .google-map .acf-map,.uniq-map .acf-map {
    height: 442px;
}
.single-room-sec {
    overflow: unset;
}
.single-room-sec #sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 135px;
    margin-bottom: 30px;
}
.single-room-sec .single-room-main {
    align-items: stretch;
}
.uniq-search-main .uniq-price p.dis-price {
    color: #1f458d;
}
.dot{
    position: relative;
}
.dot::before{
    content: "\A";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d39c39;
    display: inline-block;
    margin-right: 10px;
}
.hotel-fas li.dot:first-child::before {
    display: none;
}
.uniq-search-form .mphb_sc_search-wrapper {
    width: 100%;
    background: #fff;
    padding-bottom: 30px;
}
.uniq-search-form .mphb_sc_search-wrapper form.mphb_sc_search-form {
    width: 100%;
    flex-wrap: wrap;
    grid-gap: unset;
    align-items: center;
}
.uniq-search-form .mphb_sc_search-wrapper form.mphb_sc_search-form p.mphb-required-fields-tip:first-child{
    display: none;
}
.uniq-search-form .mphb_sc_search-wrapper form.mphb_sc_search-form p select {
    height: 52px;
    border: 1px solid #E0E1E5;
    padding: 10px 15px;
    font-size: 16px;
    background-image: url('http://staycayhomes.headbase.tech/wp-content/uploads/2022/12/angle-down.svg');
    background-repeat: no-repeat;
    background-position: right 1.0625em top 1em;
    background-size: 1rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    width: 100%;
}
.uniq-search-form .mphb_sc_search-wrapper form.mphb_sc_search-form p input {
    height: 52px;
    border: 1px solid #E0E1E5;
    padding: 10px 15px;
    font-size: 16px;
    background-image: url('http://staycayhomes.headbase.tech/wp-content/uploads/2022/12/calendar-o.svg');
    background-repeat: no-repeat;
    background-position: right 1.0625em top 1em;
    background-size: 1rem;
    outline: none;
    width: 100%;
}
.uniq-search-form .mphb_sc_search-wrapper form.mphb_sc_search-form p.mphb_sc_search-submit-button-wrapper input.button {
    border: none;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    background-image: none;
}
.uniq-search-form .mphb_sc_search-form p {
    padding-left: 5px;
    padding-right: 5px;
}
.uniq-search-form .mphb_sc_search-form .mphb_sc_search-location {
    width: 23%;
}
.uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-in-date {
    width: 29%;
}
.uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-out-date {
    width: 29%;
}
.uniq-search-form .mphb_sc_search-form .mphb_sc_search-submit-button-wrapper {
    margin-top: 24px;
    width: 19%;
}
.black {
    font-size: 28px;
    line-height: 38px;
    color: #000000;
}
.mphb_sc_checkout-wrapper 
 form.mphb_sc_checkout-form {
    grid-gap: unset !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 20px !important;
    /*justify-content: flex-end !important;*/
    padding: 0 !important;
}
.mphb_sc_checkout-form #mphb-booking-details {
    margin: 0px !important;
    width: calc(43% - 10px) !important;
    order: 3 !important;
}
.mphb_sc_checkout-form #mphb-price-details {
    width: calc(50% - 10px) !important;
    order: 2 !important;
}
.mphb_sc_checkout-form .uniq-login-section{
    width: calc(57% - 10px) !important;
    order: 1 !important;
}
.mphb_sc_checkout-form #mphb-billing-details{
    width: calc(57% - 10px) !important;
    align-content: center !important;
}
.mphb_sc_checkout-form .mphb-total-price {
    order: 5 !important;
}
.mphb_sc_checkout-form .mphb_sc_checkout-submit-wrapper{
    order: 6 !important;
}
.mphb_sc_checkout-form .uniq-login-section p {
    width: calc(50% - 8px);
    align-items: flex-start !important;
}
.mphb_sc_checkout-form .uniq-login-section p input,.mphb_sc_checkout-form .uniq-login-section p textarea{
    width: 100% !important;
}
.mphb_sc_checkout-form p.mphb-errors-wrapper {
    width: 100% !important;
}
.st-cmp-settings{
    display: none !important;
}
.booking-date p {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.booking-date {
    display: flex;
    justify-content: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
}
.booking-date .mphb-check-in-date{
    position: relative;
}

.booking-date .mphb-check-in-date::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 8px;
    background: #000;
    right: -15px;
    top: 12px;
}
.booking-img-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.booking-ditail-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0px;
}
.booking-ditail-main p {
    text-align: left !important;
}
.booking-img img {
    border-radius: 5px;
}
.mphb-room-details .mphb-adults-chooser label,.mphb-room-details .mphb-guest-name-wrapper label {
    text-align: left !important;
}
.mphb-guest-name-wrapper label {
    width: 128px !important;
}
.mphb_sc_checkout-wrapper section#mphb-billing-details fieldset.mphb-billing-fields {
    width: 100%;
    height: auto;
}
.mphb_sc_checkout-wrapper section#mphb-billing-details fieldset.mphb-billing-fields section#mphb-stripe-payment-container {
    padding: 20px 0;
    margin-bottom: 0;
}
section#mphb-price-details tr.mphb-price-breakdown-subtotal, section#mphb-price-details tr.mphb-price-breakdown-dates-subtotal {
    display: none;
}
.mphb_sc_booking_confirmation {
    row-gap: 50px;
    -moz-column-gap: 20px;
         column-gap: 20px;
    flex-wrap: wrap;
}
.mphb_sc_booking_confirmation .mphb-payment-messages {
    width: 100%;
    text-align: center;
}
.mphb_sc_booking_confirmation .mphb-payment-messages p {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #1e468e;
}
.mphb_sc_booking_confirmation .mphb-booking-details-section.booking {
    flex: 1 1 250px;
}
.mphb_sc_booking_confirmation .mphb-booking-details-section.payment {
    width: 350px;
    margin: 0;
    border: 1px solid #ddd;
    padding: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.mphb_sc_booking_confirmation .mphb-booking-details-section.payment ul.mphb-booking-details {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.mphb_sc_booking_confirmation .mphb-booking-details-section.payment ul.mphb-booking-details li.payment-number {
    flex: auto;
    width: 100%;
    padding: 0;
    border: none;
    margin: 0;
    display: flex;
    justify-content: space-between;
}
.mphb_sc_booking_confirmation .mphb-booking-details-section.payment ul.mphb-booking-details li.payment-number span.label {
    font-size: 16px;
}

/*client testimonial Resident Reviews add cstm-css 12_04_23 */
.testimonial-client h4:first-child{
    color: #d39c39;
}
/* .testimonial-client h4
{
    color: #1e468e;
} */

/*end client testimonial Resident Reviews*/
.gmap
{
    display: flex;
    flex-wrap: wrap;
}
.homelocation-img
{
    width: calc(50% - 16px);
    display: flex;
    flex-wrap: wrap;
    column-gap: 6px;
}
.google-img-box
{
    height: 100%;
    position: relative;
}
.google-img-box img
{
    width: 100%;
    height: 400px;/* 
    object-fit: contain; */
    -o-object-fit: cover;
       object-fit: cover;
display: block;
}
.gmap .acf-map {
    width: 50%;
}
.google-img-box h3 {
    color: #fff;
    text-align: center;
    background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) );
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 10px 0px;
}
.whattodo_mapinfo .acf-map .gm-style .gm-style-iw-a .gm-style-iw-t .gm-style-iw-d h3
{
    color: #1F458D;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}

.whattodo_mapinfo .acf-map .gm-style .gm-style-iw-a .gm-style-iw-t .gm-style-iw-d
{
    padding: 10px;
}
.whattodo_mapinfo .acf-map .gm-style .gm-style-iw-a .gm-style-iw-t .gm-style-iw-d p
{
    font-size: 16px;
    color: #D39C39;
}
.transparent
{
    display: none;
}
.single-page-manu {
    display: none;
}
.single-page-manu ul li a:hover{
   color: #1f458d;
    transition: all .4s;
}
.single-page-manu ul li a {
    padding-bottom: 32px;
}
.mphb-reserve-room-section {
    width: 100%;
}
.mphb-reserve-room-section .mphb-period-price.mphb-regular-price {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 1rem 0;
}

.mphb-reserve-room-section .mphb-period-price.mphb-regular-price > strong {
    display: none;
}
.mphb-reserve-room-section .mphb-period-price .mphb-price-total,
.mphb-reserve-room-section .mphb-period-price .mphb-room-detail li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mphb-reserve-room-section .mphb-period-price .mphb-room-detail li {
    margin-bottom: 0.5rem;
}

.mphb-reserve-room-section .mphb-period-price .mphb-price-total span,
.mphb-reserve-room-section .mphb-period-price .mphb-room-detail li span {
    flex-shrink: 0;
}

.mphb-reserve-room-section .mphb-period-price .mphb-price-total {
    padding-top: 0.5rem;
    border-top: 1px solid #ddd;
    color: #1F458D;
    font-weight: 700;
}

.booking-check-in span .label
{
    color: #000;
}
.booking-confirmations-details 
{
    display: flex;
}
.property-image img {
    border-radius: 5px;
}
.property-box {
    padding-right: 15px;
}
.customer-details {
    padding-left: 15px;
}
.customer-details ul li
{
    line-height: 32px;
}
.customer-details ul li span:nth-child(2) {
  font-weight: 500;
}
.customer-booking-details-section.customer {
    padding: 20px;
    width: 75%;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    border: 1px solid #ddd;
}
.reservation-box {
    width: 78%;
}
.booking-confirmations-box
{
    display: flex;
    width: 100%;
}
.resevation-payment
{
    display: flex;
    width: 100%;
   column-gap: 30px;
}
.payment-booking-details-section.payment
{
    width: 25%;
    margin: 0;
    border: 1px solid #ddd;
    padding: 20px;

}
/* .home-details-facility {
    display: flex;
    flex-direction: row;
} */
.home-facility-icon {
    margin-right: 10px;
}
.home-facility-details {
    margin-left: 10px;
    color: #1e468e;
    font-weight: 600;
}
.payment-details ul li {
    line-height: 32px;
}
.payment-details ul li {
    display: flex;
    justify-content: space-between;
} .payment-details ul li span:nth-child(2) {
    font-weight: 500;
} 
.reservation-box h3{
    padding-bottom: 15px;
}
.home-details-box-title h3{
    padding-bottom: 15px;
}
/* payment-booking-details-section.payment h3{
    padding-bottom: 20px;
} */
/* .home-details-facility {
    display: flex;
    flex-direction: column;
    row-gap: 7px;
    margin-top: 7px;
} */
.home-repeatre {
    display: flex;
    align-items: center;
}
/* .home-details-box .home-details-facility:nth-child(2) {
    order: 3;
} */
.home-details-box {
    display: flex;
    flex-direction: column;
}
.home-facility-icon {
    background: rgba(211, 156, 57, 0.07);
    padding: 10px;
    border-radius: 5px;
}
.customer-details ul li {
    display: flex;
    column-gap: 25px;
}
.amenities
{
    color: #000;
}
.mphb-booking-details-title
{
    padding-bottom: 15px;
}

#st-1 .st-btn[data-network='copy'] {
    display:none !important;
}
.home-tablet 
{
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.booking-ditail-main h3 span
{
    color: #D39C39;
}
.booking-ditail-main h3 {
    color: #000 !important;
}
.booking-img-main {
    border-bottom: 1px solid #ddd;
}
.booking-confirm-date p
{
    text-align: left;
    margin-bottom: 0.5rem;
}
.booking-confirm-date
{
    border-bottom: 1px solid #ddd;
}
.chcekout-price-details
{
    border-bottom: 1px solid #ddd;
}

.totalprice_due_today
{
    text-align: left;
     border-bottom: 1px solid #ddd;
}
ul.chcekout-price-box li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 18px;
}
.due_today {
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-size: 18px;
    color: #1F458D;
    font-weight: 700;
}
.future_payment_tagline{
    text-align: left;
}
.uniq-login-section .resident-info
{
    color: #000 !important;
    margin-bottom: 0px !important;

}
.main-uniq-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.uniq-forms {
    display: flex;
    column-gap: 15px;
    row-gap: 15px;
    flex-wrap: wrap;
}
.uniq-login-section .main-uniq-form .uniq-forms p {
    width: calc(50% - 8px) !important;
}
.uniq-login p{
    width: 100% !important;
    display: block !important;
    text-align: left;
}
.uniq-login {
    margin-top: 0px !important;
}
.uniq-forms .mphb-customer-country select,.uniq-forms .mphb-adults-chooser select {
    width: 100% !important;
}
.uniq-login-section .resident-info
{
     text-align: left;
}
.payment-title
{
    text-align: left !important;
    color: #000 !important;
}
.alignment-lf
{
    text-align: left !important;
}
.policychk a
{
     text-decoration: underline !important;
} 
span.policychk.alignment-lf {
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    width: 100%;
}
/* .mphb-stripe-payment-container .mphb-stripe-payment-fields.card fieldset label
{
    text-align: left !important;
} */
input#mphb_coupon_code {
    height: 50px;
    border: 1px solid #ddd;
    outline: none;
    padding: 10px;
    border-radius: 0px;
}
a.button.btn.mphb-apply-coupon-code-button {
    background: #1e468e;
    border: none;
    padding: 10px 30px;
    height: 50px;
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    cursor: pointer;
}
.coupon-box-details {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
}
.coupon-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
     row-gap: 5px;
}
.coupon-box label.mphb-coupon-code-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #000;

}
.card fieldset label{
    text-align: left !important;
        display: block;
}
.mphb_sc_checkout-wrapper section#mphb-billing-details fieldset.mphb-billing-fields section#mphb-stripe-payment-container {
    padding: 20px 0 0 0;
}
.mphb_sc_checkout-wrapper {
    padding: 100px 15px;
}
.mphb_cb_checkout_form>.mphb-checkout-section:not(:first-of-type), .mphb_sc_checkout-form>.mphb-checkout-section:not(:first-of-type) {
    margin-top: 0em !important;
}
.payment-content-info p {
    width: 100% !important;
    text-align: left;
}
.payment-content-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    row-gap: 8px;
}
form p.mphb-errors-wrapper {
    text-align: left;
}
.mphb-login-form-wrap{
    text-align: left;   
} 
.mphb_sc_checkout-wrapper .mphb-login-form-wrap {
     margin-top: 0px; 
    float: left;
    margin-bottom: 0px;
}
.mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details {
    margin-top: 0px;
}
img.mapplcimg {
    width: 100px;
    height: 100px;
}
.city-name-inimg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 15px;
    background: rgb(0 0 0 / 70%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 6px;
}
.image-boxes {
    position: relative;
}
.city-name-inimg h3 {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
}
.whattodo_mapinfo .gm-style div .gm-style-iw-a .gm-style-iw.gm-style-iw-c .gm-style-iw-d {
    padding: 10px !important;
}

footer.footer-checkout-page.checkout_haveqtitle {
       padding: 40px 15px 39px 15px !important
}
.checkout_footer-flex {
    display: flex;
    gap: 0px;
    flex-direction: column;
    align-items: stretch;
}
.left_book_info .single-content-main{
    width: 100%;
}

.image-full
{
    height: 100%;
}
.image-full img
{
    height: 100%;
    width: 100%;
}
.city-img-tit
{
    margin-bottom: 0px;
}
.one-img-box
{
   width: 100%;
}
.img-one-loc img
{
    height: 442px;
    width: 100%;
}
.imglen
{
    width: 100% !important;
}
#markerLayer img {       
        border-radius: 5px;
}
.four-image-box {
    width: calc(50% - 3px);
}
.four-image img
{
    width: 100%;
}
.three-image-box {
    width: calc(50% - 3px);
}
.three-image-box img
{
    width: 100%;
}
.three-image-box.wide_img{
    width: 100%;
}
.two-image-box {
    width: calc(50% - 3px);
}
.mphb-login-form-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.lg-content
{
        padding-bottom: 15px;
}
.coupon-error-msg
{
    width: 100% !important;
    padding: 10px 0px 0px 0px;
}
/* -------------------- Media Query ----------------
--------------------------------------------------*/
@media (max-width: 1680px) {
    .main-top-left {padding: 100px 100px;}
    .single-room-sec.block a{ right: 105px; }
}
@media (max-width: 1500px) {
    .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form {
    padding: 0px 15px;
    }
    .mphb_sc_checkout-wrapper .mphb-login-form-wrap {
    padding: 0px 0px;
    }
    .single-room-sec.block a {
    right: 23px;
}
}
@media (max-width: 1460px) {
    .facility-box {
    -moz-column-gap: 30px;
         column-gap: 30px;
    width: auto;
    }
    .img-part {
    row-gap: 10px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    }
    .img-box {
    row-gap: 10px;
    }
    .facility-sec-2 {
    max-width: 100%;
    }
    .facility-sec-2 .facility-box {
    width: auto;
    }
}
@media (max-width: 1450px) {
    .img-box {
    width: 48%;
    }
    .facility-sec-3 {
    flex-wrap: wrap;
    justify-content: flex-start;
    }
}
@media (max-width: 1440px) {
    .city-part {-moz-column-gap: 50px;column-gap: 50px;}
    .city-slider-line {max-width: 500px;}
}

@media (max-width: 1320px) {
    .city-right-bottom .owl-nav {justify-content: flex-start;}
    .city-left {width: 50%;}
    .city-right {max-width: 50%;width: 50%;}
    .city-slider-line {max-width: 400px;}
}
@media (max-width: 1370px) {
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-location {
    width: 30%;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-in-date {
        width: 35%;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-out-date {
        width: 35%;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-submit-button-wrapper {
        margin-top: 20px;
        width: 100%;
    }
}
@media (max-height: 1270px) {
    .tab-section-sec {
        align-items: flex-start;
    }
    .tab-section-right section {
    padding: 0px 0px 0px 30px;
    }
    .tab-right-box-right {
    width: calc(100% - 434px);
    }
}
@media (max-width: 1224px) {
    .booking-confirmations-box {
        flex-direction: column;
    }
    .reservation-box {
        width: 100%;
    }
}
@media (max-width: 1200px) {
    .tab-right-box {flex-direction: column;row-gap: 20px;}
    .tab-right-box-left {max-width: 100%;max-height: 300px; min-height:300px; width: 100%;justify-content: center;align-items: center;}
    .tab-right-box-left img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
    .tab-right-box-right {width: 100%;display: flex;flex-direction: column;align-items: flex-start;text-align: left;row-gap: 10px;}
    .mphb_sc_checkout-wrapper section.uniq-login-section p {
    width: calc(50% - 12px);
    }
    .mphb_sc_booking_confirmation .mphb-booking-details-section.booking ul.mphb-booking-details {
    flex-direction: column;
    }
    .mphb_sc_booking_confirmation .mphb-booking-details-section.booking ul.mphb-booking-details li {
    flex-direction: row !important;
    justify-content: space-between;
    padding: 20px !important;
    }
    .mphb_sc_booking_confirmation {
    align-items: flex-start;
    }
    .uniq-search-form .mphb_sc_search-wrapper form.mphb_sc_search-form {
        row-gap: 10px;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-location {
        width: 100%;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-in-date {
        width: 50%;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-out-date {
        width: 50%;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-submit-button-wrapper {
        margin-top: 0px;
    }
    .uniq-search-form .mphb_sc_search-wrapper {
        padding-bottom: 15px;
    }
    .slick-room-gallery img {
        max-width: 100%;
        height: 200px;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .hotel-bath.dot {
        width: 100%;
    }
    .mphb_sc_search_results-wrapper.stayresultlist .mphb-room-type h2 a {
        font-size: 26px;
        line-height: 38px;
    }
}
@media (max-width: 1170px) {
    .features {flex-wrap: wrap;}
    .hotel-features {width: calc(50% - 15px);}
    .uniq-search {
    gap: 20px;
    }
}
@media (max-width: 1024px) {     
    .main-top-left {padding: 50px 30px;}
    .city-part {-moz-column-gap: 30px;column-gap: 30px;}
    .tab-section-sec .tabs {width: 200px;}
    .tab-section-right {width: calc(100% - 200px);}
    #tabs-nav li a {padding: 10px 10px 10px 15px;height: auto;}
    .tab-section-right section {padding: 0px 0px 0px 15px;}
    .banner-main {
    flex-direction: column;
    align-items: center;
    display: flex;
    }
  
    .booking-search {position: static;transform: none;margin-top: 20px;}
    .booking-search h1 {color: #000000;}
    .booking-search .mphb_sc_search-wrapper {background: rgba(211,156,57,.07);border: 1px solid #D39C39;}
    .single-box h1, .single-box h2 {font-size: 28px;line-height: 38px;margin-bottom: 10px;}
    .facility-box {-moz-column-gap: 10px;column-gap: 10px;}
    .left_book_info {width: calc(100% - 300px);}
    .right-booking-form {
    width: 300px !important;
    }
    #sidebar {
        width: 300px;
        padding: 15px;
    }
    .review-top-border .client-testimonial {
        margin: 0px -10px;
        width: calc(100% + 20px);
    }
    .mphb_sc_checkout-wrapper {
    padding: 30px 15px !important;
    }
    .service-inner-block {
        -moz-column-gap: 50px;
        column-gap: 50px;
    }
    .city-main {
        padding: 70px 15px;
    }
    .city-right {
        row-gap: 30px;
    }
    .city-right-bottom .owl-nav {
        margin-top: 30px;  
    }
    .tab-section {
        padding: 70px 15px;
        background: rgb(211 156 57 / 7%);
    }
    .tab-section-main {
        row-gap: 30px;
    }
    .customer-details ul li span:nth-child(2) {
    padding-left: 0px;
}
.resevation-payment h3
{
        font-size: 20px;
}
.property-box {
    padding-right: 0px;
}
.customer-booking-details-section.customer {
    padding: 15px;
}
.customer-details {
    padding-left: 15px;
}
.payment-booking-details-section.payment {
    padding: 15px;
}
.payment-booking-details-section.payment {
    width: 35%;
}

.customer-booking-details-section.customer {
    width: 65%;
}
.home-tablet {
    display: flex;
    flex-wrap: wrap;
}
.home-details-facility {
    padding-right: 32px;
}

.home-tablet {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 15px;
    row-gap: 15px;
}
.home-details-facility {
    padding-right:0 ;
    width: calc(33.33% - 10px);
}

    
}
@media (max-width: 992px) {
    h2{font-size: 35px;line-height: 43px;}
    h3 {font-size:24px;line-height:32px;}
    h4 {font-size:20px;line-height:28px;}
    section {padding: 50px 15px;}
    .uniq-search {
    flex-wrap: wrap !important;
    gap: 0px;
    }
    .uniq-search-main{
    width: 100%;
    order: 1;
    }
    .search-results-wrap {
    order: 1;
    }
    .uniq-google-map {
    width: 100%;
    }
    .acf-map {
    height: 450px;
    }
    .search-results-wrap {
    width: 100%;
    padding: 30px 15px 30px 15px;
    orphans: 4;
    }
    /*.container {max-width: 100%;padding: 0 20px}*/
    .mobile{display:flex;cursor:pointer;top:23px;}
    /*.logo {height: 70px;}*/
    nav ul {margin-top: 0px;}
    nav {position: fixed;width:0;left: 0;background: #fff;box-shadow: 0px 20px 60px rgb(0 0 0 / 6%);display: block;height: calc(100vh - 97px);;top: 97px;overflow: auto;max-width: calc(100% - 50px);transform: skew(10deg);transition: all 0.4s ease-in-out;opacity:0;left: -300px;z-index: 9;}
    nav.slideopen {transform: skew(0deg);width: 300px;opacity: 1;left: 0;z-index: 999; height: 100%; margin-top: -16px;}
    nav ul {width: 100%;flex-direction: column;}
    nav ul li {width: 100%;text-align: center;margin: 0;border-bottom: 1px solid #E0E1E5;}
    nav ul li:first-child {border-top:none;}
    nav ul li:last-child {border-bottom:none;}
    nav ul li a {padding: 12px 15px;width: 100%;display: flex;justify-content: left;}
    /* .banner-main {padding-top: 170px;} */
    header {background-color: #ffffff;padding: 7px 10px;box-shadow: 0px 20px 60px rgb(0 0 0 / 6%);}
    .header{padding: 0px;}
    .fixed {background: #ffffff;padding: 15px;}
    nav ul li.menu-item-has-children {padding-bottom: 0px;}
    .sub-menu {position: static;transform: none;opacity: 1;width: 100%;border-radius: 0px;box-shadow: none;padding: 0px;top: auto;}
    .sub-menu li {padding: 0px 0px;}
    .sub-menu a {font-size: 20px;text-align: left;padding-left: 20px;}
    nav ul li {padding: 0px;}
    nav ul li.current-menu-item {background: #1F458D;}
    nav ul li.current-menu-item a {color: #fff !important;}
    .btn1 a{display: flow-root;padding: 0px;}
    .btn2 a{margin: 15px;width: auto;display: block;}
    /*.services-section, .features-section, .review-section {padding: 70px 0px;}*/
    .heading-title1 {width: auto;}
    .image-section1 img, .image-section2 img {width: 100%;}
    .heading1 {margin-bottom: 50px;}
    .heading3 span {font-size: 35px;line-height: 43px;}
    .features, .services{grid-template-columns: repeat(auto-fit,minmax(300px,1fr));}
    .slide-content{margin: 0px 7px;}
    .service-inner-block {grid-gap: 30px;}
    .service-blocks {grid-gap: 50px;}
    footer {padding: 50px 20px;}
    .footer-main {display: flex;flex-direction: column;grid-gap: 30px;}
    .service-content {grid-gap: 10px;}
    .copyright {flex-direction: column;grid-gap: 30px;}
    .footer-flex {grid-gap: 30px;}
    .footer-box1 ul, .footer-box3 ul{grid-gap: 10px;}
    .section-gallery {grid-gap: 15px;}
    .image-section2 {grid-gap: 15px;}
    .img-sec2-inner img {height: 200px;}
    .city-main {padding: 50px 15px;}
    .tab-section {padding: 50px 15px;}
    .city-part {flex-direction: column;row-gap: 30px;}
    .city-left {width: 100%;align-items: center;}
    .city-box-sec {width: 100%;}
    .city-box {width: 50%;}
    .city-box img {height: 100%;-o-object-fit: cover;object-fit: cover;width: 100%;}
    .city-right {max-width: 100%;width: 100%;}
    .city-slider-line {max-width: 100%;}
    .single-room-sec {
    padding: 50px 15px;
    }

    nav.mphb-account-menu {
    position: static;
    opacity: 1;
    transform: none;
    height: auto;
    }
    nav.mphb-account-menu {
    width: 200px !important;
    }
    body.logged-in .mphb-account-content {
    width: calc(100% - 215px) !important;
    max-width: calc(100% - 215px) !important;
    padding: 15px;
    }
    .share-b {
    top: 5px;
    right: 15px;
    padding: 5px 10px;
    }
    .blue-menu a{
        border-radius: 0;
    }
    .review-top-border .client-testimonial {
        margin: 0;
        width: auto;
    }
    .mphb_sc_checkout-form #mphb-booking-details {
    width: 100% !important;
    order: 5 !important;
    }
    .mphb_sc_checkout-form #mphb-price-details {
     width: 100% !important;
    order: 2 !important;
    }
    .mphb_sc_checkout-form .uniq-login-section{
     width: 100% !important;
    order: 1 !important;
    }
    .mphb_sc_checkout-form #mphb-billing-details{
     width: 100% !important;
    order: 4 !important;
    }
    .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form {
    justify-content: left !important;
    }   
    .mphb-room-details .mphb-adults-chooser,.mphb-room-details .mphb-guest-name-wrapper {
    justify-content: space-between !important;
    }
    .customer-booking-details-section.customer {
        width: 65%;
    }
    .reservation-box {
    width: 100%;
    }
    .booking-confirmations-box {
        display: flex;
        width: 100%;
        flex-direction: column;
    }
    .payment-booking-details-section.payment {
        width: 30%;
        }
        .customer-details {
        padding-left: 0px;
        margin-top: 0px;
    }
    .booking-confirmations-details {
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        padding-bottom: 30px;
    }
    .reservation-box .mphb-booking-details-title{
        padding-left: 0px;
    }
    .mphb_sc_checkout-wrapper section#mphb-billing-details {
        margin: -20px 0 0 0;
    }
    .transparent {
        display: block;
    }
    .single-page-manu
    {
        display: none !important;
    }
    .mphb_sc_search_results-wrapper .uniq-google-map {
        min-height: 0px;
    }
}
@media (max-width: 800px) {
    .booking-search {
    margin: 20px 15px 0px 15px;
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    }
    .booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form {
    -moz-column-gap: 10px;
         column-gap: 10px;
    }
    #sidebar {
    width: 280px;
    padding: 15px;
    }
    .main-top-right img
{
    height: 100%;
}
}
@media (max-width: 768px) {
    h2{font-size: 30px;line-height: 38px;}
    h3 {font-size:22px;line-height:30px;}
    h4 {font-size:20px;line-height:28px;}
    section {padding: 50px 15px;}
    .heading3 span {font-size: 30px;line-height: 38px;}
    .service-inner-block {flex-wrap: wrap;}
    .service-inner-block.service2 {flex-direction: column-reverse;}
    .banner-main .owl-dots {bottom: 4px;right: 4px;}
    .services-img-sec {width: 100%;}
    .service-content {width: 100%;}
    .features, .services {grid-gap: 16px;}
    .hotel-features {width: calc(50% - 8px);}
    .faq-head {padding: 10px;}
    .faq-content {padding: 15px;}
    .faq-main {row-gap: 30px;}
    .section-gallery {flex-direction: column;}
    .main-top {flex-direction: column;}
    .main-top-left {padding: 30px 15px;width: 100%;}
    .main-top-right {width: 100%;order: -1;}
    .single-room-main {
    flex-direction: column;
    row-gap: 30px;
    }
    .left_book_info {
    width: 100%;
    }
    .right-booking-form {
    width: 100% !important;
    order: -1;
    }
    #sidebar {
        width: 100%;
        position: static !important;
    }
    .mphb_sc_checkout-wrapper section#mphb-booking-details {
    padding: 15px;
    }
    .mphb_sc_checkout-wrapper form.mphb_sc_checkout-form {
    row-gap: 15px;
    }
    section#mphb-price-details {
    padding: 15px;
    }
    .mphb_sc_checkout-wrapper section.uniq-login-section {
    padding: 15px;
    }
    .mphb_sc_checkout-wrapper section.uniq-login-section p {
    width: 100%;
    }
    .mphb_sc_checkout-wrapper section.uniq-login-section p.mphb-customer-note {
    width: 100%;
    }
    nav.mphb-account-menu {
    width: 100% !important;
    max-width: 100% !important;
    }
    body.logged-in .mphb-account-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px;
    margin: 0px;
    }
    .mphb-account-change-password p {
    width: calc(50% - 10px);
    }
    body.logged-in .mphb_sc_account {
        padding: 50px 15px;
    }
    body.logged-in .mphb_sc_account {
    padding: 50px 15px;
    flex-direction: column;
    row-gap: 20px;
    }
    nav.mphb-account-menu ul li a {
    padding: 10px;
    justify-content: center;
    }
    .mphb_sc_booking_confirmation {
    padding: 50px 15px;
    }
    .mphb-booking-details-section.booking {
    padding: 10px;
    row-gap: 20px;
    }
    .mphb-booking-details-section.booking ul.mphb-booking-details li {
    padding: 10px;
    }
    .mphb-booking-details-section.booking ul.mphb-booking-details li span.value {
    font-size: 18px;
    }
    .booking-search .mphb_sc_search-wrapper{
        width: 100%;
    }
    .hotel-fas {
    gap: 10px !important;
    flex-wrap: wrap;
    }
    .mphb_sc_booking_confirmation {
    row-gap: 15px;
    }
    .mphb_sc_booking_confirmation .mphb-booking-details-section.booking {
    flex: 100%;
    }
    .mphb_sc_booking_confirmation .mphb-booking-details-section.payment {
    width: 100%;
    }
    .mphb_sc_booking_confirmation .mphb-payment-messages {
    margin-bottom: 20px;
    }
    .homelocation-img {
    width: 100%;
}
.gmap .acf-map {
    width: 100%;
}
.main-top-right img
{
    height: 100%;
}
.slick-room-gallery button {
    opacity: 1; 
    
}
.service-blocks {
    grid-gap: 25px;
}
.service-inner-block {
    grid-gap: 15px;
}
.home-details-facility {
    padding-right: 0;
    width: calc(50% - 10px);
}
.md-mm-box {
    padding: 0px 40px !important;
    padding-bottom: 80px !important;
}
}
@media (max-width: 699px) {
    .uniq-search-main {
    flex-wrap: wrap;
    }
}
@media (max-width: 650px) {
    .booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form {
    row-gap: 10px;
    flex-direction: column;
    }
    .booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form p {
    max-width: 100%;
    }
    .booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form p.mphb_sc_search-submit-button-wrapper input.button {
    margin-top: 10px;
    }
    .booking-search h1 {
    font-size: 34px;
    line-height: 53px;
    text-align: center;
    }
    .uniq-popup {
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    min-width: calc(100% - 30px);
    margin: 0 auto;
    }
    .uniq-popup-part {
    width: 100%;
    }
    .booking-search .mphb_sc_search-wrapper form.mphb_sc_search-form .mphb_sc_search-location{
        max-width:100% !important;
    }
    .mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details p.mphb-guest-name-wrapper, .mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details p.mphb-adults-chooser{
        flex-direction: column !important;
    }
    .mphb-checkout-section .mphb-adults-chooser select#mphb_room_details-0-adults {
        width: 100% !important;
    }
    .mphb_sc_checkout-wrapper section#mphb-booking-details .mphb-reserve-rooms-details .mphb-room-details .mphb-guest-name-wrapper input {
        max-width: 100%;
    }
     .single-room-slider .owl-stage-outer .owl-item img {
    height: 450px;
    }
    .resevation-payment{
        flex-direction: column;
        row-gap: 20px;
    }
    .customer-booking-details-section,.payment-booking-details-section.payment{
       width: 100% !important;
    }
    .uniq-forms {
    display: flex;
    /* column-gap: 15px; */
        row-gap: 15px;
     /* flex-wrap: wrap; */
        flex-direction: column;     
    }
    .uniq-login-section .main-uniq-form .uniq-forms p 
    {
        width: 100% !important;
    }
    .city-name-inimg h3 {font-size: 20px; line-height: 24px; text-align: center;}
    .city-name-inimg {padding: 10px 15px;}
}
@media (max-width: 600px) {
    h2{font-size: 25px;line-height: 33px;}
    p{font-size: 16px;line-height: 24px;}
    section {padding: 40px 15px;}
    .section-gallery {flex-direction: column;}
    .copyright {flex-direction: column-reverse;}
    .copyright-right ul {flex-direction: column;grid-gap: 10px;}
    .copyright-left p {text-align: center;}
    .copyright-right ul li:after, .copyright-right ul li:last-child:after {display: none;}
    .hotel-features {width: 100%;}
    .main-top-left h1 {font-size: 34px;line-height: 48px;}
    .city-box-sec {width: 100%;flex-direction: column;row-gap: 10px;}
    .city-box {width: 100%;}
    .city-slider-line {width: 100%;max-width: 100%;}
    .tab-section-sec {flex-direction: column;row-gap: 20px;}
    .tab-section-sec .tabs {width: 100%;}
    .tab-section-right {width: 100%;}
    .tab-section-right section {padding: 0px;}
    .image-section2 {display: flex;flex-direction: column; grid-gap: 15px;}
    .city-name-inimg h3 {font-size: 16px; line-height: 22px; text-align: center;}
    .city-name-inimg {padding: 10px 15px;}
@media (max-width: 599px) {
    .slick-slide {height: 100% !important;}
    .uniq-search-main {
    grid-template-columns: repeat(1, 1fr);
    }
    .img-sec2-inner img {
        height: 413px;
    }
    .owl-carousel .owl-item img{
        display: block;
        width: 100%;
        height: 250px;
        -o-object-fit:cover;
           object-fit:cover;
    }
    .single-room-slider .owl-nav
    {
        right: 5% !important;
    }

    .image-btn{
        left: 5% !important;
    }
    .booking-img-main {
        display: flex;
       flex-direction: column;
    }
    .booking-img img {
        width: 100%;
            object-fit: cover;
    }
    .booking-img {
        width: 100%;
    }
    .booking-ditail-main {
        order: 2;
    }
    .booking-ditail-main h3
    {
        font-size: 19px;
        line-height: 20px;
    }
}
@media (max-width: 550px) {
    .mphb_sc_checkout-wrapper section.uniq-login-section p {
    width: 100%;
    }
    .uniq-popup {
    padding: 15px;
    }
    .uniq-popup h2 {
    font-size: 20px;
    line-height: 28px;
    padding-right: 50px;
    }
    .img-small-uniq {
    min-width: 70px;
    width: 70px;
    height: 70px;
    }
    .img-small-uniq img {
    width: 70px;
    height: 70px;
    }
    .img-text {
    -moz-column-gap: 10px;
         column-gap: 10px;
    }
    .all-social-sec {
    grid-gap: 10px;
    margin-top: 0px;
    }
    .uniq-social-box h3 {
    font-size: 18px;
    line-height: 26px;
    }
    .uniq-search-main .mphb-room-type {
    width: 100% !important;
    max-width: 100% !important;
    }
    .uniq-search-form .mphb_sc_search-wrapper {
    background: rgba(211,156,57,.07);
    border: 1px solid #D39C39;
    }
    .uniq-search-form .mphb_sc_search-wrapper form.mphb_sc_search-form {
    row-gap: 10px;
    flex-direction: column;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-location {
    width: 100%;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-in-date {
    width: 100%;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-out-date {
    width: 100%;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-submit-button-wrapper {
    margin-top: 10px;
    }
    .mphb_sc_booking_confirmation .mphb-payment-messages p {
    font-size: 24px;
    line-height: 32px;
    }
    .mphb_sc_booking_confirmation .mphb-booking-details-section.booking ul.mphb-booking-details li {
    padding: 10px 15px !important;
    }
    .service-inner-block img {
        width: 100%;
        height: 450px;
    }
    .img-sec2-inner img {
        height: 367px;
    }
    .heading1 {
        margin-bottom: 25px !important;
    }
    .section-gallery-block .heading3 {
        margin-bottom: 25px;
    }
    .service-blocks {
        grid-gap: 25px;
    }
    .service-inner-block {
        grid-gap: 25px;
    }
    .faq-head h3 {
        font-size: 17px;
    }
    .faq-content p {
        font-size: 14px;
    }
    .faq-main {
        row-gap: 15px;
    }
    .footer-box2 span {
        font-size: 16px;
    }
    footer {
        padding: 50px 20px 0px 20px;
    }
    .search-results-wrap .uniq-title {
        margin-top: 15px;
    }
    .fixed {
        background: #ffffff;
        padding: 7px 10px;
    }
    .property-image img {
        border-radius: 5px;
        width: 100%;
    }
    .home-details-facility {
        padding-right: 0;
        width: calc(50.00% - 20px);
    }
    .image-btn{
        left: 5% !important;
    }
    .postbosex ul.hotel-fas{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .postbosex ul.hotel-fas li{
        width: auto;
    }

    /* .single-room-slider .owl-nav
    {
        right: 5% !important;
    } */
}
@media (max-width: 500px) {
    .mphb-account-content {
    padding: 30px 20px;
    border: 1px solid #ddd;
    box-shadow: none;
    }
    .mphb_sc_account {
    padding: 50px 15px;
    }
    .service-inner-block img {
        width: 100%;
        height: 360px;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .img-sec2-inner img {
        height: 330px;
    }
    .booking-search h1 {
        font-size: 45px;
    }
    .md-mm-box
    {
        padding: 0px 35px 0px 12px !important;
        padding-bottom: 0px !important;
    }
    .welded-gallery-grid .welded-gallery-item.big {
        grid-row: span 1 !important; 
        grid-column: span 2 !important;
    }
    .md-mm-box {
        padding: 0px 20px 0px 20px !important;
    }
    .media-screen-dnone
    {
        display: none;
    }
    .mphb_sc_checkout-form #mphb-billing-details {
        width: 100% !important;
        order: 5 !important;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-in-date,.uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-out-date {
        width: 50% !important;
    }
    .uniq-search-form .mphb_sc_search-form {
        flex-direction: unset !important;
    }
    .acf-map .mscreen img {
        max-height: 115px;
    }
    .mscreen .infow-card-body {
        display: flex;
        padding: 3px 10px 5px 10px;
        flex-direction: column;
        height: 111px;

    }
    .uniq-google-map .gm-style-iw-d {
        overflow: hidden !important;
    }
        .infow-utility ul.mt-0{
        margin-bottom: 4px !important;
        margin-top: 0px !important;
    }
    .mscreen a.infow-card-image {
        outline: none;
    }
     .unique-search-form .mphb_sc_search-form .mphb_sc_search-check-in-date,.unique-search-form .mphb_sc_search-form .mphb_sc_search-check-out-date {
        width: 50% !important;
        padding-left: 5px;
        padding-right: 5px;
    }
    .unique-search-form .mphb_sc_search-form 
    {
        flex-direction: unset !important;
        flex-wrap: wrap;
        grid-gap: unset !important;
    }    
    .mphb-login-form-wrap p.login-content
    {
       padding: 10px 0px 10px 0px;
    }
    
}
@media (max-width: 450px) {
    .right-booking-form {
    width: 100%;
    padding: 10px;
    }
    .img-box {
    width: 100%;
    }
    .single-content-main {
    width: 100%;
    }
    .mphb_sc_checkout-wrapper .mphb-login-form-wrap {
    margin-top: 30px;
    }
    .mphb_sc_search_results-wrapper.stayresultlist .mphb-room-type h2 a {
        font-size: 24px;
        line-height: 32px;
    }
    .mphb_sc_search_results-wrapper.stayresultlist h2 {
    font-size: 24px;
    line-height: 32px;
    }
    .mphb_sc_search_results-wrapper.stayresultlist form#mphb-reservation-cart {
    margin-top: 30px;
    margin-bottom: 10px;
    }
    .single-room-slider .owl-nav {
    bottom: 15px;
    right: 5% !important;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    }
    .facility-sec-2 .facility-box {
        width: calc(50% - 10px);
    }
    .facility-box {
        width: calc(50% - 10px);
    }
    .facility-sec-3 .facility-box {
        width: calc(50% - 10px);
    }
    .mphb-account-change-password p {
    width: 100%;
    }
    .mphb_sc_checkout-wrapper h4.mphb-reservation-submitted-title {
    font-size: 32px;
    line-height: 32px;
    }
    .uniq-social-box {
    border-radius: 5px;
    padding: 10px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    }
    .uniq-social-box img {
    height: 24px;
    }
    .uniq-social-box h3 {
    font-size: 16px;
    line-height: 24px;
    }
    .all-social-sec {
        row-gap: 5px;
    }
    .testimonial-client h4{
        font-size:17px;
    }
    .client-testimonial .slick-dots li.slick-active button:before {
        font-size: 60px;
    }
    .client-testimonial .slick-dots{
        bottom:-15px;
    }
    .client-testimonial .slick-dots li{
        margin:0;
    }
    .black {
    font-size: 24px;
    line-height: 32px;
    }
    .service-inner-block img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .img-sec2-inner img {
        min-height: 290px;
    }
    .booking-search h1 {
        font-size: 40px !important;
    }
    .city-slider-line {
        font-size: 14px;
    }
    .city-right {
        row-gap: 15px;
    }
    .city-right-bottom .owl-nav {
        -moz-column-gap: 25px;
        column-gap: 25px;
    }
    .city-right-bottom .owl-nav button {
        width: 38px;
        height: 38px;
    }
    .city-right-bottom .owl-nav button span {
        font-size: 30px;
        line-height: 30px;
    }
    .tab-section-main {
        row-gap: 15px;
    }
    .city-right-top {
        row-gap: 5px;
    }
    .home-details-facility {
        padding-right: 0;
        width: 100%
    }
    .facility-sec-2 .facility-box {
        width: 100%;
    }
    .four-image-box {
        width: 100%;
    }
    .four-image img {
        width: 100%;
        object-fit: cover;
    }     
    .mphb_sc_checkout-form #mphb-billing-details {
        width: 100% !important;
        order: 5 !important;
    }
}
@media (max-width: 414px) {
    .img-sec2-inner img {height: 170px;}
    .heading3 span {font-size: 26px;line-height: 38px;}
    .img-sec2-inner img {
        min-height: 260px;
    }
    .single-room-main {
        row-gap: 15px;
    }
    .facility-box h3 {
        font-size: 18px;
    }
    .single-content-main {
        row-gap: 15px;
    }
    .uniq-search-main {
        gap: 10px;
    }
    .booking-search h1 {
        font-size: 40px !important;
        line-height: 48px;
    }
    #tabs-nav li a {
        font-size: 14px;
    }
    .tab-section-main h2 {
        font-size: 23px;
    }
    .tab-right-box-right p {
        font-size: 15px;
    }
    .city-right-top h2 {
        font-size: 23px;
        line-height: 24px;
    }
    .city-right-top p {
        font-size: 18px;
    }
    .main-top-left h1 {
        font-size: 32px;
        line-height: 48px;
    }
    .tab-right-box-right h3 {
        font-size: 22px;
    }
    .city-ab h3 {
        font-size: 19px;
    }
    .show-all-img {
        bottom: 3%;
        left: 10px;
    }
    .single-room-slider .owl-nav 
    {
        bottom: 10px;
        right: 5% !important;
    }
    .md-mm-box {
        padding: 0px 30px 0px 10px !important;
    }
    .mphb_sc_checkout-form #mphb-billing-details {
        width: 100% !important;
        order: 5 !important;
    }
}
@media (max-width: 390px) 
{
    .home-details-facility {
        padding-right: 0;
        width: 100%;
    }
    .show-all-img {
        bottom: 3%;
        left: 10px;
    }
    .single-room-slider .owl-nav 
    {
            right: 5%;
    }
    .two-image-box {
        width: 100%;
        height: 50%;
    }
    .homelocation-img {
        row-gap: 5px;
    }
    .four-image-box {
        width: 100%;
    }
    .four-image img {
        width: 100%;
        object-fit: cover;
    }
    .lightbox
    {
        top: 300px !important;
        left: 0px !important;
    }
    .booking-img-main {
        display: flex;
       flex-direction: column;
       align-items: flex-start;
    }
    .booking-img img {
        width: 100%;
    }
    .booking-img {
        width: 100%;
    }
    .booking-ditail-main {
        order: 2;
    }
    .booking-ditail-main h3
    {
        font-size: 19px;
        line-height: 20px;
    }
    .gmap {
        row-gap: 12px;
    }
    .booking-search h1 {
        font-size: 35px !important;
        line-height: 45px;
    }
}

@media (max-width: 332px) {
    .heading3 span {font-size: 21px;line-height: 38px;}
    p {font-size: 14px;line-height: 24px;}
    .img-sec2-inner img {
        min-height: 176px !important;
    }
    .booking-search h1 {
        font-size: 27px !important;
        line-height: 35px;
    }
    .home-details-facility {
    padding-right: 0;
    /* width: calc(50.00% - 20px); */
    width: 100%;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-in-date
    {
        width: 100% !important;
    }
    .uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-in-date, .uniq-search-form .mphb_sc_search-form .mphb_sc_search-check-out-date {
        width: 100% !important;
    }
}
@media (max-width: 280px)
{
    .coupon-box-details
    {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        row-gap: 10px;
    }
    .md-mm-box {
        padding: 0px 30px 0px 2px !important;
        padding-bottom: 0px !important;
    }
    /* .single-room-slider .owl-nav 
    {
        left: 83%;
    } */
}
}