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

	.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);
	}

	.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;
	}

	.devvn-footer {
		margin-bottom: 0;
	}

	/* zalo */
	.btn-zalo-support {
		bottom: 120px;
		right: 0px;
	}

	.bg-global {
		background-position: right;
	}

	.contact__info--title::before,
	.contact__info--title::after {
		margin-bottom: 10px;
	}

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

	.single__post-relation {
		display: none;
	}

	.section_banner .banner-slider img {
		width: 100%;
	}

	.devvn_btn_search {
		margin-top: 10px;
	}

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

	.section-tab-home-3 .product-item .justify {
		display: block;
		 display: -webkit-box;
		 max-width: 100%;
		-webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    line-height: 15px;
	    font-size: 11px;
	}

	.devvn-list-airlines .title-description {
		text-align: justify;
	}

	/* ========= Header ========= */
	.header {
		padding: 0 20px 8px;
		z-index: 5;
		position: fixed;
		left: 0;
		right: 0;
		background: transparent;
		/* border-bottom: 1px solid #dadce0; */
		display: block;
	}

	.header .header-wrap {
		/* padding: 10px 0 0 0; */
		padding: 0;
	}

	.header-nav {
		display: none;
	}

	.header__logo {
		padding: 0;
		width: 170px;
		margin-left: -12px;
	}

	.header-phone {
		color: var(--black-color);
	}

	.home-search h1 {
		font-size: 1.75em !important;
		/* top: 25%; */
		top: 0;
		line-height: 30px;
		display: block;
		left: 0;
		position: absolute;
		right: 0;
		text-align: center;
		color: var(--black-color);
		margin: 0 auto;
		margin-top: 10px;
	}

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

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

	/* ========= Mobile menu ========= */
	.menu-swiper-mobile {
		display: block;
		/* margin-top: 10px; */
	}

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

	.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: bold;
		color: var(--main-color);
		border-bottom: 3px solid var(--main-color);
	}

	/* ========= Search ========= */
	.booking-form {
		padding: 8px 12px 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 10px;
	}

	.booking-form .form-group:after {
		display: none;
	}

	.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 .row-date .form-group .form-search-label,
	.booking-form .row-date .toggle-switches {
		display: none
	}

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

	.booking-form .group-passenger .form-group {
		display: flex;
		padding: 10px 1px 0;
	}

	.booking-form .group-passenger .form-group .wrap-icon-passenger {
		width: 20px;
		height: 20px;
	}

	.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 {
		margin-left: 15px;
		flex: 1;
		font-weight: bold;
		color: var(--color-google-grey);
	}

	.booking-form .group-passenger .dropdown-box-inner .title-people span {
		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-show-hide {
		display: block;
	}

	.switch {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.switch svg {
		color: #b5b6b7
	}

	.date-return {
		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 !important;
	}

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

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

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

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

	.post-editor {
		margin-top: 35px;
	}

	.page .section__search--wrap {
		width: 100%;
		display: block;
	}

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

	.content__post-wrap .wrap-title .title {
		text-align: center;
	}

	.search__section {
		margin-top: 10px;
		padding: 0;
		min-height: 45vh;
	}

	.list__dep--wrap,
	.list__ret--wrap {
		display: none;
	}

	.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: 60%;
		font-size: 16px;
		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-plus,
	.type-minus {
		height: 32px;
		border-radius: 4px;
		min-width: 32px;
		z-index: 0;
		background: #e8f0fe;
		position: relative;
	}

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

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

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

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

	/* ========= Box passengers ========= */
	.dropdown-box-inner {
		width: 470%;
		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 {
		/* flex: 1; */
		width: 80px;
	}

	/* #button-cancel {
      	margin-right: 5px;
    } */
	#button-finish {
		color: var(--blue-color);
	}

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

	table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active,
	.ui-datepicker .ui-datepicker-lunar {
		font-size: 12px;
	}

	.ui-datepicker-month,
	.ui-datepicker-year {
		font-size: 14px;
	}

	.ui-datepicker table {
		margin: 0;
	}


	/* ========= Menu for mobile ========= */
	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: 0px;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
		background: #ffF;
	}

	.list__dep--wrap-mobile .accordion-wrapper,
	.list__ret--wrap-mobile .accordion-wrapper {
		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%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
	}

	.list__dep--wrap-mobile .accordion:last-child,
	.list__ret--wrap-mobile .accordion:last-child {
		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: #fff;
		font-weight: bold;
		cursor: pointer;
		font-size: 16px;
		/* border-bottom: 1px solid; */
	}

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

	/* .list__dep--wrap-mobile .accordion-label::after, .list__ret--wrap-mobile .accordion-label::after {
		content: "\276F";
		width: 16px;
		height: 16px;
		text-align: center;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
    }
	.list__dep--wrap-mobile .accordion-label-rotate::after, .list__ret--wrap-mobile .accordion-label-rotate::after {
		transform: rotate(90deg);
	} */

	.list__dep--wrap-mobile .accordion-label input[name="list-dep"],
	.list__ret--wrap-mobile .accordion-label input[name="list-ret"] {
		display: none;
	}

	.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-weight: 600; */
		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-control__mobile-wrap {
		display: block;
	}

	.menu-mobile {
		position: relative;
		left: 0;
		top: -2px;
		display: flex;
		height: 18px;
		width: 24px;
		flex-direction: column;
		justify-content: space-between;
		cursor: pointer;
		-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;
	}

	.search__mobile--wrapper {
		position: relative;
	}

	.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;
	}

	.list-area {
		padding: 10px;
	}

	/* ========= End menu for mobile ========= */


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

	.sidebar__close {
		position: absolute;
		top: 5%;
		right: 10%;
		background: #fff;
		height: 50px;
		width: 50px;
		border-radius: 50%;
		box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.03);
		display: flex;
		justify-content: center;
		align-items: center;
		transform: translatex(-100%);
		cursor: pointer;
		transition: transform 0.4s ease-in-out 0.2s;
	}

	.sidebar__close::before,
	.sidebar__close::after {
		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 {
		position: relative;
		cursor: pointer;
	}

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

	.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 0.3s ease-in-out, opacity 0.3s linear;
	}

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

	.menu-control {
		display: none;
	}

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

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

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

	.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;
	}

	.header-phone-mobile {
		display: flex;
		align-items: center;
	}

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

	.header-phone-mobile:hover p {
		color: var(--saphire-color);
	}

	.booking-form div.form-control+.select-arrow:after {
		content: "▼" !important;
		display: block;
		-webkit-transform: none;
		transform: none;
		width: 0;
		height: 0;
		font-size: 10px;
		color: var(--black-color);
	}

	.booking-form div.form-control+.select-arrow {
		top: 4px;
		left: 80%;
	}

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

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

	.list__dep--wrap .menu div span.light,
	.list__ret--wrap .menu div span.light {
		display: none;
	}

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

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

	.reset-search {
		display: block;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translate(-50%, -50%);
	}

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

	.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;
	}

	ul#result_dep,
	ul#result_ret,
	ul#result_dep--mobile,
	ul#result_ret--mobile {
		margin: 0;
	}

	.scroll-to-top {
		right: 20px;
		bottom: 70px;
	}

	/* ========= Genneral ========= */
	.search__title {
		font-size: 18px;
		margin: 0;
		padding: 20px 0;
	}

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

	.box-title {
		font-size: 14px;
	}

	.contact-menu__item {
		margin-top: 15px;
	}

	.contact-menu__item h4 {
		margin-bottom: 0;
	}

	/* ========= Destination Inter ========= */
	.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;
	}

	.destination__inter--item:nth-child(7),
	.destination__inter--item:nth-child(8),
	.destination__inter--item:nth-child(9),
	.destination__inter--item:nth-child(10),
	.destination__inter--item:nth-child(11),
	.destination__inter--item:nth-child(12) {
		display: none;
	}

	.destination__hover--heading {
		font-size: 18px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

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

	/* ========= Destination Domestic (Home) ========= */
	.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 ========= */
	.footer {
		padding: 0;
		background: none;
		border-top: 1px solid #dadce0;
		margin-top: 30px;
	}

	.footer-contact {
		padding: 5px 12px 10px;
		padding-bottom: 0;
	}

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

	.footer .company-info {
		margin-top: 10px;
	}

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

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

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


	/* ========= CHỌN HÀNH TRÌNH ========= */
	.flight-infor-details,
	.section__detail--flight-inter {
		padding: 20px 10px 10px;
	}

	.sidebar-sort-price,
	.sidebar-filters,
	.form-search-sidebar {
		display: none;
	}

	.flight-item {
		padding: 10px;
	}

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

	.journey-infor__title span,
	.infor-ticket-title span {
		font-size: 14px;
	}

	.flight-infor {
		justify-content: space-between;
	}

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

	#tblInterFlightList .infor-plane-wrap {

		width: 22%;
	}

	.infor-plane-wrap .infor-plane__name {
		display: none;
	}

	.infor-time {
		width: 40%;
	}

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

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

	.infor-details-journey {
		width: 100%;
	}

	.infor-journey-wrap {
		justify-content: center;
	}

	.infor-details__wrap {
		margin-top: 20px;
	}

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

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

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

	.flight-details button {
		font-size: 14px;
	}

	#progressbar li {
		font-size: 12px;
	}

	.time__depart,
	.time__destination {
		font-size: 16px;
	}

	.thead-title {
		font-size: 13px;
	}

	.infor-brand img {
		width: 40px;
		height: 40px;
	}

	.section-choose-flight,
	.section-infor-wrap,
	.method-payment-wrap,
	.section-complete-wrap {
		margin-top: 5px;
	}

	#progressbar {
		display: none;
	}

	.filter-sort-mobile {
		display: flex;
		justify-content: space-around;
		padding: 12px 0;
		border: 1px solid var(--border-color);
		width: 100%;
		background: var(--bgsection-color);
		box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
		position: fixed;
		bottom: 0;
		z-index: 12;
	}

	.location {
		margin: 15px;
	}

	.label-sort,
	.label-filter {
		display: block;
	}

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

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

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

	.sidebar-flight__title {
		margin-top: 10px;
	}

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

	#wgsform .sort__options--wrap,
	#wgsform .filter__brand--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-sort-flight,
	.close-filter-flight {
		display: block;
		position: absolute;
		right: 20px;
		top: 15px;
	}

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

	ul.date-picker li a {
		font-size: 13px;
	}

	/* ========= THÔNG TIN HÀNH KHÁCH ========= */
	.section-box-passengers {
		padding: 20px 15px;
	}

	.sidebar-table__prices {
		/* margin: 20px 0 0px; */
		padding: 15px;
	}

	.select-styled,
	.seclect__luggage--options li {
		font-size: 12px;
	}

	.total__price-wrap {
		padding: 0;
		border-radius: var(--border-radius);
	}

	.total__price-title,
	.total__price {
		padding: 15px;
	}

	.sidebar-table__prices .thead-title {
		font-size: 16px;
	}

	.sidebar-table__prices .box-subheading-span,
	.sidebar-table__prices .tbody-title {
		font-size: 16px;
	}

	/* ========= PAYMENT ========= */
	.section__payment-method {
		padding: 15px;
	}

	.section__payment-method label {
		font-size: 13px;
	}

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

	.button-gradient {
		font-size: 18px;
	}

	/* ========= HOÀN TẤT ĐƠN HÀNG ========= */
	.section__complete--order {
		margin: 10px 0 0 0;
	}

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

	.section__infor--prices-mobile {
		display: block;
	}

	.section__infor--prices-desktop {
		display: none;
	}

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

	.journey-details {
		margin-bottom: 10px;
	}

	.complete__button button {
		font-size: 16px;
	}

	ul.section__decs {
		line-height: 30px;
	}

	/* .sidebar-journey {
		display: none;
	} */

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

	.section__infor--passengers,
	.section__infor--order,
	.section__infor--contact {
		margin: 15px 0;
		padding: 15px;
	}

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

	.popup__content {
		padding: 10px;
	}

	.infor__code--order,
	.infor__status--payment,
	.infor__method--payment,
	.infor__price--order {
		justify-content: space-between;

	}

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

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

	.infor-price th,
	.infor-price td {
		font-size: 14px;
	}

	td.total_amount,
	.infor-price {
		font-size: 18px;
	}

	/* ========= CATEGORY ========= */
	.section__category,
	.section__fullpage {
		margin: 0 1.5%;
		margin-top: 5px;
	}

	/* .category-wrap,
	.fullpage-wrap {
		height: 22vh;
	} */

	.category__desc {
		padding: 0;
	}

	.list-card {
		margin: 0;
	}

	.blog-card {
		margin-bottom: 20px;
		flex-direction: column;
	}

	.blog-card p {
		font-size: 13px;
		display: block;
		max-width: 100%;
		height: 60px;
		margin: 0px;
		font-size: 14px;
		line-height: 1;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 21px;
	}

	.blog-card a {
		color: inherit;
		line-height: 25px;
		display: block;
		display: -webkit-box;
		max-width: 100%;
		height: 40px;
		margin: 0 auto 5px;
		font-size: 14px;
		line-height: 1;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 22px;
	}

	.blog-card .description h2 {
		font-size: 16px;
	}

	.blog-card .meta {
		flex-basis: unset;
		height: 250px;
	}

	.blog-card .description {
		padding: 1.5rem;
	}

	.post-panigation {
		margin-bottom: 0;
	}

	.wp-pagenavi a,
	.wp-pagenavi span.current,
	.wp-pagenavi span.extend {
		font-size: 1.8rem;
		line-height: 3.2rem;
		padding: 0.2rem 1rem;
		height: 3.5rem;
		margin: 0.2rem;
	}

	h1.category__title {
		font-size: 22px;
		margin-top: 15px;
	}

	.block-infor {
		margin: 0 5px;
	}

	.block-infor span {
		font-size: 12px;
	}

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

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

	.single__tags {
		display: none;
	}

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

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

		/* max-width: 300px; */
		object-fit: cover;
	}

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

	/* ========= Captcha form ========= */
	.captcha-form {
		margin: 25px 0;
	}

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

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

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

	/* ========= NO FLIGHT ========= */
	.empty_flight {
		margin: 25px 0;
	}

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

	/* ========= PAGE 404 ========= */
	.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%;
	}

	/* ========= Section why ========= */
	figure.card__domestic {
		max-width: 390px;
		background-color: var(--bgsection-color)
	}

	.best-promotion {
		display: none;
	}

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

	.content__post-wrap {
		padding: 0;
	}

	.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 */
	.sidebar-widget {
		padding: 20px 15px 10px;
	}

	/* TIMELINE SECTION INFOR  */
	.section-infor {
		margin-top: 5rem;
	}

	.section-infor__payment {
		margin-right: 0px;
	}

	/* ribbon */
	.ribbon-promotion {
		top: -3px;
		right: -16px;
	}

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

	.ribbon-text {
		display: none;
	}

	.ribbon-text-mobile {
		display: inline-block;
		max-width: 10em;
		text-align: left;
		padding: 0.5em 0.7em 0.5em 0.7em;
		background: var(--redvj-color);
		color: var(--white-color);
		font-size: 12px;
		min-width: unset;

	}

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

	.section-featured {
		width: 100%;
		margin: 0px auto 0px;
	}

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

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

	.section-featured .feature-box:hover .feature-box__content--title span,
	.section-featured .feature-box:active .feature-box__content--title span {
		color: var(--main-color);
	}

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

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

	.section-featured .feature-box__content--title span.title-mobile {
		font-size: 13px;
		display: block;
	}

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

	.section_banner {
		margin-top: 30px
	}

	.SeoContentBlocks__block .FrontDoorFaqs--desktop {
		display: inline-block;
	}
	.SeoContentBlocks__block .acc-head {
		line-height: 21px;
		font-weight: 600;
		font-size: 14px;
	}
	.SeoContentBlocks__block .acc-head.active::after {
		top: 10px;
		right: -7px;
	}
	.SeoContentBlocks__block .acc-head::after {
		top: 10px;
		right: -7px;
	}
	.SeoContentBlocks__block .Seo-Common-Layout-Faqs-FrontDoorFaqs .FrontDoorFaqs__wrapper {
		padding: 2px;
	}

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

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

	/* LIST DEP AND DES MOBILE */
	.list__dep--wrap,
	.list__ret--wrap {
		display: none;
	}

	#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-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;
	}

	.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);
		text-indent: 30px;
		box-shadow: 0 2px 2px #d3d3d3;
		font-size: 15px;
		padding: 10px;
	}

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

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

	.panel-container .airport-search-box.active span {
		display: block;
	}

	.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;
	}

	.panel-container .airport-result span>b {
		font-weight: bold;
		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 {
		background: #fff;
		clear: both;
	}

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

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

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

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

	.panel-container #result-search-des .value-des-location .value-des-country,
	.panel-container #result-search-dep .value-dep-location .value-dep-country {
		font-size: 13px;
		font-family: Mt;
		color: rgba(0, 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 .location-item {
		float: left;
		width: 50%;
		box-sizing: border-box;
		display: none;
	}

	.panel-container .airport-result a.location-item {
		text-transform: capitalize;
		border-bottom: solid 1px #d4d4d4;
		background-color: #fff;
		padding: 10px 5px 10px 10px;
		text-decoration: none;
		color: #444;
	}

	.panel-container .airport-result .active .location-item {
		display: block;
	}

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

	.panel-container .airport-result>div .panel-arrow {
		width: 100%;
		position: relative;
		font-weight: bold;
		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>i.delete {
		color: #c04413;
	}

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

	.panel-container .airport-result>div span {
		/* bộ chọn > là chọn tất cả thẻ div là con của .airport-result */
		box-sizing: border-box;
		display: none;
	}

	.panel-container .airport-result>div.active span {
		display: block;
	}

	.panel-container .airport-result>div.active i {
		display: block;
	}

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

	#pnlFull-dep,
	#pnlFull-des {
		position: fixed;
		padding: 0;
		margin: 0;
		width: 100%;
		background-color: var(--white-color);
		min-height: 100%;
		top: 0;
		left: 100%;
		z-index: 100;
		overflow: hidden;
		transition-property: left;
		transition-duration: 0.3s;
		-webkit-transition-property: left;
		-webkit-transition-duration: 0.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: 0.3s;
		transition-duration: 0.3s;
	}

	.panel-container .panel-header>.btn-back {
		font-size: 14px;
		padding: 5px 20px;
		line-height: 40px;
		background: #000;
		margin-right: 20px;
		color: #fff;
	}

	.panel-container .airport-result a {
		font-size: 14px;
	}

	.btn-minus,
	.btn-plus {
		align-items: flex-start;
		cursor: pointer;
		box-sizing: border-box;
		margin: 0px;
		width: 30%;
		border: none;
		display: inline-block;
		height: 30px;
		top: 1px;
		font-size: 30px;
		line-height: 30px;
		padding: 0px;
		vertical-align: middle;
		text-align: center;
	}

	.btn-minus {
		color: rgba(60, 64, 67, 0.38);
	}

	.btn-plus {
		color: #1967d2;
		font-size: 20px;
	}

	.airport-result .active .arrow {
		transform: rotate(45deg) translate(-5px, -5px);
	}

	.airport-result .arrow {
		width: 13px;
		height: 13px;
		display: inline-block;
		position: relative;
		bottom: -5px;
		left: -10px;
		transition: 0.4s ease;
		margin-top: 2px;
		text-align: left;
		transform: rotate(45deg);
		float: right;
	}

	.airport-result .arrow:before,
	.airport-result .arrow:after {
		position: absolute;
		content: "";
		display: inline-block;
		width: 12px;
		height: 3px;
		background-color: #000;
		transition: 0.4s ease;
	}

	.airport-result .arrow:after {
		position: absolute;
		transform: rotate(90deg);
		top: -5px;
		left: 5px;
	}

	.airport-result .active .arrow:before {
		transform: translate(10px, 0);
	}

	.airport-result .active .arrow:after {
		transform: rotate(90deg) translate(10px, 0);
	}

	.news__img img,
	.destination__inter--item img {
		image-rendering: pixelated;
	}

	.panel-container .airport-result .panel-arrow:after {
		background: url('../images/downArrow.png') no-repeat center center;
		display: inline-block;
		content: '';
		width: 18px;
		height: 1em;
		float: right;
		margin-right: 5px;
	}

	.panel-container .airport-result .active .panel-arrow:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.btn-icon-close {
		vertical-align: middle;
		border: none;
		color: inherit;
		border-radius: 50%;
		background: transparent;
		position: relative;
		width: 32px;
		height: 32px;
		opacity: 0.6;
	}

	.btn-icon-close:focus,
	.btn-icon-close:hover {
		opacity: 1;
		background: rgba(128, 128, 128, 0.5);
	}

	.btn-icon-close:active {
		background: rgba(128, 128, 128, 0.9);
	}

	/* tines of the X */
	.btn-icon-close::before,
	.btn-icon-close::after {
		content: " ";
		position: absolute;
		top: 50%;
		left: 50%;
		height: 20px;
		width: 4px;
		background-color: currentColor;
	}

	.btn-icon-close::before {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.btn-icon-close::after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	.search-button input {
		height: 2.2em;
		margin: 10px auto;
		text-indent: 25px;
		background: #fff url('../images/i-search.png') no-repeat 5px center;
	}

	.post__content iframe {
		width: 100%;
	}

	/* Header mobile */
	.ega-header:not(.header_sticky) {
		top: 0;
		position: sticky;
		z-index: 9;
		background: #fff;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px, rgba(0, 0, 0, 0.01) 0px 2px 4px -1px;
	}

	header.ega-header.fixed {
		position: fixed;
		width: 100%;
	}

	.ega-header .header-wrap {
		height: 65px;
		display: grid;
		grid-template-columns: 220px 1fr 50px;
		align-items: center;
		padding: 0 15px
	}

	.devvn_btn_search {
		min-width: 135px;
	}

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

	.toggle-nav .bar,
	.icon-bar .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 {
		background-color: #fff;
		width: 70%;
		position: fixed;
		top: 65px;
		right: 0;
		z-index: 99999;
		visibility: hidden
	}

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

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

	.navigation--horizontal.open .list-unstyled {
		display: block
	}

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

	.navigation--horizontal ul li a {
		font-size: 15px;
		color: #000
	}

	.menu-toggle-close {
		position: relative;
		background: #fff;
		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:nth-child(1) {
		transform: rotate(45deg);
		left: 4px
	}

	.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(1) {
		top: 0
	}

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

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

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

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

	.opacity-menu.current {
		display: block
	}

	.product-item {
		height: 330px;
	}

	.product-item .product-info .product-name {
		font-size: 13px;
		line-height: 20px;
	}

	/* Hành trình */
	.section-product-mini {
		margin-top: 40px;
	}

	.section-product-mini .title-module {
		margin-bottom: 10px;
	}

	.product-box-mini {
		box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
		float: left;
		width: 100%;
		margin-bottom: 20px;
		border-radius: 10px;
		background: #fff;
	}

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

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

		display: none;
	}

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

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

	.product-item-price {
		margin-top: 10px;
	}

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

	.product-box-mini .product-info .special-price {
		font-size: 17px;
		font-weight: bold;
		display: block;
		color: #000;
		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: 15px;
		margin-bottom: 10px;
	}

	.price-only-for-date {
		color: #d92027;
		font-size: 18px;
		font-weight: bold;
	}

	.label-price-only {
		color: #000;
		font-size: 15px;
		font-weight: 400;
	}

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

	/* FOOTER */
	.footer-contact ul{
		line-height: 35px;
	}
}


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