@media (max-width: 1440px){

}
@media (max-width: 1280px){

}
@media (max-width: 1024px){
    /* RESERVATION BOX */
    .reservation {
        width: 100%;
    }
    .reservation [class*=col-xs-] {
        padding: 24px 10px;
    }
    /***************************/

}
@media (max-width: 991px){
    /* RESERVATION BOX */
    .reservation-box {
        display: none;
    }
    .reservation_mobile {
        display: block;
    }
    .btn_book{
        display: block;
    }

    /***************************/
}
@media (max-width: 991px){
    .our_hotel img {
        height: 100vh;
    }
    .row_group .col-sm-6{
        height: 100vh;
        display: block;
        width: 100%;
    }
    body{
        overflow: inherit;
    }
    .row_group .col-xs-8 .col-sm-6:nth-last-child(1) .about_hotel, .row_group .col-xs-8 .col-sm-6:nth-last-child(2) .about_hotel {
        top: 50px;
        bottom: auto;
    }
    .row_group .col-xs-8 .col-sm-6:nth-last-child(1) .our_hotel:before, .row_group .col-xs-8 .col-sm-6:nth-last-child(2) .our_hotel:before{
        top: 0;
        bottom: auto;
        background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));
    }
    .about_hotel img{
        height: 50px!important;
    }

}
@media (max-width: 991px) {
    .our_hotel img {
        height: 50vh;
    }

    .row_group .col-sm-6 {
        height: 50vh;
        display: block;
        width: 100%;
    }
}
@media (max-width: 600px){
    .about_hotel {
        top: 50px;
    }
    .our_hotel:before {
        height: 150px;
    }
    .reservation_mobile .col-xs-4 {
        padding: 14px;
        height: 65px;
        font-size: 14px;
    }
    .reservation_mobile a:nth-child(1) .col-xs-4,
    .reservation_mobile a:nth-child(3) .col-xs-4 {
        padding: 22px 10px;
    }


}
@media (max-height: 600px){
    .our_hotel img {
        height: 100vh;
    }

    .row_group .col-sm-6 {
        height: 100vh;
    }
}
@media (max-width: 375px){
    .reservation_mobile .col-xs-4 {
        padding: 12px 10px;
    }
    .reservation_mobile a:nth-child(3) .col-xs-4 {
        padding: 14px 10px;
    }
    .about_hotel img{
        height: 40px;
    }
    .btn_book{
        padding: 6px 15px;
    }
}
@media (max-width: 320px){
    .about_hotel {
        top: 30px;
    }
    .about_hotel img {
        height: 40px;
    }
    .reservation_mobile .col-xs-4 {
        height: 52px;
        font-size: 12px;
    }


    /* RESERVATION BOX */

    .reservation_mobile {
       font-size: 14px;
    }
    .reservation_mobile a:nth-child(1) .col-xs-4 {
        padding: 17px 10px;
    }
    .reservation_mobile a:nth-child(3) .col-xs-4 {
        padding: 8px 10px;
    }
    .reservation_mobile .col-xs-4 {
        padding: 10px;
    }
    /***************************/

}