/*
Theme Name: iNTERAD
Theme URI: https://iNTERAD.gr
Author: iNTERAD Team
Author URI: https://iNTERAD.gr
Description: Child Theme
Template: betheme
Version: 2.0.1
*/

html {
    font-size: 62.5% !important; /* Font size = 10px */
    scroll-behavior: smooth;
}

/*Skyros-Villas*/

#Footer .widgets_wrapper{
    display: none;
}
.header-overlay.sticky-header .overlay-menu-toggle{
    display: none!important;
}
.welcome-section{
    padding: 80px 0;
}






#activities_wrapper .column_image .image_frame:after,
.title:after{
    width: 150px;
    height: 100%;
    content: '';
    background-position: 0 0,6px 6px;
    background-size: 12px 12px;
    position: absolute;
    display: block;
    background-image: -o-radial-gradient(#d1d4d8 1px,transparent 1px),-o-radial-gradient(#d1d4d8 1px,transparent 1px);
    background-image: radial-gradient(#d1d4d8 1px,transparent 1px),radial-gradient(#d1d4d8 1px,transparent 1px);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    background-color: transparent;
    top: -21px;
    left: -25px;
    opacity: 1;
    z-index: -1;
    display: none;
}
.social_hidden {
    display: none;
}
/* Left Banner */
.ui-fixed-menu {
    transform: translateY(-50%);
    z-index: 999;
    top: 50%;
}
.ui-fixed-menu.open {
    left: 0;
    transition: all 0.2s;
}

.ui-fixed-menu.close {
    left: -223px;
    transition: all 0.2s;
}
#ui-fixed-menu_final {
    bottom: 0;
    position: fixed;
    width: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    z-index: 999;
}
#mojo-sp-left {
    color: #fff;
    opacity: 1;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius:0;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 1px 8px 0 rgba(0,0,0,0.75);
}
.mojo-sp {
    background: #fff;
    bottom: 50px;
    position: absolute;
}
.mojo-sp > .mojosp-widget-area {
    height: unset;
    padding: 7px 20px;
    overflow: hidden;
    box-sizing: border-box;
}
#mojo-sp-left .widget {
    margin-top: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0;
    position: relative;
}
#ui-fixed-menu_final.open-espa {
    left: 0;
    transition: all 0.2s;
    z-index: 999;
}
#ui-fixed-menu_final.close-espa {
    left: -222px;
    transition: all 0.2s;
}
.mojo-sp-button {
    bottom: 48px;
    cursor: pointer;
    position: absolute;
    margin: 0;
    border: 0;
    width: 45px;
    height: 177px;
    left: 222px;
    background: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mojo-sp-button span {
    line-height: 0;
    display: inline-flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.mojo-sp-button span:before {
    display: none !important;
}
.mojo-sp-button svg path{
    fill: white;
}
.mojo-sp-button svg {
    position: relative;
}
#Footer .footer_copy .container{
    padding-left: 20px!important;
}


@media (max-width: 1280px) {
    #INDWrap {
        display: none !important;
    }
}


.icon-layout:before {
    color: white;
}
.button.has-icon .button_label{
    margin : 0;
}
.button{
    position: relative;
    margin: 0!important;
    background-color: transparent!important;
    transition: all 0.4s cubic-bezier(0, 0, 0, 0.3);
    color: black;
    border: 1px solid black!important;
    border-radius:20px;
}
.button:hover{
    background-color : transparent!important;
}
.button::after{
    content: '';
    position: absolute;
    width: 0%!important;
    left: 0;
    opacity: 1!important;
    top : 0;
    background-color: black!important;
    transition: width 0.4s cubic-bezier(0, 0, 0, 0.3)!important;
}
.button:hover i {
    color: white !important;
}
.button_icon{
    position: relative;
    z-index: 1;
}

.button:hover:after{
    width: 100%!important;
    transition: width 0.4s cubic-bezier(0, 0, 0, 0.3);
}
.promo-btn i{
    font-size: 40px;
    color: black;
    margin-right: 25px;
}
.button .button_label{
    color: black;
    z-index : 2;
    transition: color 0.4s cubic-bezier(0, 0, 0, 0.3);
    font-size: 20px;
}
.button:hover .button_label{
    color: #fff;
    transition: color 0.4s cubic-bezier(0, 0, 0, 0.3);
}

.white_btn.button{
    border-color:#fff!important;
}
.white_btn.button .button_label{
    color : #fff;
}
.white_btn.button:hover .button_label{
    color: #000;
}
.white_btn.button::after{
    background-color: #fff!important;
}

.button-flat .button .button_icon{
    display: none;
    margin : 0;
}
.header-overlay.ab-hide #Top_bar {
    top: 0;
    position: relative;
    -webkit-box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.15);
    box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.15);
}

#Top_bar .column {
    display: flex;
    margin-bottom: 0;
    position: relative;
    height: 100%;
}
.header-transparent #Top_bar .top_bar_right {
    top: 50%;
    position: absolute;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
    padding: 0;
}
#Top_bar .top_bar_right .action_button{
    background: #000;
}
#Top_bar .wpml-languages ul.wpml-lang-dropdown li a{
    color : #000;
    padding-right: 10px;
    border-radius: 0;
}
#Top_bar .wpml-languages a.active{
    color: #000;
    font-size: 15px;
    line-height: 20px;
    border-radius: 0;
    font-weight: 500;
    padding: 10px 10px 10px 20px;
    cursor : pointer;
    text-transform : uppercase;
}
.header-overlay .overlay-menu-toggle.focus{
    color : #fff!important;
    border-color: #fff;
}

.header-overlay .top_bar_right {
    display: unset;
}
.mobile-icon-action-ss #Top_bar .action_button {
    display: unset!important;
}
.mobile-header-mini #Top_bar .logo{
    margin: 0!important;
    display : flex;
    justify-content: center;
}
#Top_bar .logo{
    text-align: center!important;
    float : unset!important;
    margin: 0;
}
.header-overlay.sticky-header .overlay-menu-toggle {
    position : absolute;

}
.header-overlay.sticky-header .overlay-menu-toggle:hover{
    text-decoration: none;
}
#Top_bar .menu > li a:not(.menu-toggle):after{
    display: none   ;
}
#overlay-menu ul li a:before{
    content: '-';
}
#Top_bar .menu > li > a{
    padding: 0;
}
#overlay-menu{
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}
#Top_bar .menu {
    z-index: 202;
    display: flex;
    flex-direction: column;
}

