@media screen and (max-width: 1200px) {
    .language-select { position: static; transform: translateY(50%); float: right; margin-left: 10px; }
    .list-news-index, .list-tour-index { margin-left: -10px; margin-right: -10px; }
    .group-search-index { margin-left: 0; margin-right: 0; }
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
    .gat-bottom-left { width: 297px; }
    .gat-bottom-right { width: 727px; }
}

@media screen and (max-width: 1024px) {
    .has-bg-ff:after { display: none; }
    .button-hide-filter { right: 20px; }
    .group-filter-tt.filter-ticked { width: 50%; }

    .name-tour-plane .btn-pri a { padding: 5px; }
    .info-search .info-search-go, .adult-search { font-size: 14px; }
    .img-plane-w { line-height: 25px; }
    .item-tour-plane { font-size: 16px; }
    .toptick.name-plane .name { overflow: unset; }
    .date-plane { margin-top: 0; }
    .toptick.name-plane .name { font-size: 10px; }
    .hidden-tablet { display: none; }
    .hidden-desktop.tablet { display: block; }
    .info-search-go .hidden-desktop.tablet { display: inline-block; }
    .adult-search { border-left: 0; }
    .btl { left: 5px; right: 5px; }
    .itl-column.kt .info-start { text-align: right; }
    .info-ticket-right .btn-pri { line-height: 30px; }
    .info-ticket-right .btn-pri a { padding: 5px; }

    .info-ticket-left { width: 70%; }
    .info-ticket-right { width: 30%; }
}

@media screen and (max-width: 1023px) {
    .SortBox { text-align: center; }
    .SortBox .Pages { float: none; }
}

