@import "/style/font/icon/css/all.css";
@font-face {
    font-family: flightfont;
    src: url(/style/font/flightfont/flightfont.eot?aokt80);
    src: url(/style/font/flightfont/flightfont.eot?aokt80#iefix) format("embedded-opentype"),
        url(/style/font/flightfont/flightfont.ttf?aokt80) format("truetype"),
        url(/style/font/flightfont/flightfont.woff?aokt80) format("woff"),
        url(/style/font/flightfont/flightfont.svg?aokt80#flightfont) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

[class^="flight-icon"],
[class*=" flight-icon"] {
    font-family: flightfont !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flight-iconflashsale:before {
    content: "\e903";
}

#flights-style,
.search-location {
    background-color: #fff;
    padding: 0;
}

.vnt-form .form-group {
    margin-bottom: 10px;
}

.vnt-form .form-group label {
    white-space: nowrap;
    margin-bottom: 0;
}

.search-location .tab-content li:hover,
.text-notice a:hover,
.vnt-form .fa-info-circle,
.vnt-form .formFa:before,
.vnt-form label span {
    color: #ed0080;
}

.vnt-form .chosen-single,
.vnt-form input,
.vnt-form select,
.vnt-form textarea {
    width: 100%;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding-left: 10px;
}

.vnt-form button {
    width: 100%;
    height: 40px;
    background: #ed0080;
    background: linear-gradient(180deg, #ed0080 0, #be3b98 100%);
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
    border: none;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.css-air {
    padding-right: 5px;
    padding-top: 5px;
    font-weight: bold;
}

.text-notice,
.text-notice a {
    color: #0066b3;
}

.vnt-form button:hover {
    background: #666;
}

.searchbox,
.vnt-form .form-group,
.vnt-form .formFa {
    position: relative;
}

.vnt-form .left-side-form {
    position: relative;
    float: left;
    width: 48%;
}

.vnt-form .right-side-form {
    position: relative;
    float: right;
    width: 48%;
}

.vnt-form .formFa:before {
    font-family: fontAwesome;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

#flights-style {
    border: 1px solid #ed0080;
    box-shadow: 0 5px 6px rgb(0 0 0 / 16%);
    border-radius: 8px;
    width: 650px;
    margin: 0 auto;
}

#flights-style .flights-title {
    background: #ed0080;
    background: linear-gradient(90deg, #ed0080 0, #be3b98 100%);
    padding: 10px;
    border-radius: 8px 8px 0 0;
}

#flights-style .flights-title h2 {
    font-size: 20px;
    text-align: center;
    color: #fff;
}

#flights-style .vnt-form {
    padding: 10px;
    background: 0 0;
}

.vnt-form input[type="checkbox"],
.vnt-form input[type="radio"] {
    width: auto;
    height: auto;
    padding-left: 0;
}

.vnt-form .mr-15 {
    margin-right: 15px;
}

.vnt-form .btn-flights {
    width: 150px;
}

.vnt-form .label-svg svg {
    top: 3px;
    position: relative;
}

.vnt-form .from-to-img:before {
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    top: 25px;
    left: -24px;
    filter: invert(23%) sepia(93%) saturate(1993%) hue-rotate(189deg)
        brightness(90%) contrast(101%);
    background: url(images/flights/from_to_ic.svg) center no-repeat;
}

.text-notice {
    font-weight: 700;
    margin-top: 10px;
}

.no-left {
    padding-left: 0;
}

.no-right {
    padding-right: 0;
}

.search-location .tab-content li,
.vnt-form .location {
    cursor: pointer;
}

.search-location {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    width: 620px;
    color: #333;
    border: none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 1px 3px 0 rgba(27, 27, 27, 0.4);
}

.search-to {
    right: 0;
    left: auto;
}

.search-location .title {
    padding: 8px 15px;
    background: #007adf;
    background: linear-gradient(90deg, #007adf 0, #008cff 100%);
    font-size: 17px;
    font-weight: 500;
    clear: both;
    width: 100%;
    color: #fff;
}

.list-recommend .tabs-left li a,
.list-recommend .title-recommend {
    font-weight: 700;
    border-radius: 0;
    margin-right: 0;
    border-bottom: 1px solid #ddd;
}

.search-location .btn-close {
    position: absolute;
    right: 5px;
    float: right;
    font-size: 20px;
    top: 5px;
    color: #fff;
    background-color: transparent;
    z-index: 11;
    width: auto;
    height: auto;
}

.search-location .btn-close:hover {
    color: #d0d0d0;
}

.list-recommend .no-padding {
    padding: 0;
}

.list-recommend .title-recommend {
    color: #fff;
    font-size: 15px;
    background: #ed0080;
    padding: 10px 15px;
}

.list-recommend .tabs-left li {
    float: none !important;
    margin-bottom: 0;
}

.list-recommend .tabs-left li a {
    background: #ffeef7 !important;
    color: #333;
}

.list-recommend .tabs-left li a:hover {
    background: #f2f2f2 !important;
}

.list-recommend .tabs-left li.active a {
    background: #e9eaff !important;
}

.list-recommend .nav-tabs.tabs-left > li.active > a:after {
    content: " ";
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    position: absolute;
    right: -5px;
    top: 15px;
    background: #e9eaff;
}

.search-location .tab-content {
    padding: 5px 0;
}

.search-location .tab-content h3 {
    color: #1b448e;
    margin-bottom: 6px;
    margin-top: 15px;
}

.searchbox .fa-search {
    position: absolute;
    font-size: 18px;
    top: 8px;
    left: 10px;
    color: #9b9b9b;
}

.searchbox .fa-remove {
    position: absolute;
    cursor: pointer;
    font-size: 14px;
    top: 10px;
    right: 10px;
    color: gray;
}

.searchbox input {
    padding-left: 40px !important;
    padding-right: 20px;
    height: 36px;
}

.datepick {
    cursor: pointer;
}

.datepicker-days td.new.day {
    cursor: pointer;
}

.datepicker-days td.disabled.day {
    cursor: no-drop;
}

table.table.table-condensed th.prev,
table.table.table-condensed th.next {
    cursor: pointer;
}

table.table.table-condensed th.datepicker-switch {
    cursor: pointer;
}

.datepicker-days td.new.day:hover {
    background: #ededed;
}

.datepicker-days td.day:not(.new):not(.disabled) {
    cursor: pointer;
}

.datepicker-days td.active.day {
    background: #da188a;
    color: white;
    cursor: pointer;
}

.searchbox {
    margin: 15px 10px;
}

.search-location li.item-diem-di {
    font-weight: 600;
    line-height: 25px;
}

label.country-search {
    font-weight: normal;
    float: right;
}

.ui-menu .ui-menu-item > div {
    padding: 6px 8px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 0;
    background: #fefefe;
    color: #d3218d;
    font-weight: normal;
    margin: 0;
}

label.check-rowtrip {
    margin: 0;
    display: inline-block;
}

label.check-rowtrip input {
    display: none;
}

label.check-rowtrip label {
    float: left;
    margin: 0;
    position: relative;
    padding-left: 21px;
    cursor: pointer;
}

label.check-rowtrip label:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #333;
    top: 2px;
    left: 0;
}

label.check-rowtrip input:checked + label:after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background: #d4208d;
    border-radius: 50%;
    top: 5px;
    left: 3px;
}

.hide-date-roundtrip {
    color: #ccc;
}

.hide-date-roundtrip label svg path {
    fill: #ccc;
}

.hide-date-roundtrip .formFa:before {
    color: #ccc;
}

.hide-date-roundtrip input::placeholder {
    color: #ccc;
}

.hide-date-roundtrip input {
    cursor: no-drop !important;
}

span.icon-flight {
    width: 20px;
    height: 20px;
    float: left;
}

.flight-depart {
    background-image: url(/images/depart.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 8px;
}

.flight-arrival {
    background-image: url(/images/arrival.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 8px;
}

/* vernew */
.table > thead > tr > th {
    padding: 6px 10px;
    border-bottom: 0px;
    text-align: center;
}

.table-condensed > tbody > tr > td {
    height: 35px;
    text-align: center;
    line-height: 24px;
}

.container-box-search-flight {
    width: 100%;
    float: left;
    margin-top: 10px;
    background: #0000003d;
    border-radius: 5px;
    padding: 15px;
}

.box-search-flights {
    width: 950px;
    display: inline-block;
}

.header-box-search-flight {
    width: 100%;
    float: left;
}

.header-box-search-flight h1 {
    font-size: 36px;
    color: white;
    line-height: normal;
    float: left;
}

.header-box-search-flight h2 {
    font-size: 20px;
    color: white;
    line-height: normal;
    margin-top: 5px;
    width: 100%;
    float: left;
}

.content-box-search-flight {
    width: 100%;
    float: left;
}

.row-box-search-flight {
    float: left;
    margin-bottom: 5px;
}

.box-routrip {
    float: left;
}

label.checkbox-routrip {
    float: left;
    margin: 0;
}

label.checkbox-routrip input {
    display: none;
}

label.checkbox-routrip label {
    margin: 0;
    margin-right: 10px;
    padding: 3px 10px;
    padding-left: 25px;
    color: white;
    font-weight: normal;
    position: relative;
    cursor: pointer;
}

label.checkbox-routrip label:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    border-radius: 50%;
    top: 4px;
    left: 0;
}

label.checkbox-routrip input:checked + label:after {
    content: "";
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 4px;
}

.search-collumn-flight-info {
    width: 100%;
    float: left;
}

.search-collumn-hotel-info {
    width: 100%;
    float: left;
}

.search-collumn-flight-right {
    float: left;
}

.list-points {
    width: calc(100% - 15px);
    float: left;
    margin-bottom: 15px;
    background: white;
    margin-right: 15px;
    border-radius: 0px 5px 5px 0px;
    position: relative;
}

.item-point-flight {
    width: 50%;
    float: left;
    padding-left: 15px;
}

.list-points .item-point-flight:first-child {
    border-right: 1px solid #ccc;
}

.icon-point {
    height: 60px;
    float: left;
    width: 25px;
}

.start-point {
    background: url(/images/depart.png) no-repeat center;
}

.form-search-point {
    width: 100%;
    float: left;
    padding: 6px 0px;
    /* position: relative; */
}

.form-search-point > label {
    font-weight: 500;
    margin: 0;
    position: absolute;
    top: 5px;
    left: 12px;
    color: #666;
}

.form-search-point input {
    border: 0;
    outline: none;
    padding-top: 22px;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}

.end-point {
    background: url(/images/arrival.png) no-repeat center;
}

.date-points {
    width: 100%;
    float: left;
    background: white;
    border-radius: 5px;
    margin-bottom: 15px;
}

.item-date-point {
    width: 50%;
    float: left;
    padding-left: 15px;
    cursor: pointer;
    position: relative;
}

.date-points .item-date-point:first-child {
    border-right: 1px solid #ccc;
}

span.icon-date-point {
    height: 60px;
    float: left;
    width: 25px;
    background: url(/images/datecheckin.png) no-repeat center;
    background-size: 20px;
}

.box-search-datepicker {
    width: calc(100% - 25px);
    float: left;
    padding-top: 3px;
}

.box-search-datepicker input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    bottom: -8px;
    left: 0;
    color: white;
    border: 0;
    width: 100%;
}

.box-search-datepicker label {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 500;
    padding-top: 2px;
    margin: 0;
    padding-bottom: 0;
    color: #666;
    cursor: pointer;
}

.box-search-datepicker p {
    margin: 0;
    width: 100%;
    float: left;
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 600;
    font-family: inherit;
    padding-top: 2px;
    padding-bottom: 6px;
}

.search-flight-persion {
    width: 100%;
    float: left;
    position: relative;
}

.box-group-persion {
    width: 100%;
    float: left;
    cursor: pointer;
}

span.icon-persion-search {
    width: 25px;
    float: left;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    color: white;
}

.box-search-persion {
    float: left;
}

.box-search-persion label {
    width: 100%;
    float: left;
    font-weight: normal;
    margin: 0;
    padding-bottom: 0;
    color: white;
    cursor: pointer;
}

.box-search-persion p {
    margin: 0;
    width: 100%;
    float: left;
    padding: 0px 12px;
    color: #666;
    font-size: 16px;
    font-weight: 600;
    font-family: inherit;
}

.box-button-search-flight {
    width: 100%;
    float: left;
    text-align: center;
}

.btn-search-combo {
    width: 50%;
    /* float: left; */
    display: inline-block;
    background: #da188a;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    color: white;
    font-weight: 700;
    font-size: 20px;
    border: 0;
}

.btn-search-combo:hover {
    background: #e72495;
}

.box-persion-choose {
    width: 100%;
    float: left;
    background: white;
}

.item-persion-choose {
    width: 100%;
    float: left;
    padding: 5px 10px;
    border-bottom: 1px solid #ededed;
    padding-top: 5px;
}

span.numview-box-search {
    width: 37px;
    height: 37px;
    float: left;
    text-align: center;
    line-height: 35px;
    font-weight: 600;
    font-size: 20px;
    color: #333;
}

.action-choose {
    float: left;
}

#persion-choose a.btn-math-choose {
    padding: 0;
    color: #828282;
    width: 30px;
    height: 30px;
    float: left;
    border: 1px solid #ccc;
    font-weight: bold;
    line-height: 27px;
    font-family: inherit;
    text-align: center;
    font-size: 20px;
}

#persion-choose a.btn-minus-per {
    border-right: 0;
}

#persion-choose a.btn-math-choose:hover {
    background: #ebebeb;
}

