@media (max-width: 1200px) {

    /* Header */
    .header-top {
        display: none;
    }

    #mobile-nav .header-top {
        position: relative;
        top: 0;
        margin-bottom: 20px;
        padding-left: 1rem;
        display: block;
    }

        #mobile-nav .header-top .list-link-top {
            display: flex;
            align-items: center;
            flex-direction: column;
            align-items: start;
        }

            #mobile-nav .header-top .list-link-top .list-inline-item {
                margin-bottom: 10px;
            }

                #mobile-nav .header-top .list-link-top .list-inline-item a span {
                    color: #333;
                }

    /* Main Menu */
    #nav-menu-container .nav-menu,
    #nav-menu-container .alert {
        display: none;
    }

    .menu-left,
    .menu-right {
        width: unset;
        text-align: unset;
        padding-right: unset;
        padding-left: unset;
    }

    #mobile-nav-toggle {
        display: inline;
    }

    .best-rate {
        width: 100%;
        position: relative;
        right: 0;
        top: 0;
    }
    /* Main Menu */

    /* Intro */
    #intro, 
    #intro .carousel-item {
        height: calc(100vh - 10.5rem);
    }
    /* Intro */

    /*Banner detail room*/
    #banner_room .img-box.img-one {
        height: 340px;
    }

    #banner_room .img-box.img-two {
        height: 170px;
    }

    #banner_room .img-box.img-three {
        height: 170px;
    }

    #banner_room .img-box.img-four {
        height: 170px;
    }

    #banner_room .img-box.img-five {
        height: 170px;
    }

    #banner_room .img-box.img-six {
        height: 170px;
    }

    #banner_room .img-box.img-seven {
        height: 170px;
    }
    /*Banner detail room*/

    /* Mobile */
    .mb-block {
        display: block !important;
    }

    .mb-none {
        display: none !important;
    }

    .mb-inline-block {
        display: inline-block !important;
    }
    /* Mobile */

    /* Special Home */
    #special_home .card-img-box {
        min-height: 14rem;
    }

    #special_home .card-offer-small .card-body {
        height: 14rem;
    }
    /* Special Home */

    /*Service home*/
    #service_home .card-img-box {
        min-height: 14.05rem;
    }

    #service_home .card-offer-small .card-body {
        height: 14.05rem;
    }
    /*Service home*/

    /*About home*/
    #about_home .over-img-box {
        min-height: 310px;
    }
    /*About home*/

}

@media (max-width: 992px) {

    /*Banner detail room*/
    #banner_room .img-box.img-two {
        border-right: none;
    }

    #banner_room .img-box.img-three {
        border-right: none;
    }

    #banner_room .img-box.img-four {
        border-top: 1px solid #fff;
    }

    #banner_room .img-box.img-five {
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
    }

    /*Banner detail room*/

    /* Detail room */
    #ext_room .nav-tabs {
        border-color: transparent;
        margin-bottom: 1rem;
    }

        #ext_room .nav-tabs .nav-item {
            display: block;
            width: 100%;
        }

        #ext_room .nav-tabs .nav-link {
            display: block;
            border-radius: 0;
        }
    /* Detail room */
}

@media (max-width: 768px) {


    /*Banner Page*/
    #intro .intro-title.tt-page {
        font-size: 2rem;
    }

    #intro .intro-title {
        font-size: 2.5rem;
    }
    /*Banner Page*/

    /* Intro */
    #intro .carousel-container {
        left: 0;
        right: 0;
    }

    #intro .carousel-content {
        margin-top: 2rem;
    }

    #intro .carousel-control-prev,
    #intro .carousel-control-next {
        width: 10%;
        display: none;
    }

    #intro p {
        width: 100%;
    }
    /* Intro */

    /*Search home*/
    .checkroom-sub {
        top: -176px;
    }

    .checkroom .checkrom-box {
        background: rgba(0,0,0,0.8);
    }
    /*Search home*/

    /*Search home*/
    .detail-package .package-title .need-share-button.share-package {
        position: relative;
        margin-bottom: 1.5rem;
    }

    .detail-package .package-title {
        position: unset;
    }

        .detail-package .package-title .need-share-button_dropdown-top-center {
            top: 0;
            left: calc(100% + 1rem);
            margin-left: 10px;
            bottom: unset;
            margin-left: 0 !important;
        }
    /*Search home*/
    /*Go to top*/
    .back-to-top {
        bottom: 15px;
    }

    /*accodition*/
    #accordion .panel-collapse .panel-body .img-iti {
        max-width: 280px;
    }
    /*accodition*/

    /*Detail locaction*/
    .nearby ul > li {
        width: calc(100% - 4px);
    }
    /*Detail locaction*/

    /*Hideb Ipad*/
    .hd-md {
        display: none;
    }
    /*Hideb Ipad*/

    .detail-package .package-img-box .content-box {
        margin-top: 1rem;
        height: auto;
        margin-left: 0;
    }

    img.promo.d-view {
        margin-top: 1rem;
    }

    .best.d-view {
        margin-top: 1rem;
        margin-left: 0;
    }
}