.header-overlay .overlay-menu-toggle{
    top: 50%;
    left: 40px;
    position: absolute;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#Top_bar .wpml-languages ul.wpml-lang-dropdown{
    border-radius: 0;
}

.added_flag{
    margin-right: 10px;
}

.button {
    pointer-events: auto;
    cursor: pointer;
    border: none;
    margin: 0;
    position: relative;
    padding: 20px 40px;
    display: inline-block;
}
.button::before,
.button::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
span.button_label {
    color:white;
    display: inline-block;
    position: relative;
}
#Top_bar #logo img {
    max-width: 250px;
}
#Top_bar #menu{
    background-color: #fff;
}
#Top_bar.is-sticky #logo img.logo-sticky {
    max-height: 100px!important;
    background: #fff;
    padding:20px;
    border-radius: 15px;
}
.header-stack #Top_bar.is-sticky .logo {
    border-bottom: unset;
    background-color: transparent;
}
@media(max-width: 1239px) and (orientation: landscape) {
    #Header #Top_bar.is-sticky{
        height : 100px!important;
    }
    #Header #Top_bar.is-sticky #logo img.logo-sticky {
        max-height: 55px!important;
    }
}
#Top_bar.is-sticky{
    border-bottom: 0px solid transparent;
}
#Top_bar.is-sticky #logo{
    height: 100px!important;
    line-height: 80px!important;
    padding: 0!important;
}
#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
    height: 48px;
    line-height: 48px;
}

#Top_bar.is-sticky{
    height : 80px!important;
}

/*#Top_bar.is-sticky .top_bar_left,*/
.header-stack #Top_bar,
.header-stack.header-center #Top_bar .menu_wrapper {
    background-color: #fff;
}
.header-stack #Top_bar .logo{
    background-color: #FFFFFF;
}
#Top_bar .menu_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10%;
    background-color: #fff;
    /*padding: 0 50px;*/
    box-sizing: border-box;
}
#Top_bar .menu_wrapper .menu-item {
    margin-right: 15px;
    overflow: hidden;
    z-index: 1;
}
#overlay-menu ul li a{
    font-weight: 400;
    letter-spacing: 0;
    line-height: 50px !important;
}
#menu > ul > li > a, #overlay-menu ul li a, a.button.action_button{
    font-size: 22px;
}



#Top_bar .menu_wrapper .menu-item:last-child {
    margin-right: 0;
}
#Top_bar .menu_wrapper .menu-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    /*border-top: 3px solid #03506e;*/
    border-top: 3px solid #000;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
#Top_bar .menu_wrapper .menu-item:hover::before {
    left: 0;
}
#Top_bar .menu_wrapper .menu-item.current-menu-item {
    background-color: rgba(255, 255, 255, 0.22);
}
#Top_bar .menu_wrapper .menu-item.current-menu-item::before {
    left: 0;
}
#Top_bar .menu_wrapper .menu > li > a {
    /*font-weight: bold;*/
    font-style: normal;
    font-size: 1.6rem;
    color : #000;
}
#Top_bar .menu_wrapper .menu > li > a span {
    padding: 0 19px;
}
i.fas.fa-home {
    color: #000;
}
#suites {
    padding: 100px 0;
}
/*.sec_fir_title {*/
/*    text-align: center;*/
/*}*/
/*.sec_fir_title{*/
/*    margin-bottom: 30px;*/
/*}*/
.column_column.sec_txt{
    margin-right: 70px;
}
.sec_txt .button{
    margin: 20px 0;
}
.room_title h2
    /*.sec_fir_title .title*/
{
    color: #807a73;
}
.room_det span,
.sec_fir_title span {
    color: #000;
}
.offer .offer_li{
    display: flex!important;
    align-items: center;
    background-image: url('/wp-content/uploads/2022/05/stripes_10_w.png');
    background-color: #000;
}

#rev_slider{
    padding: 0 40px;
}
.desc_wrapper.align_left.has-link {
    position: relative;
    right: 7%;

    padding: 4%;
    margin: 0;
    background-color: #f6f6f4;
    width: unset;
    max-width: 750px;

}
.offer .offer_li .desc_wrapper .title {
    position: unset;
    margin-bottom: unset;
    min-height: unset;
    padding-right: unset;
    display : none;
}
.offer .offer_li .desc_wrapper .title h3{
    display: none;
}
.offer_details .photo_box img {
    width: 50px;
    height: 50px;
}

.btn_div{
    text-align: right;
}
/*.offer .offer_li .desc_wrapper .title a.button {*/
/*    left: unset;*/
/*    top: unset;*/
/*    bottom: 75px;*/
/*    right: 75px;*/
/*}*/
.offer_details .photo_box .desc{
    margin : 0;
}
.offer_title h2{
    margin : 0;
}
.offer .offer_li .photo_box  .image_wrapper{
    width : auto;
}

/*.offer .offer_li > .image_wrapper {*/
/*    width: unset;*/
/*vertical-align: middle;*/
/*display: flex;*/
/*align-items: center;*/
/*animation: fadeInRight 1s ease-in-out;*/
/*max-height: 1000px;*/
/*width: 57%;*/
/*}*/
.offer .offer_li > .image_wrapper {
    width: unset;
}
/*@keyframes fadeInRight {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: translateX(300px);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*    }*/
/*}*/
.photo_box {
    text-align: center;
    flex: 1 0 30%;
}
.offer_details .photo_box .image_frame {
    display: flex;
    align-items: center;
    justify-content: center;
}
.offer_details {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
    /*gap: 40px;*/
    /*margin-bottom: 30px;*/
    /*animation: fadeInLeft 1s ease-in-out;*/
}
.offer_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*margin-bottom: 40px;*/
}
.offer_title h2:nth-of-type(2) {
    display: none;
}
.offer_title h2 span {
    color: #807a73;
}
.button-default .offer_li .button .button_icon {
    display: none;
}
.button-default .offer_li .button.has-icon .button_label {
    margin-left: 0;
}
.button-default .offer_li .button{
    border-radius: 50px;
    padding: 10px 35px;
    background-color: #000!important;
    color: #ffffff;
}
.offer_li .desc{
    position: relative;
}