.info-persion-choose {
    width: calc(100% - 97px);
    float: left;
    padding-left: 5px;
}

.info-persion-choose label {
    width: 100%;
    float: left;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
}

.info-persion-choose p {
    font-size: 12px;
    color: #666;
    margin: 0;
    width: 100%;
    float: left;
    padding: 0;
    line-height: 15px;
}

.box-btn-submit-choose {
    width: 100%;
    float: left;
    padding-top: 10px;
    background: #ebebeb;
    text-align: center;
}

a.btn-search-hotel {
    display: inline-block;
    background: #d51f8d;
    padding: 5px 30px;
    border-radius: 5px;
    color: white;
    font-weight: 500;
}

a.btn-search-hotel:hover {
    background: #ed0181;
}

.btn-minus-per {
    border-radius: 5px 0px 0px 5px;
}

.btn-plus-per {
    border-radius: 0px 5px 5px 0px;
}

.list-points .item-point-flight .form-search-point > label {
    left: 15px;
}

.list-points .item-point-flight:last-child .form-search-point > label {
    left: calc(50% + 15px);
}

.form-search-point .autocomplete-items {
    position: absolute;
    background: white;
    width: 100%;
    top: calc(100% + 15px);
    left: 0;
    border-radius: 5px;
    overflow: hidden;
    z-index: 9;
    box-shadow: 0px 0px 10px -3px black;
    border: 1px solid #ededed;
    max-height: 400px;
    overflow-y: auto;
}

