.mobile-nav {
    list-style: none;
    position: relative;
    padding: 15px 0;
    color: #fff;
}
@media (min-width: 360px) {
    #gioithieu-menu-mobile {
        padding: 5px 10px 0 10px;
    }
    #gioithieu-menu-mobile .nav-link {
        padding: 5px 7px;
    }
    .gia-hiem, .bao-hiem, .mien-phi, .be-boi, .massage {
        font-size: 11px;
    }
    .travel-main .dropdown a {
        text-indent: 15px;
    }
    .special-icons .icon {
        height: 27px;
        width: 27px;
    }

    .header.header .header__top .container .logo {
        padding: 6px;
    }

    .list-image-feedback video {
        width: 142px;
    }

    .header__top .logo {
        width: 183px;
    }

    .header__top__wrapper {
        margin-left: 181px;
    }

    .description1, .description2 {
        margin-right: 47px;
    }

    .description1 {
        font-size: 11px;
    }
}

@media (min-width: 361px) {
    .home-feedback-modify__s p {
        margin-right: 20px;
    }
}


@media (min-width: 375px) {
    .home-feedback-modify__s {
        display: flex;
    }

    .special-icons .icon {
        height: 30px;
        width: 30px;
    }
}

@media (min-width:425px) {
    .gia-hiem, .bao-hiem, .mien-phi, .be-boi, .massage {
        font-size: 13px;
    }
    .travel-main .dropdown a {
        text-indent: 28px;
    }
    .special-icons .icon {
        margin-right: 14px;
    }
    .header__top__wrapper {
        margin-left: 192px;
    }
    .page-link {
        padding: 2px 14px;
    }

    .mobile-utils .special-icons {
        padding-right: 0px;
    }

    .list-image-feedback video {
        width: 160px;
    }

    .description1 {
        font-size: 13px;
    }

    .description2 {
        font-size: 14px;
    }
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 700px;
    }
}
@media (max-width: 1199px) {
    .vc-block {
        display: block;
    }
    .vc-col {
        width: 100%
    }
}
@media (min-width: 768px) {
    .custom-file .custom-file-label{
        width: 178px;
    }
    .gioithieu-form {
        margin-top: 0;
    }
    .gioithieu-slide .slick-slide p {
        margin: 0 10px;
    }
    .gioithieu-slide {
        margin: 0 25px;
    }
    #gioithieu-menu-desktop, #chuyen-doi-so-menu-desktop {
        display: flex;
    }
    #gioithieu-menu-mobile, #chuyen-doi-so-menu-mobile {
        display: none;
    }
    .menu-tabs .nav-item {
        margin-right: 10px;
    }
    .header__top__wrapper {
        margin-left: 200px;
    }
    .tabs {
        top: 0;
    }
    .close-search {
        display: none;
    }
    .feedback-content-answer {
        padding-left: 10px;
    }

    .otp-peoplecode {
        min-width: 315px;
    }

    .otp-content {
        padding: 10px;
    }

    #qr-code img {
        height: calc(100vh - 220px);
        width: calc(69.93007vh - 139.86014px);
    }

    .dialog .close-btn + .row {
        overflow: unset;
        height: calc(100vh - 195px);
    }


    .no-scolls {
/*        height: calc(100vh - 230px);*/
        height: 528px !important;
        overflow-y: scroll;
/*        min-height: 451px;*/
    }


    #form-register-ctydulich {
        height: auto;
        overflow-x: hidden;
    }
    #form-register-ctydulich::-webkit-scrollbar {
        width: 0px;
    }

    .height100 {
        height: 100% !important;
        background-color: #6B717F;
    }

    .home-feedback-modify__body--name {
        display: flex;
    }

    .home-feedback-modify__body--name div {
        padding-right: 20px;
    }
 
    .hook-fix-height {
        min-height: 640px;
    }
    .hook-768 {
        height: 100%;
    }
    .accept-col {
        height: 100%;
        overflow-x: hidden;
    }
    .accept-col::-webkit-scrollbar {
        width: 0px;
    }
    .header__top__wrapper {
        flex-direction: row;
        justify-content: space-between;
        margin-right: 20px;
    }
    .dialog-travel,
    .dialog-form,
    .ctydulich-register-form,
    .recover-password-form,
    .dialog-feedback,
    .dialog-qr-app, .dialog-qr-app-2 {
        background-color: #474153eb;
        height: 601px;
/*        max-height: calc(100vh - 163px);*/
        max-height: 100vh;
    }
    .travel-item {
        background-color: #6B717F;
    }
    .home-banner-btns {
        display: flex;
        justify-content: space-between;
    }
    .home-banner-btns-mobile {
        display: none;
    }
    .home-banner-carousel-item {
        height: 100%;
    }
    .home-banner .image-title {
        padding-top: 150px;
    }
    .home-brand {
        display: block;
    }
    .home-banner .sub-title {
        margin-bottom: 25px;
    }
    .home-brand-mobile {
        display: none;
    }
}