.offer_txt {
    margin: 35px 0;
}
.offer .slider_pagination.show {
    display: none;
}
/*.offer .offer_li .image_wrapper img {*/
/*    max-width: 1920px;*/
/*    max-height: 100%;*/
/*}*/
.offer .slick-arrow {
    background-color: transparent;
    border: 1px solid #807a73;
    transition: 0.3s;
}
.offer .slick-arrow:hover{
    background-color: #161922;
    border-color: #161922;
    transition: 0.3s;

}
.offer .slick-arrow:hover i{
    color : #fff!important;
}

.offer a.slider_prev .button_icon, .offer a.slider_next .button_icon {
    font-size: 30px;
    opacity: 0.6;
    line-height: 40px;
}
/*.offer_ul a.slider_next .button_icon {*/
/*    font-size: 30px;*/
/*    opacity: 0.6;*/
/*    line-height: 40px;*/
/*}*/

.offer a.slider_prev .button_icon i, .offer a.slider_next .button_icon i {
    color: #807a73;
}
.offer_ul a.slider_prev i.icon-up-open-big,
.offer a.slider_next i.icon-down-open-big{
    font-size: 2rem;
}
.offer a.slider_next {
    right: 0;
}

.offer a.slider_prev {
    right: 60px;
}

.offer a.slick-arrow{
    left: unset;
    /*top: 25%;*/
    top: 0;
    margin : 0;
    border-radius: 50px;
}

/*activities page*/
#activities_wrapper{
    margin: 100px 0;
}

#activities_wrapper .column_column,
#activities_wrapper .column_image{
    text-align: center;
}
#activities_wrapper> .mcb-section-inner > div:not(:last-of-type){
    margin-bottom: 100px;
}

#activities .activities > .mcb-wrap-inner {
    gap: 25px;
    flex-wrap: nowrap;
}

/*end of activities page*/

/*activities section*/
#activities{
    padding: 100px 0 200px;
}

.activities_big_title{
    margin-bottom: 30px;
}
.activities_desc{
    margin-bottom: 30px;

}


.activity_box .activity_title:after{
    content: '';
    position: absolute;
    width: 0%;
    left: 0;
    opacity: 1;
    top: 0;
    height: 100%;
    z-index: -1;
    background-color: #000!important;
    transition: width 0.4s cubic-bezier(0, 0, 0, 0.3)!important;
}
.photo_box:hover .activity_title{
    color: #fff;
    transition: color 0.4s cubic-bezier(0, 0, 0, 0.3)!important;
}
.photo_box:hover .activity_title::after{
    width: 100%;
    transition: width 0.4s cubic-bezier(0, 0, 0, 0.3)!important;
}



.activity_box .activity_title{
    transition: color 0.4s cubic-bezier(0, 0, 0, 0.3)!important;
    color : #000;
    padding: 20px 15px;
    position: relative;
    z-index : 1;
}
.activity_box .activity_title:hover{
    text-decoration: none;
}

.activity_box .activity_link{
    color: #a19e9e;
    font-size: 14px;

}

.activity_link:hover{
    text-decoration: none;
}
.activity_link i{
    transition: 0.4s;
    opacity:0;
}
.activity_link:hover i{
    opacity: 1;
    transform: translateX(15px);
    transition: 0.4s
}

.activity_box .photo_box{
    position : relative;
}

.activity_box .desc{
    position: absolute;
    right: 0;
    bottom: -45px;
    margin: 0;
    background: #fff;
    width: 90%;
    display: flex;
    text-align: left;
    flex-direction: column;
    gap: 8px;
    /*padding: 20px 15px;*/
    font-weight: 900;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.activity_box .photo_box a img{
    transition: 0.5s;
}
.activity_box .photo_box:hover a img{
    transform: scale(1.1);
    transition: 0.5s;
}

/*end of activities section*/



[class^="icon-"]:before, [class*=" icon-"]:before {
    margin-right: 0;
    margin-left: 0;
}

.icon-down-open-big:before {
    content: '\e916';
}
.icon-up-open-big:before {
    content: '\e8b8';
}
.slider_prev .icon-up-open-big::before {
    margin-right: 5px;
}

#section_two {
    padding: 100px 0;
}
.sec_sec_col .mcb-wrap-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*.button-default .first_btn.button {
    border-radius: 50px;
    padding: 10px 35px;
    margin-top: 25px;
    background-color: #000;
    color : #fff;
}*/


#rev_slider_1_1_wrapper{
    padding: 0 40px 30px!important;
}
/*rev_slider_7_2_wrapper{*/
/*    padding: 0 20px;*/
/*}*/

/*home details*/
#home_details > .mcb-section-inner{
    max-width : 100%;
    padding: 0 40px;
}

.villas_details_wrapper{
    display: flex;
    align-items: center;
    padding: 10px 0;
}
.villas_details_wrapper>div{
    flex: 1;
}
.villas_details_wrapper .center_details{
    text-align: center;
}
.villas_details_wrapper .right{
    text-align: right;
}
.villas_details > span{
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 2px;
}
.villas_details_wrapper a{
    color: #807a73;
    font-weight: 400;
}
.villas_details_wrapper a:hover{
    color: #807a73;
    text-decoration: none;
}
.goto_btn{
    top: -20px;
    background: #fff;
    padding: 10px;
    border-radius: 100%;
    position: absolute;
    box-shadow: rgb(204 204 204) 0px 3px 5px;
    cursor: pointer;
}

.goto_btn span{
    display: flex;
}