.selected-autocomplete-items {
    font-weight: 700 !important;
}

.form-search-point .autocomplete-items div {
    padding: 10px 15px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ededed;
}

.form-search-point .autocomplete-items div:last-child {
    border: 0;
}

.disabled-date {
    cursor: no-drop;
    color: #ccc !important;
    opacity: 0;
}

.disabled-date * {
    color: #ddd !important;
    cursor: no-drop !important;
}

.disabled-date span.icon-date-point {
    opacity: 0.3;
}

.form-search-point .autocomplete-items div label {
    cursor: pointer;
}

.form-search-point .autocomplete-items div label {
    width: 100%;
    float: left;
    position: static;
}

.form-search-point .autocomplete-items .autocomplete-active,
.form-search-point .autocomplete-items div:hover {
    background: #da188a;
    color: white;
    cursor: pointer;
}

span.top-sale-fligt {
    margin-left: 25px;
    position: relative;
    font-size: 16px;
    padding: 10px 15px;
    background: #f4dcdb;
    border-radius: 30px;
    color: #e52822;
    top: -7px;
    font-weight: 400;
}

/* end */
/* popper */
#persion-choose {
    display: none;
    background: #ebebeb;
    color: #333;
    font-weight: bold;
    padding: 10px;
    font-size: 13px;
    border-radius: 4px;
    display: none;
    width: 250px;
    max-width: 400px;
}

