@media only screen and (max-width: 1920px) {
    .container {
        max-width: 1200px;
    }
}

@media only screen and (max-width: 1600px) {
    .container {
        max-width: 1200px;
    }
}

@media only screen and (max-width: 1440px) {
    .container {
        max-width: 1200px;
    }

    .header-top::after {
        width: calc((100vw - 1140px) / 2);
    }

    .header-top::before {
        width: calc((100vw - 1140px) / 2);
    }

    .header-bottom::before {
        width: calc((100vw - 1140px) / 2);
    }
}

@media only screen and (max-width: 1200px) {
    .container {
        width: 950px;
    }

    .hero {
        min-height: auto;
        width: 100%;
        aspect-ratio: 4 / 3;
    }

    .navbar:after {
        width: 270px;
    }

    .search-form {
        max-width: 250px;
    }

    .header-top::after {
        width: calc((100vw - 950px) / 2);
    }

    .header-top::before {
        width: calc((100vw - 950px) / 2);
    }

    .header-bottom::before {
        width: calc((100vw - 950px) / 2);
    }

    .guide-item {
        width: 100%;
    }

    .guide-items {
        padding: 0;
    }

    .intro-left {
        padding: 0;
    }

    .intro-left-desc {
        padding: 0 0 0 0;
    }

    .intro-wrapper-01 {
        padding-bottom: 50px;
    }

    .hero-title {
        width: 100%;
    }

        .hero-title div:first-child {
            padding-top: 200px;
        }

        .hero-title div:first-child {
            text-align: center;
        }

    .hero-discover {
        /* justify-content: center; */
        transform: translate(-15%, -35px);
    }

    .chatbox-icon {
        width: 65px;
        height: 65px;
    }

    .intro-img-01 {
        width: 400px;
        height: 400px;
        border-radius: 400px;
        border: 10px solid #fff;
    }

    .intro-img-02 {
        width: 200px;
        height: 200px;
        border: 8px solid #fff;
    }
    /* 
  .intro-left {
    padding-bottom: 500px;
  } */

    .intro-img-03 {
        width: 200px;
        height: 200px;
    }

    .guide-title-bg {
        background-color: transparent;
    }

    .intro-link-item-title {
        font-size: 18px;
    }

    .mySwiperDiscovery .swiper-slide {
        height: 220px !important;
        transform: translateY(105px) !important;
    }

    .mySwiperDiscovery .swiper-slide-prev,
    .mySwiperDiscovery .swiper-slide-next {
        transform: translateY(60px) !important;
        height: 295px !important;
    }

    .mySwiperDiscovery .swiper-slide-active {
        transform: translateY(30px) !important;
        height: 295px !important;
    }

    .mySwiperDiscovery.swiper {
        height: 450px !important;
    }

    .discovery .guide-title {
        margin-bottom: 0;
    }

    .news-item-img {
        width: 150px;
    }

    .guide-title {
        font-size: 32px;
    }

    .guide-title-checkin {
        font-size: 80px;
    }

    .guide-title.event-title {
        margin-top: 50px;
        padding-bottom: 10px;
    }

    .intro-link-item-title {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .intro-02 {
        padding-bottom: 30px;
    }

    .news-item-img {
        width: 225px;
    }

    .contact-and-qa {
        padding: 0;
    }

        .contact-and-qa > div {
            padding: 40px 0 !important;
        }

    .map-slide {
        position: relative !important;
        top: unset;
        left: unset;
    }

    /* .intro-left {
    padding-bottom: 600px;
  } */

    .qa-right {
        padding-left: 0;
        padding-right: 0;
    }

    .header-social-title span:first-child {
        font-size: 16px;
        padding-right: 10px;
    }

    .map-slide .intro-video .intro-video-item {
        height: unset;
        width: 100%;
        aspect-ratio: 1/1;
    }

    .feedback {
        padding: 20px 40px;
    }

    .btn-contact button {
        width: 100%;
    }

    .guide-item-icon {
        width: 60px;
        height: 60px;
    }
}


@media only screen and (max-width: 1024px) {
    .ntt-dong a:nth-child(4) {
        margin-left: 0;
        margin-top: 20px;
    }

    .ntt-khac a:nth-child(4) {
        margin-left: 0px;
        margin-top: 20px;
        margin-right: 20px;
    }

    .ntt-khac a:nth-child(5) {
        margin-top: 20px;
        margin-left: 0;
    }

    .ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
        width: 264px;
        height: 150px;
    }
}