/*end of home details*/
/*reserve_wrapper*/
#reserve{
    background-color: #ffffff00;
    margin-top: -60px;

}

.reserve_wrapper{
    -moz-box-shadow: 0 3px 11px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 3px 11px 0 rgb(0 0 0 / 10%);
    -o-box-shadow: 0 3px 11px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 3px 11px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 11px 0 rgb(0 0 0 / 10%);
}
.reserve_cta{
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 25px 0;
    gap : 50px;

}
.reserve_cta:hover{
    text-decoration: none;
    color: #fff;
}
.reserve_cta img{
    max-width : 60px;
}
.reserve_title{
    margin : 0;
    color: #fff;
    font-size: 3rem;
    font-weight: 300
}
.reserve_details.right{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

/*end of 3reserve_wrapper*/


/*room page*/
#room_header{
    position: relative;
}
#room_header:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height : 100%;
    content: "";
    background-color :  rgba(0, 0,0, 0.3);
}

#Subheader:after{
    height : 100%;
    z-index : 0;
    bottom: 0;
    background-color: rgba(0, 0,0, 0.3);
}


#room_header .section_wrapper:after,
#room_header .clearfix:after,
#room_header .clearfix:before{
    display : none;
}
#room_header .section_wrapper{
    min-height: 350px;
    align-items: flex-end;
}
#room_header .nav_ul{
    margin: 0;
    list-style: none;
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
    background: #0000002e;
}
.parralax_text {
    background: #0000002e;
}
.nav_ul a{
    color: #fff;
    padding: 30px 0;
    display: block;
    font-weight: 700;
}
.nav_ul .nav_li{
    margin : 0;
}
.nav_ul a:hover{
    text-decoration: none;
}
.vertical_margin{
    padding: 100px 0;
}

.vertical_margin_top{
    padding-top: 100px;
}
.vertical_margin_top .title,
.vertical_margin .title{
    margin-bottom: 50px;
}
.single-post .share-simple-wrapper{
    border: none;
}

.room_top_info{
    display : flex;
    align-items: center;
    gap : 50px;
}

.room_top_info .room_header_wrapper{
    flex: 2;
}
.room_top_info .room_details{
    flex: 1;
}
.room_top_info .title{
    margin-bottom: 30px;
}

.room_header_top{
    margin-bottom: 50px;
}

.room_price_main{
    display: flex;
}

.room_price{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
}
.room_price h2{
    color: #fff;
    margin: 0;
}
.room_price h5{
    color: #fff;
    margin: 0;
}

#room_description{
    /*padding: 50px 0;*/
    background:#ededed;

}
#room_services{
    background: #fff;
}
#room_activities{
    background: #ededed;
    padding : 100px 0 150px;
}

#room_description .room_details_wrapper{
    padding-bottom: 50px;
}
#room_description .room_details_wrapper{
    border-bottom: 2px solid #ededed;
}
#room_description .mcb-wrap-inner>div:not(:last-of-type){
    margin-bottom: 50px;
}
.room_details{
    display: flex;
    align-items: center;
    text-align: center;
}
.room_details_card{
    flex: 1;
}
#room_description .slider_pagination a.selected, #room_description .slider_pagination .slick-active a,
#room_description .slider_pagination a.selected:after,#room_description .slider_pagination .slick-active a:after{
    background-color : #000000;
}

.services_box .icon_box{
    display: flex;
    gap: 30px;
    align-items: center;
    padding: 30px 0;

    border-bottom: 1px solid rgb(163 160 160 / 26%);
}
.services_box .icon_box .desc_wrapper,
.services_box .icon_box .image_wrapper{
    margin: 0;
    text-align: left;
    min-width: 50px;

}
.services_box .desc_wrapper .desc{
    margin-right: 10px;
}

.date_label { display: none; }

.blog_slider .blog_slider_ul li .item_wrapper{
    margin: 0;
    margin-right: 10px;
}

#similar_rooms .blog_slider_header,
#similar_rooms .blog_slider .blog_slider_ul li .item_wrapper a.button,
#similar_rooms .blog_slider .blog_slider_ul li .item_wrapper .image_frame{
    margin: 0;
}
#similar_rooms .category-viles .desc h4{

    margin: 0;
    font-weight: 500;

}
#similar_rooms .category-viles .desc h4 a{
    padding: 10px 20px;
    display: block;
    color :#626262 ;
}
#similar_rooms a.button.button_left.has-icon{
    display: none;
}


#similar_rooms .category-viles .desc{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 0px;
    background: #f7f7f7;
    right: 0;
    z-index: 2;
    overflow: visible;

}

#similar_rooms .blog_slider .blog_slider_ul li .item_wrapper hr{
    display: none;
}


/*end of room page*/

#location{
    padding : 100px 0;
}

#location .location_list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin: 50px 0;

}

#location .location_list li{
    color: #626262;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

#location .location-img{
    max-width : 24px;
}

.button-default .first_btn.button.location_btn{
    margin-top: 0;
}

.room_size img,
.bedroom img,
.persons img {
    width: 50px;
    height: 50px;
}
#section_two .section_wrapper {
    max-width: 1080px!important;
}
.sec_col_b {
    padding: 7% 6% 0 7%;
    background-color: #fff;
}

/*.sec_img{*/
/*    display: none;*/
/*}*/
.rooms_txt{
    margin: 40px 0 50px;
}
.room_size,
.bedroom,
.persons {
    margin-bottom: 60px;
}
.rooms_button {
    margin-bottom: 80px;
}
#room_services_section_sec {
    padding: 100px 0;
}
.title{
    position: relative  ;
    /*display: inline-block;*/
    z-index : 1;
}

#activities_wrapper .image_item.image_frame:not(.svg){
    position: relative;
    overflow: visible;
}
#activities_wrapper .column_image .image_frame:after{
    width: 100%;
    top: -30px;
    left: -30px;
}