@media (max-width: 576px) {
    /*Intro Home*/
    #intro .intro-title {
        font-size: 2.25rem;
    }
    /*Intro Home*/

    #banner_room .img-box.img-one {
        height: 380px;
    }

    #banner_room .img-box.img-two {
        height: 190px;
    }

    #banner_room .img-box.img-three {
        height: 190px;
    }

    #banner_room .img-box.img-four {
        height: 95px;
    }

    #banner_room .img-box.img-five {
        height: 95px;
    }

    #banner_room .img-box.img-six {
        height: 95px;
    }

    #banner_room .img-box.img-seven {
        height: 95px;
    }

    /*Banner Page*/
    #intro .intro-title.tt-page {
        font-size: 1.75rem;
    }
    /*Banner Page*/

    /*Service home*/
    #service_home .card-img-box .service-item {
        min-width: 230px;
    }
    /*Service home*/

    /* Intro */
    #intro.banner-page {
        height: 100vh;
    }

        #intro.banner-page .carousel-item {
            height: 100vh;
        }

    #intro .gal-icon {
        display: none;
    }

    #intro.banner-package {
        height: 250px;
    }

        #intro.banner-package .carousel-item {
            height: 250px;
        }

    /* Intro */

    /*Seach home*/
    .checkroom {
        position: unset;
        margin-top: 1em;
    }
    /*Seach home*/

    /*Title Page*/
    .main-title {
        font-size: 1.35rem;
    }
    /*Title Page*/

    /*Heading*/
    .heading {
        font-size: 1.35rem;
        margin-bottom: 25px;
    }

    #detail_room .heading {
        font-size: 1.35rem;
    }
    /*Heading*/

    /*detail restaurant*/
    .detail-restaurant .restaurant-photo .img-res > span > font {
        display: none;
    }

    /*Detail Room*/
    #room_home .room-info .r-desc {
        display: none;
    }

    #room_home .room-info h3 {
        margin-bottom: 0;
        text-align: center;
    }

    #room_home .room-info .r-view {
        text-align: center;
        margin-top: 0.5rem;
        margin-bottom: 1rem;
        position: relative;
        right: 0;
    }

    #room_home .slick-box {
        height: 380px;
    }

    #room_home .room-price {
        top: 0;
        right: 0;
        left: 0;
        padding: 15px 20px 15px 20px;
    }

        #room_home .room-price .pr-title {
            display: inline;
        }

        #room_home .room-price .pri-right {
            display: none;
        }

        #room_home .room-price .pr-box {
            display: inline;
        }

        #room_home .room-price .pr-new {
            font-size: 32px;
            line-height: 40px;
            vertical-align: -5px;
        }
    /*Detail Room*/

    /*detail about*/
    .detail-about .about-img-box .over-content {
        margin-left: 0;
    }

    .detail-about .about-img-box .bg-about-box {
        padding-top: 0;
    }

    .detail-about .about-img-box .img-about {
        height: 250px;
    }

    .detail-about .about-title .need-share-button.share-about {
        right: unset;
        bottom: 0.75rem;
        left: 0;
    }

    .detail-about .about-title .need-share-button_dropdown-top-center {
        top: 0;
        left: calc(100% + 1rem);
        margin-left: 10px;
        bottom: unset;
        margin-left: 0 !important;
    }
    /*detail about*/

    /*Detai package*/
    .detail-package .heading {
        font-size: 1.35rem;
        line-height: 1.5;
    }
    /*Detai package*/

    /*accoditon*/
    #accordion .panel-collapse .panel-body .img-iti {
        max-width: unset;
        width: 100%;
        float: none;
        margin-bottom: 1rem;
    }
    /*accoditon*/

    /*About Home*/
    .over-img-box {
        min-height: 230px;
    }
    /*About Home*/

    /*Footer*/
    #footer .footer_bottom {
        text-align: center;
    }

    #footer .footer_center .widget-logo .contact-box {
        display: block;
    }

    #footer .footer_center .widget-logo .logo-box {
        text-align: center;
        margin-bottom: 1.5rem;
    }

        #footer .footer_center .widget-logo .logo-box img {
            margin-right: 0;
        }

    #footer .footer_center .widget-logo .text p.hotel-name {
        text-align: center;
    }

    #footer .footer_center .widget_tripadvisor {
        text-align: center;
    }

        #footer .footer_center .widget_tripadvisor .trip-box {
            display: inline-block;
            text-align: left;
        }

        #footer .footer_center .widget_tripadvisor .share-box {
            display: inline-block;
        }

    #footer .accept-payment .ap-img {
        max-width: 100%;
    }
    /*Footer*/

    .hd-sm {
        display: none !important;
    }
}