@media (min-width: 1025px) {
    .copy-right__container {
display: flex;
justify-content: space-evenly;
align-items: center;

    }
    .copy-right__link {
        padding-top: 0px;
    }
    .auth-ui {
        margin-right: 0 !important;
        text-align: center;
    }
    #ngon-ngu-desktop {
    display: block;
    }
    .search-desktop {
        display: block;
        top: 330px !important;
    }
    .search-mobile, .show-search-mobile {
        display: none;
    }

    .search-form input {
        width: calc(100% - 55px);
    }

    .dialog .travel-item-criteria {
        padding: 10px 15px !important;
    }


    .search-form form {
        flex-direction: row;
        height: 55px;
        display: flex;
    }
    
    .group-lang {
        display: flex;
        margin-left: 5px;
    }
    .home-banner-btn:hover, .home-banner-btn.active {
        background-color: #e5c04e;
    }
    .home-banner-btn:hover:before, .home-banner-btn.active:before {
        border-color: #ccac50;
    }
    .bottom-li-lang {
        display: none;
    }
/*    .mobile-nav,
    .mobile-utils {
        display: none;
    }*/

    .carousel-control-prev, .carousel-control-next {
        display: flex;
    }

    .show-img-content video {
        width: auto;
    }

/*    .header__bottom ul li:hover .menu-lv2 {
        display: block;
    }*/

    .home-services-mobile {
        display: none;
    }

    .home-banner-carousel {
        display: none;
    }

    #list-dich-vu .travel-it {
        flex-direction: row;
    }

        /*    #list-dich-vu .travel-it .travel-info p {
        -webkit-line-clamp: 10;
    }*/

    #list-dich-vu .travel-it .travel-info {
        width: min-content;
    }

    .travel-feature-group {
        padding: 0;
    }

    #list-dich-vu .travel-it .travel-info {
        margin-left: 15px;
    }

    .travel-it {
        padding: 0;
    }

    .travel-main-bg .travel-it .travel-info > .travel-group-rate-btn {
        justify-content: flex-end;
    }

    .travel-main-bg .travel-it .travel-info > .travel-group-rate-btn a {
        padding: 6px 30px;
    }

/*    .header__bottom ul li:hover .menu-lv2 {
        display: block;
    }*/

    .home-banner {
        padding-bottom: 147px;
    }
    .dialog .close-btn + .row {
        height: 528px !important;
        /*        max-height: calc(100vh - 224px);*/
        max-height: calc(100vh - 183px);
    }
/*    .menu-lv2 {
        box-shadow: 5px 3px 10px -1px rgb(0 0 0 / 46%);
    }*/
}

@media (min-width: 721px) {
    .render-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .home-checkbox-move {
        display: flex;
        align-items: center;
    }

    .filter-evaluates {
        margin-left: 7px;
    }

    .home-feedback-group {
        min-width: 375px;
    }
}