.title_combination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*margin: 70px 0 30px;*/
}
/*#room_services_section_sec .title_combination .title {*/
/*    padding-left: 200px;*/
/*    position: relative;*/
/*}*/
/*.title_combination .title h1 {*/
/*    position: absolute;*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*    font-size: 10rem;*/
/*    letter-spacing: 8px;*/
/*    white-space: nowrap;*/
/*    top: 40%;*/
/*    left: 0;*/
/*    color: #15151517;*/
/*    transform: translate3d(0, -50%, 0);*/
/*    margin: 0;*/
/*}*/
/*.title_combination .title h4 {*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*    font-size: 3rem;*/
/*    white-space: nowrap;*/
/*    color: #151515;*/
/*    margin: 0;*/
/*}*/
.title_combination .title_line {
    flex-grow: 1;
    height: 0;
    margin: 0 5px 0 20px;
    border-top: 1px solid #dfdfdf;
}
#room_services_section_sec .services_box {
    position: relative;
    background-color: #ffffff;
    min-height: 151px;
    transition: all 0.3s ease-in-out;
}
#room_services_section_sec .services_box::before {
    content: "";
    position: absolute;
    top: 6px;
    right: 6px;
    bottom: 6px;
    left: 6px;
    border: 1px solid #e1e1e1;
    transition: all 0.3s ease-in-out;
}
#room_services_section_sec .services_box .mcb-column-inner {
    margin: 0;
}
#room_services_section_sec .icon_box {
    padding: 30px 0 25px;
    min-height: 180px;
}
#room_services_section_sec .icon_box .image_wrapper {
    margin-bottom: 0;
}
#map_section {
    padding: 55px 0 15px;
    background-color: #f7f7f7;
}
#map_section .mcb-wrap-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*.map_txt p {*/
/*    padding: 0 45px 0 0;*/
/*}*/
/*.map img {*/
/*    height: 500px;*/
/*    width: auto;*/
/*}*/
#location .column_column.map_txt{
    padding: 50px;
    -moz-box-shadow: 0 3px 11px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 3px 11px 0 rgb(0 0 0 / 10%);
    -o-box-shadow: 0 3px 11px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 3px 11px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 11px 0 rgb(0 0 0 / 10%);
    background-color : #fff;
}


.fixed-nav-prev,
.fixed-nav-next,
.post-nav ,
.post .photo,
.post .date {
    display: none;
}
.single-post #Subheader {
    padding: 120px 0;
}

#Subheader .title:after{
    display : none;
}
.Recent_posts ul li .desc:after,
.post-header {
    display: none;
}
.Recent_posts.classic ul li a:hover h6,
.Recent_posts.classic ul li a:hover .desc .date {
    color: #000!important;
}
.Recent_posts ul li .desc {
    background: transparent;
}
#room_parralax_section {
    padding: 125px 0;
    background-position: center!important;
    background-size: cover!important;
}

#room_parralax_section::before {
    background: rgba(0, 0,0, 0.3);
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 2;
}
#room_parralax_section .mcb-section-inner {
    z-index: 9;
}

#room_parralax_section h1 {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 4rem;
}

#room_parralax_section p {
    font-size: 1.8rem;
    line-height: 35px;

    color: #FFFFFF;
    max-width: 1000px;
    margin: 0 auto;
}
#room_services_section_sec {
    background: #FFFFFF;
    padding: 70px 50px 100px;
}
#room_text_section .room_text_inner {
    background-color: #6a85ab;
    background-image: url(/wp-content/uploads/2022/03/stripes_10_w.png);
    background-position: center;
    background-repeat: repeat;
}
#room_text_section .mcb-wrap-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#room_text_section .room_text {
    padding: 0 155px;
}
#room_text_section .room_text p {
    color: #FFFFFF;
}
#room_text_section .room_text p:last-child {
    margin-bottom: 0;
}
#room_gallery_section {
    background-color: #ffffff;
    padding: 100px 50px;
}

#home_gallery > .mcb-wrap-inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    gap: 15px;
}
#home_gallery > .mcb-wrap-inner>div{
    margin: 0 !important;
    width: 100%;

}
#home_gallery > .mcb-wrap-inner>div .mcb-item-image-inner{
    width : 100%;

    margin : 0;
}
#home_gallery > .mcb-wrap-inner>div:nth-of-type(3) .mcb-item-image-inner,
#home_gallery > .mcb-wrap-inner>div:nth-of-type(1) .mcb-item-image-inner{
    position : relative;
    top: 70px;
}
#home_gallery .image_item.image_frame:not(.svg){
    border-radius: 12px;
    border-top-left-radius: 0;
    display : block;
}
#home_gallery .image_frame .image_wrapper img:not(.ls-l){
    width : 100%;
}
/*.rooms_text_sec {*/
/*    margin: 0 0 40px 0;*/
/*    width: 100% !important;*/
/*}*/
/*#room_gallery_section .title_combination .title {*/
/*    padding-left: 185px;*/
/*}*/
#sect_sant {
    padding: 200px 0;
}
#sect_sant::before {
    background: rgb(19 25 53 / 83%);
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 2;
}
#sect_sant .parallax_text_inner {
    z-index: 11;
    background: #0000002e;
    padding: 10px;
}
#sect_sant .mcb-wrap-inner {
    display: flex;
    align-items: center;
    width: 100%;
    align-self: stretch;
    justify-content: center;
}
#sect_sant  .map_txt h3 {
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    /*display: none;*/
}
#sect_sant .map_txt p {
    font-style: normal;
    font-size: 1.8rem;
    line-height: 35px;
    color: #ffffff;
    margin: 30px 0;
    text-align: center;
}
#sect_sant .map_txt {
    padding: 0 50px;
}
#Footer a:not(.button){
    text-align: center;
}
#Footer #block-6{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}
/*#Footer {*/
/*    padding: 9px 0 9px 0px;*/
/*}*/

#Footer .footer_copy .one {
    margin-bottom: 0;
    padding-top: 10px;
    min-height: unset;
    font-size: 14px;
}
.footer-logo{
    margin-bottom: 20px;
}
.footer-logo img {
    max-width: 250px;
}
.footer-info {
    text-align: center;
    padding-top: 0;
}
.footer-info p {
    margin-bottom: 10px;
}
.widgets_wrapper {
    padding: 10px !important;
}

