@media screen and (max-width:575px) {
    .complete__button button,
    .header-phone,
    .header__logo--link h1.h1-title,
    .infor-price span,
    td.total_amount {
        font-size: 16px
    }

    .devvn-footer {
        margin-top: 0
    }

    .devvn-list-airlines .devvn-col-logo .devvn-col-air {
        margin-bottom: 10px
    }

    .devvn-list-airlines .title-description {
        font-size: 13px;
        line-height: 26px;
    }

    .menu-control:checked+.sidebar__menu--wrap,
    .menu-control:checked+.sidebar__menu--wrap .sidebar__menu a {
        transform: translatex(0)
    }

    .flex-title-and-see-more {
        display: grid
    }

    .flex-title-and-see-more .see-more {
        margin-top: 0;
        margin-left: 0
    }

    .flex-title-and-see-more .see-more a {
        width: auto
    }

    .search-flight-form .devvn_btn_search {
        min-width: 135px
    }

    .flex-column-reverse__mobile {
        flex-direction: column-reverse
    }

    .company-menu-wrap-2nd .footer-section.clearfix-0,
    .company-menu-wrap-2nd .footer-section.clearfix-1 {
        width: 50%
    }

    .footer-contact ul li.li-visa {
        display: block;
        margin-top: 10px;
        margin-left: 5px
    }

    .bg-global {
        background-position: right
    }

    .contact__info--title::after,
    .contact__info--title::before,
    .journey-details,
    .section-product-mini .title-module {
        margin-bottom: 10px
    }

    .destinations-domestic-wrap {
        padding: 20px 0 10px
    }

    .booking-form .form-group:after,
    .booking-form .row-date .form-group .form-search-label,
    .header-nav,
    .list__dep--wrap .menu div span.light,
    .list__dep--wrap-mobile .accordion-label input[name=list-dep],
    .list__ret--wrap .menu div span.light,
    .list__ret--wrap-mobile .accordion-label input[name=list-ret],
    .menu-control,
    .single__post-relation {
        display: none
    }

    .header,
    .header__logo,
    .home-search h1,
    .label-filter,
    .label-sort,
    .panel-container .airport-result>div.active i,
    .panel-container .airport-result>div.active span,
    .panel-container .airport-search-box.active span,
    .switch-show-hide {
        display: block
    }

    .header {
        padding: 0 20px 8px;
        z-index: 5;
        position: fixed;
        left: 0;
        right: 0;
        background: 0 0
    }

    .header .header-wrap {
        padding: 10px 0 0
    }

    .header__logo {
        padding: 0;
        width: 180px
    }

    .button-gradient.continue {
        width: 150px
    }

    .header-phone {
        color: #202124;
        margin-top: 4px
    }

    .home-search h1 {
        font-size: 2em !important;
        top: 25%;
        width: 350px;
        line-height: 30px;
        background-color: rgba(255, 255, 255, 0);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        color: var(--black-color);
        margin: 10px auto 0
    }

    .switch,
    .type-minus svg,
    .type-plus svg {
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .home-search img.home-image {
        width: 100%;
        position: static;
        height: 100%
    }

    .section__search--thumb {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 70%
    }

    .menu-swiper-mobile {
        display: block;
        margin-top: 10px
    }

    .menu-swiper-mobile .swiper-wrapper .swiper-slide {
        font-size: 14px;
        width: fit-content !important;
        background: 0 0
    }

    .menu-swiper-mobile .swiper-wrapper .swiper-slide a {
        white-space: nowrap;
        letter-spacing: .24px;
        color: var(--black-color);
        font-weight: 500;
        padding-bottom: 8px
    }

    .menu-swiper-mobile .swiper-wrapper .swiper-slide-checked a {
        font-weight: 700;
        color: var(--main-color);
        border-bottom: 3px solid var(--main-color)
    }

    .booking-form {
        padding: 8px 12px 12px;
        border-bottom-right-radius: 16px;
        border-bottom: 2px solid var(--border-color);
        border-bottom-left-radius: 16px
    }

    .booking-form .wrap-block {
        position: relative;
        padding: 0 10px 30px
    }

    .booking-form .block-one {
        display: inline-block;
        padding: 0
    }

    .booking-form .block-one .col-triptype {
        padding-left: 0
    }

    .booking-form .block-one .row-select input[type=radio] {
        vertical-align: middle
    }

    .booking-form .block-journey {
        padding: 0;
        margin-top: 0
    }

    .booking-form .block-date {
        padding: 0;
        margin-top: 1.5rem
    }

    .booking-form .row-date .text-field {
        display: flex;
        align-items: center;
        padding-top: 5px;
        padding-bottom: 4px
    }

    .booking-form .row-date .text-field input {
        flex: 1;
        padding-top: 4px
    }

    .booking-form .row-date .text-field .wrap-icon-calendar {
        width: 20%;
        display: inline-block
    }

    .booking-form .row-date .wrap-icon-calendar svg {
        width: 2.25rem;
        height: 2.25rem;
        color: var(--color-google-grey)
    }

    .booking-form .col-passenger {
        padding-right: 0
    }

    .booking-form .group-passenger .form-group .wrap-icon-passenger {
        width: 15%
    }

    .booking-form .group-passenger .form-group .wrap-icon-passenger svg {
        width: 20px;
        height: 20px;
        color: var(--color-google-grey)
    }

    .booking-form .group-passenger .form-group .count-passenger {
        flex: 1;
        font-weight: 700;
        color: var(--color-google-grey)
    }

    .P_Ok-wrapper .P_Ok-container .P_Ok-title,
    .booking-form .group-passenger .dropdown-box-inner .title-people span,
    .box-title,
    .flight-details button,
    .panel-container .airport-result a,
    .time__depart,
    .time__destination,
    .ui-datepicker-month,
    .ui-datepicker-year {
        font-size: 14px
    }

    .booking-form .group-passenger .dropdown-box-inner .title-people i {
        font-size: 13px;
        color: #70757a
    }

    .row-date,
    .row-journey {
        border: 1px solid var(--border-color);
        position: relative;
        border-radius: 4px
    }

    .switch {
        position: absolute;
        left: 50%
    }

    .switch svg {
        color: #b5b6b7
    }

    .date-return,
    .footer-contact ul li,
    .search__mobile--wrapper {
        position: relative
    }

    .date-return:before {
        background-color: #dadce0;
        bottom: 13px;
        content: "";
        position: absolute;
        top: 13px;
        width: 1px;
        left: 0
    }

    .date-return-remove-line:before,
    .display-none-mobile {
        display: none !important
    }

    .text-field {
        padding: 15px;
        border-radius: 6px
    }

    .text-field label {
        display: inline-block;
        font-weight: 600;
        cursor: pointer;
        color: var(--white-color)
    }

    .text-field input {
        display: block;
        width: 100%;
        color: #fff;
        font-size: 14px;
        background-color: transparent;
        color: var(--white-color);
        outline: 0
    }

    .page .section__search--wrap {
        width: 100%;
        display: block;
        margin-bottom: 50px
    }

    .home-search .section__search--wrap {
        margin-bottom: 24px
    }

    .content__post-wrap .wrap-title .title,
    .sitcom__book-now {
        text-align: center
    }

    .search__section {
        margin-top: 10px;
        padding: 0
    }

    .booking-form .form-control,
    .count-passenger {
        height: 35px;
        font-size: 15px
    }

    .booking-form .form-group {
        padding: 5px 10px 0
    }

    .booking-form .form-btn {
        padding: 0 10px 15px
    }

    .booking-form .submit-btn {
        position: absolute;
        bottom: -38px;
        left: 50%;
        transform: translateX(-50%);
        width: 70%;
        font-size: 15px;
        height: 50px;
        text-transform: uppercase
    }

    .booking-form .submit-btn .icon-search {
        margin-right: 5px
    }

    .booking-form .submit-btn .icon-search svg {
        width: 2.25rem;
        height: 2.25rem;
        margin-bottom: 3px
    }

    .type-minus,
    .type-plus {
        height: 32px;
        border-radius: 4px;
        min-width: 32px;
        z-index: 0;
        background: #e8f0fe;
        position: relative
    }

    .type-minus {
        background: rgba(60, 64, 67, .12)
    }

    .type-minus svg,
    .type-plus svg {
        position: absolute;
        left: 50%;
        height: 48px;
        color: #1967d2
    }

    .type-minus svg {
        color: rgba(60, 64, 67, .38)
    }

    .fill {
        fill: currentColor;
        flex-shrink: 0
    }

    .dropdown-box-inner {
        width: 100%;
        border: 1px solid var(--border-color);
        top: 35px
    }

    .close-box-passenger {
        top: 10px;
        right: 15px;
        position: absolute
    }

    .count-passenger {
        position: unset
    }

    .row-confirm {
        border-bottom: none;
        display: flex;
        justify-content: flex-end
    }

    .button-confirm {
        width: 80px
    }

    #button-finish {
        color: var(--blue-color)
    }

    #ui-datepicker-div {
        width: 100%;
        padding: 8px !important;
        left: 50% !important;
        transform: translateX(-50%)
    }

    #progressbar li,
    .P_Ok-sublink-item .P_Ok-sublink-link,
    .block-infor span,
    .box-subheading-span,
    .tbody-title,
    .ui-datepicker .ui-datepicker-lunar,
    table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active {
        font-size: 12px
    }

    .ui-datepicker table {
        margin: 0
    }

    body.body_checked {
        overflow: hidden;
        height: 100%;
        margin: 0
    }

    .list__dep--wrap-mobile,
    .list__ret--wrap-mobile {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        z-index: 100;
        border-radius: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        background: var(--white-color)
    }

    .menu-mobile,
    .sidebar__menu li {
        position: relative;
        cursor: pointer
    }

    .list__dep--wrap-mobile .accordion-wrapper,
    .list__ret--wrap-mobile .accordion-wrapper,
    .section-featured {
        width: 100%;
        margin: 0 auto
    }

    .list__dep--wrap-mobile .accordion-item__mobile,
    .list__ret--wrap-mobile .accordion-item__mobile {
        width: 100%;
        color: #202124;
        overflow: hidden;
        box-shadow: rgb(50 50 93 / 25%) 0 2px 5px -1px, rgb(0 0 0 / 30%) 0 1px 3px -1px
    }

    .list__dep--wrap-mobile .accordion:last-child,
    .list__ret--wrap-mobile .accordion:last-child,
    ul.date-picker {
        margin-bottom: 0
    }

    .list__dep--wrap-mobile .accordion-label,
    .list__ret--wrap-mobile .accordion-label {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 12px 10px;
        background: var(--white-color);
        font-weight: 700;
        cursor: pointer;
        font-size: 16px
    }

    .list__dep--wrap-mobile .accordion-label:hover,
    .list__ret--wrap-mobile .accordion-label:hover {
        background: #e8e8e9;
        color: #000
    }

    .list__dep--wrap-mobile .accordion-content,
    .list__ret--wrap-mobile .accordion-content {
        max-height: 100vh;
        display: none;
        padding: 0 16px;
        color: var(--black-color);
        background: #f8f9fa;
        overflow: auto
    }

    .list__dep--wrap-mobile .accordion-content p,
    .list__ret--wrap-mobile .accordion-content p {
        margin: 0;
        color: var(--black-color);
        font-size: 15px
    }

    .list__dep--wrap-mobile .accordion-content .destination-item .destination-title:active,
    .list__ret--wrap-mobile .accordion-content .destination-item .destination-title:active {
        font-weight: 600;
        color: var(--blue-color)
    }

    .menu-mobile {
        left: 0;
        top: -2px;
        display: flex;
        height: 18px;
        width: 24px;
        flex-direction: column;
        justify-content: space-between;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .menu-mobile__icon {
        display: inline-block;
        height: 2px;
        width: 24px;
        background: var(--white-color);
        border-radius: 2px
    }

    .list-dep__mobile-title-wrap,
    .list-ret__mobile-title-wrap {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 15px 10px
    }

    .list__mobile--title {
        width: 80%;
        text-align: center
    }

    .list__mobile--title h6 {
        margin: 0;
        font-size: 20px;
        color: var(--black-color)
    }

    .list__mobile--back {
        border: 3px solid var(--black-color);
        padding: 6px;
        margin: 10px;
        transform: rotate(45deg);
        border-top: transparent;
        border-right: transparent
    }

    .sidebar__close,
    .sidebar__menu--wrap {
        transform: translatex(-100%);
        display: flex;
        position: absolute
    }

    .list-area,
    .list__dep--wrap .menu div.active,
    .list__ret--wrap .menu div.active,
    .popup__content {
        padding: 10px
    }

    .sidebar__menu--wrap {
        height: 100vh;
        width: 100vw;
        background: var(--border-color);
        top: 0;
        left: 0;
        padding: 0 30px;
        flex-direction: column;
        transition: transform .4s ease-in-out
    }

    .sidebar__close {
        top: 5%;
        right: 10%;
        background: var(--white-color);
        height: 50px;
        width: 50px;
        border-radius: 50%;
        box-shadow: 0 0 20px 20px rgba(0, 0, 0, .03);
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: transform .4s ease-in-out .2s
    }

    .sidebar__close::after,
    .sidebar__close::before {
        content: "";
        height: 2px;
        background: #898989;
        width: 24px;
        display: block;
        position: absolute
    }

    .sidebar__close::after {
        transform: rotate(90deg)
    }

    .sidebar__menu {
        display: flex;
        flex-direction: column;
        line-height: 50px;
        font-size: 16px;
        margin-top: 30px;
        color: var(--text-color)
    }

    .sidebar__menu li a {
        color: var(--text-color);
        text-decoration: none;
        transform: translatex(-80%);
        transition: transform .4s ease-in-out
    }

    .footer-contact .title-first a,
    .header-phone-mobile:hover p,
    .sidebar__menu li:hover a {
        color: var(--saphire-color)
    }

    .sidebar__menu li::before {
        content: "";
        height: 2px;
        background: var(--text-color);
        width: 100px;
        position: absolute;
        bottom: -2px;
        left: 0;
        transform: translatex(-50%);
        opacity: 0;
        transition: transform .3s ease-in-out, opacity .3s linear
    }

    .sidebar__menu li:hover::before {
        transform: translatex(0);
        opacity: 1
    }

    .menu-control:checked+.sidebar__menu--wrap .sidebar__close {
        transform: translatex(0) rotate(45deg)
    }

    .header-phone-mobile {
        display: block;
        font-size: 14px;
        line-height: 4.5rem;
        letter-spacing: 2px;
        color: var(--text-color);
        text-decoration: none;
        font-weight: 600;
        text-transform: uppercase;
        display: flex;
        align-items: center
    }

    .header-phone-mobile p {
        color: var(--text-color);
        margin: 0 0 0 10px;
        font-size: 16px
    }

    .destination__hover--heading,
    .reset-search {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .grid {
        width: 100%;
        margin: 30px 10px
    }

    .list__dep--wrap .menu div,
    .list__ret--wrap .menu div {
        font-size: 10px;
        padding: 10px
    }

    input#search_dep,
    input#search_dep--mobile,
    input#search_ret,
    input#search_ret--mobile {
        width: 95%;
        margin: 10px auto;
        font-size: 16px;
        padding: 10px;
        display: block
    }

    .reset-search {
        display: block;
        right: 15px
    }

    ul#result_dep,
    ul#result_dep--mobile,
    ul#result_ret,
    ul#result_ret--mobile {
        top: 60px;
        left: 10px;
        width: 95%;
        border-radius: .375rem;
        margin: 0
    }

    .toast-warning {
        min-width: 250px;
        right: 20px;
        font-size: 14px
    }

    .destination-item {
        all: unset
    }

    .destination-title {
        all: unset;
        font-size: 16px;
        line-height: 10px;
        display: block;
        min-width: 150px;
        margin-top: 10px;
        padding: 6px 0
    }

    .scroll-to-top {
        right: 20px;
        bottom: 70px;
        display: none !important
    }

    .search__title {
        font-size: 18px;
        margin: 0;
        padding: 20px 0
    }

    .section-title {
        font-size: 18px;
        margin-bottom: 10px
    }

    .destination__inter {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 200px 150px 150px 150px;
        grid-gap: 10px
    }

    .destination__inter--wrap {
        padding: 10px 0 0
    }

    .destination__inter--item:first-child {
        grid-column: 1/3;
        grid-row: 1/2
    }

    .destination__inter--item:nth-child(2) {
        grid-column: 1/2;
        grid-row: 2/4
    }

    .destination__inter--item:nth-child(3) {
        grid-column: 2/3;
        grid-row: 2/3
    }

    .destination__inter--item:nth-child(4) {
        grid-column: 2/3;
        grid-row: 3/4
    }

    .destination__inter--item:nth-child(5) {
        grid-column: 1/2;
        grid-row: 4/5
    }

    .destination__inter--item:nth-child(6) {
        grid-column: 2/3;
        grid-row: 4/5
    }

    #progressbar,
    .destination__inter--item:nth-child(10),
    .destination__inter--item:nth-child(11),
    .destination__inter--item:nth-child(12),
    .destination__inter--item:nth-child(7),
    .destination__inter--item:nth-child(8),
    .destination__inter--item:nth-child(9),
    .form-search-sidebar,
    .infor-plane-wrap .infor-plane__name,
    .sidebar-filters,
    .sidebar-sort-price {
        display: none
    }

    .destination__hover--heading {
        font-size: 18px;
        left: 50%
    }

    .destinations__domestic--location {
        padding: 10px 5px
    }

    .footer,
    .footer .company-info .certificate {
        padding: 0
    }

    .destinations__domestic {
        display: flex;
        justify-content: space-evenly;
        position: unset;
        flex-wrap: wrap;
        height: unset
    }

    .destinations__domestic--item {
        width: 100px !important;
        height: 100px !important;
        border-radius: 50%;
        text-align: center;
        margin: 10px;
        position: relative;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important
    }

    .footer {
        background: 0 0;
        border-top: 1px solid #dadce0;
        margin-top: 30px
    }

    .footer-contact,
    .home-faq,
    .section-block-partner-airlines {
        padding: 5px 12px 10px
    }

    .footer .company-policy ul li {
        font-weight: 700
    }

    .footer .company-info,
    .footer-contact .footer-section-content ul.ul-block-social,
    .method-payment-wrap,
    .product-item-price,
    .section-choose-flight,
    .section-complete-wrap,
    .section-infor-wrap,
    .sidebar-flight__title {
        margin-top: 10px
    }

    .footer .company-info ul li {
        line-height: 2.5rem !important
    }

    .contact-menu-wrapper {
        margin-top: 0
    }

    .label-journey {
        padding: 8px
    }

    .flight-infor-details,
    .section__detail--flight-inter {
        padding: 10px;
        margin-top: 0
    }

    .flight-details .details {
        padding: 0 5px
    }

    .flight-details,
    .flight-details-inter {
        margin-top: 0;
        padding-top: 0
    }

    .flight-item {
        padding: 5px 8px;
        margin-bottom: 8px
    }

    .infor-brand img,
    .infor-plane .bg_BL,
    .infor-plane .bg_QH,
    .infor-plane .bg_VJ,
    .infor-plane .bg_VN,
    .infor-plane .bg_VU,
    .journey-flight-infor .bg_BL,
    .journey-flight-infor .bg_QH,
    .journey-flight-infor .bg_VJ,
    .journey-flight-infor .bg_VN,
    .journey-flight-infor .bg_VU {
        width: 40px;
        height: 40px
    }

    .flight-details .flightno,
    .flight-details-inter .flightno {
        font-size: 12px;
        line-height: 20px;
        color: var(--title-color);
        opacity: 1
    }

    .infor-price td,
    .infor-price th,
    .infor-ticket-title span,
    .journey-infor__title span,
    .product-item .product-info .product-name,
    .thead-title,
    p.f-devvn-text,
    ul.date-picker li a {
        font-size: 13px
    }

    .flight-infor,
    .infor__code--order,
    .infor__method--payment,
    .infor__price--order,
    .infor__status--payment {
        justify-content: space-between
    }

    .infor-plane-wrap {
        width: 25%
    }

    #tblInterFlightList .infor-plane-wrap {
        width: 22%
    }

    #tblInterFlightList .infor-price {
        flex: 1;
        font-size: 16px
    }

    .flight-infor-details {
        flex-direction: column;
        padding: 10px
    }

    .infor-details-journey,
    .panel-container #result-search-dep .value-dep-location,
    .panel-container #result-search-des .value-des-location {
        width: 100%
    }

    .infor-journey-wrap {
        justify-content: center;
        min-height: 160px
    }

    .journey-line {
        height: 110px
    }

    .journey-citypair__transit-1,
    .journey-citypair__transit-2,
    .journey-citypair__transit-3,
    .journey-datetime__transit-1,
    .journey-datetime__transit-2,
    .journey-datetime__transit-3 {
        height: 160px
    }

    .journey-datetime .datetime-arrive,
    .journey-datetime .datetime-depart {
        margin-right: 10px
    }

    .journey-citypair {
        margin-left: 10px
    }

    .infor-other {
        padding-right: 10px
    }

    .flight-details-item.btn {
        padding: 5px;
        font-size: 13px
    }

    .btn {
        min-width: 50px;
        padding: 10px 6px
    }

    .dropdown-box-inner .btn {
        padding: 15px 6px 6px
    }

    .location {
        margin: 15px
    }

    .label-filter span,
    .label-sort span {
        font-weight: 600;
        line-height: 20px;
        font-size: 14px;
        color: var(--text-color);
        margin-left: 5px
    }

    .modal-filter,
    .modal-sort {
        background: var(--white-color);
        position: fixed;
        z-index: 1000;
        left: 0;
        bottom: 0;
        transition: .3s linear;
        width: 100%;
        transform: translateY(115%);
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
        overflow: hidden;
        box-shadow: rgba(17, 17, 26, .1) 0 -2px 0
    }

    .modal-filter.active,
    .modal-sort.active {
        transform: translateY(0);
        bottom: 40px
    }

    .modal-filter .filter-brand .sidebar-flight__title:before,
    .modal-sort .sidebar-flight__title:before {
        content: "";
        position: absolute;
        width: 35px;
        height: 3px;
        background-color: var(--subheading-color);
        top: -15px;
        left: 50%;
        transform: translate(-50%, 0);
        border-radius: .375rem
    }

    #wgsform .filter__brand--wrap,
    #wgsform .sort__options--wrap {
        border-radius: unset;
        padding: 15px 20px;
        position: relative;
        border-bottom: 1px solid var(--border-color);
        border-top: 1px solid var(--border-color);
        box-shadow: unset;
        margin-bottom: 15px
    }

    .close-filter-flight,
    .close-sort-flight {
        display: block;
        position: absolute;
        right: 20px;
        top: 15px
    }

    ul.date-picker li {
        width: 70px
    }

    .date-picker__wrap.fixed {
        position: fixed;
        top: 55px;
        left: 0;
        z-index: 1;
        background: var(--white-color);
        padding: 5px;
        box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
        width: 100%
    }

    .section__payment-method {
        padding: 15px
    }

    .section__payment-method label {
        font-size: 13px;
        padding: 0 10px;
        grid-gap: 10px
    }

    .button-gradient,
    .tabs .tab,
    h2.f-devvn-mod-variant-text {
        font-size: 18px;
        line-height: 29px
    }

    .section__complete--order {
        margin: 10px 0 0
    }

    .section__infor--flight,
    .section__infor--prices,
    .section__order--infor {
        margin: 20px 0 0;
        padding: 10px
    }

    .section__infor--prices-mobile {
        display: block;
        box-shadow: rgb(0 0 0 / 5%) 0 0 0 1px, rgb(209 213 219) 0 0 0 1px inset
    }

    .best-promotion,
    .list__dep--wrap,
    .list__des--wrap,
    .list__ret--wrap,
    .ribbon-text,
    .section__infor--prices-desktop,
    .single__tags {
        display: none
    }

    .order__code,
    .order__status {
        margin: 5px 0
    }

    ul.section__decs {
        line-height: 30px
    }

    .popup__wrap {
        height: 100vh;
        width: 100vw;
        padding-top: 25px;
        padding-bottom: 20px
    }

    .section__infor--contact,
    .section__infor--order,
    .section__infor--passengers {
        margin: 15px 0;
        padding: 15px;
        box-shadow: rgb(0 0 0 / 5%) 0 0 0 1px, rgb(209 213 219) 0 0 0 1px inset
    }

    .sidebar-journey-popup {
        margin: 0;
        padding: 15px
    }

    .sidebar-journey,
    .sidebar-journey-popup {
        padding-bottom: 1px
    }

    .infor__adult,
    .infor__child,
    .infor__infant {
        margin: 0;
        padding: 5px
    }

    .box-infor__contact .row {
        padding: 5px
    }

    .price-bottom {
        font-size: 15px
    }

    .infor-price span {
        font-size: 16px !important
    }

    .block-infor {
        margin: 0 5px
    }

    .single__end--wrap {
        flex-wrap: wrap
    }

    .single__social--wrap {
        margin-top: 20px
    }

    .post__content .wp-caption {
        width: unset !important
    }

    .post__content .wp-caption img,
    .post__content img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100%
    }

    .post__content table {
        width: 100% !important;
        table-layout: fixed
    }

    .captcha-form,
    .empty_flight {
        margin: 25px 0
    }

    .captcha-form .btn {
        min-width: 120px;
        padding: 15px 10px;
        font-size: 16px
    }

    .captcha-box-content {
        margin: 10px 50px
    }

    .section-featured .feature-box__content--icon,
    .section-infor__payment {
        margin-right: 0
    }

    .bg-empty,
    .panel-container #result-search-dep .value-dep-wrap,
    .panel-container #result-search-des .value-des-wrap {
        margin-bottom: 15px
    }

    .captcha-form input[type=text] {
        margin: 10px;
        width: 100% !important;
        border: 1px solid var(--border-color)
    }

    .bg-empty {
        width: 405px;
        height: 320px
    }

    .page-404__image {
        width: 300px
    }

    .page-404__central-body {
        padding-top: 50%
    }

    .page-404__objects .object__earth {
        top: 5%
    }

    .page-404__objects .object__moon {
        top: 2%;
        left: 50%
    }

    .page-404__objects .box_astronaut {
        top: 70%
    }

    figure.card__domestic {
        max-width: 390px;
        background-color: var(--bgsection-color)
    }

    .button_cat {
        font-size: 12px;
        padding: 10px 20px;
        margin-top: 10px
    }

    .socical-icon-zalo-mess {
        z-index: 1000000;
        right: 15px;
        bottom: 70px;
        position: fixed;
        height: 70px
    }

    .socical-icon-zalo-mess img {
        width: 40px;
        border-radius: 15%
    }

    .sidebar-widget {
        padding: 20px 15px 10px
    }

    .section-infor {
        margin-top: 5rem
    }

    .ribbon-promotion {
        position: absolute;
        top: -3px;
        right: -16px;
        z-index: 3
    }

    .ribbon-wrap {
        position: relative;
        display: inline-block;
        text-align: center
    }

    #pnlFull-dep,
    #pnlFull-des,
    .navigation--horizontal {
        position: fixed;
        background-color: var(--white-color)
    }

    .post__content .ribbon-promotion {
        top: 0;
        right: -8px
    }

    .ribbon-text-mobile {
        display: inline-block;
        max-width: 15em;
        text-align: left;
        padding: .5em .7em;
        background: #0c6cfb;
        color: var(--white-color);
        -webkit-text-fill-color: var(--white-color);
        font-size: 12px;
        min-width: unset;
        line-height: 2;
        border-bottom-left-radius: var(--border-radius)
    }

    .panel-container .airport-result>div>i.delete,
    .price-only-for-date,
    .section-featured .feature-box:active .feature-box__content--title span,
    .section-featured .feature-box:hover .feature-box__content--title span {
        color: var(--main-color)
    }

    .ribbon-text-mobile:after,
    .ribbon-text:after {
        content: '';
        position: absolute;
        border-style: solid;
        top: 100%;
        right: 0;
        border-width: .7em 1.7em 0 0;
        border-color: var(--blue-color) transparent transparent transparent
    }

    .ribbon-text-mobile:after {
        border-width: .6em .6em 0 0
    }

    .section-featured .feature-box {
        padding: 0 .25rem
    }

    .section-featured .feature-box:active,
    .section-featured .feature-box:hover {
        box-shadow: rgba(0, 0, 0, .19) 0 10px 20px, rgba(0, 0, 0, .23) 0 6px 6px;
        border-radius: 10px
    }

    .section-featured .feature-box__content {
        padding: 12px 0;
        flex-direction: column
    }

    .home .section-featured .container .g-5 {
        --bs-gutter-x: 1.5rem
    }

    #select-dep,
    #select-des {
        display: block !important
    }

    .panel-container .panel-item {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .panel-container .top-select,
    .panel-container .top-select-dep {
        min-height: 70px
    }

    .panel-container .panel-header {
        height: 50px;
        border-bottom: solid 2px var(--border-color);
        position: relative;
        background-color: var(--white-color);
        display: flex;
        align-items: center
    }

    .panel-container .airport-search-box {
        position: relative;
        margin: 0 10px 0 0;
        flex: 1
    }

    .product-box-mini,
    .section-tab-home-2 .see-more,
    .section-tab-home-3 .see-more {
        margin-bottom: 20px
    }

    .panel-container .btn-back {
        width: 15%;
        text-align: center
    }

    .panel-container .airport-search-box .search-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%)
    }

    .panel-container .airport-search-box input {
        width: 100%;
        border-radius: 10px;
        display: block;
        border: 1px solid var(--border-color);
        box-shadow: 0 2px 2px #d3d3d3;
        font-size: 15px;
        padding: 10px
    }

    .panel-container .airport-search-box input:focus {
        outline: 0
    }

    .panel-container .airport-search-box span {
        position: absolute;
        right: 12px
    }

    .panel-container .airport-scroll {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-x: hidden
    }

    .panel-container .panel-item.filter .airport-scroll {
        top: 85px
    }

    .panel-container .airport-result span {
        text-transform: capitalize;
        padding: 8px;
        display: block;
        text-decoration: none;
        color: var(--black-color);
        font-size: 12px;
        border-radius: 8px;
        background-color: #edf2f7
    }

    .menu-toggle-close,
    .panel-container .airport-result>div {
        background: var(--white-color)
    }

    .panel-container .airport-result span>b {
        font-weight: 700;
        position: absolute;
        right: 5px;
        padding-left: 1.5%;
        max-width: 40%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 1.05em;
        background-color: inherit
    }

    .panel-container .airport-result>div#result-search-dep,
    .panel-container .airport-result>div#result-search-des {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 8px 12px
    }

    .panel-container #result-search-dep .value-dep-location .value-dep,
    .panel-container #result-search-des .value-des-location .value-des {
        font-size: 15px;
        font-family: Mt;
        color: var(--title-color);
        line-height: 25px;
        font-weight: 700;
        margin-bottom: 0
    }

    .panel-container #result-search-dep .value-dep-location .value-dep-country,
    .panel-container #result-search-des .value-des-location .value-des-country {
        font-size: 13px;
        font-family: Mt;
        color: rgba(0, 0, 0, .54);
        line-height: 14px
    }

    .panel-container .airport-result div.list__destination--mobile {
        display: none;
        flex-wrap: wrap;
        gap: 8px;
        padding: 8px 12px
    }

    .panel-container .airport-result>div.active div.list__destination--mobile {
        display: flex
    }

    .panel-container .airport-result>div.active>b {
        background: var(--bgdecs-color);
        color: var(--text-color);
        width: 100%
    }

    .panel-container .airport-result>div>b {
        width: 100%;
        position: relative;
        font-weight: 700;
        font-size: 15px;
        display: block;
        padding: 14px 20px;
        border-bottom: solid 1px var(--border-color);
        color: var(--title-color);
        background-color: #eee
    }

    .panel-container .airport-result>div>b>svg {
        position: absolute;
        top: 13px;
        right: 14px;
        font-size: 18px;
        opacity: 1
    }

    .panel-container .airport-result>div.active>b>svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .panel-container .airport-result>div:after {
        content: "";
        clear: both;
        display: block
    }

    .panel-container .airport-result>div span {
        box-sizing: border-box;
        display: none
    }

    .panel-container .airport-result span:active,
    .panel-container .airport-result span:hover {
        background-color: #eee
    }

    #pnlFull-dep,
    #pnlFull-des {
        padding: 0;
        margin: 0;
        width: 100%;
        min-height: 100%;
        top: 0;
        left: 100%;
        z-index: 1000;
        overflow: hidden;
        transition-property: left;
        transition-duration: .3s;
        -webkit-transition-property: left;
        -webkit-transition-duration: .3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    #pnlFull-dep.active,
    #pnlFull-des.active {
        left: 0;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .panel-container .panel-header>.btn-back {
        font-size: 14px;
        padding: 5px 20px;
        line-height: 40px;
        background: var(--black-color);
        margin-right: 20px;
        color: var(--white-color)
    }

    .ega-header:not(.header_sticky) {
        top: 0;
        position: sticky;
        z-index: 9;
        background: var(--white-color);
        box-shadow: rgba(0, 0, 0, .1) 0 1px 10px 0, rgba(0, 0, 0, .01) 0 2px 4px -1px
    }

    .ega-header .header-wrap {
        height: 55px;
        display: grid;
        grid-template-columns: 120px 1fr 10px;
        align-items: center;
        padding: 0 15px
    }

    .icon-bar,
    .toggle-nav {
        width: 24px;
        flex-direction: column;
        height: 20px;
        justify-content: space-between;
        border-radius: 3px
    }

    .icon-bar .bar,
    .toggle-nav .bar {
        height: 3px;
        background: #333;
        width: 24px;
        border-radius: 1px
    }

    .ega-header .header-wrap .header-right {
        display: flex;
        justify-content: flex-end
    }

    .ega-header .header-wrap .header-right__icons {
        width: auto;
        display: inline-grid;
        gap: 15px
    }

    .navigation--horizontal {
        width: 55%;
        top: 55px;
        right: 0;
        z-index: 99999;
        visibility: hidden
    }

    .navigation--horizontal.open {
        visibility: visible
    }

    .navigation--horizontal .list-unstyled {
        overflow-y: auto;
        border: none;
        border-top: 0;
        width: 100%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
        transition: .3s cubic-bezier(.25, .8, .25, 1);
        border-radius: 0
    }

    .navigation--horizontal.open .list-unstyled,
    .opacity-menu.current {
        display: block
    }

    .navigation--horizontal ul li {
        padding: 10px
    }

    .navigation--horizontal ul li a {
        font-size: 15px;
        color: var(--black-color)
    }

    .menu-toggle-close {
        position: relative;
        z-index: 9;
        width: 100%;
        height: 100%;
        text-align: right;
        padding: 10px
    }

    .menu-toggle-close .menu-wrap {
        position: relative;
        width: 20px;
        height: 15px;
        display: inline-block;
        cursor: pointer
    }

    .menu-toggle-close i:first-child {
        transform: rotate(45deg);
        left: 4px;
        top: 0
    }

    .menu-toggle-close i {
        position: absolute;
        height: 2px;
        width: 100%;
        background: #333;
        border-radius: 9px;
        left: 0;
        transform-origin: left center;
        transition: .25s ease-out
    }

    .menu-toggle-close i:nth-child(2) {
        top: 6px;
        opacity: 0
    }

    .menu-toggle-close i:nth-child(3) {
        transform: rotate(-45deg);
        left: 4px;
        top: 14px
    }

    .opacity-menu {
        background: rgba(0, 0, 0, .8);
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 99999;
        display: none
    }

    .section-product-mini {
        margin-top: 40px
    }

    .product-box-mini {
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5);
        float: left;
        width: 100%;
        border-radius: 10px;
        background: var(--white-color)
    }

    .product-box-mini a {
        color: #000
    }

    .product-box-mini .product-thumbnail {
        float: left;
        width: 30%;
        overflow: hidden
    }

    .product-box-mini .product-thumbnail img {
        height: 110px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        max-height: 100%;
        border-radius: 10px 0 0 10px
    }

    .product-box-mini .product-info {
        float: left;
        width: 70%;
        padding-left: 10px;
        padding-bottom: 0
    }

    .product-box-mini .product-info .product-name {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 5px;
        font-weight: 700;
        overflow: hidden;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .product-box-mini .product-info .special-price {
        font-size: 17px;
        font-weight: 700;
        display: block;
        color: var(--black-color);
        text-align: right
    }

    .product-box-mini .product-info .from-to-date {
        font-size: 14px;
        font-style: italic
    }

    .price-box {
        font-style: italic;
        float: right;
        margin-top: 5px;
        padding-right: 10px
    }

    .price-only-for-date {
        font-size: 18px;
        font-weight: 700
    }

    .label-price-only {
        color: var(--black-color);
        font-size: 15px;
        font-weight: 400
    }

    .best-price-calendar {
        min-height: 260px;
        overflow-x: auto
    }

    .ifram-map iframe {
        width: 100%;
        border-radius: 10px;
        box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15)
    }

    .list-new-journey .swiper-container .swiper-slide {
        max-width: calc(50% - 25px)
    }

    .section_banner .banner-slider img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .hotline-phone-ring-wrap {
        left: -15px;
        bottom: 100px
    }

    .see-more a {
        width: 95%
    }

    .product-item {
        height: 330px
    }

    .section-tab-home-3 .product-item {
        height: 445px
    }

    .f-devvn-links-wrapper.f-devvn-mod-columns-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .SeoContentBlocks__block .FrontDoorFaqs--desktop,
    .header__logo--link {
        display: inline-block;
        width: -webkit-fill-available;
    }

    .post__content h2 {
        font-size: 1.8rem
    }

    .post__content h3 {
        font-size: 1.6rem
    }

    .post__content h4 {
        font-size: 1.4rem
    }

    .single .content__post-wrap .content {
        padding-top: 0
    }

    .single .section__category {
        margin: 0 2%
    }

    .content__post-wrap .content {
        border-radius: 0;
        box-shadow: 0 1px 0 rgba(67, 67, 67, .2)
    }

    .SeoContentBlocks__block .acc-head {
        line-height: 21px;
        font-weight: 600;
        font-size: 14px
    }

    .SeoContentBlocks__block .acc-head.active::after,
    .SeoContentBlocks__block .acc-head::after {
        top: 10px;
        right: -7px
    }

    .SeoContentBlocks__block .Seo-Common-Layout-Faqs-FrontDoorFaqs .FrontDoorFaqs__wrapper {
        padding: 2px
    }

    .box-iframe-map {
        position: relative;
        width: 450px;
        height: 250px;
        overflow: hidden
    }

    .box-iframe-map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        padding: 10px
    }

    .footer-contact .footer-section-content ul {
        margin-left: 0
    }

    .footer-contact .footer-section-content ul li a {
        color: var(--black-color);
        font-size: 13px;
        color: #333;
        line-height: 26px
    }

    .footer-contact .footer-section-info {
        font-size: 13px;
        color: #333;
        line-height: 26px
    }

    .footer-contact .title-first {
        font-weight: 700;
        margin-bottom: 5px;
        font-size: 15px;
        color: var(--saphire-color);
        margin-top: 12px;
        padding-bottom: 0
    }

    .content__post-wrap .title {
        color: var(--main-color);
        font-weight: 600;
        font-size: 2.2rem;
        line-height: 3rem;
        padding-bottom: 1rem;
        text-align: center
    }

    .sitcom__book-now .btn__book-now {
        background-color: var(--main-color);
        color: var(--white-color);
        padding: 5px 10px;
        display: inline-block;
        border: 0;
        border-radius: 20px;
        font-size: 15px
    }

    .post__content .wp-caption-dd,
    .post__content .wp-caption-text {
        color: #666;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.3rem;
        padding: 0 4px 5px;
        position: relative;
        text-align: center;
        line-height: 17px
    }

    .footer-contact .company-info {
        text-align: center;
        padding: 4px 0;
        color: var(--main-color);
        font-style: italic;
        font-size: 13px;
        margin-top: 3px
    }

    .rotating-messages {
        min-height: 80px
    }
}

@media screen and (max-width:375px) {
    .ega-header .header-wrap {
        grid-template-columns: 120px 1fr 10px
    }

    .devvn-footer {
        margin-top: 0
    }
}