@media screen and (max-width: 1600px) {
    .box_reservation {
        width: 300px;
        height: 440px;
        font-size: 16px;
    }
}

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

@media screen and (max-width: 1366px) {
    .box_reservation {
        width: 240px;
        height: 349px;
        font-size: 10px;
        padding: 20px;
        bottom: 20px;
        right: 20px;
    }
    .input_in_out {
        padding: 10px;
    }
}

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

    .input_in_out {
        padding: 15px;
    }

    .box_reservation {
        width: 245px;
        height: 372px;
        font-size: 11px;
        padding: 25px;
        bottom: 25px;
        right: 25px;
    }
}

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

    .container {
        padding: 0 50px;
    }

    /*.box_social img {*/
    /*    width: 25px;*/
    /*    height: 25px;*/
    /*}*/

    .row_footer .col-social {
        padding-left: 40px;
    }

}

@media screen and (max-width: 1024px) {
    #maximage .text_slide {
        padding: 25px;
    }

    .section_roomsamenities ul li {
        display: -webkit-inline-box;
    }
    .row_footer .col-social {
        padding-left: 75px;
    }
}

@media screen and (max-height: 600px) {
    /*.box_reservation {*/
    /*    z-index: 2;*/
    /*}*/
}

@media screen and (max-width: 991px) {
    /*.box_social img {*/
    /*    width: 35px;*/
    /*}*/
    .row_footer .col-social {
        padding-left: 0;
    }
    .section_amenities {
        width: 100%;
    }
    .btn_nextstep {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .menu_mobile .button_container.active {
        top: 12px;
    }
    .slide_accommodation .owl-dots {
        display: block;
    }

    .section_roomsamenities ul li {
        float: left;
    }
    .box_bookmobile {
        display: block;
    }
    .details_offers:after {
        width: 123px;
        height: 200px;
    }
}

@media screen and (max-width: 768px) {
    h1, .text_slide h1 {
        font-size: 33px;
    }
    .text_accommodation, .text_event h3 {
        color: #837151;
    }
    .details_offers:after {
        right: 0;
    }
    .text_facilities, .text_event {
        background: rgb(131 113 81 / 17%);
    }

    .text_event .btn_readmore {
        background: #7c2935;
    }
    .slide_event .owl-dots .owl-dot span, .slide_event .owl-dots .owl-dot.active span {
        background: #837151;
    }
    .details_offers:after {
        right: -2px;
        top: -55px;
    }
    .googlemap {
        margin: 30px 0 0;
    }
    .container {
        padding: 0 30px;
    }
    .slide_facilities .btn_readmore {
        opacity: 1;
    }
    .slide_accommodation.slide_otherfacilities .owl-dots {
        display: block;
    }


}

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

}

@media screen and (max-width: 414px) {
    .brand_logo img {
        height: 60px;
    }
    .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: #837151;
    }
    .details_offers:after {
        right: 0px;
        top: 0px;
        width: 65px;
        height: 190px;
    }
    .padding_gallery {
        padding: 0 0 10px 0;
    }
}

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

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

}

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

}

@media screen and (max-width: 320px) {
    .brand_logo img {
        height: 57px;
    }
    h1, .text_slide h1 {
        font-size: 32px;
    }
    .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;
    }
    /*.details_offers:after {*/
    /*    width: 60px;*/
    /*}*/
}