@media only screen and (max-width: 992px) {
    .ntt-dong a, .ntt-khac a {
        float: left;
        padding: 0;
        padding-bottom: 10px;
        width: 156px;
    }

    .guide-item-icon {
        width: 60px;
        height: 60px;
    }

    /*page details vr360*/
    .vr360-list li {
        width: 25%;
    }

    .container {
        width: 730px;
    }

    .header-top::after {
        width: calc((100vw - 730px) / 2);
    }

    .header-top::before {
        width: calc((100vw - 730px) / 2);
    }

    .header-bottom::before {
        width: calc((100vw - 730px) / 2);
    }

    .checkin-item-img {
        width: 100%;
        aspect-ratio: 1 / 1;
    }

    .checkin-item-2 .checkin-item-img {
        aspect-ratio: 16 / 9;
    }

    .checkin-item-3 .checkin-item-img {
        aspect-ratio: 1 / 1;
    }

    .navbar:after {
        width: 196px;
    }

    .checkin-item, .checkin-item-2, .checkin-item-3 {
        height: min-content;
    }
}

@media (max-width: 991.98px) {
    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }

    body {
        touch-action: pan-y;
    }
}

@media only screen and (max-width: 912px) {
    .ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
        width: 155px;
    }
}

@media only screen and (max-width: 820px) {
    .left-ntt {
        width: 270px;
    }

    .ntt-kimcuong h3, .ntt-vang h3, .ntt-bac h3, .ntt-dong h3, .ntt-khac h3 {
        font-size: 22px;
    }

    .ntt-kimcuong div, .ntt-vang div {
        width: 270px;
    }

    .right-ntt {
        width: calc(100% - 270px);
        padding-left: 50px;
    }

    .ntt-khac a:nth-child(4) {
        margin-right: 20px;
        margin-top: 20px;
    }

    .ntt-dong a:nth-child(4) {
        margin-top: 20px;
    }

    .ntt-khac a:nth-child(5) {
        margin-top: 20px;
    }

    .ntt-dong a, .ntt-khac a {
        width: 186px;
    }
}