#persion-choose[data-popper-reference-hidden] {
    visibility: hidden;
    pointer-events: none;
}

#persion-choose[show-popper] {
    display: block;
    z-index: 9999;
}

#et-fb-app #persion-choose {
    display: block;
}

#popup-persion-arrow,
#popup-persion-arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ebebeb;
}

#popup-persion-arrow {
    visibility: hidden;
}

#popup-persion-arrow::before {
    visibility: visible;
    content: "";
    transform: rotate(45deg);
}

#persion-choose[data-popper-placement^="top"] #popup-persion-arrow {
    bottom: -4px;
}

#persion-choose[data-popper-placement^="bottom"] #popup-persion-arrow {
    top: -4px;
}

#persion-choose[data-popper-placement^="left"] #popup-persion-arrow {
    right: -4px;
}

#persion-choose[data-popper-placement^="right"] #popup-persion-arrow {
    left: -4px;
}

#persion-choose[data-popper-reference-hidden] #popup-persion-arrow::before {
    visibility: hidden;
}

/* end popper */
#search-combo {
    position: absolute;
    top: 180px;
}

.box-search-location-hotel > label {
    font-weight: 500;
    margin: 0;
    position: absolute;
    top: 5px;
    left: 12px;
    color: #666;
}

.box-search-location-hotel input {
    border: 0;
    outline: none;
    padding-top: 22px;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}

