@media screen and (max-height: 600px) {
    .navbar_fix {
        overflow: scroll;
        max-height: 100%;
    }
    .input_in_out {
        padding: 10px;
    }
    .box_reservation {
        width: 270px;
        padding: 15px;
    }
    .t-datepicker-day {
        z-index: 10 !important;
    }
    .box_room {
        padding: 10px 0;
    }
}
@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1440px) {
    .main_menu li {
        padding: 0 8px;
    }
}


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

}

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


    .section_event .box_content {
        height: 500px;
    }

    .main_menu {
        font-size: 12px;
    }
    .yt {
        height: 500px;
    }

}
@media screen and (max-width: 1200px) {
    .brand_logo img {
        height: 70px;
    }
    .container {
        padding: 0 50px;
    }

    .row_footer .col-social {
        padding-left: 40px;
    }
    .sitemap_footer li {
        padding: 0 10px;
    }

    .slide_photoindex .owl-dots {
        padding: 30px 0;
    }
    .nav_top, .book_mobile, .menu_mobile {
        display: block !important;
    }
    .reservation_box {
        display: none;
    }
    .box_bookmobile {
        display: block;
    }
    .main_menu li, .box_reservation {
        display: none;
    }
    .scroll_menu {
        background: var(--main-color);
    }
    .box_menu.scroll_menu {

    }
    .scroll_menu .brand_logo img {
        filter: brightness(0) invert(1);
    }
    .scroll_menu .nav_top span, .scroll_menu .box_weather li {
        border-color: #ffffff;
    }
    .scroll_menu .button_container span {
        background: #ffffff;
    }
    .scroll_menu .main_menu, .scroll_menu .nav_top #lang_primary, .scroll_menu .nav_top i, .scroll_menu .box_weather, .scroll_menu .video_layer .muted_layer:before {
        color: #ffffff;
    }

}

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

    .menu_mobile .button_container.active {
        top: 12px;
    }
    .base_plus_icon {
        right: 8px;
    }
    .yt {
        height: 400px;
    }
    #maximage .text_slide{
        padding: 25px;
    }

    .text_slide h1 {
        font-size: 40px;
    }

    .box_content, .details_offers, .details_offers:before {
        height: 300px;
    }

    .section_offers .box_content, .section_event .box_content, .section_detailscontentchild .box_content {
        height: 400px;
    }
    .slide_photoindex .owl-dots {
        padding: 25px 0;
    }
    .section_info li {
        width: 50%;
    }
    .section_infofacilities li {
        width: 25%;
    }
    h2{
        font-size: 26px;
    }
    h1, .text_slide h1 {
        font-size: 27px;
    }
    .scroll_menu .main_menu a:hover {
        color: var(--second-color);
    }
    .details_offers p {
        -webkit-line-clamp: 3;
    }
    .section_footer h4 {
        display: none;
    }
    .sitemap_footer{
        display: none;
    }
    .section_footer .col-xs-3 {
        width: 100%;
    }
    .section_footer {
        text-align: center;
    }
    .col-xs-3.telmail h4, .col-xs-3.telmail p {
        position: relative;
        left: 0;
    }
    .box_social{
        margin-bottom: 15px;
    }
    .col-xs-3.social a {
        left: 0;
    }
    .section_roomsamenities ul li {
        display: -webkit-inline-box;
        width: 100%;
    }
    .row_footer .col-social {
        padding-left: 75px;
    }

}

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

    .nav_top #lang_primary {
        margin-right: 10px;
    }
    .main_menu {
        top: 0;
        padding: 20px 25px;
    }
    .col-xs-8, .col-xs-4, .col-xs-6, .col-xs-3 {
        width: 100%;
    }
    .section_info .col-xs-6 {
        padding-right: 0;
    }
    .slide_photoindex .owl-dots {
        bottom: 25px;
        transform: none;
        padding: 0;
        top: auto;
    }

    .box_content {
        height: 400px;
    }

    .box_details {
        height: auto!important;
        padding: 0 0 50px;
    }

    .section_offers .box_content, .section_detailscontentchild .box_content {
        height: auto;
        padding: 0;
    }
    .section_offers img, .section_detailscontentchild img{
        height: 400px!important;
    }

    .details_offers,.slide_offers .details_offers {
        height: auto;
        padding: 50px;
    }

    .slide_offers {
        margin-top: 50px;
    }

    .details_offers:before {
        content: none;
    }

    .slide_offers .owl-nav {
        top: 350px;
        bottom: auto;
        left: auto;
        right: 0;
    }
    .section_header{
        overflow: hidden;
    }
    .section_description .col-xs-4{
        display: none;
    }
    .section_description .box_details{
        padding: 0;
    }
    .section_amenities{
        padding-top: 50px;
        width: 100%;
    }
    .section_info .col-xs-7, .section_contact .col-xs-7{
        width: 100%;
        padding: 0;
    }
    .section_info li{
        width: 25%;
    }
    .section_gallery .col-xs-4{
        width: 50%;
    }
    .row_footer .col-social {
        padding-left: 0;
    }
    .section_amenities.section_aboutus {
        padding: 0;
    }
    .section_info .image_photo.image_location {
        height: 150px;
    }
    .btn_nextstep {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .menu_mobile .button_container.active {
        top: 12px;
    }
    .slide_accommodation .owl-dots {
        display: block;
    }
    .owl-dots.disabled {
        display: none;
    }
    .section_roomsamenities ul li {
        float: left;
    }
    .details_offers:after {
        width: 96px;
        height: 197px;
    }
    .details_offers.details_ourrooms:after {
        width: 70px;
        height: 150px;
    }
    .btn_nextstep {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .col-xs-3.social h4, .col-xs-3.social img {
        position: relative;
        left: 0;
    }
    .section_roomsamenities ul {
        margin: 0;
    }

}
@media screen and (max-width: 820px) {
    .navbar_fix {
        font-size: 15px;
    }

    #maximage, #index_video, .box_video {
        height: 50vh !important;
    }

    .box_video .text_slide {
        display: none;
    }

    h1  {
        font-size: 25px;
    }
    .text_slide h1 {
        font-size: 20px;
    }
    .text_slide h4 {
        font-size: 16px;
    }

    .text_event {
        position: relative;
        background: var(--background-color);
        display: inline-block;
        width: 100%;
        top: 0;
        bottom: 0;
        padding: 25px;
        text-align: left;
        height: auto;
        color: var(--main-color);
    }
    .details_offers, .slide_offers .details_offers {
        padding: 25px;
    }
    .text_accommodation {
        color: var(--main-color);
    }

    .text_event h3 {
        color: var(--main-color);
    }
    .text_event .btn_readmore {
        background: var(--main-color);
    }
    .text_event h4 {
        color: var(--second-color);
    }
    .section_accommodations .item .text_accommodation h4, .section_accommodations .item .text_accommodation .btn_readmore, .section_facilities .item .text_accommodation h4 {
        opacity: 1;
    }
    .slide_facilities .btn_readmore {
        opacity: 1;
    }
    .text_accommodation {
        position: relative;
        bottom: 0;
        width: 100%;
        display: inline-block;
        background: #fff;
    }
    .text_accommodation.text_facilities {
        background: var(--background-color);
    }
    .text_accommodation h4 {
        color: var(--second-color);
    }
    .text_accommodation.text_facilities {
        color: var(--main-color);
    }
    .section_accommodations, .section_facilities, .section_footer {
        padding: 50px 0;
    }
    .section_offers {
        padding-top: 50px;
    }
    .section_accommodations:after {
        content: none;
    }

    .section_info li {
        width: 33%;
    }
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 33px;
    }
    .section_header {
        border: 30px solid #fff;
    }

    .scroll_menu .main_menu {
        padding: 0 30px;
    }

    .scroll_menu {
        padding: 0 30px;
    }

    .container {
        padding: 0 30px;
    }
    .box_details {
        padding: 0 0 30px;
    }

    .section_description {
        padding: 0 0 30px;
    }

    .section_accommodations, .section_facilities, .section_footer {
        padding: 30px 0;
    }

    .slide_accommodation, .slide_offers, .slide_event, .slide_facilities {
        margin-top: 30px;
    }

    .details_offers {
        padding: 30px;
    }

    .slide_offers .owl-nav {
        top: 350px;
    }

    .details_offers:after {
        width: 80px;
        height: 177px;
    }

    .section_event {
        padding: 0 30px 30px;
    }

    .sitemap_footer {
        display: none;
    }

    .box_social {
        margin-bottom: 15px;
    }
    .nav_top span{
        padding: 0 5px;
        border: none;
    }
    .video_layer{
        right: 0;
        top: -2px;
    }
    .menu_mobile{
        padding: 0!important;
    }
    .menu_mobile .button_container.active {
        top: 0;
    }
    .overlay_menu{
        border: 30px solid #fff;
    }
    .section_info li {
        width: 33.33333%;
    }
    .simplefilter li{
        padding: 10px 15px;
        margin: 0 5px 5px 0;
    }
    .section_accommodations .item .text_accommodation h4, .section_accommodations .item .text_accommodation .btn_readmore, .section_facilities .item .text_accommodation h4{
        opacity: 1;
    }
    .text_accommodation{
        position: relative;
        bottom: 0;
        width: 100%;
        display: inline-block;
        background: #fff;
    }
    .section_accommodations:after{
        content: none;
    }
    .section_offers{
        padding-top: 30px;
    }
    .overlay_box{
        background: none;
    }
    .slide_event .owl-dots{
        position: inherit;
        bottom: 0;
        margin: 15px auto 0;
    }
    .text_event .btn_readmore{
        border: none;
    }
    .section_contentchild {
        padding: 0 0 30px 0;
    }
    .section_amenities, .section_maplocation  {
        padding-top: 30px;
    }
    .googlemap {
        margin: 30px 0 0;
    }
    .slide_accommodation.slide_otherfacilities .owl-dots {
        display: block;
    }
    .section_accommodations, .section_facilities, .section_footer {
        padding: 30px 0;
    }
    .section_offers {
        padding-top: 30px;
    }

}