.footer_contact_details i{
    margin-right: 10px;
}
.offer_details p,
.footer_contact_details br{
    display : none;
}
.footer_contact_details{
    display: flex;
    gap: 50px;
    width: 100%;
    justify-content: center;
}
/*.footer-logo #logo img.logo-main.scale-with-grid {*/
/*    max-width: 70%;*/
/*}*/
.developed-interad a, .footer-info a {
    display: inline-block;
    /*margin-bottom: 10px;*/
    color: #000 !important;
}
.footer-str {
    margin-bottom: 10px;
    color: #000;
    font-size: 16px;
    line-height: 25px;
}
.social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-stack #Top_bar .secondary_menu_wrapper{
    display: none;
}

.header-overlay #Top_bar.is-sticky{
    display: unset;
}
#Top_bar{
    position: unset;
}
.menu_toggle_wrapper .overlay-menu-toggle{
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(0,0,0,.1);
    width: fit-content;
    padding: 0 10px;
    margin: 0;
    font-size: 15px;
    font-weight: 500;

}

.social_group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;

}
.social_group > a {
    font-size: 17px;
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    line-height: 40px;
}
.social_group > a:hover {
    color: #fff!important;
    background: #000;
}
.social_group > a.phone {
    /*font-size: 18px;*/
}

.widget.widget_nav_menu{
    border-bottom: 1px solid rgb(163 160 160 / 26%);
    margin : 30px 0 10px;

}
#block-8 {
    margin: 0 0 30px;
}

#Footer .menu{
    display: flex;
    list-style: none;
    background: none;
}

#Footer  .widgets_wrapper >  .container{
    display: flex;
    align-items: center;
}
#Footer  .widgets_wrapper >  .container:after{
    display : none;
}

.widget_archive ul li, .widget_nav_menu ul li{
    flex: 1;
}
.widget_nav_menu ul li a{
    padding : 10px 0;
}
.widget_nav_menu ul li a:hover{
    text-decoration: none;
    color: inherit;
}


.social-icons a:last-child {
    padding-right: 0;
}
/*.social-img {*/
/*    padding: 0 20px 15px 0;*/
/*    float: right;*/
/*    !*height: 35px !important;*!*/
/*}*/
.footer-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.footer-item a {
    margin-top: 20px;
}
.footer-item a, .footer-size {
    font-size: 16px;
    line-height: 25px;
}
/*#Footer .footer_copy .copyright {*/
/*    float: unset;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
.footer_copy .mcb-column-inner {
    margin: 0;
}
#back_to_top {
    float: right;
    margin: 0;
}
#Footer .footer_copy {
    border-top-color: rgb(163 160 160 / 26%);
    background: white;
}
#back_to_top .icon-up-open-big:before {
    content: '\e946';
}
.offer_details .photo_box.element_classes img {
    filter: invert(36%) sepia(3%) saturate(1128%) hue-rotate(352deg) brightness(94%) contrast(85%)
}

.desc .mobile_image{
    display : none;
}

.video-wrap{
    margin-top:30px;
}
@media screen and (min-width: 1921px){
    /*.offer .slick-list{*/
    /*    max-width: 1920px;*/
    /*    margin: 0 auto;*/
    /*}*/
    .offer .offer_li{
        justify-content: center;
    }

    #Subheader{
        -webkit-background-size : cover;
        background-size         : cover;
    }
}

@media screen and (max-width: 1600px)  {
    /*offer */
    .offer .offer_li{
        height: 100%;
        display: flex!important;
        align-items: center;
        background: #fff;
    }
    .offer_txt,
    .offer_title{
        margin-bottom: 20px;
    }
    .offer_txt{
        margin: 25px 0;
    }
    .desc_wrapper.align_left.has-link{
        all: unset;
        flex: 1;
        /*padding: 20px 0 20px;*/
        padding: 20px 30px;
        /*margin: 20px 40px;*/
        position: relative;
    }
    .offer .offer_li .image_wrapper {
        display: flex;
        align-items: center;
        /*animation: fadeInRight 1s ease-in-out;*/
        width: unset;
        flex: 1;

    }
    .offer .offer_li .desc_wrapper .title a.button {
        top: unset;
        right: unset;
        bottom: -48px;
        left: 0;
    }
    /*.offer a.slider_prev {*/
    /*    right: 100px!important;*/
    /*}*/
    /*.offer a.slick-arrow {*/
    /*    bottom: unset;*/
    /*    !*top: 20px;*!*/
    /*    !*right: 40px;*!*/
    /*    left: unset;*/
    /*    margin: 0;*/
    /*}*/
}
@media screen and (max-width: 1239px)  {

    body {
        font-size: 16px;
    }
    #room_parralax_section{
        padding : 100px 40px;
    }
    #room_parralax_section h1{
        font-size: 30px;
    }
    #room_parralax_section p{
        font-size: 16px;
        line-height: 28px;
    }

    .mcb-sidebar{
        padding : 0;
    }



    .room_services>.mcb-wrap-inner{
        display: grid;
        font-size: 14px;
        gap : 15px;
        align-items: center;
        grid-template-columns: repeat(4,1fr);
    }
    .room_top_info .room_details{
        font-size: 14px;
    }
    .room_services .services_box{
        width : 100%;
    }
    .services_box .icon_box{
        gap: 15px;
        padding: 0;
        border: none;
    }
    .room_card_photo img,
    .services_box .icon_box img{
        max-width : 45px;
    }
    .services_box .icon_box .image_wrapper{
        display: flex;
        align-items: center;
    }
    .services_box .desc_wrapper .desc{
        margin : 0;
    }

    #Footer .widgets_wrapper > .container{
        flex-direction: column;
    }

    #Footer .one-second.column{
        width: 100%;
    }

    #sect_sant .map_txt{
        padding: 0;
    }
    #sect_sant .map_txt h3{
        font-size: 25px;
        line-height: normal;
    }
    .activity_box .desc{
        transform: translateX(-50%);
        max-width: 286px;
        left: 50%;
    }
    .activities_big_title{
        margin-bottom: 0;
    }
    .vertical_margin_top .title, .vertical_margin .title,
    .title,
    .column_heading .title{
        margin-bottom: 20px;
    }
    #activities .tablet-one-fourth.column, #activities .tablet-four.columns{
        width: 100%;
    }

    #location .location> .mcb-wrap-inner{
        gap: 50px;
        flex-direction: column
    }
    #location .map{
        text-align: center;
    }
    /*#location .map_txt{*/
    /*    text-align: ;e*/
    /*}*/
    .vertical_margin_top{
        padding-top: 50px;
    }
    .vertical_margin{
        padding : 70px 0;
    }

    #location .map,
    #location .map_txt{
        width : 100%;
    }
    #location .button_align.align_right{
        text-align: center;
    }
    #location .location_list{
        margin: 30px 0;
    }
    #location .map img{
        max-width : 500px;
    }

    #activities .activities>.mcb-wrap-inner{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 50px 10px;
    }

    #activities .activities_header{
        margin-bottom: 30px;
    }

    #home_gallery{
        align-self: start;
    }

    .column_column.sec_txt{
        margin-right: 30px;
    }
    .welcome-section p br{
        display: none;
    }


}