@media (max-width: 375px){
    #gioithieu-menu-mobile .nav-link {
        font-size: 11px;
    }
}

@media (max-width: 1024px) {

    .tour60 {
        width: 60%;
    }
    .search-form form {
        flex-direction: column;
    }
    .search-form-item form {
        flex-direction: row;
    }
    .search-form-item button {
        margin-top: 0 !important;
        min-width: 55px;
        width: 55px !important;
    }
    header.header .header__top .container {
        padding: 0;
    }

    header.header .header__top .container .logo {
        left: 0;
        padding: 5px;
        background-color: #343757;
        margin-bottom: -1px;
    }

    header.header .header__top .container .row {
        width: 100%;
    }

    .mobile-utils {
        display: flex;
        align-items: center;
        margin: 0 25px;
    }

    .mobile-utils .special-icons {
        border-right: 0;
        margin-right: 0;
    }

    .mobile-utils .border.border-secondary {
        color: #fff !important;
    }

/*    .mobile-nav + ul {
        display: block;
        max-height: 0;
        transition: max-height 0.15s ease-out;
        overflow: hidden;
        position: absolute;
        right: 0;
        left: 0;
        top: 100%;
        background: #343757;
        box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
        z-index: 10;
    }*/

    .header__bottom {
        border-bottom: 1px solid #e6c051;
    }

/*    .menu-lv2-trigger::after {
        position: relative;
    }

    .menu-lv2-trigger:after {
        content: "\f107";
        position: absolute;
        right: 15px;
        top: 10px;
        color: #fff;
        transition: 0.3s;
        transform: rotate(0deg);
        font-family: "Font Awesome 5 Pro";
    }

    .menu-lv2-trigger.active:after {
        transform: rotate(180deg);
    }

    .header__bottom ul li.menu-lv2-trigger.active .menu-lv2 {
        display: block;
    }*/

/*    .menu-lv2 {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        width: unset !important;
    }*/

/*    .mobile-nav.active + ul {
        max-height: 86vh;
        overflow: auto;
    }*/

  

    .auth-ui.is-login {
        padding: 0;
    }

    .auth-ui.is-login #user-avatar {
        display: none;
    }

    .auth-ui.is-login ul.dropdown {
        max-height: unset;
        position: relative;
        right: 0;
        left: 0;
        min-width: unset;
        box-shadow: unset;
        background: #343757;
    }

    .auth-ui.is-login ul.dropdown li {
        padding: 10px 0;
        color: #fff;
    }

    footer .footer .footer__contact {
        display: none;
    }

    footer .footer .footer__navigation {
        flex-wrap: wrap;
    }

    footer .footer .footer__navigation li {
        padding: 5px 0px;
    }

    .tabs .tab-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .tabs .tab-list li {
        padding: 5px;
    }

    .tabs .tab-list li.active:before {
        bottom: 5px;
    }
    /*search form*/
    

    .home-banner .select {
        width: 100%;
        margin-bottom: 20px;
    }

    .home-banner .select {
        padding: 18px 16px 18px 5px
    }

    .search-form button.search-btn {
        width: 100%;
        height: 55px;
        margin-top: 20px;
    }

    .home-services-mobile {
        background: #fff;
        border-bottom: 0;
    }

    .home-services-mobile .services-list {
        margin-bottom: 10px;
    }

    .home-services-mobile .services-list .services-item {
        padding: 10px 5px;
        align-items: center;
        justify-content: flex-start;
    }

    .home-services-mobile .services-list .services-item img {
        width: 50%;
    }

    .home-services-mobile .services-list .services-item .services-item__name {
        font-size: 14px;
    }

    .result-search p:nth-child(2) {
        display: none;
    }

    .travel-main .travel-list .travel-it {
        min-height: unset;
        padding: 0;
    }

    .travel-main .travel-list .travel-it .travel-feature {
        position: relative;
        top: unset;
        left: unset;
/*        width: 60%;*/
    }
    .home-banner-services-wrapper {
        display: none;
    }

    .travel-item {
        padding: 10px 0px;
    }

    .dialog .dialog-wrapper {
        padding: 15px;
    }

    .dialog .close-btn {
        top: 5px;
        right: 5px;
        z-index: 10;
    }

    .dialog .travel-item {
/*        margin: 0 5px;*/
        padding: 15px 0px;
    }

    .dialog .travel-item-criteria {
        padding: 10px 15px !important;
        margin: 0 5px !important;
    }
    .dialog .form-travel-item {
        padding: 15px;
        margin: 0 5px !important;
    }

    .banner-img {
        display: none;
    }

    .tintuc-list {
        width: 100% !important;
    }

    .news-item,
    .news-item span {
        display: block;
    }

    .news-item img {
        width: 100%;
    }

    .news-item {
        min-height: unset !important;
    }

    .news-item__content {
        width: 100%;
        min-height: unset !important;
    }

    .travel-row img {
        width: 100%;
        max-width: unset !important;
        object-fit: cover;
    }