.box-persion-search {
    float: left;
}

.box-search-room {
    float: left;
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid white;
}

.box-search-room label {
    float: left;
    margin: 0;
    color: white;
    font-weight: normal;
    cursor: pointer;
}

.header-box-search-flight h2 {
    font-size: 28px;
}

.icon-flight-box {
    float: left;
    width: 30px;
    height: 57px;
    padding: 15px 0px;
    background: #ff0088;
    text-align: center;
    border-radius: 5px 0px 0px 5px;
}

.icon-flight {
    width: 22px;
    height: 30px;
    fill: white;
}

.search-collumn-flight-info .row-box-search-flight:nth-child(2) {
    width: calc(60% - 30px);
}

.search-collumn-flight-info .row-box-search-flight:last-child {
    width: 40%;
}

.icon-hotel-box {
    width: 30px;
    float: left;
    height: 57px;
    background: #ff0088;
    border-radius: 5px 0px 0px 5px;
    padding: 15px 0px;
    text-align: center;
}

.icon-hotel {
    width: 22px;
    height: 30px;
    fill: white;
}

.search-collumn-hotel-info .row-box-search-flight:nth-child(2) {
    width: calc(60% - 30px);
}

.box-search-location-hotel {
    width: 100%;
    float: left;
    position: relative;
    padding: 6px 15px;
}

.search-collumn-hotel-info .row-box-search-flight:last-child {
    width: 100%;
}

.box-search-location-hotel label {
    position: absolute;
    top: 5px;
    left: 15px;
}

.search-collumn-hotel-info .row-box-search-flight:nth-child(3) {
    width: 40%;
}

/* complete hotel */
.box-search-location-hotel .autocomplete-items {
    position: absolute;
    background: white;
    width: 100%;
    top: calc(100% + 15px);
    left: 0;
    border-radius: 5px;
    overflow: hidden;
    z-index: 9;
    box-shadow: 0px 0px 10px -3px black;
    border: 1px solid #ededed;
    max-height: 400px;
    overflow-y: auto;
}

.selected-autocomplete-items {
    font-weight: 700 !important;
}

.box-search-location-hotel .autocomplete-items div {
    padding: 10px 15px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ededed;
    padding-left: 30px;
}

.box-search-location-hotel .autocomplete-items div:before {
    content: "\f3c5";
    width: 15px;
    height: 20px;
    position: absolute;
    left: 10px;
    font-family: "Font Awesome 6 Pro";
    color: #999;
}

.box-search-location-hotel .autocomplete-items div:hover:before {
    color: white;
}

.box-search-location-hotel .autocomplete-items div:last-child {
    border: 0;
}

.box-search-location-hotel .autocomplete-items div label {
    cursor: pointer;
}

.box-search-location-hotel .autocomplete-items div label {
    /* width: 100%; */
    float: right;
    position: static;
}

.box-search-location-hotel .autocomplete-items .autocomplete-active, .box-search-location-hotel .autocomplete-items div:hover {
    background: #da188a;
    color: white;
    cursor: pointer;
}

div#loading-autocomplete:before {
    display: none;
}

div#loading-autocomplete {
    background: url(https://dulichviet.com.vn/images/loading-icon.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

div#empty-autocomplete:before {
    display: none;
}