@media screen and (max-width: 600px) {
    .brand_logo img {
        position: absolute;
    }
    .scroll_menu {
        height: 60px;
    }
    .scroll_menu .brand_logo img {
        height: 60px;
    }
    .scroll_menu .main_menu {
        top: 5px;
    }

    #cycle-nav {
        display: none;
    }
    .slider-arrow #arrow_left {
        left: -8px;
    }
    .slider-arrow #arrow_right {
        right: -8px;
    }
    .slider-arrow img {
        width: 30px;
    }
    .slider-arrow {
        display: block;
    }
    .section_detailscontentchild .box_offers {
        margin-bottom: 30px;
    }
    .section_detailscontentchild {
        padding: 0 0 30px;
    }
    .navbar_fix {
        overflow: scroll;
        max-height: 100%;
    }
    .box_weather label {
        display: none;
    }
    .box_weather li{
        padding: 0 5px;
    }
    .text_slide h1, h1 {
        font-size: 30px;
    }
    h2{
        font-size: 24px;
    }
    h4{
        font-size: 16px;
    }
    .text_slide{
        width: 100%;
        text-align: center;
    }
    .box_content, .section_event .box_content {
        height: 250px;
    }
    .slide_offers .owl-nav{
        top: 200px;
    }
    .slide_facilities .owl-nav,.slide_accommodation .owl-nav, .text_event p{
        display: none;
    }
    .box_facilities {
        padding-left: 0;
    }
    .slide_event .owl-dots, .slide_facilities .owl-dots{
        position: inherit;
        bottom: inherit;
        margin-top: 25px;
    }
    .slide_event .owl-dots .owl-dot span, .slide_event .owl-dots .owl-dot.active span, .slide_facilities .owl-dots .owl-dot span, .slide_facilities .owl-dots .owl-dot.active span{
        background: var(--main-color);
    }
    .section_description h1:before, .section_accommodations h2:before, .section_offers h2:before, .section_facilities h2:before, .section_event h2:before{
        width: 30px;
    }
    .section_event .container{
        padding: 0;
    }
    .section_description h1, .section_accommodations h2, .section_offers h2, .section_facilities h2, .section_event h2{
        padding-left: 40px;
    }
    .brand_logo img {
        height: 60px;
    }
    .section_offers img, .section_detailscontentchild img, .image_photo {
        height: 250px!important;
    }
    .slide_facilities .owl-dots{
        display: block;
    }
    .text_slide{
        display: none;
    }
    .menu_mobile .col-xs-7{
        display: none;
    }
    .overlay_menu .col-xs-5{
        width: 100%;
    }
    .section_gallery .col-xs-4 {
        width: 100%;
    }
    .demo_gallery{
        margin: 25px 0 0;
        display: inline-block;
        width: 100%;
    }
    .padding_gallery {
        padding: 0 0 10px 0;
    }
    /*.tab_gallery{*/
    /*    display: none;*/
    /*}*/
    .simplefilter li {
        margin: 5px 5px 5px 0;
    }
    .section_info li {
        width: 100%;
    }
    .section_gallery .demo_gallery{
        margin: 0;
        display: flex;
    }
    .box_bookmobile{
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        text-align: center;
    }
    .yt {
        height: 250px;
    }
    .section_roomsamenities ul li {
        width: 100%;
    }
    .details_offers:after {
        right: 0;
        top: 0;
        width: 50px;
        height: 150px;
    }
    .details_offers.details_ourrooms:after {
        width: 50px;
    }


}
@media screen and (max-height: 390px) {
    #maximage, #index_video, .box_video {
        width: 100% !important;
        height: calc(100vh - 60px) !important;
    }
    .brand_logo img {
        height: 40px;
    }
}
@media screen and (max-width: 390px) {
    h1, .text_slide h1 {
        font-size: 30px;
    }
}