/*    .news-item__content__title {
        height: 42px;
    }*/

    .news-item__content__description {
        height: 57px;
    }

    .services-list {
        justify-content: flex-start;
    }

    .search-form, .search-form form {
        background: transparent;
    }

    .home-brand-wrapper .description {
        margin-left: 10px;
    }

    .home-brand-wrapper .description p:nth-of-type(2) {
        font-size: 18px;
    }

    .home-brand-wrapper .description p:nth-of-type(1) {
        font-size: 14px;
    }

/*    .mobile-nav {
        padding: 0;
        font-size: 30px;
        min-width: 27px;
    }*/

    .contact-btn {
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    .services-list {
        flex-wrap: wrap;
    }

    .home-banner .form-search {
        padding: 22px 5px;
    }

    .home-services {
        background-color: rgb(227, 227, 227);
    }

    .home-endow-wrapper {
        margin: 100px 0 80px 0;
    }

    .ip-luutru {
        width: 100%;
        margin-bottom: 20px;
    }

    .logo img {
        width: 144px;
    }

    .form-register-ads {
        padding: 45px 20px;
    }


    .travel-info .travel-row img {
        width: 100%;
        max-width: unset;
    }

    .gioithieu-block {
        padding: 0 30px;
    }

    .gioithieu-block .col-md-7,
    .gioithieu-block .col-md-5 {
        width: 100%;
    }

    .gioithieu-block .col-md-5 {
        text-align: center;
    }

    .gioithieu-block .col-md-1 {
        width: calc(100% / 12);
    }

    .gioithieu-block .col-md-11 {
        width: calc(100% - (100% / 12));
    }

    .gioithieu-block .col-md-1 img {
        width: unset;
    }

    .home-banner-btn {
        margin-bottom: 30px;
    }

    .form-search {
        position: relative !important;
       min-height: 283px;
    }
/*    .header__bottom .menu-lv2 ul {
        background-color: #343757;
    }*/
/*    .header__bottom .menu-lv2 ul li a {
        color: #34C1CB;
    }
    .header__bottom .menu-lv2 ul li a::before{
        background-color: #fff;
    }*/
/*    .bottom-li {
        border-bottom: 1px solid #304A97;
    }*/
}

@media (min-width: 1051px) and (max-width: 1280px) {

    /* CSS */
    .header__bottom ul li {
        margin: 0 1vw;
    }
}

@media (min-width: 1025px) and (max-width: 1050px) {

    /* CSS */
    .header__bottom ul li {
        margin: 0 7px;
    }
}

@media (max-width: 768px) {
    .btn-mode-mobile {
        width: 227px;
        text-align: center;
    }
    .info-mobile {
        display: block;
    }
    .dialog-feedback-wrapper .form-travel-group {
        width: 100%;
    }

    .row#list-file,
    .row#list-img {
        display: block;
    }

        .row#list-file .img-item,
        .row#list-img .img-item {
            width: 100%;
        }

            .row#list-file .img-item img,
            .row#list-file .img-item video,
            .row#list-file .img-item audio,
            .row#list-img .img-item img,
            .row#list-img .img-item video,
            .row#list-img .img-item audio {
                width: 100%;
            }
}


