@media screen and (min-width: 1024px) {
    .CouponBox { max-width: 390px; }
}

@media screen and (max-width: 768px) {
    #button-open-searchform { display: inline-block }
    #filter_modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; height: 100%; max-height: none; width: 100%; max-width: none; justify-items: center; padding: 0; overscroll-behavior: contain; z-index: 999; background-color: transparent; color: inherit; transition-duration: .2s; transition-timing-function: cubic-bezier(0,0,.2,1); transition-property: transform, opacity, visibility; overflow-y: hidden; opacity: 1; }
    #filter_modal > div { max-height: calc(100vh - 5em); grid-column-start: 1; grid-row-start: 1; width: 100%; max-width: 32rem; --tw-scale-x: .9; --tw-scale-y: .9; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); */ border-bottom-right-radius: var(--rounded-box, 1rem); border-bottom-left-radius: var(--rounded-box, 1rem); border-top-left-radius: var(--rounded-box, 1rem); border-top-right-radius: var(--rounded-box, 1rem); --tw-bg-opacity: 1; background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity))); padding: 1.5rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(0,0,.2,1); transition-duration: .2s; box-shadow: #00000040 0 25px 50px -12px; overflow-y: auto; overscroll-behavior: contain; display: block; }
    #filter_modal > div > div { display: block; }
    #filter_modal .dropdown { display: block; }
    #filter_modal .dropdown > div { width: 100%; border: none; visibility: visible; opacity: 1; position: relative; }
    #filter_modal .dropdown ul li:last-child, #filter_modal .dropdown ul li:nth-last-child(2) { display: none; }
    #filter_modal .apply-all-filter { display: flex; }
}

@media screen and (max-width: 428px) {
    #LstResult > div > div > div.relative > div > div > div > div > div > div.toggle-checkbox.relative.rounded-2xl > div > div.flex.items-center.flex-1.w-full > div.block.flex-1.px-10.whitespace-nowrap { padding: 0px; }
}

@media screen and (max-width: 320px) {
    #LstResult > div > div > div.relative > div > div > div > div > div > div.toggle-checkbox.relative.rounded-2xl > div > div.flex.items-center.flex-1.w-full > div.block.flex-1.px-10.whitespace-nowrap { padding: 0px 5px; }
    #LstResult > div > div > div.relative > div > div > div > div > div > div.toggle-checkbox.relative.rounded-2xl > div > div.flex.items-center.flex-1.w-full > div.block.flex-none.w-\[90px\].lg\:w-\[150px\].text-left.lg\:text-right { width: 75px; }
}

