.homeRoomPicture{position: static !important;height: 330px !important;object-fit: cover;}
.homeArticleImg{height: 200px;object-fit: cover;}
#mapWrapper {height: 600px;}
#cookies-notice {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1030;
    color: #fff;
    min-height: 50px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}
#cookies-notice a{color: #fff;}
.white-popup-block {
    background: #fff none repeat scroll 0 0;
    margin: 40px auto;
    width: auto;
    max-width: 400px;
    position: relative;
    text-align: left;
}
.room-detail-big-img{
    width: 100%;
    height: 500px;
    object-fit: contain;
}
.facility-wrapper{margin:20px 0 30px 0;}
.facility-wrapper .facility-icon{margin:0 20px 0 0;}


.f-carousel {
    --f-button-width: 38px;
    --f-button-height: 38px;

    --f-button-svg-width: 16px;
    --f-button-svg-height: 16px;
    --f-button-svg-stroke-width: 2.5;

    --f-button-color: rgb(71 85 105);
    --f-button-border-radius: 50%;
    --f-button-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0 3px 7px -3px rgb(0 0
    0 / 30%);

    --f-button-bg: #fff;
    --f-button-hover-bg: #f9f9f9;
    --f-button-active-bg: #f0f0f0;
}
.comments-room-detail{
    border-top: 0;
}
.comments-respond-room-detail{
    margin-bottom: 20px;
    border: none;
}

.room-full-detail{
    max-height: 160px;
    overflow: hidden;
}
.rooms-page-description{
    max-height: 175px;
    overflow: hidden;
}
.btn-login{width: 100%;font-size: 15px;}
.loginLink{font-size: 15px;}
.get_articles_img{
    height: 350px;
    width:100%;
    object-fit: cover;
}
.newsArticle .substance{
    margin:0;
}
.newsArticle.news{padding-top: 40px;}
.activitiyBookBtn{
    width: 100%;
    margin: 10px 0 10px 0;
}
.activityDetailTotal{
    border-bottom: 1px solid #e4e4e4;
}
.activityHeightFix{
    max-height: 170px;
    overflow: hidden;
}
.customActivitySidebar{
    margin:0;
}
.otherActivityImg{
    height: 77px;
    object-fit: cover;
}
.activityPage .comments-respond-room-detail{
    margin:0;
    padding-top: 0;
}
.customEntryHeader{
}
.customLoginFormBtn{
    display: inline-block; width: 100%; text-align: center; padding: 0 !important;
}
.entry-comments-link{display: block;margin:20px 0 0 0;}
.stickyRezervationBar{position: sticky;top:100px;}
.stickyRezervationBarBlog{position: sticky;top:150px;}
.datepicker .prev.disabled, .datepicker .next.disabled{visibility: visible !important;}
td.today.day{background-color: #27ae60 !important;}






.customBookingSummary{font-size: 15px;}
.specialRequestRichTb{width: 100%;padding: 10px;resize: none;}
.inputCoupon{height: 36px;padding: 0 0 0 10px;}
.customInputNumber{width: 25px !important;padding: 0 !important;text-align: center;}
.check-out .reservation-date{margin:0;}
.customRequiredFieldDetails{margin:0 0 10px 0;font-size: 13px;display: block;}
.customBtnSuccessBooking{border-radius: 4px;margin-top: 10px;padding: 10px;font-size: 16px;}
.custom-room-result .label-danger{font-size: 15px;margin: 0 0 10px 0;display: inline-block;}
.customScrollTop{font-size: 15px;padding: 0;margin:0 0 0 20px;cursor: pointer;}
.hb-calendar a .fa{font-size: 23px;margin: -5px 0 0 0;}
.customBookingActivityPrice{font-weight: bold;color: #333333;font-size: 26px;}
.customBookingActivityPriceDetial{color: #777777;font-size: 14px;margin:0 0 10px 0;}
.hb-day{height: 30px;width: 30px;display: flex;align-items: center;justify-content: center;font-size: 14px;}
.hb-day.hb-day-name{font-size: 12px;}
.hb-current-month{font-size: 15px;}
.customAweSelectWidth100 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width: 100%;}
.customBgSuccessArea{display: flex;align-items: stretch;}
.custom-room-result{display: flex;align-items: center;justify-content: center;}

.activity-result .hb-d-start {
    background: #EA8A8A!important;
}
.activity-result .hb-d-end:not(.hb-d-free) {
    background: #ddd!important;
}
.activity-result .hb-d-end.hb-d-free {
    background: #A6E0BF!important;
}
.activity-result .hb-day.hb-d-free {
    cursor: pointer;
}
.activity-result .hb-day.hb-d-free:hover,
.session-date-caption:hover {
    background: #4edb87!important;
    color: #fff;
}
.activity-result .hb-day.hb-d-free.active,
.session-date-caption.active {
    background: #FF9600!important;
    color: #fff;
}
.customSelectActiviteDateText{font-size: 16px;}


/**************** BOOKING CART ***************/
#booking-cart {
    position: fixed;
    top: 85px;
    right: 15px;
    z-index: 1050;
    opacity: 0.8;
    background: #212121;
    color: #fff;
}
#booking-cart:hover {
    opacity: 1;
}
#booking-cart .img-container {
    margin-right: 15px;
}
.facility-booking-custom{
    width: 20px;
}
.customBookingSelector{
    width: auto;
}
.customRoomListBigImg{
    height: 250px;
    object-fit: cover;
}
.customAgeOfChildren{
    margin:5px 0 0 0;
}
.customSessionBookingImg{width: 100px;margin:0 20px 0 0;}