@media only screen and (max-width: 768px) {

    #block-tin-tuc-slide {
        display: none;
    }

    .ntt-khac {
        width: 100%;
        float: left;
    }

        .ntt-dong a, .ntt-khac a {
            float: left;
            padding: 0;
            padding-bottom: 10px;
            width: 180px;
        }

            .ntt-dong a:nth-child(2), .ntt-khac a:nth-child(2) {
                margin-right: 15px;
            }

            .ntt-dong a:nth-child(3), .ntt-khac a:nth-child(3) {
                margin-left: 0px;
            }


    .lst-date-item li .change-time {
        font-size: 13px !important;
        padding: 0 !important;
    }
    /*page details vr360*/
    .vr360-list li {
        width: 25%;
    }

    .yeucauhotro {
        width: 90% !important;
    }

    .yeucauhotro {
        transform: translateY(-35%) !important;
    }

    .container {
        max-width: 90%;
    }

    .checkin-item-2 {
        margin: 0;
    }

    .footer .col-11 {
        width: 91.66666667%;
    }

    .footer-part {
        padding: 0 !important;
    }

        .footer-part:not(:last-child) {
            margin-bottom: 20px;
        }

    .weather-content {
        display: none;
    }

    .infomation_dalat ul {
        display: flex;
    }

        .infomation_dalat ul li a {
            display: block;
        }

    .guide-sm {
        display: none;
    }

    .hero-title div:first-child {
        padding-top: 125px;
    }

    .intro-content {
        font-size: 20px;
    }

    .hero-title div:first-child {
        font-size: 100px;
    }

    .hero-discover img {
        width: 300px;
    }

    .hero-discover {
        transform: translate(-15%, -15px);
    }

    .intro-img-01 {
        width: 300px;
        height: 300px;
        border-radius: 300px;
        border: 6px solid #fff;
    }

    .intro-img-02 {
        width: 150px;
        height: 150px;
        border: 6px solid #fff;
    }

    .intro-img-03 {
        width: 150px;
        height: 150px;
    }

    .checkin-item,
    .checkin-item-3 {
        aspect-ratio: 1 / 1;
        height: unset;
    }

    .feedback .btn-primary {
        font-size: 16px;
    }

    .intro-link-item-title {
        font-size: 16px;
    }

    .guide-title {
        font-size: 24px;
    }

        .guide-title a {
            font-size: 24px;
        }

    .guide-item-content {
        display: none;
    }

    .guide-item {
        flex-direction: column;
    }

    .guide-item {
        height: min-content;
    }

    .guide-item-title {
        margin: 0;
        text-align: center;
        font-size: 14px;
    }

    .guide-item-icon {
        width: 50px;
        height: 50px;
    }

    .news-item-img {
        width: 150px;
    }

    .guide {
        padding: 20px 0 40px;
    }

    .guide-title-bg {
        margin-bottom: 20px;
    }

    .intro-video-item {
        height: 100px;
    }

    .intro-02 {
        padding-bottom: 15px;
        padding-top: 30px;
    }

    .mySwiperDiscovery .swiper-slide {
        height: 180px !important;
        transform: translateY(105px) !important;
    }

    .mySwiperDiscovery .swiper-slide-prev,
    .mySwiperDiscovery .swiper-slide-next {
        transform: translateY(60px) !important;
        height: 255px !important;
    }

    .mySwiperDiscovery .swiper-slide-active {
        transform: translateY(30px) !important;
        height: 255px !important;
    }

    .mySwiperDiscovery.swiper {
        height: 350px !important;
    }

    .feedback {
        padding: 25px 35px;
    }

    .contact-footer {
        flex-direction: column-reverse;
    }

        .contact-footer .btn-primary {
            width: 100%;
            font-size: 14px;
            margin-top: 10px;
        }

    .accordion-button.collapsed {
        margin-bottom: 15px;
    }

    .accordion-collapse.collapse.show {
        margin-bottom: 15px;
    }

    .header-bottom::before {
        background-color: transparent;
    }

    .header-top {
        display: none !important;
    }

    .navbar:after {
        background-color: #fff;
    }

    .header-bottom {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 9999;
        display: none;
    }

    .fix-header .navbar-brand img {
        height: 50px;
        transition: height 0.3s ease;
    }

    .navbar-brand img {
        height: 50px;
    }

    .search-form {
        width: 100%;
    }

    .nav-link-mobile {
        display: block;
    }

    .intro-title div:first-child {
        font-size: 40px;
    }

        .intro-title div:first-child span {
            font-size: 30px;
        }

    .intro-title div:last-child {
        font-size: 40px;
    }

        .intro-title div:last-child span {
            font-size: 40px;
        }

    .contact-captcha input {
        width: 100%;
    }

    .contact-captcha {
        flex-wrap: wrap;
    }

        .contact-captcha .captcha-img {
            flex-grow: 1;
        }

    .btn-contact button {
        width: 100%;
    }

    .nav-item-mobile-show {
        display: block;
    }

    .nav-item-mobile-hide {
        display: none;
    }

    .navbar-nav .nav-link,
    .navbar-nav .nav-link i {
        font-size: 16px;
    }

    .navbar-brand {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }

    .flex-mobile {
    }

    #pando-image {
        height: 500px !important;
        border-radius: 0 0 16px 16px;
        overflow: hidden;
    }

    .map-slide .intro-video {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .intro-title span:first-child {
        font-size: 80px;
    }

    .intro-title span:last-child {
        font-size: 40px;
    }

    .big-event-img {
        height: max-content;
    }

    .news-item-wrapper:nth-last-child(2) .news-item {
        border-bottom: 1px solid #cfcfcf;
    }

    .guide-title-checkin {
        font-size: 50px;
    }

    .adv-item {
        height: auto;
    }

    .intro-link-item-img {
        width: 90%;
    }

    .map-slide .intro-video .intro-video-item {
        height: auto;
        aspect-ratio: 1;
    }

    .intro-video-item-play div:first-child {
        font-size: 36px;
    }

    .big-event {
        padding-top: 30px;
        padding-bottom: 0;
    }

        .big-event::before {
            height: 0;
        }

    #filters {
        min-height: unset;
    }

    .intro-01 {
        padding-top: 45px;
    }

    .fix-header .navbar:after {
        background-color: #fff;
    }

    .fix-header.header-bottom::before {
        http: //localhost:36006/page/gioi-thieu background-color: #fff;
    }

    .search-form {
        max-width: 100%;
    }

    .dropdown-item {
        color: var(--color-primary);
        font-weight: bold;
        display: inline-flex;
        align-items: center;
        font-size: 16px;
    }

    .nav-link-mobile {
        display: flex;
        justify-content: space-between;
        margin-right: 0 !important;
    }

    .hot-line {
        bottom: 15px;
    }

    .myBtnScroll {
        bottom: 85px;
    }

    .map-mobile .chitietObj {
        position: absolute !important;
        width: 95% !important;
        float: unset !important;
        top: 20% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .hot-line {
        width: 50px;
        height: 50px;
        padding: 0 0 0 16px;
    }

    ._bc_cbb ._bc_cbb_btn--chat ._bc_cbb_btn__underlay {
        width: 50px;
        height: 50px;
    }

    ._bc_cbb ._bc_cbb_btn--chat {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        position: relative;
        transition: all 0.3s ease;
    }

    .hot-line i {
        font-size: 20px;
    }

    .Grid_resultSearch {
        overflow-x: auto;
    }

    .content_ketqua {
        display: flex;
        float: unset !important;
    }

    .map-mobile .box_result {
        width: 50vw !important;
        flex-shrink: 0;
        padding-bottom: 0 !important;
    }

    .map-search {
        height: auto !important;
        padding: 0 !important;
    }

    .pleft0 {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }

    .label_ketqua {
        display: none !important;
    }

    .AnhDaiDien {
        float: unset !important;
        width: 100%;
        height: auto !important;
        aspect-ratio: 16/9 !important;
    }

    .ChiDuong_content {
        height: min-content !important;
    }

    .feedback {
        padding: 40px 30px !important;
    }
    /*Chatbot*/
    #chatbox {
        right: 0 !important;
        bottom: 0 !important;
        width: 100%;
        height: 100%;
    }

    .chat_box {
        width: 100% !important;
        height: 100%;
        border-radius: 0 !important;
    }

    .send_ask {
    }

    .forgot-password-wrapper {
        width: 90%;
    }

    .modal-dialog {
        width: 100% !important;
        margin: 0 !important;
    }

    .modal {
        top: 0;
    }

    #formChiDuong {
        left: unset;
        right: 0;
        width: 80% !important;
        transform: translateX(100%);
        margin-right: calc(var(--bs-gutter-x)* .5);
    }

    @-webkit-keyframes slide-right {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%)
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes slide-right {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%)
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    .miniMap-btn {
        display: block;
    }

    .mini-map {
        width: 80px !important;
    }

        .mini-map .box_option_parent, .mini-map .box_select_point {
            display: none !important;
        }

        .mini-map .box_option_drive {
            display: flex;
            flex-direction: column;
            margin-top: 30px;
        }

    .box-map-wrapper #formChiDuong.slide-right {
        transform: translateX(0) !important;
    }

    .box-map-wrapper #map.after-slide {
        margin-left: 0 !important;
    }

    #formChiDuong.mini-map {
        width: 80px !important;
    }

    .box-map-wrapper #formChiDuong.mini-map {
        width: 80px !important;
    }

    .box-map {
        height: 600px !important;
    }
}