.socialCircle-container { position: fixed; width: 50px; height: 50px; right: 15px; bottom: 80px; z-index: 31; }
.socialCircle-center { width: 50px; height: 50px; background: #35DBCD; margin: 50%; position: absolute; text-align: center; color: #ffffff; font-size: 24px; cursor: pointer; }
.socialCircle-center img { display: inline-block; margin-top: -5px; }
.socialCircle-item { width: 48px; height: 48px; position: absolute; background: #1AA3ED; margin: 50%; text-align: center; color: #ffffff; font-size: 24px; cursor: pointer; }
.socialCircle-item:hover { background: #ff9e1c; }

.HeroSearchForm2Mobile > button { background: #ff9e1c; }
.HeroSearchForm2Mobile > button > span { border-color: #1AA3ED; color: #1AA3ED; }

ul li .stop_number_option { display: block; position: relative; }

.flex-direction-row { flex-direction: row; }
.flex-direction-column { flex-direction: column; }

.nc-SingleContent .video-container { position: relative; width: 100%; padding-bottom: 56.25%; margin-top: 1.3333333em; margin-bottom: 1.3333333em; }
.nc-SingleContent .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.inline-block { display: inline-block; }
.w-full.panel .tof { height: 100px; overflow: auto; }
.w-full.panel .tof h2 { margin-bottom: 15px; }
.w-full.panel .tof p { margin-bottom: 10px; }
.w-full.panel span.checkbox { border: none; }
.w-full.panel span.checkbox input[type='checkbox'] { margin-right: 0.5em; border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); }

.required { color: #FF5861; font-weight: 600; margin-left: 5px; }
.Validator { color: #FF5861; }

.fullwidth { width: 100%; }

.a { cursor: pointer; }
.a:hover { }
input[type="button"], input[type="submit"] { cursor: pointer; }

.w-full .label { justify-content: flex-start; }
.w-full .label a { margin-left: 5px; color: #30A6DE; }
.alert-warning { background-color: #FFF8C4; border-color: #F8E3B3; color: #605F5B; font-size: 0.8em; }
.alert-warning ul { list-style: disc; }
.alert-warning ul li { margin-left: 30px; }

.w-full .table.tableInfo tr th { width: 50%; }

.detail-cart .amount { text-align: right; min-width: 55px !important; }
.detail-cart .amount a { display: none; }
.detail-cart .amount:hover .removable { display: none; }
.detail-cart .amount:hover a { display: inline-block; }
.detail-cart .promo { font-weight: bold; color: #ff6600; }
.detail-cart .promo a { font-weight: normal; }

.pax-info img { display: inline-block; }

.SaveTotalFare { text-decoration: line-through; font-size: 13px; color: #999; }

.detail-cart .close_btn { display: inline-block; width: 14px; height: 14px; background: url(/Styles2019/images/close.png) no-repeat; text-decoration: none; }
.detail-cart .coupon .close_btn, .detail-cart.discounts .close_btn { position: absolute; top: 20px; right: 0px; }
.detail-cart .amount a { display: none; }
.detail-cart .amount:hover .removable { display: none; }
.detail-cart .amount:hover a { display: inline-block; }

/*////////////////////////////////////////////*/

.notif { position: relative; padding: 10px; border-radius: 1rem; background-color: #eedc94; color: #060503; }
.notif .close { float: right; color: #000000; font-size: 20px; font-weight: bold; line-height: 13.5px; filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; text-decoration: none; }
.notif .close:hover { color: #000000; text-decoration: none; filter: alpha(opacity=40); -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; }
.notif strong { font-weight: 600; color: inherit; }
.notif.success { background: #CAFAE9; color: #32D296; }
.notif.error { background: #FFCCD6; color: #F0506E; }
.notif.info { background: #F7F7F7; color: #666; }

/*////////////////////////////////////////////*/

.filter-ticked .list-checkbox tr td { padding: 5px 0px; cursor: pointer; position: relative; }
.filter-ticked .only { font-size: 12px; color: Red; position: absolute; right: 5px; top: 5px; }
.filter-ticked .only:before { content: "... "; }
.filter-ticked input[type="checkbox"] { padding: 10px; margin-right: 10px; border: 1px solid #06B6D4; }
.filter-ticked input[type="checkbox"]:checked { background-color: #06B6D4; }
.filter-ticked div.checkListItem, .filter-ticked ul.checkListItem li { list-style-type: none; margin: 5px 0px; }
.filter-ticked div.des { text-align: center; }

.RadSlider_Metro .rslHorizontal a.rslHandle { visibility: hidden; }
.RadSlider_Metro div.rslHorizontal a.rslDraghandle { margin-top: -7px !important; background: #5877ba !important; width: 18px !important; height: 18px !important; border-radius: 50%; }
.RadSlider_Metro a.rslDraghandle:hover, .RadSlider_Metro a.rslDraghandle:active, .RadSlider_Metro a.rslDraghandle:focus, .RadSlider_Metro div.rslHorizontal a.rslDraghandle:hover, .RadSlider_Metro div.rslHorizontal a.rslDraghandle:active, .RadSlider_Metro div.rslHorizontal a.rslDraghandle:focus { background: #0865B1 !important; }
.RadSlider_Metro .rslHorizontal .rslSelectedregion { background: #5877ba !important; }
.RadSlider_Metro .rslHorizontal .rslTrack { background: #666 !important; }

.RadDataPager.join .rdpWrap a { display: inline-flex; height: 3rem; min-height: 3rem; flex-shrink: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-wrap: wrap; align-items: center; justify-content: center; border-color: transparent; border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity)); padding-left: 1rem; padding-right: 1rem; text-align: center; font-size: .875rem; line-height: 1em; gap: .5rem; font-weight: 600; text-decoration-line: none; transition-duration: .2s; transition-timing-function: cubic-bezier(0,0,.2,1); border-width: var(--border-btn, 1px); animation: button-pop var(--animation-btn, .25s) ease-out; transition-property: color, background-color, border-color, opacity, box-shadow, transform; --tw-text-opacity: 1; color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity))); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); outline-color: var(--fallback-bc, oklch(var(--bc) / 1)); background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity)); --tw-bg-opacity: 1; --tw-border-opacity: 1; }
.RadDataPager.join .rdpWrap a:hover { background-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%, black); border-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%, black); }
.RadDataPager.join .rdpWrap a.rdpCurrentPage { background-color: color-mix(in oklab, oklch(var(--btn-color, var(--b3)) / var(--tw-bg-opacity, 1)) 90%, black); border-color: color-mix(in oklab, oklch(var(--btn-color, var(--b3)) / var(--tw-border-opacity, 1)) 90%, black); }
.RadDataPager.join .rdpWrap:first-child:not(:last-child) a, .RadDataPager.join *:first-child:not(:last-child) .rdpWrap a { border-end-start-radius: var(--rounded-btn, .5rem); border-start-start-radius: var(--rounded-btn, .5rem); }
.RadDataPager.join .rdpWrap:first-child:not(:last-child) a:before, .RadDataPager.join *:first-child:not(:last-child) .rdpWrap a:before { content: "\00AB"; }
.RadDataPager.join .rdpWrap:nth-last-child(2):not(:first-child) a, .RadDataPager.join *:nth-last-child(2):not(:first-child) .rdpWrap a { border-start-end-radius: var(--rounded-btn, .5rem); border-end-end-radius: var(--rounded-btn, .5rem); }
.RadDataPager.join .rdpWrap:nth-last-child(2):not(:first-child) a:before, .RadDataPager.join *:nth-last-child(2):not(:first-child) .rdpWrap a:before { content: "\00BB"; }
.RadDataPager.join .rdpWrap a img { display: none; }
.RadDataPager.join .rdpWrap a, .RadDataPager.join .rdpWrap a span { background-image: none; }

/*////////////////////////////////////////////*/

.border-top { border-top: 1px solid #E5E5E5; }

.list-filter.pay .payment_item { margin: 10px 0px; }
.list-filter.pay .payment_item img { display: inline-block; max-height: 35px; margin-right: 10px; vertical-align: middle; }
.list-filter.pay .payment_item span { font-size: 16px; color: #7d7d7d; line-height: 35px; }
.list-filter.pay .payment_item .active span { color: #5877ba; font-weight: 600; }
.list-filter.pay .payment_item .payments { margin-bottom: 10px; cursor: pointer; }
.list-filter.pay .payment_item .payments .payment_fee_icon { background-image: url(/Styles2019/images/icon_add_money.png); width: 16px; height: 16px; display: inline-block; }

.bankinglist ul { width: 100%; display: inline-block; list-style: none; }
.bankinglist ul li { width: 20%; float: left; padding: 15px; display: inline-block; text-align: center; }
.bankinglist ul li a { color: #060503; font-weight: 600; display: inline-block; }
.bankinglist ul li img { width: 100%; max-height: 50px !important; border: 1px solid #E5E5E5; background: #fff; }

.modal-content { position: relative; font-size: 14px; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); }
.modal-content .modal-header { padding: 15px; border-bottom: 1px solid #e1e1e1; }
.modal-content.ui-draggable .modal-header { cursor: pointer; }
.modal-content .modal-header .modal-title { font-size: 16px; font-weight: 500; line-height: 25px; margin: 0; }
.modal-content .modal-header .close_icon { position: absolute; display: inline-block; width: 34px; height: 34px; top: 12px; right: 10px; cursor: pointer; background-image: url(/Styles2019/images/close-icon.png); }
.modal-content.hotel-offer { position: fixed; width: 90%; max-width: 600px; height: auto; z-index: 1000; font-size: 16px; }
.modal-content.hotel-offer .modal-header { padding: 5px 15px; background: #194A8F; }
.modal-content.hotel-offer .modal-header img { height: 25px; }
.modal-content.hotel-offer .modal-header .close_icon { top: 2px; }
.modal-content .modal-body { position: relative; padding: 15px; max-height: 450px; overflow: auto; }

.table_bankinglist { position: fixed; width: 90%; max-width: 600px; height: auto; z-index: 1000; }
.table_bankinglist table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.table_bankinglist tbody > tr > td { width: 50%; border-top: none; border-right: 1px solid #e1e1e1; border-bottom: 1px dashed #e1e1e1; line-height: 35px; padding-right: 8px; vertical-align: top; }
.table_bankinglist tbody > tr > td:last-child { border-right: none; padding-right: 0px; padding-left: 8px; font-weight: 500; }
.table_bankinglist tbody > tr > td img { height: 30px; display: inline-block; vertical-align: middle; }
.table_bankinglist tbody > tr > td img.QRCode { height: 180px; }
.table_bankinglist .noted { color: #DC1C26; font-weight: 600 !important; }

/*////////////////////////////////////////////*/

.RulesInfoNotice .RulesInfoNoticeLabel { cursor: pointer; }

.LoadingPanel { text-align: center; }
.LoadingPanel .LoadingMessage { font-size: 12px; font-weight: bold; color: #194A8F; display: block; position: fixed; visibility: visible; z-index: 1000; text-align: center; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.LoadingPanel .LoadingLogo { margin-bottom: 30px; }
.LoadingPanel .LoadingMessage img { max-width: 80%; display: inline-block; }
.LoadingPanel .LoadingTitle { margin: 0 auto; margin-bottom: 20px; font-weight: normal; font-size: 16px; width: 90%; }
.Loading { display: block; position: fixed; visibility: visible; z-index: 1000; text-align: center; width: 100%; left: 0px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.LoadingContent { padding: 15px; width: 120px; margin: auto; border: 1px solid #e1e1e1; background-color: #fff; color: #194A8F; }
.LoadingContentBooking { width: 95%; max-width: 500px; padding: 15px; margin: auto; border: 1px solid #e1e1e1; background: #fff; }
.LoadingContentFareRule { width: 95%; max-width: 800px; max-height: 600px; overflow: auto; margin: 30px auto 0px auto; border: 1px solid #e1e1e1; background: #fff; text-align: left; }
.WaitingSearch { position: fixed; display: block; visibility: visible; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 102; background: #fff; }
.PleaseWait { line-height: 26px; font-size: 14px; margin-bottom: 20px; text-align: left; color: #666666; }

.PopupScreen { position: fixed; display: block; visibility: visible; top: 0px; left: 0px; background: #e1e1e1; filter: alpha(opacity=80); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; width: 100%; height: 100%; z-index: 999; }
.PopupWindow { display: block; position: fixed; visibility: visible; z-index: 1000; width: 100%; height: 100%; top: 0px; left: 0px; margin-top: 150px; }
.PopupWindowLogin { margin-top: 250px; }
.PopupWindowMap { margin-top: 120px; }
.PopupWindow .WindowArea { width: 96%; max-width: 700px; margin: auto; border: 1px solid #1d4a8e; background-color: #FFF; }
.PopupWindowLogin .WindowArea, .PopupWindowMap .WindowArea { width: 500px; }
.PopupWindowMap .WindowArea .AirPortInfo { clear: both; font-weight: bold; margin-bottom: 5px; }
.PopupWindowMap .WindowArea .AirPortInfo img.map-icon { width: 24px; height: 24px; vertical-align: middle; padding-right: 10px; }
.PopupWindow .WindowArea .WindowContent { padding: 10px; max-height: 600px; overflow: auto; }
.PopupWindow .WindowArea .WindowContent table tr td { padding-bottom: 10px; line-height: 35px; }
.PopupWindow .WindowArea .WindowContent table tr td .fcontrol { height: 35px; line-height: 35px; }
.PopupWindow .WindowArea .Header { text-align: right; padding: 10px; background: #1d4a8e; color: #fff; cursor: move; }
.PopupWindow .WindowArea .Header span.PopupTitle { text-align: left; display: inline-block; float: left; font-weight: bold; white-space: nowrap; }
.PopupWindow .WindowArea .Header a { color: #FFF; }
.PopupWindow .WindowArea .Header a:hover { text-decoration: underline; }
.PopupWindow .WindowArea .Footer { text-align: right; padding: 10px; margin-top: 10px; }
.BorderBottom { border-bottom: 1px solid #e1e1e1; }
.BorderTop { border-top: 1px solid #e1e1e1; }

.PopupModal { max-width: 600px; width: 90%; z-index: 1000; text-align: right; }
.PopupModal .popup_link { display: inline-block; text-decoration: none; background: #fff; padding: 5px; border: 1px solid #ccc; }
.PopupModal .popup_image { width: 100%; }
.PopupModal .close_icon { position: absolute; display: inline-block; width: 34px; height: 34px; top: -17px; right: -17px; cursor: pointer; background-image: url(/Styles2019/images/close-icon.png); }