div#empty-autocomplete {
    color: gray;
    font-style: italic;
}

div#empty-autocomplete:hover, #loading-autocomplete:hover {
    background: white !important;
}
/* end complete hotel */

/* list highlight */
/* end list highlight */
@media all and (max-width: 900px) {
    .list-highlight-flight ul li {
        width: 50%;
    }
}

@media all and (max-width: 767px) {
    div#start-pointautocomplete-list {
        width: 200%;
    }
    
    div#end-pointautocomplete-list {
        width: 200%;
        left: -100%;
    }
    
    div#search-combo {
        position: static;
        top: 0;
        background: url(/images/banner-t-20231211_.webp) center 0;
    }
    
    label.checkbox-routrip label {
        margin-right: 0;
    }

    span.top-sale-fligt {
        position: absolute;
        bottom: 0;
        left: 0;
        /* width: 100%; */
        height: 30px;
        line-height: 30px;
        padding: 0px 15px;
        top: auto;
    }

    .header-box-search-flight {
        position: relative;
        /* padding-bottom: 40px; */
    }

    .list-highlight-flight ul li {
        width: 100%;
    }

    .list-recommend .nav-tabs.tabs-left > li.active > a:after {
        display: none;
    }

    .header-box-search-flight h1 {
        font-size: 20px;
    }

    .header-box-search-flight h2 {
        font-size: 22px;
        color: white;
        line-height: normal;
        float: left;
        text-shadow: 0px 0px 8px black;
    }

    .search-collumn-flight-info {
        width: 100%;
    }

    .search-collumn-flight-right {
        width: 100%;
    }

    .box-search-flights {
        width: 100%;
        padding: 15px;
    }

    .item-point-flight {
        width: 50%;
        border: 0;
        margin-bottom: 0px;
        background: white;
        position: relative;
        /* border-radius: 5px; */
    }

    .list-points {
        margin: 0;
        background: transparent;
        width: 100%;
    }

    .list-points .item-point-flight:last-child .form-search-point > label {
        left: 52px;
    }

    .date-points {
        margin: 0;
        background: transparent;
        width: 100%;
    }

    .item-date-point {
        width: 50%;
        margin-bottom: 15px;
        background: white;
        border: 0;
        border-radius: 5px;
    }

    .disabled-date {
        display: none;
    }

    .search-collumn-flight-info .row-box-search-flight:nth-child(2) {
        width: calc(100% - 30px);
    }
    
    .list-points .item-point-flight:last-child {
        border-radius: 0px 5px 5px 0px;
    }
    
    .form-search-point input {
        font-size: 13px;
        height: 45px;
    }
    
    .plan-icon-search {
        display: none;
    }
    
    .search-collumn-flight-info .row-box-search-flight:last-child {
        width: calc(100% - 30px);
        margin-left: 30px;
    }
    
    .date-points .item-date-point:first-child {
        border-radius: 5px 0px 0px 5px;
    }
    
    .date-points .item-date-point:last-child {
        border-radius: 0px 5px 5px 0px;
    }
    
    .box-search-datepicker p {
        font-size: 13px;
    }
    
    .search-collumn-hotel-info .row-box-search-flight:nth-child(2) {
        width: calc(100% - 30px);
        background: white;
        border-radius: 0px 5px 5px 0px;
        margin-bottom: 6px;
    }
    
    .search-collumn-hotel-info .row-box-search-flight:nth-child(3) {
        width: calc(100% - 30px);
        margin-left: 30px;
    }

    #search-combo>svg {
        display: none;
    }
}

@media all and (max-width: 685px) {
    #flights-style {
        width: 100%;
    }
}

@media all and (max-width: 650px) {
    .search-location {
        width: 440px;
    }
}

@media all and (max-width: 580px) {
    .text-notice {
        display: none;
    }
}

@media all and (max-width: 560px) {
    .vnt-form .left-side-form,
    .vnt-form .right-side-form {
        float: none;
        width: 100%;
    }

    .vnt-form .from-to-img:before {
        display: none;
    }
}

@media all and (max-width: 450px) {
    .search-location {
        width: 353px;
    }

    .css-air {
        padding-top: 4px;
    }

    .airlines {
        width: 90px !important;
    }
}