@media screen and (max-width: 991px){
    .room_services>.mcb-wrap-inner {
        gap: 30px;
        grid-template-columns: repeat(3,1fr);
    }
    .room_top_info .room_details{
        flex-direction: column;
        gap: 10px;
    }
    .room_details_card{
        display: flex;
        align-items: center;
        width: 100%;
        gap: 30px;
    }

    #activities_wrapper .mcb-wrap > .mcb-wrap-inner{
        flex-direction: column;
        gap: 30px;

    }
    #activities_wrapper .column_image{
        order: -1;
    }
    #activities_wrapper .column_column{
        width: 100%;
    }
    #activities_wrapper .column_column h3{
        text-align: center;
    }
    #activities_wrapper> .mcb-section-inner > div:not(:last-of-type){
        margin-bottom: 70px;
    }

}


@media screen and (max-width: 767px) {
    /*start of sidebar above posts change*/
    /*.post-template-default.single.single-post .content_wrapper{*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*}*/
    .Recent_posts ul li .desc{
        padding: 5px;
    }
    .Recent_posts ul li .desc h6{
        font-size : 15px;
    }
    /*.with_aside .sidebar.columns{*/
    /*    order: -1;*/
    /*    padding-top: 30px;*/
    /*}*/
    /*.post-template-default.single.single-post .with_aside .sections_group{*/
    /*    padding-top: 0;*/
    /*}*/

    /*.mcb-sidebar .widget-area,*/
    /*.widget.widget_mfn_recent_posts{*/
    /*    margin : 0!important;*/
    /*}*/
    /*end of sidebar above posts change*/


    .activity_box .desc{
        width : 100%;
    }
    .offer_txt{
        margin: unset;
    }
    .vertical_margin {
        padding: 50px 0;
    }
    .post-template-default .desc_wrapper.align_left.has-link{
        padding-top: 0;
    }
    .single-post #Subheader,
    #sect_sant{
        padding: 100px 0;
    }
    #home_gallery{
        display: none;
    }
    .title:after{
        left : -15px;
    }
    #similar_rooms .mobile-one.mcb-wrap{
        padding: 0!important;
    }
    .services_box .icon_box{
        gap : 10px;
    }

    #sect_sant .map_txt p {
        font-size: 1.6rem;
        line-height: 28px;
        margin: 20px 0;
    }
    #room_header:after{
        background-color: rgb(0 0 0 / 50%);
    }
    #room_header .nav_ul{
        justify-content: space-around;
        list-style: none;
        gap: 30px;
        font-size: 14px;
        align-items: center;
        text-align: center;
    }
    .room_header_wrapper p{
        margin : 0;
    }
    .room_top_info .room_details{
        flex-direction: row;
        margin-bottom: 0;
        width: 100%;
        align-items: start;
    }
    #room_header .section_wrapper{
        padding: 0 20px!important;
        min-height: unset;
    }

    .room_details_card{
        gap: 15px;
        flex-direction: column;
    }
    .room_card_photo img{
        max-width : 35px;
    }

    .vertical_margin_top .title, .vertical_margin .title{
        margin-bottom: 20px;
    }
    .room_top_info{
        flex-direction: column;
        margin-bottom: 40px;
        align-items: center;
        gap: 30px;
    }

    .room_services>.mcb-wrap-inner {
        gap: 20px;
        grid-template-columns: 1fr;
    }


    .offer .offer_li .image_wrapper,.offer .photo_box .image_frame{
        margin: 0;
    }



    .offer_details{
        flex-direction: row;
        gap : 10px;
        align-items: start;
        font-size: 14px;
    }
    .offer_details .photo_box{
        width : 100%;
        display: flex;
        gap: 20px;
        align-items: center;
        flex-direction: column;
    }
    .offer_details .image_frame{
        gap : 10px;
    }
    .offer_details .photo_box img{
        width : 40px;
        height : 40px;
    }
    #location .column_column.map_txt{
        padding: 40px 20px;
    }

    .offer a.slider_prev{
        right: 60px!important;
    }
    .offer a.slick-arrow{
        right : 1px;
        bottom: 0;
        top: unset;
    }
    #location .button_align.align_right{
        text-align: left;
    }
    .offer_details br{
        display: none;
    }
    .title,
    .offer_txt, .offer_title{
        margin-bottom: 35px;
    }
    .desc_wrapper.align_left.has-link{
        padding: 0;
        margin: 0;
        background-color :#fcfcfc ;
        min-height : 850px;
        /*padding-bottom: 30px;*/
    }

    #similar_rooms{
        padding-bottom: 50px;
    }

    .offer .offer_li>.image_wrapper{
        display: none;
    }
    .desc .mobile_image{
        display: block;
        margin-bottom:35px;
    }
    .btn_div{
        text-align: left;
        display : flex;
    }
    .btn_div .button{
        padding: 12px 35px;
    }
    .offer a.slider_prev .button_icon, .offer a.slider_next .button_icon{
        all : unset;

    }
    .offer a.slick-arrow{
        display : flex;
        align-items: center;
        justify-content: center;
    }

    .d-none-mobile{
        display: none;
    }
    .copyright{
        white-space: nowrap;
        font-size: 13px;
    }
    .dev_by{
        margin-top:5px;
        display: block;
    }
    #Footer .menu {
        display: grid;
        padding: 10px 0;
    }
    #Footer .widgets_wrapper{
        padding: 20px!important;
    }
    #Footer .footer_contact_details{
        flex-direction: column;
        gap: 0;
        align-items: center;
    }
    .widget.widget_block,
    .widget.widget_nav_menu{
        margin: 10px 0;
    }
    #Footer .footer_contact_details a{
        padding: 9px 0;
        display: block;
    }

    #location .location_list{
        grid-template-columns: 1fr;
        font-size: 14px;
    }
    /*#location .location_list li{*/
    /*    justify-content: center;*/
    /*}*/
    #location .map img{
        max-width : 100%;
    }
    #activities,
    #location,
    #suites{
        padding: 70px 0;
    }


    .column_column.sec_txt{
        margin-right: 0;
        margin-bottom : 0px;
    }
    #home_gallery > .mcb-wrap-inner>div:nth-of-type(3) .mcb-item-image-inner, #home_gallery > .mcb-wrap-inner>div:nth-of-type(1) .mcb-item-image-inner{
        top : unset;
    }
    #home_gallery > .mcb-wrap-inner{
        grid-template-columns: 1fr;
        gap: 20px;
    }

    #rev_slider_1_1_wrapper{
        padding : 0 20px!important;
    }


    /*header*/
    #overlay-menu{
        width: 100%;
    }

    .mobile-icon-wpml-ss #Top_bar .wpml-languages{
        display: unset!important;
        order: +1;
    }
    .header-overlay .overlay-menu-toggle{
        left: 20px;
    }
    .header-transparent #Top_bar .top_bar_right{
        right : 20px;
        max-height : unset!important;
    }
    #Top_bar .top_bar_right .top_bar_right_wrapper{
        flex-direction: column;
    }

    .mobile-sticky #Top_bar.is-sticky #logo, .mobile-sticky #Top_bar.is-sticky .custom-logo-link,
    .mobile-header-mini #Top_bar #logo{
        height: auto!important;
        margin : 20px 0;
    }
    .mobile-header-mini #Top_bar .wpml-languages a.active, .mobile-header-mini #Top_bar .wpml-languages ul.wpml-lang-dropdown{
        border: 1px solid rgba(0,0,0,.1);

    }
    #Top_bar .wpml-languages.enabled:hover a.active
    {
        border-radius: 0!important;
    }
    #Top_bar .wpml-languages a.active{
        padding:  0 10px;
        height : 45px;
    }
    #Top_bar.is-sticky,
    body:not(.template-slider) #Header{
        height: unset!important;
        min-height : unset!important;
    }
    #Top_bar #logo img, #Top_bar.is-sticky #logo img{
        max-width : 230px;
    }
    .mobile-header-mini #Top_bar a.action_button{
        display: none!important;
    }
    #back_to_top.sticky{
        bottom: 40px;
    }
    /*  header end */
    #Footer .footer_copy{
        /*height of extra header*/
       /* padding-bottom: 41px;*/
    }

    .extra_header{
        text-align: center;
        display: block!important;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        background: #000
    }
    .extra_header .social_group > a{
        color: #fff;
        border: 2px solid #fff;
        font-size: 15px;
        width: 30px;
        height: 30px;
        line-height: 31px;
    }
    #slider_desktop{
        display: none;

    }
    #slider_mobile{
        display: block!important;
        padding : 0 20px 20px;
    }

    #rev_slider{
        padding : 0;
    }
    #home_revolution .section_wrapper{
        padding: 0!important;
        max-width : unset!important;
    }


    .extra_header_wrapper{
        display: flex;
        justify-content: space-between;
        align-items: center ;
        gap : 10px;
        padding: 0 20px;
    }
    .extra_header_wrapper .action_button{
        background-color: #ffffff;
        color: #000000;
    }
    .container{
        max-width: 1220px!important;
    }
    .welcome-section p{
        line-height: 23px;
        margin-bottom: 25px;
    }
    .content_wrapper .section_wrapper{
        max-width: 1220px!important;
    }


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