#booking-breadcrumb {
    text-align: center;
}
#booking-breadcrumb .breadcrumb-item {
    padding: 20px;
}
#booking-breadcrumb span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    text-transform: uppercase;
}
#booking-breadcrumb svg {
    width: 40px;
    height: 40px;
}


/* Checkbox Radius */
.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 45px;
    margin-bottom: 10px;
    padding-top: 5px;
    cursor: pointer;
    font-size: 15px;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control_indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 30px;
    width: 30px;
    background: #e6e6e6;
    border: 0px solid #000000;
    border-radius: 20px;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #cccccc;
}

.control input:checked ~ .control_indicator {
    background: #8e7037;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #0e6647d;
}
.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-checkbox .control_indicator:after {
    left: 11px;
    top: 4px;
    width: 6px;
    height: 16px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}
.control-checkbox .control_indicator::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 4.5rem;
    height: 4.5rem;
    margin-left: -0.773rem;
    margin-top: -0.901rem;
    background: #2aa1c0;
    border-radius: 3rem;
    opacity: 0.6;
    z-index: 99999;
    transform: scale(0);
}
@keyframes s-ripple {
    0% {
        transform: scale(0);
    }
    20% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
@keyframes s-ripple-dup {
    0% {
        transform: scale(0);
    }
    30% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
.control-checkbox input + .control_indicator::before {
    animation: s-ripple 250ms ease-out;
}
.control-checkbox input:checked + .control_indicator::before {
    animation-name: s-ripple-dup;
}
/* Checkbox Radius */

.activity-data{display: none;}
.activity-result.active .activity-data{display: block;}
.booking-activities-img{height: 280px;object-fit: cover;width: 100%;}
.booking-result.activity-result{align-items: stretch;display: flex}
.first-step-activities-book{display: flex;align-items: center;justify-content: center;flex-flow: column;}
.acitivies-booking-title{font-size: 26px;color: #333;font-weight: bold;text-transform: uppercase;margin:0 0 10px 0;}



/**************** PAYMENT FORM ***************/
button[name="payment_type"] {
    min-width: 160px;
    padding: 20px;
    line-height: 1.5;
    min-height: 130px;
}
button[name="payment_type"] svg {
    height: 40px!important;
    width: 40px!important;
}
button[name="payment_type"] .fa-paypal {
    color: #00447E;
}
button[name="payment_type"] .fa-credit-card {
    color: #3787DC;
}
button[name="payment_type"] .fa-envelope {
    color: #B9252B;
}
button[name="payment_type"] .fa-building {
    color: #FF9900;
}
.customPageClass{font-size: 15px;}
.customModalClass img{width: 100%;}


/******************* LOADER ******************/
.loaded #loader-wrapper{visibility:hidden;-webkit-transition:all .4s .6s ease-out;transition:all .4s .6s ease-out}
.loaded #loader{opacity:0;-webkit-transition:all .3s .6s ease-out;transition:all .3s .6s ease-out}
#loader-wrapper{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: flex;align-items: center;justify-content: center;background:#fff}


@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");

.wrapperLoading svg {
    font-family: "Russo One", sans-serif;
    width: 100%; height: 100%;
}
.wrapperLoading svg text {
    animation: stroke 3s infinite alternate;
    stroke-width: 2;
    stroke: #8D815C;
    font-size: 50px;
}
@keyframes stroke {
    0%   {
        fill: rgba(141,129,92,0); stroke: rgba(141,129,92,1);
        stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
    }
    70%  {fill: rgba(141,129,92,0); stroke: rgba(141,129,92,1); }
    80%  {fill: rgba(141,129,92,0); stroke: rgba(141,129,92,1); stroke-width: 3; }
    100% {
        fill: rgba(141,129,92,1); stroke: rgba(141,129,92,0);
        stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
    }
}

.wrapperLoading {background-color: #FFFFFF;width: 100%;}

/******************* LOADER ******************/

/* Sticky Mobile Footer */
.stickyMblFooterWrapper{position:fixed;bottom:0;left:0;width:100%;display: none;}
.stickyBtn{width:50%;color:#FFF !important;display:flex;align-items:center;font-size:16px;justify-content:center;height:50px}
.btn-rezervationsticky{background:rgba(9,8,8,0.79);color:#fff;display: none;}
.whatsapp{background-color: #25d366;position: fixed;right: 20px;bottom: 20px;z-index: 999;border-radius: 50%;width: 50px;height: 50px;}
.whatsapp i{font-size:30px}
.my-float{}
/* Sticky Mobile Footer */


.mb0  {	margin-bottom: 0!important; }
.mb5  {	margin-bottom: 0.25em!important; }
.mb10 {	margin-bottom: 0.5em!important; }
.mb15 {	margin-bottom: 0.75em!important; }
.mb20 {	margin-bottom: 1em!important; }
.mb30 {	margin-bottom: 1.5em!important; }
.mb40 {	margin-bottom: 2em!important; }
.mb50 {	margin-bottom: 2.5em!important; }
.mt0  {	margin-top: 0!important; }
.mt5  {	margin-top: 0.25em!important; }
.mt10 {	margin-top: 0.5em!important; }
.mt15 {	margin-top: 0.75em!important; }
.mt20 {	margin-top: 1em!important; }
.mt30 {	margin-top: 1.5em!important; }
.mt40 {	margin-top: 2em!important; }
.pb0  {	padding-bottom: 0!important; }
.pb5  {	padding-bottom: 0.25em!important; }
.pb10 {	padding-bottom: 0.5em!important; }
.pb15 {	padding-bottom: 0.75em!important; }
.pb20 {	padding-bottom: 1em!important; }
.pb30 {	padding-bottom: 1.5em!important; }
.pb40 {	padding-bottom: 2em!important; }
.pt0  {	padding-top: 0!important; }
.pt5  {	padding-top: 0.25em!important; }
.pt10 {	padding-top: 0.5em!important; }
.pt15 {	padding-top: 0.75em!important; }
.pt20 {	padding-top: 1em!important; }
.pt30 {	padding-top: 1.5em!important; }
.pt40 {	padding-top: 2em!important; }
@media(min-width:768px) {
    .mb5  {	margin-bottom: 0.5em!important; }
    .mb10 {	margin-bottom: 1em!important; }
    .mb15 {	margin-bottom: 1.5em!important; }
    .mb20 {	margin-bottom: 2em!important; }
    .mb30 {	margin-bottom: 3em!important; }
    .mb40 {	margin-bottom: 4em!important; }
    .mt5  {	margin-top: 0.5em!important; }
    .mt10 {	margin-top: 1em!important; }
    .mt15 {	margin-top: 1.5em!important; }
    .mt20 {	margin-top: 2em!important; }
    .mt30 {	margin-top: 3em!important; }
    .mt40 {	margin-top: 4em!important; }
    .pb5  {	padding-bottom: 0.5em!important; }
    .pb10 {	padding-bottom: 1em!important; }
    .pb15 {	padding-bottom: 1.5em!important; }
    .pb20 {	padding-bottom: 2em!important; }
    .pb30 {	padding-bottom: 3em!important; }
    .pb40 {	padding-bottom: 4em!important; }
    .pt5  {	padding-top: 0.5em!important; }
    .pt10 {	padding-top: 1em!important; }
    .pt15 {	padding-top: 1.5em!important; }
    .pt20 {	padding-top: 2em!important; }
    .pt30 {	padding-top: 3em!important; }
    .pt40 {	padding-top: 4em!important; }
}

.footer-sky .footer-top.customNoPadding{margin:0;padding: 0;background: transparent;display: flex;align-items: flex-end;justify-content: center;height: 100%;flex-flow: column;}
.footer-sky .footer-mid .padding-footer-mid{display: flex;align-items: stretch;}
.latestArticleWidgetUl{margin:0;padding: 0;list-style: none;}
.latestArticleWidgetUl li{margin:0 0 5% 5%;padding: 0;width: 45%;float: left;}
.latestArticleWidgetUl li img{height: 80px;width: 100%;object-fit: cover;}
.widget-title{font-size: 16px;color: #fff;font-weight: 600;text-transform: uppercase;margin:0 0 5px 0;}
.blogListImg{max-height: 500px;}
.events.news .owl-carousel{margin-top: 0;}
#index12 .owl-carousel.owl-drag .owl-item{height: 100vh;}
#index12 .item img{height: 100vh;object-fit: cover;    filter: brightness(60%);}
.mblEtbisWrapper{text-align: center;display: flex;align-items: center;justify-content: center;height: 100%;flex-flow: column;}
.etbisSectionAddress{margin: 0 0 40px 0;padding: 0;list-style: none;width: 100%;display: flex;flex-flow: column;align-items: end;}
.etbisSectionAddress li{margin:0 0 10px 0;padding: 0;font-size: 16px;color: #ebebeb;display: flex;align-items: center;}
.etbisSectionAddress li i{width: 30px;}
.etbisSectionAddress li i.icnLocation{font-size: 24px;}
.etbisSectionAddress li i.icnPhone{font-size: 22px;}
.etbisSectionAddress li i.icnEnvelope{font-size: 18px;}
.etbisSectionAddress li a{color: #ebebeb;}
.imgGalleryDetail{height: 400px !important;width: 100%;object-fit: cover;margin: 0 0 30px 0;}



.customBestRow{display: flex;align-items: stretch;flex-wrap: wrap;}
.customBestRow .col-md-3{margin-bottom: 30px;}
.customBestRow .wrap-best{height: 100%;margin:0;}

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


    .sky-h2, .body-room-5 .title-room, .rooms .title-room, .gallery-our .gallery .title-gallery, .news .new-title, .events .events-title, .about .about-title{font-size: 32px;}
    .header-sky .header-top.header-top-v3 i{font-size: 16px !important;}

    .header-sky .navbar .navbar-nav {
        text-align: center;
        height: 100vh;
        padding: 20px 0 0 10px;
        margin-top: 8px; }
    .header-sky .navbar .navbar-nav li a {
        font-size: 18px;
    }

    .navbar-header{width: 100%;}
    .navbar-collapse.collapse{display: none !important;}
    .navbar-collapse.collapse.in{display: block !important;}

    .navbar-header-v3 {
        background: rgba(9, 8, 8, 0.79);
    }

    .header-sky.header-top-sky .navbar .navbar-nav {
        margin-top: 0px !important; }
    .header-sky.header-top-sky .navbar .navbar-nav .dropdown-menu {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none; }
    .header-sky.header-top-sky .navbar-toggle {
        margin-top: 15px;
        margin-bottom: 15px; }
    .header-sky .header-top {
        line-height: 50px;
        border: none; }
    .header-sky .header-top .header-top-left span {
        margin-right: 15px; }
    .header-sky .header-top .header-top-left span i {
        font-size: 10px;
        padding-right: 3px; }
    .header-sky .header-top .header-top-right .icon-v3-top {
        margin-right: 0;padding: 8px 0 0 0;display: none; }
    .header-sky .header-top .header-top-right .icon-v3-top .fa {
        font-size: 18px; }
    .header-sky .header-top .header-top-right .dropdown-menu {
        min-width: 90px; }
    .header-sky .header-top ul li a {
        font-size: 14px;
        padding: 6px 10px; }
    .header-sky .navbar-toggle {
        margin-top: 15px;
        border: 1px solid white;
        border-radius: 0px; }
    .header-sky .navbar-toggle .icon-bar {
        background: #FFF; }
    .header-sky .navbar {
        height: 65px; }
    .header-sky .navbar .navbar-header .navbar-brand {
        padding-top: 10px !important; }
    .header-sky .navbar .navbar-header .navbar-brand img {
        width: 140px; }
    .header-sky .navbar .page {
        margin-top: 8px !important; }
    .header-sky .navbar .navbar-collapse {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-right: -15px;
        margin-left: -15px;
        max-height: 100%; }
    .header-sky .navbar .navbar-nav {
        background: rgba(9, 8, 8, 0.90);
        margin-top: 8px; }
    .header-sky .navbar .navbar-nav li {
        padding: 15px 15px !important;
        width: 100%;
        display: inline-block; }
    .header-sky .navbar .navbar-nav li .submenu-hover {
        min-width: 160px;
        margin-left: 20px;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        margin-bottom: -15px; }
    .header-sky .navbar .navbar-nav li .submenu-hover .submenu-hover1 .caret {
        top: -20px; }
    .header-sky .navbar .navbar-nav li .submenu-hover .dropdown-margin {
        margin-left: 20px;
        margin-top: 0px; }
    .header-sky .navbar .navbar-nav li .submenu-hover li a {
        position: relative;
        padding: 5px 20px;
        color: #FFF !important;
        display: block; }
    .header-sky .navbar .navbar-nav li .submenu-hover li:hover a {
        background: transparent;
        color: #8E7037 !important; }
    .header-sky .navbar .navbar-nav li .submenu-hover li:hover .dropdown-margin li a {
        color: #FFF !important; }
    .header-sky .navbar .navbar-nav li .submenu-hover li:hover .dropdown-margin li a:hover {
        color: #8E7037 !important; }
    .header-sky .navbar .navbar-nav .dropdown.open .dropdown-toggle .caret {
        border-bottom: 0px dashed;
        border-top: 4px dashed; }
    .header-sky .navbar .navbar-nav .dropdown .dropdown-toggle .caret {
        float: right;
        margin-top: 7px;
        right: 0px; }


}



@media screen and (max-width: 1024px) {
    .imgGalleryDetail{height: 300px !important;margin:15px 0;}
    .news .substance{border: none;padding: 0 !important;margin-bottom: 30px;}
    .stickyRezervationBar{position: unset;}
    .mblEtbisWrapper{margin: 20px 0;}
    #index12 .item img{height: 80vh;width: 100%;object-fit: cover;max-width: 100%;}
    .events .owl-carousel{margin:0;}
    .events .line{margin-bottom: 30px;}
    .news .substance{padding: 0 15px;}
    .events.news .owl-carousel .owl-nav{right: 30px;}
    .news .substance .text{margin:0;}
    .news .substance .text a{font-size: 18px;display: block;margin:10px 0 0 0;}
    .footer-sky .footer-mid .padding-footer-mid .list-content ul{display: flex;align-items:center;flex-flow: column;justify-content: center;}
    .footer-sky .footer-mid .padding-footer-mid .list-content ul li a{font-size: 15px;}
    .stickyMblFooterWrapper{display: flex;z-index: 999;}
    .inputCoupon{height: 40px;}
    .activity-result .btn-room{margin:0 0 10px 0;}
    .booking-activities-img{height: 250px;margin:15px 0 0 0;}
    #widget-7{display: none;}
    .latestArticleWidgetUl li img{height: 140px;}
    .latestArticleWidgetUl{text-align: center;display: inline-block;width: 100%;}
    .latestArticleWidgetUl li{margin:0;width: 50%;}
    .footer-sky .footer-mid .padding-footer-mid{display: block;}
    .footer-sky .footer-top.customNoPadding{margin:20px 0 0 0;align-items: center;}
    .etbisSectionAddress{align-items: center;margin-bottom: 30px !important;}
    .room-detail-big-img{
        width: 100%;
        height: 330px;
        object-fit: cover;
    }
    .rooms-page-description{
        max-height: 180px;
        overflow: hidden;
    }
    .facility-wrapper .facility-icon{
        display: inline-block;
        margin:0;
    }
    .facility-wrapper .facility-icon img{width: 25px;margin:0 5px 10px 0;}
    .facility-wrapper{
        margin-bottom: 10px;
        display: inline-block;
    }
    .contact-form{
        margin:20px 0 0 0;
    }
    .btn-login{
        margin:10px 0;
    }
    .post .entry-media .hover-zoom{
        max-height: 200px;
    }
    .section-blog .blog .post .entry-media .wrap .timer{
        font-size:18px;
    }
    .gallery-our.gallery_2 .gallery-content{
        margin-top: 15px;
    }
    .newsArticle.news{
        padding-top:0;
    }
    .activityPage .product-detail_tab{
        margin:0;
    }
    .activityPage .product-detail_book .product-detail_total .price .amout{
        font-size: 22px;
    }
    .activityPage .product-detail_book .product-detail_total h6{
        margin:15px 0;
        font-size: 15px;
    }
    .events .events-item img{
        height: 400px;
    }
    .mobileArticleDetail{margin:40px 0 0 0;}
    .footer-sky .footer-bottom .payments ul{margin:10px 0;}
    .mobileReverseCustom{flex-flow: column-reverse;display: flex;}
    .reservation-date{margin:0;}
    .reservation-sidebar{padding: 0;}
    .reservation-date ul li{font-size:15px;}
    .sidebar .widget.widget_check_availability .check_availability .check_availability-field label{font-size:15px;margin-bottom: 5px;}
    .sidebar .widget.widget_check_availability .check_availability .check_availability-field .wrap-box{height: 40px;}
    .sidebar .widget.widget_check_availability .check_availability .check_availability-field .input-group-addon{right: 18px;font-size: 22px;top:3px;}
    .sidebar .widget.widget_check_availability .check_availability .check_availability-field .bootstrap-select.btn-group.awe-select .dropdown-toggle{height: 40px;}
    .product-detail_book .product-detail_form{padding: 0 25px 25px 25px;}
    .customRoomListBigImg{margin:0 0 20px 0;width: 100%;}
    .reservation-room_item .reservation-room_text .reservation-room_desc{margin:15px 0 0 0 !important;}
    .facility-booking-custom{width: 20px !important;margin:0 5px 0 0;}
    .reservation-room_item .reservation-room_text .reservation-room_view-more{font-size: 15px;font-style: normal;font-weight: 600;margin:15px 0;}
    .reservation-room_item .reservation-room_text .reservation-room_price{margin:0 0 20px 0;}
    .customRoomSelectAfterPersonCount{width: 100%;height: 40px;}
    .customRoomSelectWrapper,
    .customAgeOfChildren{width: 100%;}
    .customAgeOfChildren{height: 40px;}
    .reservation-room .reservation-room_item{border-bottom: 1px solid #ccc;}
    .room-options{margin:30px 0;}
    .customScrollTop{font-size: 15px;margin: 0 0 0 20px;background: #449d44;color: #fff;padding: 0 15px;border-radius: 4px;}
    .customMobileHbCalendar{margin:20px 0 0 0;}
    .custom-room-result{margin:0 0 10px 0;font-size: 15px;}
    .section-reservation-page .product-detail_book{display: none;}
    .section-reservation-page .reservation_content{margin:30px 0 0 0;}
    .customBgSuccessArea{display: block !important;margin:20px 0 0 0;}
    .hb-days{width:280px;}
    .hb-day{width: 35px !important;height: 25px !important;}
    .hb-day.hb-day-name{font-size: 13px !important;}
    .hb-current-month{font-size: 17px !important;}
    .customBtnSuccessBooking{margin:15px 0 0 0 !important;}
    .booking-result.activity-result{display: block !important;margin-bottom: 30px !important;}
    .customBookingActivityPrice{font-size: 22px;float: left;}
    .customBookingActivityPriceDetial{position: relative;bottom: 2px;float: left;margin:10px 0 10px 5px !important;}
    .customInputNumber{width: 100% !important;font-size: 16px !important;}
    .inputCoupon{width: calc(100% - 46px);}
    .mblLegendTitle{font-size: 16px;font-weight: 600;padding: 0 0 5px 0;}
    .customExtraService label{font-size: 16px;}
    .customExtraService label{font-weight: normal;font-size: 16px;}
    .customCouponCode .form-group{margin:0;}
    .reservation-room-selected.selected-4{margin-top: 20px;}
    .customBookingSummary{font-size: 13px;}
    .bookingSummaryPage .btn-lg{padding: 10px;font-size: 16px;line-height: 1.3333333;border-radius: 6px;}
    .product-detail_book .product-detail_total .price .amout{font-size: 30px;}
    .product-detail_book .product-detail_total h6{font-size:16px;margin:15px 0;}
    .section-product-detail .product-detail_book{margin:20px 0 0 0;}
    .product-detail_item .text .btn{font-size:12px;width: auto;}
    .customActivitiesPersonCount .fa{font-size:18px;}
    .roomDetailDescription{font-size: 16px;}
    .bookingCompleteWrapper{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 99;background: rgba(9, 8, 8, 0.79);padding: 10px;}



}


/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .product-detail_book .product-detail_form .sidebar .check_availability{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .product-detail_book .product-detail_form .sidebar .check_availability .check_availability-field{width: 48%;}
    .activitiesWrapper{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .activitiesItem{width: 48%;margin: 0 0 30px 0 !important;}
    .post .entry-header{margin-top: 10px;}
    #blog-content {display: flex;flex-wrap: wrap;justify-content: space-between;}
    #blog-content .post{width: 48%;}
    .blogListImg{height: 300px !important;}
    .blog-content .post{margin:0;}
    .customRoomListBigImg{height: 500px !important;}
    .first-step-activities-book{width: 100%;}
    .activity-result .activity-data{display: block !important;}
    .reservation_step ul li{margin:0 15px;}
    .customBookingSummary{font-size: 15px;}

}
/* Tablet */


/* Mobile */
@media screen and (max-width: 767px) {
    .reservation_step ul li{padding: 0 3px;}
    .reservation_step ul li a span{font-size: 12px;}
    .reservation_step ul li a{font-size: 12px;}
    .reservation_step ul li{display: inline-block;}
    .mblDesigned{display: flex;align-items: center;justify-content: center;margin:0 0 20px 0;}
    .wrapperLoading svg text{font-size: 24px;}
}
/* Mobile */