@media (min-width: 1441px) {
    .travel-item-criteria {
        height: 100%;
    }

    .travel-item {
        /*        padding: 95px 60px;*/
    }

    .travel-item-criteria {
        /*        padding: 55px 60px;*/
    }
}

@media (max-width: 424px) {
    .mobile-utils {
        margin: 0;
    }
}

@media (max-width: 425px) {
    body {
        margin-bottom: 0 !important;
    }
    
    .articles-title p {
        font-size: 20px;
    }
    .hook{
        height: auto!important;
    }
    
    
}
@media (max-width: 426px) {
    .home-banner, .slideshow-container {
        height: 192px;
    }

    .home-banner .container {
        top: 75px
    }
    .form-search {
        top: -192px;
        height: 100vh;
        z-index: 10;
    }
}


@media (max-width: 576px) {
    .gioithieu-block .col-md-1 {
        width: 100%;
        text-align: center;
    }

    .gioithieu-block .col-md-11 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .endow:nth-child(2), .endow:nth-child(3) {
        margin-top: 80px;
    }

    .services-list {
        grid-template-columns: 1fr 1fr;
    }

    .home-app {
        grid-template-columns: 1fr;
    }
    /*.services-item {
        padding: 10px 10px;
        max-width: 50%;
        flex: 1 0 50%;
        align-items: center;
    }*/
}

@media (max-width: 1023px) {
    .home-feedback-group {
        margin-top: 16px;
    }
}

@media (min-width: 426px) and (max-width: 1023px) {
    .travel-main .dropdown a {
        text-indent: unset;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .services-list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media (min-width: 1024px) {
    .register-travel-new__bg {
        display: flex;
    }
    /*.slide-icon {
        width: calc(100% - 700px);
    }*/
    .select_the_du_lich {
        display: flex;
    }
    .select_sale_div {
        margin: 0;
    }
    .mg-l {
        margin-left: 5px;
    }
    .mg-r {
        margin-right: 5px;
    }
    .show-gallery-mobile, .img-chi-tiet-mobile, .click-show-gallery-mobile {
        display: none;
    }
    .gioithieu-slide .slick-slide p {
        font-size: 13px;
    }
    .tour-slider {
        border-top: none;
    }
    #list-dich-vu .travel-it .travel-info .dropdown {
        max-width: 155px;
        min-width: 123px;
    }
    .travel-main .dropdown a {
        text-indent: 17px;
    }
    .info-desktop, .luutru-slide-desktop {
        display: block;
    }
    .info-mobile {
        display: none;
    }
    .info-group-desktop {
        display: flex;
        justify-content: space-between;
    }
    #zalo-web {
        display: flex;
    }
    #zalo-mobile {
        display: none;
    }
    .hook-fix-height {
        min-height: 451px;
    }
    .form-login-mail-content, .form-login-account-content {
        padding-left: 30px;
    }
    .form-login-mail-content p, .form-login-account-content p {
        margin-left: 30px;
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .travel-info .btn-group {
        align-items: center;
        flex-direction: column;
    }
}


@media (min-width: 321px) and (max-width: 375px) {
/*    .header__top .logo {
        width: 124px;
    }*/

    .page-link {
        padding: 2px 11px;
    }
}

@media (max-width: 375px) {
    button.taiapp {
        width: 214px;
    }
}



