/*mobile*/
@media (max-width: 1199px) {
    .well-1 {
        height: 390px;
    }
    .navbar-top .navbar-nav li a {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .reserve-title {
        display: none;
    }
    #bs-example-navbar-collapse-2 { 
        padding-left: 5px;
        padding-right: 5px;
    }
    .btn-reserve-homepage-li {
        width: 95%;
    }
    .btn-reserve-homepage {
        float: right;
    }
    .navbar-reserve li {
        padding-right: 0px;
    }
    .room .col2 {
        margin-left: 45px;
    }
    .room .btn-warning {
        left: unset;
        right: -80px;
        bottom: 30px;
    }
}

@media (max-width: 991px) {
    .hedr .col-md-3 {
        padding-right: 15px;
    }
    .well-1 {
        height: auto;
    }
    .navbar-top .navbar-nav li a {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .room .col1 {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    .room .col1 img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    .room .col2 {
        margin-left: 0px;
    }
    .room .btn-warning,
    .roso .btn-warning,
    .roso .btn-back {
        position: relative;
        left: unset;
        right: unset;
        bottom: unset;
    }
}

@media (max-width: 767px) {
    .reserve-title {
        display: block;
        width: auto !important;
    }
    .mainmenu-title {
        display: block;
    }
    .navbar-top .navbar-nav li {
        margin-left: 15px !important;
    }
    .navbar li.active {
        margin-left: 15px !important;
    }
    .navbar-reserve li {
        margin-left: 20px;
    }
    .navbar-reserve .navbar-nav {
        margin: 15px 0;
    }
    .btn-reserve-homepage-li {
        width: 90%;
    }
    .btn-reserve-homepage {
        clear: both;
    }
}