@media screen and (max-width: 1440px) {
    .btn_booktop {
        padding: 0 5px;
    }
}

@media screen and (max-width: 1280px) {
    .navbar-nav {
        float: right;
        width: auto;
        padding-right: 50px;
    }

    .btn_booktop {
        position: relative !important;
        right: auto;
    }

    #maximage {
        height: 700px !important;
    }

    .height_parallax {
        height: 400px;
    }

    .nav > li > a {
        padding: 10px 5px;
    }


}

@media screen and (max-width: 1199px) {
    .contact {
        padding: 15px;
    }

    .navbar-nav {
        padding-right: 15px;
    }

    .navbar-brand > img {
        left: 0;
    }

    .nav > li > a {
        padding: 10px 5px;
    }

    .linkmenu {
        padding: 0 0 0 25px;
    }

    .img-caption {
        text-align: center;
    }

    .nav > li > a {
        font-size: 12px;
    }

    .height_toniloft {
        height: 250px;
    }
}

@media screen and (max-width: 1024px) {
    .section_facilities {
        padding: 0 15px 50px 15px;
    }

    .height_facilities {
        height: 200px;
    }

    .height_accommodation {
        height: 450px;
    }

    .details_accommodation {
        padding: 50px 15px;
    }

    .height_attraction {
        height: 450px;
    }

    .height_map {
        height: 450px;
    }

    .navbar-nav {
        font-size: 12px;
    }

    .contact {
        font-size: 12px;
    }

    footer p {
        font-size: 12px;
    }

    footer i {
        margin-right: 5px;
        font-size: 14px !important;
    }

    .social i {
        font-size: 20px !important;
        margin-right: 10px;
    }

    .container {
        width: 100%;
    }

    #maximage {
        height: 600px !important;
    }

    .mod-slider.mod-slider--multi .slide-content {
        padding: 50px 25px;
    }

    .mod-slider.mod-slider--multi .slider-nav li {
        margin: 5px 25px;
    }

    .mod-slider.mod-slider--multi .slider-nav li:first-child {
        margin: 5px 25px;
    }
    .box_facilities .col-xs-6{
        width: 100%;
        padding: 0;
    }
    .section_accommodation .height_facilities{
        height: 450px;
    }
    .box_facilities .col-xs-6 .details_accommodation{
        height: auto!important;
    }
    .box_facilities .col-xs-6:nth-last-child(1){
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .menu_desktop {
        display: none !important;
    }

    .nav_mobile {
        display: block;
    }

    .btn_booktop {
        right: 40px;
    }

    #slide_facilities .owl-dots {
        display: block;
    }

    .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8 {
        width: 100%;
    }

    .linkmenu {
        display: none;
    }

    footer h4 {
        display: none;
    }

    footer {
        text-align: center;
    }

    .logo_w {
        padding: 0;
    }

    #maximage {
        height: 500px !important;
    }

    .line {
        margin: 0 10px;
    }

    .weather {
        display: none;
    }

    .section_rate {
        padding: 50px 0 0;
    }

    .contact_left {
        padding: 0;
    }

    .contact_right {
        padding: 50px 0 0 0;
    }

    .fac_right {
        padding: 0;
    }

    .fac_left {
        padding: 0;
    }

    .photo_tonyloft .col-xs-4 {
        width: 50%;
    }
    .bg_accommodation{
        height: auto!important;
        padding: 50px 0;
    }
    .box_roomtype_home .section_accommodation{
        margin-bottom: 50px;
        display: flow-root;
        width: 100%;
    }
    .box_roomtype_home .section_accommodation:nth-last-child(1){
        margin-bottom: 0;

    }
    .gallery{
        grid-template-columns: repeat(3, minmax(250px, 1fr));
    }

}

@media screen and (max-width: 768px) {
    .slide_facilities .owl-dots {
        bottom: 230px;
    }
    .nav_photo{
        display: none;
    }
    .tab_gallerymobile{
        display: block;
    }

}

@media screen and (max-width: 767px) {
    .details_facilities {
        text-align: center;
    }

    h1 {
        font-size: 30px;
    }

    .details_accommodation h2 {
        font-size: 24px;
    }

    .details_attraction h1 {
        font-size: 30px;
    }

    .height_facilities, .section_accommodation .height_facilities {
        height: 350px;
    }

    .height_accommodation {
        height: 350px;
    }

    .height_attraction {
        height: 350px;
    }

    .height_map {
        height: 350px;
    }

    .room_facilities li {
        width: 50%;
    }

    .bg_swimming {
        height: 350px !important;
    }

    .title_tonyloft img {
        width: 80px;
    }

    .title_tonyloft h1 {
        font-size: 30px;
    }
}

@media screen and (max-width: 600px) {
    .contact {
        text-transform: none;
    }

    .line {
        margin: 0 5px;
    }

    .email {
        display: none;
    }

    .height_parallax {
        height: 350px;
    }

    .bg_swimming {
        height: 400px !important;
    }

    .slide_facilities .owl-dots {
        bottom: 285px;
    }

    h4 {
        letter-spacing: 2px;
    }

    .mod-slider .slide-content__details, .mod-slider .slide-content-desc {
        min-height: 8rem;
    }

    .title_tonyloft li {
        padding: 0 0 15px 0;
        width: 100%;
    }

    .number_follower {
        text-align: center;
        margin: 15px 0 0 0;
    }

    .number_follower li {
        width: inherit !important;
        padding: 0 7px !important;
    }

    .photo_tonyloft .col-xs-4 {
        width: 100%;
    }

    .padding10 {
        padding: 7px 0;
    }
    .gallery {
        grid-template-columns: repeat(1, minmax(250px, 1fr));
    }
    /*.section_slide{*/
    /*    display: none;*/
    /*}*/
    /*.section_slidemobile{*/
    /*    display: block;*/
    /*}*/
}