@media only screen and (max-width: 540px) {
    .ntt-kimcuong {
        width: 100%;
        float: left;
    }

        .ntt-kimcuong h3, .ntt-vang h3, .ntt-bac h3, .ntt-dong h3, .ntt-khac h3 {
            text-align: center
        }

        .ntt-kimcuong div, .ntt-vang div {
            width: 100%;
            float: left;
            text-align: center;
        }

    .right-ntt {
        width: 100%;
        padding-left: 0;
    }

    .ntt-bac, ntt-vang, .ntt-dong, .ntt-bac h3, ntt-vang h3, .ntt-dong h3 {
        width: 100%;
        float: left;
    }

        .ntt-kimcuong h3, .ntt-vang h3, .ntt-bac h3, .ntt-dong h3, .ntt-khac h3 {
            text-align: center;
        }

    .ntt-khac {
        width: 100%;
        float: left;
    }

    .left-ntt {
        width: 100%;
        float: left;
    }

    .ntt-dong a, .ntt-khac a {
        width: 236px;
    }

        .ntt-dong a:nth-child(2), .ntt-khac a:nth-child(2) {
            margin-right: 20px;
        }

    .ntt-bac {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

        .ntt-bac a {
            width: 250px;
        }
}

@media only screen and (max-width: 576px) {
    #block-tin-tuc-slide {
        display: none;
    }

    .guide-item-icon {
        width: 35px;
        height: 35px;
    }

    .swiper::after, .swiper::before {
        width: 50px !important;
    }


    .cocauphuong h3 {
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .wrap_header_confirm_fg_pass {
        padding: 24px 24px 55px;
    }

    .header_text_confirm_fg_pass {
        font-size: 28px;
    }

    .breadcrumb {
        width: 100% !important;
        float: left
    }

    .map-slide {
        max-width: 100%;
        padding: 0 10px;
    }

    .accordion .accordion-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /*page details vr360*/
    .vr360-list li {
        width: 50%;
    }
}


@media only screen and (max-width: 480px) {
    #block-tin-tuc-slide {
        display: none;
    }

    .right-ntt {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .swiper-button-prev {
        left: -15px;
    }

    .swiper-button-next {
        right: -30px;
    }


    .left-ntt {
        width: 100%;
        float: left;
        text-align: center;
    }

    .ntt-mobile {
        width: 100%;
        float: left;
        margin: 0;
        padding-left: 0;
    }

    .ntt-kimcuong div, .ntt-vang div {
        margin-left: 16%;
    }

    .ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
        margin: 0;
        margin-left: 100px !important;
        margin-bottom: 15px;
    }


    .wapper-swiper h3 {
        padding: 0;
        margin-top: 40px;
        text-align: center;
    }

    .wapper-don-vi-ho-tro {
        height: 250px;
        position: relative;
    }

    .mySwiperPotential .swiper-button-prev {
        left: 6px;
    }

    .mySwiperPotential .swiper-button-prev {
        left: 6px;
    }

    .mySwiperPotential .swiper-button-next {
        right: 6px;
    }


    .mySwiperPotential {
        position: relative;
    }

        .mySwiperPotential .swiper-button-prev,
        .mySwiperPotential .swiper-button-next {
            top: 38%;
            transform: translateY(-38%);
            width: 65px;
            height: 76px;
            background-size: contain;
            background-repeat: no-repeat;
        }

        .mySwiperPotential .swiper-button-prev {
            background-image: url(/assets/images/prev.png);
        }

        .mySwiperPotential .swiper-button-next {
            background-image: url(/assets/images/next.png);
        }



    .block-scroll {
        max-width: 100%;
        overflow: hidden;
        overscroll-behavior: none;
    }

    .intro-video {
        margin-left: 0;
        margin-right: 0;
    }

    html {
        overflow-x: hidden;
        width: 100%;
    }

    body {
        overflow-x: hidden;
        position: relative;
        touch-action: pan-y;
        overscroll-behavior-x: none;
        /*-webkit-overflow-scrolling: touch;*/
    }

    .mySwiperVr360Top {
        overflow: hidden;
        touch-action: pan-y;
    }


    .swiper-horizontal {
        touch-action: pan-y;
    }


    .swiper-button-prev, .swiper-button-next {
        display: block;
    }

    .tttm-info > div {
        flex-direction: column;
        align-items: flex-start !important;
    }

        .tttm-info > div > h3 {
            text-align: left;
        }

    .justified-gallery {
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 430px) {
    .swiper-button-next {
        right: -10px;
    }

    .survey-breadcrumb {
        width: 100%;
    }

    .ntt-bac, ntt-vang, .ntt-dong, .ntt-khac {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ntt-kimcuong div, .ntt-vang div {
        margin-left: 0;
    }

    .ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
        width: 236px;
        margin-left: 0 !important;
    }

        .ntt-khac a:nth-child(4) {
            margin-right: 0;
            margin-top: 0;
        }

    .ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

        .ntt-dong a:nth-child(2), .ntt-khac a:nth-child(2) {
            margin-right: 0px;
        }

        .ntt-dong a:nth-child(4), .ntt-khac a:nth-child(4), .ntt-khac a:nth-child(5) {
            margin-top: 0px;
        }
}

@media only screen and (max-width: 414px) {
    .ntt-bac, ntt-vang, .ntt-dong, .ntt-khac {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ntt-kimcuong div, .ntt-vang div {
        margin-left: 0;
    }

    .ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
        width: 236px;
        margin-left: 0 !important;
    }

        .ntt-khac a:nth-child(4) {
            margin-right: 0;
            margin-top: 0;
        }

    .ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

        .ntt-dong a:nth-child(2), .ntt-khac a:nth-child(2) {
            margin-right: 0px;
        }

        .ntt-dong a:nth-child(4), .ntt-khac a:nth-child(4), .ntt-khac a:nth-child(5) {
            margin-top: 0px;
        }
}


@media only screen and (max-width: 412px) {
    .ntt-bac, ntt-vang, .ntt-dong, .ntt-khac {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ntt-kimcuong div, .ntt-vang div {
        margin-left: 0;
    }

    .ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
        width: 236px;
        margin-left: 0 !important;
    }

        .ntt-khac a:nth-child(4) {
            margin-right: 0;
            margin-top: 0;
        }

    .ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

        .ntt-dong a:nth-child(2), .ntt-khac a:nth-child(2) {
            margin-right: 0px;
        }

        .ntt-dong a:nth-child(4), .ntt-khac a:nth-child(4), .ntt-khac a:nth-child(5) {
            margin-top: 0px;
        }
}



@media only screen and (max-width: 390px) {
    .ntt-kimcuong div, .ntt-vang div {
        margin-left: 0;
    }

    .ntt-bac, ntt-vang, .ntt-dong, .ntt-khac {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }


        .ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

            .ntt-dong a:nth-child(2), .ntt-khac a:nth-child(2) {
                margin-right: 0px;
            }

            .ntt-dong a:nth-child(4), .ntt-khac a:nth-child(4), .ntt-khac a:nth-child(5) {
                margin-top: 0px;
            }
}

@media only screen and (max-width: 375px) {
    .ntt-kimcuong div, .ntt-vang div {
        margin-left: 0;
    }

    .ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
        width: 236px;
        margin-left: 58px !important;
        margin-top: 20px !important;
        margin-bottom: 0 !important;
    }

        .ntt-bac a:first-child, ntt-vang a:first-child, .ntt-dong a:first-child, .ntt-khac a:first-child {
            margin-top: 0 !important;
        }

    .ntt-bac a, ntt-vang a, .ntt-dong a, .ntt-khac a {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

        .ntt-dong a:nth-child(2), .ntt-khac a:nth-child(2) {
            margin-right: 0px;
        }
}


@media only screen and (max-width: 344px) {
    .ntt-kimcuong div, .ntt-vang div {
        margin-left: 0;
    }

    .ntt-bac a, .ntt-dong a, .ntt-khac a {
        margin-top: 20px !important;
        margin-bottom: 0 !important;
        margin-left: 40px !important;
        margin-right: 0 !important;
        width: 236px;
    }

    .swiper-button-prev, .swiper-button-next {
        display: none;
    }
}