@media (min-width: 992px) {
    .travel-chi-tiet-top {
        display: flex;
        justify-content: space-between;
    }
    h3.width-auto {
        padding-top: 0px;
    }
    .dia-chi-amthuc {
        display: flex;
    }
    .luutru-slide-desktop {
        margin-top: 30px;
        max-width: 427px;
    }
    .tour-slider {
        margin: 17px 0px 30px 0px;
    }
    .lutru-desktop, .travel-row-desktop, .diem-den-info-desktop, .img-chi-tiet-desktop, .chi-tiet-btn-desktop, .click-show-gallery-desktop {
        display: block;
    }

    .luutru-mobile, .travel-row-mobile, .luutru-slide-mobile, .amthuc-mobile, .chi-tiet-btn-mobile {
        display: none;
    }

    .travel-info-v {
        display: -webkit-box;
    }
    .travel-right{
        display: block;
    }

    #list-dich-vu .travel-it {
        /*display: flex;*/
    /*    flex-direction: row;*/
    }

    .travel-feature {
        min-width: 305px;
        height: auto;
/*        padding: 15px 0 0 15px;*/
        width: 35%;
    }



    .travel-feature-group {
        padding: 0;
    }


    .ticket-trafic {
        display: flex;
        flex-direction: row;
    }

    .v-new {
        display: flex;
        flex-direction: row;
    }


}

@media (max-width: 1199px) {
        .mobile-nav + ul {
        display: block;
        max-height: 0;
        transition: max-height 0.15s ease-out;
        overflow: hidden;
        position: absolute;
        right: 0;
        left: 0;
        top: 100%;
        background: #343757;
        box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
        z-index: 10;
    }
    .mobile-nav.active + ul {
        max-height: 86vh;
        overflow: auto;
    }
    .mobile-nav {
        padding: 0;
        font-size: 30px;
        min-width: 27px;
    }
    .bottom-li {
        border-bottom: 1px solid #304A97;
    }
    .menu-lv2-trigger::after {
        position: relative;
    }

    .menu-lv2-trigger:after {
        content: "\f107";
        position: absolute;
        right: 15px;
        top: 10px;
        color: #fff;
        transition: 0.3s;
        transform: rotate(0deg);
        font-family: "Font Awesome 5 Pro";
    }

    .menu-lv2-trigger.active:after {
        transform: rotate(180deg);
    }

    .header__bottom ul li.menu-lv2-trigger.active .menu-lv2 {
        display: block;
    }
    .menu-lv2 {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        width: unset !important;
    }
    .header__bottom .menu-lv2 ul {
        background-color: #343757;
    }
    .header__bottom .menu-lv2 ul li a {
        color: #34C1CB;
    }

    .header__bottom .menu-lv2 ul li a::before {
        background-color: #fff;
    }
/*    .menu-lv2 {
        box-shadow: 5px 3px 10px -1px rgb(0 0 0 / 46%);
    }*/
}
@media (min-width: 1200px) {
    

    .header__bottom ul li:hover .menu-lv2 {
        display: block;
    }
    .mobile-nav,
    .mobile-utils {
        display: none;
    }
    .mobile-nav.active + ul {
        max-height: 86vh;
        overflow: auto;
    }
    .luutru-slide-desktop {
        max-width: 510px;
    }
    .header__top__wrapper {
        height: 75px;
    }
    .header__top .logo {
        height: 120px;
    }
/*    .home-banner {
        padding-bottom: 291px;
    }*/
    .form-search {
        padding: 22px;
        top: 462px;
        max-width: 1230px;
        margin: auto;
    }
    .form-search::before {
        background-color: #343757;
        opacity: 0.6;
    }
    .select-diemden, .select-giaitri, .select-tour, .select-muasam, .select-luutru, .select-amthuc {
        margin-bottom: 0;
    }
    .select {
        border: none;
        border-right: 1px solid #9e9e9e;
    }
    .select-diemden, .select-giaitri {
        width: 63%;
    }
}



@media (max-width: 991px) {
    .travel-feature {
/*        width: 100%;*/
        height: auto;
    }
}

@media (max-width: 359px) {
    .max-359 {
        display: none;
    }

    .time-feedback-header {
        display: block;
    }

    .p-name, .p-time {
        padding: 0 5px !important;
        margin: 0 !important;
    }
}