/* Banner */

@media (min-width: 1440px) {
    .tour-list-mobile {
        display: none;
    }
    .mobile-controller-blog {
        display: none;
    }
    .list-detals-moblie {
        display: none;
    }
    .list-room-mobile {
        display: none;
    }
    .scroll-to-top.show {
        opacity: 1;
        visibility: visible;
        bottom: 70px;
        right: -30px;
    }
    /* CSS hiệu ứng hiển thị Modal */
    .nenmodal.active .ndmodal {
        transition: all 300ms ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }
    @keyframes zoom {
        0% {
            transform: scale(.5);
            opacity: 0
        }
        50% {
            opacity: 1
        }
        to {
            opacity: 0;
            transform: scale(1)
        }
    }
    @keyframes lucidgenzalo {
        0% {
            transform: rotate(-25deg)
        }
        50% {
            transform: rotate(25deg)
        }
    }
    .jscroll-to-top {
        bottom: 100px
    }
    .fcta-zalo-ben-trong-nut img {
        fill: #fff
    }
    .fcta-zalo-vi-tri-nut {
        position: fixed;
        bottom: 24px;
        left: 24px;
        z-index: 999
    }
    .fcta-zalo-nen-nut,
    div.fcta-zalo-mess {
        box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16)
    }
    .fcta-zalo-nen-nut {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #0068ff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut::after,
    .fcta-zalo-nen-nut::before {
        content: "";
        position: absolute;
        border: 1px solid #0068ff;
        background: #0068ff80;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut::after {
        animation-delay: .4s
    }
    .fcta-zalo-ben-trong-nut,
    .fcta-zalo-ben-trong-nut i {
        transition: all 1s
    }
    .fcta-zalo-ben-trong-nut {
        position: absolute;
        text-align: center;
        width: 60%;
        height: 60%;
        left: 13px;
        bottom: 23px;
        line-height: 55px;
        font-size: 25px;
        opacity: 1
    }
    /* telegram */
    .fcta-zalo-vi-tri-nut-telegram {
        position: fixed;
        bottom: 110px;
        left: 24px;
        z-index: 999;
    }
    .fcta-zalo-nen-nut-telegram {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #ffffff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-telegram {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #ffffff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-telegram::after,
    .fcta-zalo-nen-nut-telegram::before {
        content: "";
        position: absolute;
        border: 1px solid #bc3cd7;
        background: #9737ff;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-telegram::after {
        animation-delay: .4s
    }
    /* facebook */
    .fcta-zalo-vi-tri-nut-facebook {
        position: fixed;
        bottom: 30px;
        left: 24px;
        z-index: 999
    }
    .fcta-zalo-nen-nut-facebook {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #0068ff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-facebook::after,
    .fcta-zalo-nen-nut-facebook::before {
        content: "";
        position: absolute;
        border: 1px solid #0068ff;
        background: #0068ff80;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-facebook::after {
        animation-delay: .4s
    }
    /* LiÊN hỆ */
    .fcta-zalo-vi-tri-nut-lien-he {
        position: fixed;
        bottom: 24px;
        right: 65px;
        z-index: 999;
    }
    .fcta-zalo-nen-nut-lien-he {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #63ab45;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-lien-he::after,
    .fcta-zalo-nen-nut-lien-he::before {
        content: "";
        position: absolute;
        border: 1px solid #63ab45;
        background: #c0efac;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-lien-he::after {
        animation-delay: .4s
    }
    div.fcta-zalo-mess {
        position: fixed;
        bottom: 33px;
        right: 113px;
        z-index: 99;
        background: #fff;
        padding: 7px 25px 7px 15px;
        color: #0068ff;
        border-radius: 50px 0 0 50px;
        font-weight: 700;
        font-size: 15px
    }
    .fcta-zalo-mess span {
        color: #63ab45 !important
    }
    span#fcta-zalo-tracking {
        font-family: Roboto;
        line-height: 1.5
    }
    .fcta-zalo-text {
        font-family: Roboto
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {
    /* CSS hiệu ứng hiển thị Modal */
    .nenmodal.active .ndmodal {
        transition: all 300ms ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }
    @keyframes zoom {
        0% {
            transform: scale(.5);
            opacity: 0
        }
        50% {
            opacity: 1
        }
        to {
            opacity: 0;
            transform: scale(1)
        }
    }
    @keyframes lucidgenzalo {
        0% {
            transform: rotate(-25deg)
        }
        50% {
            transform: rotate(25deg)
        }
    }
    .jscroll-to-top {
        bottom: 100px
    }
    .fcta-zalo-ben-trong-nut img {
        fill: #fff
    }
    .fcta-zalo-vi-tri-nut {
        position: fixed;
        bottom: 24px;
        left: 24px;
        z-index: 999
    }
    .fcta-zalo-nen-nut,
    div.fcta-zalo-mess {
        box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16)
    }
    .fcta-zalo-nen-nut {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #0068ff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut::after,
    .fcta-zalo-nen-nut::before {
        content: "";
        position: absolute;
        border: 1px solid #0068ff;
        background: #0068ff80;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut::after {
        animation-delay: .4s
    }
    .fcta-zalo-ben-trong-nut,
    .fcta-zalo-ben-trong-nut i {
        transition: all 1s
    }
    .fcta-zalo-ben-trong-nut {
        position: absolute;
        text-align: center;
        width: 60%;
        height: 60%;
        left: 13px;
        bottom: 23px;
        line-height: 55px;
        font-size: 25px;
        opacity: 1
    }
    /* telegram */
    .fcta-zalo-vi-tri-nut-telegram {
        position: fixed;
        bottom: 180px;
        left: 24px;
        z-index: 999;
    }
    .fcta-zalo-nen-nut-telegram {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #ffffff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-telegram {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #ffffff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-telegram::after,
    .fcta-zalo-nen-nut-telegram::before {
        content: "";
        position: absolute;
        border: 1px solid #bc3cd7;
        background: #9737ff;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-telegram::after {
        animation-delay: .4s
    }
    /* facebook */
    .fcta-zalo-vi-tri-nut-facebook {
        position: fixed;
        bottom: 102px;
        left: 24px;
        z-index: 999
    }
    .fcta-zalo-nen-nut-facebook {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #0068ff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-facebook::after,
    .fcta-zalo-nen-nut-facebook::before {
        content: "";
        position: absolute;
        border: 1px solid #0068ff;
        background: #0068ff80;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-facebook::after {
        animation-delay: .4s
    }
    /* LiÊN hỆ */
    .fcta-zalo-vi-tri-nut-lien-he {
        position: fixed;
        bottom: 24px;
        right: 65px;
        z-index: 999;
    }
    .fcta-zalo-nen-nut-lien-he {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #63ab45;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-lien-he::after,
    .fcta-zalo-nen-nut-lien-he::before {
        content: "";
        position: absolute;
        border: 1px solid #63ab45;
        background: #c0efac;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-lien-he::after {
        animation-delay: .4s
    }
    div.fcta-zalo-mess {
        position: fixed;
        bottom: 33px;
        right: 113px;
        z-index: 99;
        background: #fff;
        padding: 7px 25px 7px 15px;
        color: #0068ff;
        border-radius: 50px 0 0 50px;
        font-weight: 700;
        font-size: 15px
    }
    .fcta-zalo-mess span {
        color: #63ab45 !important
    }
    span#fcta-zalo-tracking {
        font-family: Roboto;
        line-height: 1.5
    }
    .fcta-zalo-text {
        font-family: Roboto
    }
    .scroll-to-top.show {
        opacity: 1;
        visibility: visible;
        bottom: 70px;
        right: -30px;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .scroll-to-top.show {
        opacity: 1;
        visibility: visible;
        bottom: 70px;
        right: -30px;
    }
    /* CSS hiệu ứng hiển thị Modal */
    .nenmodal.active .ndmodal {
        transition: all 300ms ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }
    @keyframes zoom {
        0% {
            transform: scale(.5);
            opacity: 0
        }
        50% {
            opacity: 1
        }
        to {
            opacity: 0;
            transform: scale(1)
        }
    }
    @keyframes lucidgenzalo {
        0% {
            transform: rotate(-25deg)
        }
        50% {
            transform: rotate(25deg)
        }
    }
    .jscroll-to-top {
        bottom: 100px
    }
    .fcta-zalo-ben-trong-nut img {
        fill: #fff
    }
    .fcta-zalo-vi-tri-nut {
        position: fixed;
        bottom: 24px;
        left: 24px;
        z-index: 999
    }
    .fcta-zalo-nen-nut,
    div.fcta-zalo-mess {
        box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16)
    }
    .fcta-zalo-nen-nut {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #0068ff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut::after,
    .fcta-zalo-nen-nut::before {
        content: "";
        position: absolute;
        border: 1px solid #0068ff;
        background: #0068ff80;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut::after {
        animation-delay: .4s
    }
    .fcta-zalo-ben-trong-nut,
    .fcta-zalo-ben-trong-nut i {
        transition: all 1s
    }
    .fcta-zalo-ben-trong-nut {
        position: absolute;
        text-align: center;
        width: 60%;
        height: 60%;
        left: 13px;
        bottom: 23px;
        line-height: 55px;
        font-size: 25px;
        opacity: 1
    }
    /* telegram */
    .fcta-zalo-vi-tri-nut-telegram {
        position: fixed;
        bottom: 110px;
        left: 24px;
        z-index: 999;
    }
    .fcta-zalo-nen-nut-telegram {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #ffffff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-telegram {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #ffffff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-telegram::after,
    .fcta-zalo-nen-nut-telegram::before {
        content: "";
        position: absolute;
        border: 1px solid #bc3cd7;
        background: #9737ff;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-telegram::after {
        animation-delay: .4s
    }
    /* facebook */
    .fcta-zalo-vi-tri-nut-facebook {
        position: fixed;
        bottom: 102px;
        left: 24px;
        z-index: 999
    }
    .fcta-zalo-nen-nut-facebook {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #0068ff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-facebook::after,
    .fcta-zalo-nen-nut-facebook::before {
        content: "";
        position: absolute;
        border: 1px solid #0068ff;
        background: #0068ff80;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-facebook::after {
        animation-delay: .4s
    }
    /* LiÊN hỆ */
    .fcta-zalo-vi-tri-nut-lien-he {
        position: fixed;
        bottom: 24px;
        right: 65px;
        z-index: 999;
    }
    .fcta-zalo-nen-nut-lien-he {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #63ab45;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-lien-he::after,
    .fcta-zalo-nen-nut-lien-he::before {
        content: "";
        position: absolute;
        border: 1px solid #63ab45;
        background: #c0efac;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-lien-he::after {
        animation-delay: .4s
    }
    div.fcta-zalo-mess {
        position: fixed;
        bottom: 33px;
        right: 113px;
        z-index: 99;
        background: #fff;
        padding: 7px 25px 7px 15px;
        color: #0068ff;
        border-radius: 50px 0 0 50px;
        font-weight: 700;
        font-size: 15px
    }
    .fcta-zalo-mess span {
        color: #63ab45 !important
    }
    span#fcta-zalo-tracking {
        font-family: Roboto;
        line-height: 1.5
    }
    .fcta-zalo-text {
        font-family: Roboto
    }
}

@media (min-width: 765px) and (max-width: 1024px) {
    .main-header--five .main-header__inner {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .main-header__logo img {
        width: 120px !important;
        /* height: 80px; */
    }
    .scroll-to-top.show {
        opacity: 1;
        visibility: visible;
        bottom: 70px;
        right: -30px;
    }
    /* CSS hiệu ứng hiển thị Modal */
    .nenmodal.active .ndmodal {
        transition: all 300ms ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }
    @keyframes zoom {
        0% {
            transform: scale(.5);
            opacity: 0
        }
        50% {
            opacity: 1
        }
        to {
            opacity: 0;
            transform: scale(1)
        }
    }
    @keyframes lucidgenzalo {
        0% {
            transform: rotate(-25deg)
        }
        50% {
            transform: rotate(25deg)
        }
    }
    .jscroll-to-top {
        bottom: 100px
    }
    .fcta-zalo-ben-trong-nut img {
        fill: #fff
    }
    .fcta-zalo-vi-tri-nut {
        position: fixed;
        bottom: 24px;
        left: 24px;
        z-index: 999
    }
    .fcta-zalo-nen-nut,
    div.fcta-zalo-mess {
        box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16)
    }
    .fcta-zalo-nen-nut {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #0068ff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut::after,
    .fcta-zalo-nen-nut::before {
        content: "";
        position: absolute;
        border: 1px solid #0068ff;
        background: #0068ff80;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut::after {
        animation-delay: .4s
    }
    .fcta-zalo-ben-trong-nut,
    .fcta-zalo-ben-trong-nut i {
        transition: all 1s
    }
    .fcta-zalo-ben-trong-nut {
        position: absolute;
        text-align: center;
        width: 60%;
        height: 60%;
        left: 13px;
        bottom: 23px;
        line-height: 55px;
        font-size: 25px;
        opacity: 1
    }
    /* telegram */
    .fcta-zalo-vi-tri-nut-telegram {
        position: fixed;
        bottom: 110px;
        left: 24px;
        z-index: 999;
    }
    .fcta-zalo-nen-nut-telegram {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #ffffff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-telegram {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #ffffff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-telegram::after,
    .fcta-zalo-nen-nut-telegram::before {
        content: "";
        position: absolute;
        border: 1px solid #bc3cd7;
        background: #9737ff;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-telegram::after {
        animation-delay: .4s
    }
    /* facebook */
    .fcta-zalo-vi-tri-nut-facebook {
        position: fixed;
        bottom: 102px;
        left: 24px;
        z-index: 999
    }
    .fcta-zalo-nen-nut-facebook {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #0068ff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-facebook::after,
    .fcta-zalo-nen-nut-facebook::before {
        content: "";
        position: absolute;
        border: 1px solid #0068ff;
        background: #0068ff80;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-facebook::after {
        animation-delay: .4s
    }
    /* LiÊN hỆ */
    .fcta-zalo-vi-tri-nut-lien-he {
        position: fixed;
        bottom: 24px;
        right: 65px;
        z-index: 999;
    }
    .fcta-zalo-nen-nut-lien-he {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #63ab45;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-lien-he::after,
    .fcta-zalo-nen-nut-lien-he::before {
        content: "";
        position: absolute;
        border: 1px solid #63ab45;
        background: #c0efac;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-lien-he::after {
        animation-delay: .4s
    }
    div.fcta-zalo-mess {
        position: fixed;
        bottom: 33px;
        right: 113px;
        z-index: 99;
        background: #fff;
        padding: 7px 25px 7px 15px;
        color: #0068ff;
        border-radius: 50px 0 0 50px;
        font-weight: 700;
        font-size: 15px
    }
    .fcta-zalo-mess span {
        color: #63ab45 !important
    }
    span#fcta-zalo-tracking {
        font-family: Roboto;
        line-height: 1.5
    }
    .fcta-zalo-text {
        font-family: Roboto
    }
    .tour-list-mobile {
        display: none;
    }
    li.dropdown {
        color: white;
    }
    .left-controller-tour-new {
        display: none;
    }
    .left-controller-tour-story {
        display: none;
    }
    .list-room-mobile {
        display: none;
    }
    .list-detals-moblie {
        display: none;
    }
    .mobile-controller-blog {
        display: none;
    }
    .faq-page {
        padding: 0px;
        margin-top: 50px;
    }
}

@media (min-width: 765px) and (max-width: 800px) {
    .main-header--five .main-header__inner {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .main-header__logo img {
        width: 100px !important;
        /* height: 80px; */
    }
    .scroll-to-top.show {
        opacity: 1;
        visibility: visible;
        bottom: 70px;
        right: -30px;
    }
    .tour-list-mobile {
        display: none;
    }
    .section-space {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    li.dropdown {
        color: white;
    }
    .left-controller-tour-new {
        display: none;
    }
    .left-controller-tour-story {
        display: none;
    }
    .list-room-mobile {
        display: none;
    }
    .list-detals-moblie {
        display: none;
    }
    .mobile-controller-blog {
        display: none;
    }
    .fadeInLeft {
        display: none;
    }
    .faq-page {
        padding: 0px;
        margin-top: 50px;
    }
    .scroll-to-top.show {
        opacity: 1;
        visibility: visible;
        bottom: 70px;
        right: -30px;
    }
}

.mobile-review {
    padding-top: 20px;
}

@media (min-width: 300px) and (max-width: 760px) {
    .main-header--five .main-header__inner {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .main-header__logo img {
        width: 80px !important;
        /* height: 80px; */
    }
    .banner-form--two {
        display: none;
    }
    li.dropdown {
        color: white;
    }
    .main-slider-five__title {
        font-size: 25px;
    }
    .main-slider-five {
        height: 900px;
    }
    .main-slider-five__carousel .active .main-slider-five__image {
        height: 800px;
    }
    .main-slider-five__carousel .active .main-slider-five__title {
        font-size: 40px;
    }
    .left-controller-tour-new {
        display: none;
    }
    .left-controller-tour-story {
        display: none;
    }
    .right-controller .tour-list-pc {
        display: none;
    }
    .tour-list-pc {
        display: none;
    }
    .mobile-review {
        padding-top: 20px;
    }
    .row-room-list-mobile {
        display: none;
    }
    .left-controller-room-new {
        display: none;
    }
    .left-controller-blog {
        display: none;
    }
    .controller-blog {
        display: none;
    }
    .right-menu-moblie {
        display: none;
    }
    .fadeInLeft {
        display: none;
    }
    .form-one__btn-box-button-mobile {
        position: relative;
        top: 15px;
        text-align: center;
    }
    .faq-page {
        padding: 0px;
        margin-top: 50px;
    }
    /* Nút Liên Hệ */
    /* CSS hiệu ứng hiển thị Modal */
    .nenmodal.active .ndmodal {
        transition: all 300ms ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }
    @keyframes zoom {
        0% {
            transform: scale(.5);
            opacity: 0
        }
        50% {
            opacity: 1
        }
        to {
            opacity: 0;
            transform: scale(1)
        }
    }
    @keyframes lucidgenzalo {
        0% {
            transform: rotate(-25deg)
        }
        50% {
            transform: rotate(25deg)
        }
    }
    .jscroll-to-top {
        bottom: 100px
    }
    .fcta-zalo-ben-trong-nut img {
        fill: #fff
    }
    .fcta-zalo-vi-tri-nut {
        position: fixed;
        bottom: 24px;
        left: 24px;
        z-index: 999
    }
    .fcta-zalo-nen-nut,
    div.fcta-zalo-mess {
        box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16)
    }
    .fcta-zalo-nen-nut {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #0068ff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut::after,
    .fcta-zalo-nen-nut::before {
        content: "";
        position: absolute;
        border: 1px solid #0068ff;
        background: #0068ff80;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut::after {
        animation-delay: .4s
    }
    .fcta-zalo-ben-trong-nut,
    .fcta-zalo-ben-trong-nut i {
        transition: all 1s
    }
    .fcta-zalo-ben-trong-nut {
        position: absolute;
        text-align: center;
        width: 60%;
        height: 60%;
        left: 13px;
        bottom: 23px;
        line-height: 55px;
        font-size: 25px;
        opacity: 1
    }
    /* telegram */
    .fcta-zalo-vi-tri-nut-telegram {
        position: fixed;
        bottom: 110px;
        left: 24px;
        z-index: 999;
    }
    .fcta-zalo-nen-nut-telegram {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #ffffff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-telegram {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #ffffff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-telegram::after,
    .fcta-zalo-nen-nut-telegram::before {
        content: "";
        position: absolute;
        border: 1px solid #bc3cd7;
        background: #9737ff;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-telegram::after {
        animation-delay: .4s
    }
    /* facebook */
    .fcta-zalo-vi-tri-nut-facebook {
        position: fixed;
        bottom: 102px;
        left: 24px;
        z-index: 999
    }
    .fcta-zalo-nen-nut-facebook {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #0068ff;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-facebook::after,
    .fcta-zalo-nen-nut-facebook::before {
        content: "";
        position: absolute;
        border: 1px solid #0068ff;
        background: #0068ff80;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-facebook::after {
        animation-delay: .4s
    }
    /* LiÊN hỆ */
    .fcta-zalo-vi-tri-nut-lien-he {
        position: fixed;
        bottom: 24px;
        right: 20px;
        z-index: 999;
    }
    .fcta-zalo-nen-nut-lien-he {
        width: 60px;
        height: 60px;
        text-align: center;
        color: #fff;
        background: #63ab45;
        border-radius: 50%;
        position: relative
    }
    .fcta-zalo-nen-nut-lien-he::after,
    .fcta-zalo-nen-nut-lien-he::before {
        content: "";
        position: absolute;
        border: 1px solid #63ab45;
        background: #c0efac;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }
    .fcta-zalo-nen-nut-lien-he::after {
        animation-delay: .4s
    }
    div.fcta-zalo-mess {
        position: fixed;
        bottom: 33px;
        right: 70px;
        z-index: 99;
        background: #fff;
        padding: 7px 25px 7px 15px;
        color: #0068ff;
        border-radius: 50px 0 0 50px;
        font-weight: 700;
        font-size: 15px
    }
    .fcta-zalo-mess span {
        color: #63ab45 !important
    }
    span#fcta-zalo-tracking {
        font-family: Roboto;
        line-height: 1.5
    }
    .fcta-zalo-text {
        font-family: Roboto
    }
    .scroll-to-top.show {
        opacity: 1;
        visibility: visible;
        bottom: 70px;
        right: -50px;
    }
}

.recruitment-text {
    margin-top: 10px;
    font-size: 20px;
    line-height: 1.25;
    text-transform: capitalize;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 1.2em;
    height: 50px;
}

.mg-top-banner {
    margin-top: -200px;
}


/* Banner */

@media (min-width: 300px) and (max-width: 430px) {
    .sec-title--two .sec-title__tagline {
        font-size: 12px;
    }
    .feature-two .sec-title__title {
        font-size: 30px;
    }
    #banner_category .feature-two__icon {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 25px;
        color: var(--trevlo-base, #FF5956);
        border-radius: 10px;
        background-color: var(--trevlo-white, #ffffff);
        transition: all 500ms ease;
    }
    #banner_category {
        margin-top: 10px;
    }
    #title__tagline {
        font-size: 12px;
    }
    #banner_category .feature-two__title {
        margin: 0;
        font-size: 14px;
        color: var(--trevlo-white, #ffffff);
        line-height: 1.56;
        text-transform: capitalize;
        transition: all 500ms ease;
    }
    .banner-overflow-y {
        height: 320px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #two__bottom_banner {
        margin-top: 10px;
    }
}

@media (min-width: 430px) and (max-width: 780px) {
    .sec-title--two .sec-title__tagline {
        font-size: 12px;
    }
    .feature-two .sec-title__title {
        font-size: 12px;
    }
    #banner_category .feature-two__icon {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 25px;
        color: var(--trevlo-base, #FF5956);
        border-radius: 10px;
        background-color: var(--trevlo-white, #ffffff);
        transition: all 500ms ease;
    }
    #banner_category {
        margin-top: 10px;
    }
    #title__tagline {
        font-size: 12px;
    }
    #banner_category .feature-two__title {
        margin: 0;
        font-size: 14px;
        color: var(--trevlo-white, #ffffff);
        line-height: 1.56;
        text-transform: capitalize;
        transition: all 500ms ease;
    }
    .banner-overflow-y {
        height: 320px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #two__bottom_banner {
        margin-top: 10px;
    }
    #banner_category_tatil {
        display: none;
    }
    .main-slider-five__carousel .active .main-slider-five__image {
        height: 800px;
    }
    .main-slider-five__carousel .item {
        padding-bottom: 0px !important;
    }
    .cta-one__sub-title {
        color: var(--trevlo-white, #ffffff);
        font-family: var(--trevlo-special-font, "Covered By Your Grace", cursive);
        font-size: 23px !important;
        font-weight: 400;
        margin: 0 0 3px;
    }
    .cta-one__title {
        font-size: 20px !important;
        line-height: 30px !important;
        margin-top: 20px !important;
    }
}

@media (min-width: 780px) and (max-width: 1050px) {
    .sec-title--two .sec-title__tagline {
        font-size: 12px;
    }
    .feature-two .sec-title__title {
        font-size: 12px;
    }
    #banner_category .feature-two__icon {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 25px;
        color: var(--trevlo-base, #FF5956);
        border-radius: 10px;
        background-color: var(--trevlo-white, #ffffff);
        transition: all 500ms ease;
    }
    #banner_category {
        margin-top: 10px;
    }
    #title__tagline {
        font-size: 12px;
    }
    #banner_category .feature-two__title {
        margin: 0;
        font-size: 14px;
        color: var(--trevlo-white, #ffffff);
        line-height: 1.56;
        text-transform: capitalize;
        transition: all 500ms ease;
    }
    .banner-overflow-y {
        height: 320px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #two__bottom_banner {
        margin-top: 10px;
    }
    .main-slider-five__carousel .active .main-slider-five__image {
        height: 1000px;
    }
    .main-slider-five__carousel .item {
        padding-bottom: 220px !important;
    }
    .cta-one__sub-title {
        color: var(--trevlo-white, #ffffff);
        font-family: var(--trevlo-special-font, "Covered By Your Grace", cursive);
        font-size: 23px !important;
        font-weight: 400;
        margin: 0 0 3px;
    }
    .cta-one__title {
        font-size: 20px !important;
        line-height: 30px !important;
        margin-top: 20px !important;
    }
}

@media (min-width: 1050px) and (max-width: 1450px) {
    #banner_category {
        margin-top: 10px;
    }
    .banner-overflow-y {
        max-height: 320px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .feature-two__bottom {
        margin-top: 0px !important;
        padding: 26.5px 60px;
        position: relative;
        display: flex;
        align-items: center;
        gap: 50px 30px;
        justify-content: center;
        /* background-color: var(--trevlo-base); */
        border-radius: 30px 30px 0 0;
    }
    #banner_category .feature-two__title {
        margin: 0;
        font-size: 14px;
        color: var(--trevlo-white, #ffffff);
        line-height: 1.56;
        text-transform: capitalize;
        transition: all 500ms ease;
    }
    #banner_category .feature-two__icon {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 25px;
        color: var(--trevlo-base, #FF5956);
        border-radius: 10px;
        background-color: var(--trevlo-white, #ffffff);
        transition: all 500ms ease;
    }
}

@media (min-width: 1450px) {
    .banner-overflow-y {
        max-height: 320px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    /* CSS cho thanh cuộn trên trình duyệt Chrome */
    .banner-overflow-y::-webkit-scrollbar {
        width: 5px;
        /* Độ rộng của thanh cuộn */
    }
    .banner-overflow-y::-webkit-scrollbar-thumb {
        background-color: #888;
        /* Màu của thanh cuộn */
        border-radius: 5px;
        /* Độ cong của các góc */
    }
    /* CSS cho thanh cuộn trên trình duyệt Firefox */
    .banner-overflow-y {
        scrollbar-width: thin;
        scrollbar-color: #888 transparent;
    }
}


/* CSS cho thanh cuộn trên trình duyệt Chrome */

.banner-overflow-y::-webkit-scrollbar {
    width: 5px;
    /* Độ rộng của thanh cuộn */
}

.banner-overflow-y::-webkit-scrollbar-thumb {
    background-color: #888;
    /* Màu của thanh cuộn */
    border-radius: 5px;
    /* Độ cong của các góc */
}


/* CSS cho thanh cuộn trên trình duyệt Firefox */

.banner-overflow-y {
    scrollbar-width: thin;
    scrollbar-color: #888 transparent;
    scrollbar-color: #888 transparent;
}