@media screen and (max-width: 980px) {
    .item-ticket-inter .btn-support { display: none; }
    .group-btn-book .btn-pri { max-width: 150px; margin: auto; }
    .info-ticked-inter.col-80 { width: 100%; }
    .btn-support, .group-btn-book { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-top: 10px; }
    .btn-buy-ticked.col-20 { padding: 20px; width: 100%; }
    .group-ticked-in { width: 100%; }
    .name-tour-in { width: 100%; }
    .mt-110 { margin-top: 0; }
    .bg-header:before { display: none; }
    .new-page-right .sec-title.title-110 { background-image: linear-gradient(135deg, #377CD6 0%, #084391 100%); }
    .info-search-index .btn-pri { min-width: 180px; }
    .info-search-index .btn-pri { font-size: 14px; }
    .infomation-order-item { width: 33.33%; }
    .icf-left, .icf-right { width: 100%; padding: 0; }
    .link-name-page .link-item a { font-size: 16px; }
    .link-name-page .border-mid-link { margin-top: 15px; }
    .btn-right-gat a { padding: 5px; line-height: 10px; top: 5px; right: 5px; }
    .customer-man .name-plane .name.a-right .status-tour { font-size: 10px; }
    .item-ticket-detail .info-ticket-left { width: 100%; margin-bottom: 10px; padding-right: 0px; }
    .item-ticket-detail .info-ticket-right { width: 100%; }
    .item-ticket-detail .itl-column-75 { width: 100%; }
    .item-ticket-detail .itl-column { width: 100%; }
    .item-ticket-detail .title { margin-bottom: 0; }
    .item-ticket-detail .itl-column-45, .item-ticket-detail .itl-column-55 { width: 100%; }
    .price-ticket .price { font-size: 20px; }
    .hd-top { display: none; }
    .hide-tablet { display: none; }
}

@media screen and (max-width: 930px) {
    .col-25 { width: 33.33%; }
    .col-75 { width: 66.66%; }
    .price-ticket .price { font-size: 18px; }
    .imgage-travel { opacity: .3; }
    .list-whyus > ul > li { padding-top: 10px; padding-bottom: 10px; }
}

@media screen and (max-width: 768px) {
    .list-coupon { padding: 0 10px; }
    .info-new-item { padding: 10px 0; width: 100%; }
    .list-km-right { padding-left: 0; }
    .new-page-right .sec-title { padding-left: 10px; }
    .sec-title .title { font-size: 18px; }
    .list-coupon > li { width: 100%; }
    .list-follow-index > li { padding: 0 5px; }
    .content-about { width: 100%; }
    .list-new-offer > li { width: 100%; }
    .input-email-group .fcontrol { width: 50%; }
    .name-tour-plane .btn-pri { float: left; margin-top: 10px; }

    #footer { font-size: 15px; }
    .footer-left, .footer-right { width: 100%; }
    .name-company { font-size: 16px; }
    .represent-seo { font-size: 12px; padding: 5px 0; }
    .item-contact-bot { margin: 10px 0; }

    .gat-bottom-left, .gat-bottom-right { width: 100%; }

    .gat-bottom-left .filter-ticked { background: #fff; position: fixed; z-index: 12; top: 0px; left: 0; right: 0; border-radius: 0; height: 100vh; overflow: auto; padding-bottom: 50px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); transition: .4s; }
    .gat-bottom-left .filter-ticked.open { transform: none; }

    .btn-open-filter { display: block; position: fixed; bottom: 0; left: 0; right: 0; background-image: linear-gradient(to bottom, #ffffffa1, #ffffffe3, #ffffff); height: 35px; font-size: 30px; float: left; line-height: 15px; padding: 0px 15px; z-index: 12; text-align: left; color: #084391; }
    .btn-open-filter a { display: inline-block; margin-top: 2.5px; }

    table.table_response > tbody > tr > td, table.table_response > tr > td { width: 50%; padding: 10px 5px; }
    .info-contact-content table.table_response > tbody > tr > td:nth-child(even), .info-contact-content table.table_response > tr > td:nth-child(even) { font-weight: bold; }

    .ll-skin-melon #ui-datepicker-div { width: 100% !important; height: 100%; overflow: auto; }
    .ll-skin-melon .ui-widget { position: fixed !important; top: 110px !important; left: 0px !important; margin: 0px; }
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 650px) {
    .slide-travel-left { width: 100%; }
    .video-travel-right { width: 100%; margin-left: 0px; min-height: 250px; margin-top: 10px; }
    .item-info-travel .name { font-size: 14px; }
    .item-info-travel .value { font-size: 16px; }
    .item-info-travel { width: 50%; margin-bottom: 10px; }
    .item-info-travel:not(:last-child) { border-right: 0; }
    .group-btn-book .group-prices { width: 50%; float: left; }
    .group-btn-book .btn-pri { width: 50%; float: right; display: inline-block; }
    .item-ticket-inter .btn-support { display: none; }
    .item-ticket-inter .info-start .price { font-size: 18px; font-weight: bold; color: #3c3c3c; }
    .list-tick-in > li:not(:last-child) { border-bottom: 0; }
    .tour-group-inter:not(:last-child) { border-bottom: 0; }
    .item-tick-in .tfi-left .child-item-sticked.info-start { padding-left: 0; }
    .item-tick-in .tfi-left { padding-left: 0; padding-right: 0; }
    .list-tick-in > li { padding-bottom: 15px; padding-top: 0; }
    .list-tick-in > li .item-tick-in { padding: 15px; border-radius: 6px; background: #F0F2F7; }
    .list-tick-in > li.active .item-tick-in { border: 1px solid #4caaf0; background-color: #fff; box-shadow: 1px 5px 14px 0px #6262625c; }
    .info-search-index select.fcontrol { height: 32px; line-height: 32px; }
    .list-menu-sidebar > li > a { font-size: 14px; }
    .group-tag-panel a { font-size: 12px; height: 30px; line-height: 30px; padding: 0 10px; }
    .col-25 { width: 100%; }
    .col-45 { width: 100%; }
    .col-75 { width: 100%; }
    .search-select.fcontrol { padding: 0px 5px; }
    .btn-pri.date .fcontrol, .search-select { height: 30px; line-height: 30px; }
    .info-new-item:not(:last-child) { border: 0px; }
    .info-new-item .title { font-size: 16px; }
    .list-other-news > li > a { font-size: 14px; }
    .sec-title .title.big { font-size: 18px; }
    .info .title { font-size: 13px; }
    .info .time-out { margin-top: 5px; font-size: 12px; }
    .services-index { background-image: none !important; }
    .group-new-index .slick-dots { bottom: -30px; }
    .search-travel { width: 100%; margin-top: 10px; }
    .col-66 { width: 100%; }
    .col-50, .col-60, .col-40 { width: 100%; }
    .list-whyus > ul > li:nth-child(odd) { padding-right: 0; }
    .list-whyus > ul > li:nth-child(even) { padding-left: 0; }
    .list-whyus { padding: 10px; }
    .group-new-index .slick-prev, .group-new-index .slick-next { display: none !important; }
    .info-search-index .icon-exchange { line-height: 35px; }
    .btn-pri.select { width: 100%; margin-right: 0; }
    body.home .btn-item-filter { width: calc(50% - 20px); }
    .banner-home .banner-entry .title { font-size: 30px; }
    .btn-pri.date { width: calc(50% - 15px); height: auto; }
    .info-search-index .icon-exchange, .info-search-index .btn-pri { margin-right: 10px; }
    .info-search-index .btn-pri a { padding: 5px; font-size: 12px; }
    .info-search-index .btn-pri { min-width: 110px; }
    .group-search-index { padding: 10px; }

    .item-tour-plane { width: 100%; }

    .hidden-desktop { display: block; }

    .hidden-mobile { display: none !important; }

    .info-search .info-search-go { width: 100%; font-size: 12px; padding-right: 0; font-weight: bold; margin-bottom: 10px; }

    .info-search-go span.light { font-weight: 500; }

    .adult-search { border-left: 0; }

    .item-tour-plane { font-size: 14px; }

    .gat-top .gat-top-item:first-child { border-right: 1px solid #e1e1e1; }

    .title-tour .number { font-size: 12px; line-height: 20px; width: 20px; height: 20px; margin: 0px 5px; }

    .title-tour .title { font-size: 14px; margin-right: 0; line-height: 20px; }

    /* .gat-top {
                                                                                                                                                             width: 100%;
                                                                                                                                                        } */


    .itl-column { width: 33% !important; }
    .itl-column.img-air-line { width: 100%; min-height: 30px; }

    .info-ticket-left { position: relative; }
    .time-plane .hour-plane { font-size: 18px; }
    .info-start { font-size: 12px; }

    /*.itl-column .info-start {*/
    /*display: flex;*/
    /*display: -webkit-flex;*/
    /*flex-wrap: wrap;*/
    /*-webkit-flex-wrap: wrap;*/
    /*}*/
    /*.itl-column .info-start .time-plane:first-child{*/
    /*order: 2;*/
    /*-webkit-order: 2;*/
    /*}*/


    /*direct*/
    .info-gat.mobile-direct { width: auto; margin-left: -10px; padding: 30px 20px 10px; position: relative; float: left; width: calc(100% + 20px); color: #7d7d7d; margin-top: 0; }
    .info-gat.mobile-direct .info-gat-item { color: #7d7d7d; }
    /*.info-gat:before { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 20px; border-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; left: 0; }
                                                                                                                                                                                .info-gat:after { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 20px; border-radius: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; right: 0; left: unset; }*/
    .mobile-direct .info-gat-item { padding: 0; }
    .info-gat.mobile-direct .name-plane.toptick.first { position: absolute; top: 10px; left: 15px; right: 15px; }
    .mobile-direct .date-plane { margin-top: 0; line-height: 20px; color: #000; }
    .mobile-direct .toptick.name-plane .name { font-size: 12px; line-height: 15px; color: #000; }
    .mobile-direct .toptick.name-plane .name span.status-book { color: #7d7d7d; margin-left: 10px; }
    .mobile-direct .name-plane { line-height: 25px; }
    .info-gat.mobile-direct .itl-column.po .btn-time-long:before { content: ''; width: 4px; height: 4px; background: #50D2E8; position: absolute; left: -2px; top: -2px; border-radius: 50%; }

    .info-gat.mobile-direct .itl-column.po .btn-time-long:after { content: ''; width: 4px; height: 4px; background: #50D2E8; position: absolute; right: -2px; top: -2px; border-radius: 50%; }
    .info-gat.mobile-direct .itl-column.po .btn-time-long { border: 1px dashed #50D2E8; }
    .info-customer-weight .content, .info-customer-weight .content-ser { margin-left: 0; padding: 10px; }
    .content-item.left { width: 100%; }
    .content-item .name { float: left; }
    .content-item .value { float: right; padding-left: 20px; margin-top: 0; }
    .content-item.left { line-height: 20px; border-bottom: 1px dotted #e1e1e1; }
    .content-item .value { padding-left: 0; }
    .content-item.right { width: 100%; }

    /*.info-start .time-plane, .info-start .name-plane{*/
    /*display: none;*/
    /*}*/
    .item-ticket .name-plane { display: none; }
    .item-ticket .time-plane .sign-airport { display: block; }
    .item-ticket .itl-column.po .btl { }
    .price-ticket { width: 100%; padding: 0; margin-bottom: 10px; }
    .item-ticket .info-ticket-right { padding-top: 0; }
    .item-ticket .price-ticket .price { font-size: 18px; }
    .item-ticket .info-ticket-right .btn-pri { display: none; }
    .item-ticket .info-ticket-right .action { width: 100%; padding: 0; }
    .title-item-ticket .img { float: left; }
    .title-item-ticket .img a { line-height: 1; max-width: 100%; }
    .item-ticket .title-item-ticket .img img { max-width: 60px; float: left; margin-right: 10px; }
    .item-ticket .title-item-ticket { float: left; margin-bottom: 10px; width: calc(100% - 0px); }
    .item-ticket .title-item-ticket span.AirlineName { float: left; line-height: 1.4; color: #3c3c3c; font-size: 13px; font-weight: 500; }
    .item-ticket .title-item-ticket .img a { position: static; color: #084391; }
    .item-ticket .backage-best-item .good-back { -webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); -o-transform: translateY(-150%); transform: translateY(-150%); }
    .flight-item.paddingh30 { padding: 0px 10px; }
    .gat-bottom-right { padding: 0; }
    .gat-bottom-right .NotificationBox { border-left: none; border-right: none; border-radius: 0px; }
    ul.list-filter > li { width: 50%; float: left; }
    ul.list-ticket-item li .item-ticket-detail.open { padding: 10px; }

    /*info-customer*/
    .link-name-page { border-bottom: 1px solid #e1e1e1; }
    .link-name-page .border-mid-link { display: none; }
    .link-name-page .link-item a { font-size: 11px; }
    .link-name-page .link-item:not(:last-child) { position: relative; padding-right: 20px; }
    .link-name-page .link-item:not(:last-child):after { content: "\f101"; font-family: "fontawesome"; font-size: 16px; font-weight: bold; color: #084391; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
    .link-name-page { padding: 10px 0; }
    .form-table-info { width: 100%; padding: 10px; }
    .form-info-people { width: 100%; }
    .group-input-inline .item-input-inline, .group-input-inline-small .item-input-inline { width: 100%; }
    .group-input-inline-small .item-input-inline .fcontrol { margin-bottom: 20px; }
    .weight-ticket.npl { padding-left: 10px; padding-right: 10px; }
    .btn-select-ser { width: 33.33%; }
    .btn-select-ser a { font-size: 12px; line-height: 15px; padding: 5px 0; }
    .fip-left { padding-right: 0; }
    .form-table-info label { margin-bottom: 0; font-size: 12px; }
    .weight-ticked-left { margin-bottom: 10px; width: 100%; line-height: 20px; padding: 10px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
    .weight-ticket .name { float: left; margin-bottom: 0; font-size: 14px; }
    .weight-ticked-left .value { overflow: hidden; padding-left: 20px; font-size: 14px; }
    .weight-ticked-right { width: 100%; }
    .group-sercurity { float: left; width: 100%; margin-top: 10px; }
    .group-sercurity .sercurity { margin-top: 10px; text-align: right; font-size: 14px; }
    .number-weight .input-group { width: 100%; margin-top: 10px; }
    .price-total-weight { text-align: right; color: #000; }
    .group-input-inline .item-input-inline .title { text-align: center; margin-top: 0; margin-bottom: 10px; }
    .item-gat-top-m { position: relative; padding: 10px; padding-left: 30px; }
    .icon-plane { position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; max-width: 20px; }
    .info-ticket-customer table { width: 100%; text-align: left; font-size: 16px; font-weight: 500; }
    .info-ticket-customer table tr th { color: #3c3c3c; padding-right: 10px; }
    .info-ticket-customer table tr td { color: #084391; padding-right: 10px; }
    .info-ticket-customer table tr { line-height: 25px; }
    .info-ticket-customer .date { line-height: 25px; }
    .hidden-desktop.gat-top-mobile { margin-left: -10px; margin-right: -10px; background: #eff1f6; }
    .item-gat-top-m:first-child { background: #fff; }
    .label-bottom-red { padding: 0 10px; }
    .group-filter-pay-left { width: 100%; padding-right: 0; }
    .group-filter-pay-left ul.list-filter > li { width: 100%; }
    .select-type-tour .select-search-index { width: 100%; }
    .group-filter-pay-left [type="radio"] + label, [type="radio"] + label { padding-left: 30px; width: 100%; }
    .group-filter-pay-left [type="radio"]:checked + label:before, .group-filter-pay-left [type="radio"]:not(:checked) + label:before { right: 0; left: unset; }
    .group-filter-pay-left [type="radio"]:checked + label:after, .group-filter-pay-left [type="radio"]:not(:checked) + label:after { right: 3px; left: unset; }
    .group-filter-pay-left:first-child { border-bottom: 1px solid #e1e1e1; }
    .info-search-go { float: left; width: 100%; font-size: 11px; }
    .info-search-go span.hidden-desktop { display: inline-block; }

    .lio-left { width: 100%; border-bottom: 1px dashed #d7d7d7; padding: 10px 0; }
    .lio-right { width: 100%; border-left: 0; padding: 10px 0; }
    .infomation-order-item { width: 50%; padding: 0 10px; margin-bottom: 15px; }
    .infomation-order-item .name { font-size: 14px; white-space: nowrap; margin-bottom: 5px; }
    .infomation-order-item .value { font-size: 16px; }
    .label-info-order { padding: 5px 10px; }
    .code-viva .name { font-size: 12px; }
    .code-viva .value { font-size: 16px; }
    .item-ni-right { width: 100%; padding: 0; }
    .item-ni-right .title { border-bottom: 1px solid #c8c8c8; padding: 10px 20px; line-height: 20px; }
    .item-ni-right .desc { padding: 5px 20px; }
    .table-detail-ticket table td { line-height: 20px; padding: 10px 0; font-weight: 500; }
    .table-detail-ticket table td:nth-child(2) { text-align: right; }
    .table-detail-ticket table td:nth-child(1) { color: #7d7d7d; font-size: 16px; }
    .number-cusomer { float: right; }
    .name-plane .how-stop { font-size: 12px; line-height: 1; margin-left: 5px; }
    .group-ticked-in .name-plane { font-weight: 500; margin-bottom: 5px; }
    .item-tick-in .btn-time-long .mb img { max-width: 25px; }
    .tour-group-inter .btn-time-long .btl { }
    .tour-group-inter .info-start label { display: none; }
    .tour-group-inter .info-start.col-20 { width: 40%; float: right; }

    .tour-group-inter .info-ticket-left { width: 70%; }
    .tour-group-inter .info-ticket-right { width: 30%; }

    .Pages { float: none; margin-top: 10px; text-align: center; }

    .ll-skin-melon .ui-datepicker-multi .ui-datepicker-group { float: none !important; width: 100% !important; }
}

@media screen and (max-width: 550px) {
    .item-ticket-inter .price .show-price-detail, .item-ticket-inter .price .extra-info { float: none; text-align: center; }
    .item-ticket-inter .price .extra-content { padding: 0px 10px; line-height: 30px; margin-left: -10px; }
    .item-ticket .backage-best-item span { display: none; }

    .weight-ticket { padding-left: 15px; }

    table.table_response > tbody > tr > td, table.table_response > tr > td { width: 100%; padding: 5px 0px; }
}

@media screen and (max-width: 480px) {
    .info-ticket-left { padding-right: 5px; }
    .item-ticket .info-ticket-right { padding-left: 5px; }
    .info-ticket-right .btn-pri, .group-btn-book .btn-pri { width: 100%; max-width: 100%; min-width: 50px; }
    .item-ticket .price-ticket .price { font-size: 15px; }

    .item-ticket-detail .info-ticket-left table tr td, .item-ticket-inter .FareDetail table tr td { display: inline-block; width: 50%; }
    .item-ticket-detail .info-ticket-left table tr td:nth-child(even), .item-ticket-inter .FareDetail table tr td:nth-child(even) { text-align: right; }
    .item-ticket-detail .info-ticket-left table tr td:last-child, .item-ticket-inter .FareDetail table tr td:last-child { width: 100%; text-align: right; }
}

@media screen and (max-width: 380px) {
    /*.FilghtItem .Header table tr td:last-child { display: none; }*/
    .road-plant { width: 96%; left: 2%; right: 2%; }
    .item-ticket-inter .price .show-price-detail { float: none; height: auto; line-height: 35px; }
}