@media screen and (max-width: 375px) {
    .text_slide{
        display: none;
    }
}
@media screen and (max-width: 360px) {
    .slide_offers .owl-nav {
        top: 187px;
    }
    h1, .text_slide h1 {
        font-size: 25px;
    }
    .view {
        height: 180px;
    }
    .section_offers img, .section_detailscontentchild img, .image_photo {
        height: 100%!important;
    }
}
@media screen and (max-width: 320px) {
    .slide_offers .owl-nav {
        top: 145px;
    }
    .brand_logo img {
        height: 50px;
    }
    h1, .text_slide h1 {
        font-size: 22px;
    }
    .section_description h1, .section_accommodations h2, .section_offers h2, .section_facilities h2, .section_event h2 {
        padding-left: 20px;
    }
    .section_description h1:before, .section_accommodations h2:before, .section_offers h2:before, .section_facilities h2:before, .section_event h2:before {
        width: 18px;
    }
    .section_contentchild h2 {
        padding-left: 20px;
    }
    .section_contentchild h2:before {
        width: 18px;
    }
    .main_menu {
        top: 0;
    }
    .logo_aboutus img {
        width: 260px;
    }
    #maximage, #index_video, .box_video {
        height: calc(100vh - 60px) !important;
    }
    .nav_top{
        padding: 0 5px!important;
    }
    .tz_c{
        display: none;
    }
}