.footer-copy-center #Footer .footer_copy .copyright {
    display: flex;
    flex-direction: column;
}
    .button{
        padding: 17px 40px;
    }
    .promo-btn{
        margin-bottom: 30px!important;
    }

}
@media screen and (max-width: 400px){
    .room_services>.mcb-wrap-inner{
        grid-template-columns: 1fr;
    }
    #Top_bar #logo img, #Top_bar.is-sticky #logo img{
        max-width : 200px;
    }
    #activities .activities>.mcb-wrap-inner{
        grid-template-columns: 1fr;
    }
    #room_header .nav_ul{
        gap: 15px;
    }
    .btn_div .button{
        padding: 10px 20px!important;
    }
    .offer .slick-arrow{
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .offer_ul a.slider_prev i.icon-up-open-big, .offer a.slider_next i.icon-down-open-big{
        font-size: 1.6rem;
    }
    .offer a.slider_prev{
        right: 50px!important;
    }
    .mobile-header-mini #Top_bar #logo, .mobile-sticky #Top_bar.is-sticky #logo {
        margin: 10px 0;
    }
    .welcome-section {
        padding: 65px 0;
    }
    .button .button_label {
        font-size: 18px;
    }
    .promo-btn i {
        font-size: 35px;
    }
    .button {
        padding: 16px 30px;
        display: flex;
    }

}
@media screen and (max-width: 350px){
    .promo-btn i {

        margin-right: 5px;
    }
    .button .button_label {
        font-size: 17px;
    }
}