nsive drawer reveals its own dynamic account action. */
.mobile-drawer-actions {
	display: none;
}

@media (max-width: 1199px) {
	.footer-glidova-v2 .footer_mainSesction {
		width: min(100% - 40px, 960px);
	}

	.footer-glidova-v2 .gftr-newsletter-row {
		gap: 24px;
		padding-left: 32px;
		padding-right: 32px;
	}

	.footer-glidova-v2 .gftr-newsletter-row .gftr-nl-illus {
		order: 1;
	}

	.footer-glidova-v2 .gftr-newsletter-row .gftr-nl-icon {
		/* order: 2; */
	}

	.footer-glidova-v2 .gftr-newsletter-row .gftr-nl-form-wrap {
		order: 3;
	}

	.footer-glidova-v2 .gftr-nl-illus img {
		left: 0;
		bottom: 0;
		width: min(220px, 100%);
	}
}

@media (max-width: 767px) {
    .resultalls .colrit {
    width: 100%;
}
    section.search-result.onlyfrflty > * {
        flex: 0 0 calc(100% - 0px) !important;
    }
    
	body.index_page:not(.dark-mode) #heroGsapCarousel .padfive{
		width: 100%;
	}
	.footer-glidova-v2 {
		padding-top: 24px;
	}

	.footer-glidova-v2 .footer_mainSesction {
		bottom: 0;
		width: calc(100% - 24px);
	}

	.footer-glidova-v2 .gftr-stats-card {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 1px;
		padding: 1px;
		margin-bottom: 30px;
		border-radius: 12px;
		overflow: hidden;
	}
    .gftr-stats-card{
        background: none;
    }
    .gftr-stat-ico{
            background: radial-gradient(circle at top, #0F172A 0%, #020617 70%) !important;
            border: 1px solid #22305c96;
    }
    .gftr-stat-ico i{
        font-size: 23px;
    }
    .flight_filters_row_Sec{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items:flex-start !important;
    gap: 10px;
    }
	.footer-glidova-v2 .gftr-stat {
		min-width: 0;
		min-height: 108px;
		justify-content: center;
		flex-direction: column;
		gap: 7px;
		padding: 14px 6px;
		text-align: center;
		/* background: #101d42; */
        background: none;
	}

	.footer-glidova-v2 .gftr-stat-ico {
		width: 59px;
		height: 56px;
		font-size: 15px;
	}
    

	.footer-glidova-v2 .gftr-stat-txt strong {
		font-size: 16px;
	}

	.footer-glidova-v2 .gftr-stat-txt span {
		font-size: 11px;
		white-space: nowrap;
	}
	.footer-glidova-v2 .gftr-newsletter-row {
		display: flex;
		min-height: 0;
		flex-direction: column;
		align-items: center;
		gap: 16px;
		margin-bottom: 28px;
		padding: 0 0 28px;
		text-align: center;
	}

	.footer-glidova-v2 .gftr-nl-icon {
		width: 100%;
		height: 92px;
		justify-content: center;
	}

	.footer-glidova-v2 .gftr-nl-icon > img {
		position: static;
		width: 132px;
	}

	.footer-glidova-v2 .gftr-nl-copy {
		min-width: 0;
	}

	.footer-glidova-v2 .gftr-nl-copy h3 {
		font-size: 17px;
	}

	.footer-glidova-v2 .gftr-nl-copy p {
		max-width: 280px;
		margin: 0 auto;
		font-size: 12px;
		line-height: 1.45;
	}

	.footer-glidova-v2 .gftr-nl-form-wrap {
		width: 100%;
		max-width: 100%;
	}

	.footer-glidova-v2 .gftr-nl-form {
		width: 100%;
		height: auto;
		min-height: 42px;
	}

	.footer-glidova-v2 .gftr-nl-input {
		min-width: 0;
		padding: 18px 12px;
		font-size: 11px;
	}

	.footer-glidova-v2 .gftr-nl-btn {
		padding: 15px 14px;
		font-size: 11px;
	}

	.footer-glidova-v2 .gftr-nl-illus {
		display: flex;
		width: 100%;
		height: 96px;
		justify-content: center;
	}

	.footer-glidova-v2 .gftr-nl-illus img {
		width: 170px;
		left: 0;
		bottom: 0;
	}

	/* Brand first, collapsible-style link rows below it. */
	.footer-glidova-v2 .gftr-cols {
		display: flex;
		flex-direction: column;
		gap: 0;
		padding-bottom: 18px;
	}

	.footer-glidova-v2 .gftr-col-brand {
		order: 1;
		padding-bottom: 22px;
		text-align: center;
	}

	.footer-glidova-v2 .gftr-col-brand .gftr-social-top {
		justify-content: center;
	}

	.footer-glidova-v2 .gftr-col-brand .gftr-info-list {
		display: inline-block;
		text-align: left;
	}

	.footer-glidova-v2 .gftr-col-brand .gftr-app-badges {
		justify-content: center;
	}

	.footer-glidova-v2 .gftr-cols > .gftr-col:not(.gftr-col-brand):not(.gftr-col-pay) {
		order: 2;
		border-top: 1px solid rgba(255, 255, 255, .12);
		padding: 14px 2px;
	}

	.footer-glidova-v2 .gftr-cols > .gftr-col:not(.gftr-col-brand):not(.gftr-col-pay) .gftr-heading {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0;
		font-size: 13px;
		cursor: pointer;
		user-select: none;
	}

	.footer-glidova-v2 .gftr-cols > .gftr-col:not(.gftr-col-brand):not(.gftr-col-pay) .gftr-heading::after {
		content: '+';
		color: rgba(255, 255, 255, .7);
		font-size: 18px;
		font-weight: 400;
	}

	.footer-glidova-v2 .gftr-cols > .gftr-col:not(.gftr-col-brand):not(.gftr-col-pay) .gftr-heading[aria-expanded="true"]::after {
		content: '-';
	}

	.footer-glidova-v2 .gftr-cols > .gftr-col:not(.gftr-col-brand):not(.gftr-col-pay) .gftr-links {
		display: block;
		max-height: 0;
		margin-top: 0;
		overflow: hidden;
		opacity: 0;
		transition: max-height .35s ease, margin-top .35s ease, opacity .25s ease;
	}

	.footer-glidova-v2 .gftr-cols > .gftr-col:not(.gftr-col-brand):not(.gftr-col-pay) .gftr-heading[aria-expanded="true"] + .gftr-links {
		max-height: 260px;
		margin-top: 12px;
		opacity: 1;
	}

	.footer-glidova-v2 .gftr-col-pay {
		order: 3;
		padding-top: 20px;
		text-align: center;
        padding-bottom: 30px;
	}

	.footer-glidova-v2 .gftr-pay-icons,
	.footer-glidova-v2 .gftr-secure-icons {
		justify-content: center;
	}

	.footer-glidova-v2 .gftr-bottom-inner {
		gap: 10px;
		justify-content: center;
		text-align: center;
	}

	.footer-glidova-v2 .gftr-bottom-social {
		justify-content: center;
	}

    .traveller-card{
        padding: 20px 8px;
    }
    .wl-page{
        padding:0 5px;
    }
    .trp-suitcase img{
          width: 170px;
        margin-top: 27px;
        float: left;
        position: absolute;
        left: 0px;
    }
    .trp-intro-title {
    margin-top: 40px;
}

.index_page .searcharea .flight_chnge{
    position: absolute;
    left: 85%;
    top: 88%;
}
div#ui-datepicker-div.ui-datepicker{
    width: 83% !important;
	left: 44px !important;
	position: relative;
}
}

@media (max-width: 380px) {
	.footer-glidova-v2 .gftr-stat {
		min-height: 96px;
		padding-left: 2px;
		padding-right: 2px;
	}

	.footer-glidova-v2 .gftr-stat-txt strong {
		font-size: 14px;
	}

	.footer-glidova-v2 .gftr-stat-txt span {
		font-size: 10px;
	}

	.footer-glidova-v2 .gftr-pay-badge {
		width: 40px;
	}
}

@media (max-width: 550px){
    .round-domestk  .wishlist-btn {
    right: 10px !important;
    position:absolute;
}
    section.search-result.onlyfrflty {
    /* padding-top: 50px !important;
    position: relative;
    height: 100%;
    bottom: 92px;
    min-height: 5000px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: scroll;
    gap: 12px;
    padding: 0px;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; */
}
        #flight_search_result .flight_details_time_ln {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        width: 115% !important;
        position: relative;
        right: 14px;
        gap: 6px;
        padding: 4px 0 0px !important;
        margin: 0 !important;
    }
    .contact-btn{
    width: 50px;
    height: 50px;
    }
  .contact-btn   .icon {
    min-width: 50px;
    height: 50px;}
    #animation-container .main{
        height:86% !important;
        width:85% !important;
        margin-left:15px !important;
    }
    .footer-glidova-v2 .gftr-stats-card{
                margin: 6px 10px;
                        margin-bottom: 30px !important;
    }
    .footer-glidova-v2 .gftr-newsletter-row{
                padding: 0 25px;
    }
    .footer-glidova-v2 .gftr-cols{
        padding:10px 30px;
    }
    .gftr-secure-title{
        justify-content:center;
    }
}

/* Put the brand/contact block at the top on tablet and mobile. */
@media (max-width: 1199px) {
	.footer-glidova-v2 .footer_mainSesction {
		display: flex;
		flex-direction: column;
	}

	.footer-glidova-v2 .gftr-cols {
		display: contents;
	}

	.footer-glidova-v2 .gftr-col-brand {
		order: 1;
		width: 100%;
		margin-bottom: 28px;
	}

	.footer-glidova-v2 .gftr-stats-card {
		order: 4;
	}

	.footer-glidova-v2 .gftr-newsletter-row {
		order: 3;
        padding: 40px 30px ;
	}

	.footer-glidova-v2 .gftr-cols > .gftr-col:not(.gftr-col-brand):not(.gftr-col-pay) {
        order: 2;
        width: calc(100% - 78px);
        margin-left: 30px;
        margin-right: 101px;
	}

	.footer-glidova-v2 .gftr-col-pay {
		order: 5;
		width: 100%;
	}
}

@media (max-width: 991px) {
	.property-gallery{
		padding: 0 8px !important;
	}
	.day-list li.active{
		color: black !important;
	}
	.holiday-result-list{
		    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
	#show_log.modal {
		z-index: 1300;
	}

	.modal-backdrop {
		z-index: 1290;
	}

	.header-v3 {
		position: relative;
		z-index: 1100;
	}

	.header-v3 .header_top_bar {
		display: none;
	}

	.header-v3 .header-main-bar {
		position: relative;
		z-index: 1102;
		background: rgba(5, 18, 39, .96) !important;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		backdrop-filter: blur(16px);
	}

	.header-v3 .header-main-inner {
		display: flex;
		min-height: 68px;
		align-items: center;
		justify-content: space-between;
		padding: 10px 16px;
		gap: 12px;
	}

	.header-v3 .header-main-ineeer-menu-logo {
		display: flex;
		align-items: center;
		gap: 14px;
		min-width: 0;
	}

	.header-v3 .header-logo-img {
		max-width: 132px;
		max-height: 36px;
	}

	.header-v3 .header-actions {
		margin-left: auto;
		display: flex;
		position: fixed;
		top: 12px;
		right: 62px;
		z-index: 1106;
		max-width: 82px;
	}

	.header-v3 .header-actions .header-login-btn {
		width: 82px;
		overflow: hidden;
		justify-content: center;
		padding: 8px 10px !important;
		font-size: 11px;
		text-overflow: ellipsis;
	}

	.header-v3 .header-actions .header-user-dropdown .dropdown-menu {
		position: fixed;
		top: 58px;
		right: 10px;
		left: auto;
		z-index: 1110;
		display: none;
		width: min(280px, calc(100vw - 20px));
		min-width: 0;
		margin: 0;
		padding: 8px 0;
		border: 1px solid #e8e8e8;
		border-radius: 16px;
		background: #fff;
		box-shadow: 0 16px 36px rgba(10, 22, 40, .22);
		max-height: calc(100vh - 75px);
		overflow-y: auto;
	}

	.header-v3 .header-actions .header-user-dropdown.open .dropdown-menu {
		display: block;
	}

	.header-v3 .header-actions .dropdown-menu a {
		display: block;
		padding: 12px 18px;
		border-bottom: 1px solid #edf0f4;
		color: #202532;
		font-size: 13px;
		text-decoration: none;
	}

	.header-v3 .header-actions .dropdown-menu li:last-child a {
		border-bottom: 0;
	}

	.header-v3 .header-actions .dropdown-menu a:hover,
	.header-v3 .header-actions .dropdown-menu a:focus {
		background: #f4f6f8;
		color: #0a1628;
	}

	body.dark-mode .header-v3 .header-actions .dropdown-menu {
		border-color: rgba(255, 255, 255, .14);
		background: #122957;
	}

	body.dark-mode .header-v3 .header-actions .dropdown-menu a {
		border-bottom-color: rgba(255, 255, 255, .12);
		color: #eef4ff;
	}

	body.dark-mode .header-v3 .header-actions .dropdown-menu a:hover,
	body.dark-mode .header-v3 .header-actions .dropdown-menu a:focus {
		background: rgba(255, 255, 255, .1);
		color: #fff;
	}

	.header-v3 .mobile-drawer-actions {
		display: none;
	}

	.header-v3 .menu_brgr {
		position: fixed;
		top: 14px;
		right: 12px;
		z-index: 1105;
		display: inline-flex;
		width: 40px;
		height: 40px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 5px;
		padding: 0;
		border: 1px solid rgba(255, 255, 255, .16);
		border-radius: 12px;
		background: rgba(255, 255, 255, .08);
		cursor: pointer;
		transition: background .25s ease, transform .25s ease;
	}

	.header-v3 .menu_brgr span {
		display: block;
		width: 18px;
		height: 2px;
		border-radius: 2px;
		background: #fff;
		transition: transform .3s ease, opacity .2s ease;
	}

	.header-v3 .sepmenus {
		position: fixed;
		z-index: 1103;
		top: 82px;
		left: 16px;
		right: 16px;
		display: block !important;
		max-height: 0;
		overflow: hidden;
		padding: 0 12px;
		border: 1px solid transparent;
		border-radius: 22px;
		background: linear-gradient(145deg, #122957, #071733);
		box-shadow: 0 24px 60px rgba(0, 0, 0, .38);
		opacity: 0;
		pointer-events: none;
		transform: translateY(-18px) scale(.97);
		transform-origin: top center;
		transition: max-height .45s ease, opacity .3s ease, transform .45s cubic-bezier(.2, .8, .2, 1), padding .4s ease;
	}

	.header-v3 .sepmenus .nav.navbar-nav {
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
		padding: 8px 0;
	}

	.header-v3 .sepmenus .nav.navbar-nav > li {
		display: block;
		width: 100%;
		opacity: 0;
		transform: translateY(-8px);
		transition: opacity .3s ease, transform .35s ease;
	}

	.header-v3 .sepmenus .nav.navbar-nav > li > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 48px;
		padding: 12px 14px;
		border: 0;
		border-radius: 12px;
		color: rgba(255, 255, 255, .88);
		font-size: 14px;
		font-weight: 600;
		background: transparent !important;
		transition: color .25s ease, background .25s ease, padding-left .25s ease;
	}

	.header-v3 .sepmenus .nav.navbar-nav > li:not(:last-child) > a::before {
		width: 24px;
		margin-right: 10px;
		color: #d9e5ff;
		font-family: 'Font Awesome 5 Free';
		font-size: 14px;
		font-weight: 900;
		text-align: center;
	}

	.header-v3 .sepmenus .nav.navbar-nav > li:nth-child(1) > a::before { content: '\f072'; }
	.header-v3 .sepmenus .nav.navbar-nav > li:nth-child(2) > a::before { content: '\f236'; }
	.header-v3 .sepmenus .nav.navbar-nav > li:nth-child(3) > a::before { content: '\f1b9'; }
	.header-v3 .sepmenus .nav.navbar-nav > li:nth-child(4) > a::before { content: '\f5a0'; }
	.header-v3 .sepmenus .nav.navbar-nav > li:nth-child(5) > a::before { content: '\f1b9'; }
	.header-v3 .sepmenus .nav.navbar-nav > li:nth-child(6) > a::before { content: '\f06b'; }

	.header-v3 .sepmenus .nav.navbar-nav > li > a::after {
		content: '\f054';
		position: static;
		width: auto;
		height: auto;
		background: none !important;
		box-shadow: none;
		transform: none;
		font-family: 'Font Awesome 5 Free';
		font-size: 10px;
		font-weight: 900;
		opacity: .7;
	}

	.header-v3 .sepmenus .nav.navbar-nav > li > a:hover,
	.header-v3 .sepmenus .nav.navbar-nav > li > a.active {
		padding-left: 18px;
		color: #fff !important;
		background: rgba(255, 255, 255, .1) !important;
	}

	.header-v3 .sepmenus .nav.navbar-nav > li:last-child {
		position: absolute;
		z-index: 1105;
		top: 12px;
		/* right: 4px; */
		display: block;
		width: auto;
        height:0px !important;
		padding: 0;
	}

	.header-v3 .sepmenus .nav.navbar-nav > li:last-child .theme-toggle {
		transform: scale(1.05);
	}

	.header-v3 .mobile-drawer-actions {
		display: none !important;
	}

	.header-v3 .mobile-drawer-actions .header-login-btn {
		display: flex;
		width: 100%;
		max-width: 300px;
		align-items: center;
		justify-content: center;
		min-height: 46px;
		border: 0 !important;
		border-radius: 999px;
		background: linear-gradient(100deg, #ff7a3c, #ff305f) !important;
		box-shadow: 0 10px 24px rgba(255, 75, 52, .28);
		color: #fff !important;
		font-size: 13px;
		font-weight: 700;
	}

	.header-v3 .mobile-drawer-actions .header-user-dropdown {
		width: 100%;
		max-width: 300px;
	}

	.header-v3 .mobile-account-menu {
		display: block !important;
		position: static;
		float: none;
		width: 100%;
		max-height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		border: 1px solid #e8e8e8;
		border-radius: 16px;
		box-shadow: 0 12px 28px rgba(10, 22, 40, .18);
		background: #fff;
		transition: max-height .35s ease, margin-top .35s ease, padding .35s ease, opacity .25s ease;
	}

	.mobile-nav-open.mobile-account-open .header-v3 .sepmenus {
		max-height: calc(100vh - 92px);
		overflow-y: auto;
	}

	.header-v3 .mobile-account-open .mobile-account-menu {
		max-height: 310px;
		margin-top: 10px;
		padding: 6px 0;
		opacity: 1;
		visibility: visible;
	}

	.header-v3 .mobile-account-menu a {
		display: block;
		position: relative;
		z-index: 1;
		color: #16243d;
		font-size: 13px;
		padding: 10px 16px;
		text-decoration: none;
		border-bottom: 1px solid #edf0f4;
		transition: background .2s ease, color .2s ease;
	}

	.header-v3 .mobile-account-menu li:last-child a {
		border-bottom: 0;
	}

	.header-v3 .mobile-account-menu a:hover,
	.header-v3 .mobile-account-menu a:focus {
		background: #f4f6f8;
		color: #0a1628;
		text-decoration: none;
	}

	body.dark-mode .header-v3 .mobile-account-menu a {
		color: #eef4ff;
		border-bottom-color: rgba(255, 255, 255, .12);
	}

	body.dark-mode .header-v3 .mobile-account-menu {
		border-color: rgba(255, 255, 255, .14);
		background: #122957;
		box-shadow: 0 12px 28px rgba(0, 0, 0, .3);
	}

	body.dark-mode .header-v3 .mobile-account-menu a:hover,
	body.dark-mode .header-v3 .mobile-account-menu a:focus {
		background: rgba(255, 255, 255, .1);
		color: #fff;
	}

	.header-v3 .mobile-drawer-actions .header-login-btn .fa-chevron-down {
		margin-left: 5px;
	}

	.header-v3 .mobile-drawer-actions .header-login-btn:hover,
	.header-v3 .mobile-drawer-actions .header-login-btn:focus {
		transform: translateY(-1px);
	}

	.mobile-nav-open {
		overflow: hidden;
	}

	.mobile-nav-open .header-v3::after {
		content: '';
		position: fixed;
		z-index: 1101;
		/* inset: 68px 0 0; */
		inset: 0px 0 0;
		background: rgba(1, 8, 21, .68);
		backdrop-filter: blur(4px);
		animation: mobileNavBackdrop .35s ease both;
	}

	.mobile-nav-open .header-v3 .sepmenus {
		max-height: 620px;
		padding-top: 8px;
		padding-bottom: 10px;
		border-color: rgba(255, 255, 255, .12);
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0) scale(1);
	}

	.mobile-nav-open .header-v3 .sepmenus .nav.navbar-nav {
		padding-top: 58px;
	}

	.mobile-nav-open .header-v3 .sepmenus .nav.navbar-nav > li {
		opacity: 1;
		transform: translateY(0);
	}

	.mobile-nav-open .header-v3 .sepmenus .nav.navbar-nav > li:nth-child(1) { transition-delay: .06s; }
	.mobile-nav-open .header-v3 .sepmenus .nav.navbar-nav > li:nth-child(2) { transition-delay: .1s; }
	.mobile-nav-open .header-v3 .sepmenus .nav.navbar-nav > li:nth-child(3) { transition-delay: .14s; }
	.mobile-nav-open .header-v3 .sepmenus .nav.navbar-nav > li:nth-child(4) { transition-delay: .18s; }
	.mobile-nav-open .header-v3 .sepmenus .nav.navbar-nav > li:nth-child(5) { transition-delay: .22s; }
	.mobile-nav-open .header-v3 .sepmenus .nav.navbar-nav > li:nth-child(6) { transition-delay: .26s; }

	.mobile-nav-open .header-v3 .menu_brgr {
		background: rgba(255, 89, 27, .18);
		transform: rotate(90deg);
	}

	.mobile-nav-open .header-v3 .menu_brgr span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.mobile-nav-open .header-v3 .menu_brgr span:nth-child(2) { opacity: 0; }
	.mobile-nav-open .header-v3 .menu_brgr span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}

@keyframes mobileNavBackdrop {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (max-width: 575px) {
	.header-v3 .header-main-inner {
		min-height: 62px;
		padding: 8px 12px;
	}

	.header-v3 .header-logo-img {
		max-width: 112px;
		max-height: 31px;
	}

	.header-v3 .header-actions .header-login-btn {
		padding: 7px 12px !important;
		font-size: 11px;
	}

	.header-v3 .menu_brgr {
		top: 11px;
		right: 10px;
		width: 38px;
		height: 38px;
	}

	.header-v3 .sepmenus {
		top: 74px;
		left: 10px;
		right: 10px;
	}
}

/* Explicit light-theme colors prevent the drawer from inheriting accent red. */
@media (max-width: 991px) {
	body:not(.dark-mode) .header-v3 .header-main-bar {
		background: transparent !important;
		border-bottom-color: #e5eaf2;
	}

	body:not(.dark-mode) .header-v3 .sepmenus {
                background: radial-gradient(circle at 100% 0, rgb(255 61 107 / 13%), #00000000 43%), radial-gradient(circle at 0 100%, rgb(255 122 60 / 28%), #00000000 40%), #fff;
		border-color: #dfe7f2;
		box-shadow: 0 24px 60px rgba(30, 57, 92, .2);
	}

	body:not(.dark-mode) .header-v3 .sepmenus .nav.navbar-nav > li > a {
		color: #16243d;
	}

	body:not(.dark-mode) .header-v3 .sepmenus .nav.navbar-nav > li > a::before,
	body:not(.dark-mode) .header-v3 .sepmenus .nav.navbar-nav > li > a::after {
		color: #52709c;
	}

	body:not(.dark-mode) .header-v3 .sepmenus .nav.navbar-nav > li > a:hover,
	body:not(.dark-mode) .header-v3 .sepmenus .nav.navbar-nav > li > a.active {
		color: #102957 !important;
		background: #eaf1fb !important;
	}

	body:not(.dark-mode) .header-v3 .menu_brgr {
		border-color: #d7e0ec;
		background: #f0f4fa;
	}

	body:not(.dark-mode) .header-v3 .menu_brgr span {
		background: #182b49;
	}

	body:not(.dark-mode) .header-v3 .mobile-drawer-actions .header-login-btn {
		background: linear-gradient(100deg, #ff8a3d, #ff4d63) !important;
		color: #fff !important;
	}

	body:not(.dark-mode) .header-v3 .sepmenus .nav.navbar-nav > li:last-child .theme-toggle {
		background: #dbe5f1;
	}

	body:not(.dark-mode) .header-v3 .sepmenus .nav.navbar-nav > li:last-child .theme-toggle.active {
		background: #344866;
	}

	body.dark-mode .header-v3 .sepmenus .nav.navbar-nav > li:last-child .theme-toggle,
	body.dark-mode .header-v3 .sepmenus .nav.navbar-nav > li:last-child .theme-toggle.active {
		background: #24395d;
	}

	.header-v3 .sepmenus {
		overflow-y: auto;
		overscroll-behavior: contain;
	}
}

@media(min-width:992px){
    .bars_menu.menu_brgr{
        display: none;
    }
}

/* Extend the visible light-theme artwork behind the search panel. */
@media (max-width: 991px) {
	body.index_page #heroGsapCarousel::before {
		height: 620px;
		bottom: auto;
		background-size: cover;
		background-position: center top;
	}

	body.index_page #heroGsapCarousel::after {
		height: 620px;
		bottom: auto;
	}
}

/* Mobile uses a warmer travel-focused background while desktop/tablet keep the existing artwork. */
@media (max-width: 767px) {
	body.index_page #heroGsapCarousel::before {
		/* background-image: url('../images/travel_bckg_banr.png') !important; */
        background-image: url('../images/top_airlines/airwings.png');
		background-size: cover !important;
		background-position: 100% 22% !important;
		filter: saturate(.95) brightness(1.02);
	}

	body.index_page #heroGsapCarousel::after {
		background:
			linear-gradient(180deg, rgba(255, 255, 255, .10) 0%, rgba(255, 255, 255, .34) 42%, rgba(255, 255, 255, .88) 100%);
	}
     .hero-badges-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 20px;
        width: 100%;
    }

    .hero-badge {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
    }

    .hb-icon {
        width: 48px;
        height: 48px;
        min-width: 48px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hb-text {
        min-width: 0;
    }

    .hb-text strong,
    .hb-text span {
        display: block;
    }

    body.index_page:not(.dark-mode) #heroGsapCarousel .hero-badge {
    /* background: rgba(255, 255, 255, .88); */
    /* border: 1px solid rgba(15, 23, 42, .06); */
    border-radius: 18px;
    padding: 5px 40px;
    /* box-shadow: 0 18px 45px rgba(15, 23, 42, .10); */
    color: rgba(15, 23, 42, .88);
}
}

@media (max-width: 575px) {
	body.index_page #heroGsapCarousel::before,
	body.index_page #heroGsapCarousel::after {
		height: 560px;
	}
}

/*
 * Responsive search panels
 *
 * These rules are deliberately scoped to the Hotel, Transfer, Activity, Car
 * and Holiday forms. They are loaded after media.css, so they neutralise only
 * the legacy fixed widths/absolute search buttons used by those forms.
 */
.responsive-search-panel,
.responsive-search-panel *,
.responsive-search-panel *::before,
.responsive-search-panel *::after {
	box-sizing: border-box;
}

.responsive-search-panel input,
.responsive-search-panel select,
.responsive-search-panel button {
	max-width: 100%;
}

@media (max-width: 1199px) {
	.responsive-search-panel .tabrow,
	#activity_search .responsive-search-panel .outsideserach,
	#trasfer .responsive-search-panel .outsideserach {
		width: 100%;
		margin: 0;
		float: none !important;
	}

	.responsive-search-panel [class*="col-"] {
		min-width: 0;
	}

	.responsive-search-panel .searchsbmtfot,
	.responsive-search-panel .car_rental_btn {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		transform: none !important;
		width: 100% !important;
		height: 100%;
	}

	.responsive-search-panel .searchsbmt,
	.responsive-search-panel .formsubmit .searchsbmt {
		display: block;
		width: 100%;
		min-height: 56px;
		padding: 0 16px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.responsive-search-panel .roomcount {
		max-width: min(calc(100vw - 32px), 360px);
		z-index: 1010;
	}

	/* Hotel: four balanced controls on a compact desktop. */
	#hotel_search .responsive-search-panel .tabrow {
		display: grid !important;
		grid-template-columns: minmax(0, 1.2fr) minmax(250px, 1fr) minmax(0, 1.1fr) minmax(128px, .5fr);
		gap: 8px;
		align-items: stretch;
	}

	#hotel_search .responsive-search-panel .tabrow > [class*="col-"],
	#hotel_search .responsive-search-panel .checkincheckoutDate > [class*="col-"],
	#hotel_search .responsive-search-panel .tabrow > :nth-child(3) > [class*="col-"] {
		float: none;
		width: auto !important;
		margin: 0;
	}

	#hotel_search .responsive-search-panel .checkincheckoutDate,
	#hotel_search .responsive-search-panel .tabrow > :nth-child(3) {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	#hotel_search .responsive-search-panel .tabrow > :nth-child(3) {
		grid-template-columns: minmax(104px, .42fr) minmax(0, .58fr);
	}

	#hotel_search .responsive-search-panel .hotel_total,
	#hotel_search .responsive-search-panel .custom-nights-dropdown {
		width: 100%;
	}

	#hotel_search .responsive-search-panel .hotel_total {
		min-height: 45px;
	}

	#hotel_search .responsive-search-panel .hotel_search_btn {
		float: none;
	}

	/* Holidays: fit four filters and the submit action without overflow. */
	#holiday_search:not(.activity_search) .responsive-search-panel .tabrow {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(124px, .7fr);
		gap: 8px;
		align-items: stretch;
	}

	#holiday_search:not(.activity_search) .responsive-search-panel .tabrow > [class*="col-"] {
		float: none;
		width: auto !important;
		margin: 0;
	}

	#holiday_search:not(.activity_search) .responsive-search-panel .hldy_srch {
		display: flex;
		align-items: stretch;
	}

	/* Transfers have one destination field and a full-width, reliable action. */
	form.activity_search#holiday_search .responsive-search-panel .tabrow {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(132px, .28fr);
		gap: 8px;
		align-items: stretch;
	}

	form.activity_search#holiday_search .responsive-search-panel .tabrow > [class*="col-"] {
		float: none;
		width: auto !important;
		margin: 0;
	}

	form.activity_search#holiday_search .responsive-search-panel .tabrow > :first-child {
		grid-column: 1;
	}

	form.activity_search#holiday_search .responsive-search-panel .srch_btn_sec {
		grid-column: 2;
		display: flex;
		align-items: stretch;
	}

	/* Activities: destination, dates/travellers, then a visible search action. */
	#activity_search .responsive-search-panel .outsideserach {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr) minmax(138px, .42fr);
		gap: 8px;
		align-items: stretch;
	}

	#activity_search .responsive-search-panel .outsideserach > [class*="col-"],
	#activity_search .responsive-search-panel .aftremarg > [class*="col-"],
	#activity_search .responsive-search-panel .aftremarg > :first-child > [class*="col-"] {
		float: none;
		width: auto !important;
		margin: 0;
	}

	#activity_search .responsive-search-panel .aftremarg {
		display: grid !important;
		grid-template-columns: minmax(0, 1.2fr) minmax(180px, .8fr);
		gap: 8px;
	}

	#activity_search .responsive-search-panel .aftremarg > :first-child {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	#activity_search .responsive-search-panel .formsubmit {
		height: 100%;
	}

	/* Car rental: location, dates/times, then the action in one flexible row. */
	#trasfer .responsive-search-panel .tabrow {
		display: block !important;
	}

	#trasfer .responsive-search-panel .outsideserach {
		display: grid !important;
		grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr) minmax(132px, .36fr);
		gap: 8px;
		align-items: stretch;
	}

	#trasfer .responsive-search-panel .outsideserach > .clearfix {
		display: none;
	}

	#trasfer .responsive-search-panel .outsideserach > [class*="col-"],
	#trasfer .responsive-search-panel .outsideserach .cr_plce > [class*="col-"],
	#trasfer .responsive-search-panel .outsideserach > .col-md-6.col-xs-12.nopad > [class*="col-"],
	#trasfer .responsive-search-panel .outsideserach > .col-md-6.col-xs-12.nopad > [class*="col-"] > [class*="col-"] {
		float: none;
		width: auto !important;
		margin: 0;
	}

	#trasfer .responsive-search-panel .cr_plce {
		display: grid;
		gap: 8px;
	}

	#trasfer .responsive-search-panel .outsideserach > .col-md-6.col-xs-12.nopad {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	#trasfer .responsive-search-panel .outsideserach > .col-md-6.col-xs-12.nopad > [class*="col-"] {
		display: grid;
		grid-template-columns: minmax(0, 7fr) minmax(92px, 5fr);
		gap: 8px;
	}

	#trasfer .responsive-search-panel .diff_loc,
	#trasfer .responsive-search-panel .driver-age,
	#trasfer .responsive-search-panel .nationality_Sec {
		max-width: 100%;
	}
}

/* Tablet: retain useful paired fields while preventing Bootstrap width collisions. */
@media (max-width: 991px) {
	#hotel_search .responsive-search-panel .tabrow {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#hotel_search .responsive-search-panel .tabrow > :nth-child(3),
	#hotel_search .responsive-search-panel .tabrow > :nth-child(4) {
		grid-column: 1 / -1;
	}

	#hotel_search .responsive-search-panel .tabrow > :nth-child(4) {
		justify-self: stretch;
	}

	#holiday_search:not(.activity_search) .responsive-search-panel .tabrow {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#holiday_search:not(.activity_search) .responsive-search-panel .hldy_srch {
		grid-column: 1 / -1;
	}

	#activity_search .responsive-search-panel .outsideserach {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
	}

	#activity_search .responsive-search-panel .outsideserach > :last-child {
		grid-column: 1 / -1;
	}

	#trasfer .responsive-search-panel .outsideserach {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#trasfer .responsive-search-panel .outsideserach > :last-child {
		grid-column: 1 / -1;
	}
}

/* Phones: one clear field group per row; dates stay paired where space permits. */
@media (max-width: 767px) {
	.responsive-search-panel {
		padding: 0;
	}

	.responsive-search-panel .padfive {
		margin-bottom: 0;
	}

	.responsive-search-panel .searchsbmt,
	.responsive-search-panel .formsubmit .searchsbmt {
		min-height: 52px;
	}

	#hotel_search .responsive-search-panel .tabrow {
		grid-template-columns: 1fr;
	}

	/* Keep every hotel field touch-friendly: one full-width card per row. */
	#hotel_search .responsive-search-panel .checkincheckoutDate,
	#hotel_search .responsive-search-panel .tabrow > :nth-child(3) {
		grid-template-columns: 1fr;
	}

	#hotel_search .responsive-search-panel .tabrow > :nth-child(1),
	#hotel_search .responsive-search-panel .tabrow > :nth-child(2),
	#hotel_search .responsive-search-panel .tabrow > :nth-child(3),
	#hotel_search .responsive-search-panel .tabrow > :nth-child(4) {
		grid-column: auto;
	}

	#hotel_search .responsive-search-panel .roomcount {
		left: 0;
		right: auto;
	}

	#holiday_search:not(.activity_search) .responsive-search-panel .tabrow,
	form.activity_search#holiday_search .responsive-search-panel .tabrow,
	#activity_search .responsive-search-panel .outsideserach,
	#trasfer .responsive-search-panel .outsideserach {
		grid-template-columns: 1fr;
	}

	#holiday_search:not(.activity_search) .responsive-search-panel .hldy_srch,
	form.activity_search#holiday_search .responsive-search-panel .tabrow > :first-child,
	form.activity_search#holiday_search .responsive-search-panel .srch_btn_sec,
	#activity_search .responsive-search-panel .outsideserach > :last-child,
	#trasfer .responsive-search-panel .outsideserach > :last-child {
		grid-column: auto;
	}

	#activity_search .responsive-search-panel .aftremarg {
		grid-template-columns: 1fr;
	}

	/* Transfer and car-rental controls use one full-width row per field. */
	form.activity_search#holiday_search .responsive-search-panel .tabrow,
	#trasfer .responsive-search-panel .outsideserach > .col-md-6.col-xs-12.nopad,
	#trasfer .responsive-search-panel .outsideserach > .col-md-6.col-xs-12.nopad > [class*="col-"] {
		grid-template-columns: 1fr;
	}

	/* Transfer date fields are initially hidden, but remain full width when revealed. */
	form.activity_search#holiday_search .responsive-search-panel .tabrow > :first-child > [class*="col-"],
	form.activity_search#holiday_search .responsive-search-panel .tabrow > :first-child .full_mobile {
		float: none;
		width: 100% !important;
	}

	form.activity_search#holiday_search .responsive-search-panel .tabrow > :first-child > .col-md-6.col-sm-6.col-xs-12 {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}

	#trasfer .responsive-search-panel .diff_loc,
	#trasfer .responsive-search-panel .driver-age,
	#trasfer .responsive-search-panel .nationality_Sec {
		float: none;
		width: 100% !important;
		margin-right: 0;
	}
}

/* Narrow phones: avoid unusably narrow half-width dates, times and filters. */
@media (max-width: 420px) {
	#hotel_search .responsive-search-panel .checkincheckoutDate,
	#hotel_search .responsive-search-panel .tabrow > :nth-child(3),
	#activity_search .responsive-search-panel .aftremarg > :first-child,
	#trasfer .responsive-search-panel .outsideserach > .col-md-6.col-xs-12.nopad,
	#trasfer .responsive-search-panel .outsideserach > .col-md-6.col-xs-12.nopad > [class*="col-"] {
		grid-template-columns: 1fr;
	}

	#holiday_search:not(.activity_search) .responsive-search-panel .tabrow {
		grid-template-columns: 1fr;
	}

	#hotel_search .responsive-search-panel .custom-nights-trigger {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* App-like visual treatment for the compact search experience. */
@media (max-width: 991px) {
	.responsive-search-panel {
		--search-surface: #ffffff;
		--search-border: #e5eaf1;
		--search-text: #13213a;
		--search-muted: #71809a;
		--search-accent: #ff365d;
		position: relative;
		padding: 14px;
		border: 1px solid rgba(219, 227, 239, .9);
		border-radius: 24px;
		background:
			radial-gradient(circle at 100% 0, rgba(255, 78, 92, .10), transparent 34%),
			linear-gradient(145deg, #f9fbff, #f1f5fb);
		box-shadow: 0 18px 45px rgba(21, 40, 72, .13);
	}

	#hotel_search .responsive-search-panel .tabrow,
	#holiday_search .responsive-search-panel .tabrow,
	#activity_search .responsive-search-panel .outsideserach,
	#trasfer .responsive-search-panel .outsideserach {
		gap: 12px;
	}

	/* Only actual fields receive a surface; layout wrappers stay transparent. */
	#hotel_search .responsive-search-panel .padfive,
	#holiday_search:not(.activity_search) .responsive-search-panel .padfive,
	form.activity_search#holiday_search .responsive-search-panel .full_smal_tab,
	#activity_search .responsive-search-panel .outsideserach > :first-child,
	#activity_search .responsive-search-panel .aftremarg > :first-child > [class*="col-"],
	#activity_search .responsive-search-panel .aftremarg > :nth-child(2),
	#activity_search .responsive-search-panel .outsideserach > :last-child,
	#trasfer .responsive-search-panel .cr_plce .padfive,
	#trasfer .responsive-search-panel .outsideserach > .col-md-6.col-xs-12.nopad .padfive,
	#trasfer .responsive-search-panel .outsideserach > .srch_btn {
		min-height: 76px;
		padding: 10px 14px !important;
		border: 1px solid var(--search-border);
		border-radius: 16px !important;
		background: var(--search-surface);
		box-shadow: 0 4px 12px rgba(30, 54, 88, .05);
		transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
	}

	#activity_search .responsive-search-panel .aftremarg,
	#activity_search .responsive-search-panel .aftremarg > :first-child {
		min-height: 0;
		padding: 0 !important;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.responsive-search-panel .lablform,
	.responsive-search-panel .formlabel {
		display: block;
		margin: 0 0 6px;
		padding: 0 !important;
		color: var(--search-muted) !important;
		font-size: 10px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: .08em;
		text-transform: uppercase;
	}

	.responsive-search-panel .plcetogo,
	.responsive-search-panel .relativemask,
	.responsive-search-panel .selectedwrap {
		display: flex;
		float: none;
		width: 100%;
		min-height: 34px;
		height: auto;
		align-items: center;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		line-height: normal;
	}

	.responsive-search-panel .normalinput,
	.responsive-search-panel .normalsel,
	.responsive-search-panel .holyday_selct {
		width: 100%;
		height: 34px;
		margin: 0;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: var(--search-text) !important;
		font-size: 15px;
		font-weight: 600;
		line-height: 34px;
	}

	.responsive-search-panel .normalinput::placeholder {
		color: #9ba8bb !important;
		font-weight: 500;
	}

	.responsive-search-panel .totlall {
		width: 100%;
		min-height: 34px;
		padding: 0 28px 0 0;
		border: 0 !important;
		border-radius: 0;
		color: var(--search-text);
	}

	.responsive-search-panel .totlall::after {
		right: 0;
		width: 24px;
		color: var(--search-muted);
		line-height: 34px;
	}

	.responsive-search-panel .remngwd {
		font-size: 15px;
		font-weight: 600;
		line-height: 34px;
		color: var(--search-text);
	}

	#hotel_search .responsive-search-panel .custom-nights-trigger {
		height: 30px;
		padding: 0;
		color: var(--search-text);
		font-size: 15px;
		font-weight: 600;
		line-height: 34px;
	}

	#hotel_search .responsive-search-panel .custom-nights-list,
	.responsive-search-panel .roomcount {
		border: 1px solid var(--search-border);
		border-radius: 16px;
		box-shadow: 0 18px 38px rgba(20, 39, 70, .18);
	}

	#hotel_search .responsive-search-panel .custom-nights-list {
		width: 100%;
		min-width: 112px;
	}

	.responsive-search-panel .searchsbmt,
	.responsive-search-panel .formsubmit .searchsbmt {
		min-height: 54px;
		border: 0;
		border-radius: 14px;
		background: linear-gradient(135deg, #ff7548 0%, #ff365d 52%, #ed1c4d 100%) !important;
		box-shadow: 0 10px 20px rgba(241, 51, 85, .28);
		color: #fff !important;
		font-size: 13px;
		font-weight: 800;
		letter-spacing: .08em;
		text-transform: uppercase;
		transition: box-shadow .2s ease, transform .2s ease, filter .2s ease;
		touch-action: manipulation;
	}

	#hotel_search .responsive-search-panel .searchsbmt i {
		position: static !important;
		margin-right: 8px;
		font-size: 13px;
	}

	#holiday_search:not(.activity_search) .responsive-search-panel .flightbutton > i,
	#trasfer .responsive-search-panel .flightbutton > i {
		display: none;
	}

	.responsive-search-panel input:focus,
	.responsive-search-panel select:focus,
	.responsive-search-panel button:focus-visible {
		outline: 0;
	}

	#hotel_search .responsive-search-panel .padfive:focus-within,
	#holiday_search:not(.activity_search) .responsive-search-panel .padfive:focus-within,
	form.activity_search#holiday_search .responsive-search-panel .full_smal_tab:focus-within,
	#activity_search .responsive-search-panel .outsideserach > :first-child:focus-within,
	#activity_search .responsive-search-panel .aftremarg > :first-child > [class*="col-"]:focus-within,
	#activity_search .responsive-search-panel .aftremarg > :nth-child(2):focus-within,
	#trasfer .responsive-search-panel .cr_plce .padfive:focus-within,
	#trasfer .responsive-search-panel .outsideserach > .col-md-6.col-xs-12.nopad .padfive:focus-within {
		border-color: rgba(255, 54, 93, .65) !important;
		box-shadow: 0 0 0 4px rgba(255, 54, 93, .10), 0 8px 18px rgba(30, 54, 88, .08) !important;
	}
}

@media (max-width: 991px) {
	body.dark-mode .responsive-search-panel {
		--search-surface: #102342;
		--search-border: rgba(183, 204, 236, .16);
		--search-text: #f4f7ff;
		--search-muted: #aab9d2;
		border-color: rgba(183, 204, 236, .14);
		background:
			radial-gradient(circle at 100% 0, rgba(255, 76, 108, .20), transparent 32%),
			linear-gradient(145deg, #102b50, #0a1730);
		box-shadow: 0 20px 44px rgba(0, 0, 0, .28);
	}

	body.dark-mode .responsive-search-panel .custom-nights-list,
	body.dark-mode .responsive-search-panel .roomcount {
		background: #102342;
		color: var(--search-text);
	}

	body.dark-mode .responsive-search-panel .custom-nights-item {
		color: var(--search-text);
	}

	body.dark-mode .responsive-search-panel .custom-nights-item:hover,
	body.dark-mode .responsive-search-panel .custom-nights-item.active {
		background: rgba(255, 255, 255, .1);
	}
}

@media (hover: hover) and (max-width: 991px) {
	#hotel_search .responsive-search-panel .padfive:hover,
	#holiday_search:not(.activity_search) .responsive-search-panel .padfive:hover,
	form.activity_search#holiday_search .responsive-search-panel .full_smal_tab:hover,
	#activity_search .responsive-search-panel .outsideserach > :first-child:hover,
	#activity_search .responsive-search-panel .aftremarg > :first-child > [class*="col-"]:hover,
	#activity_search .responsive-search-panel .aftremarg > :nth-child(2):hover,
	#trasfer .responsive-search-panel .cr_plce .padfive:hover,
	#trasfer .responsive-search-panel .outsideserach > .col-md-6.col-xs-12.nopad .padfive:hover {
		border-color: #d5deeb;
		box-shadow: 0 10px 24px rgba(30, 54, 88, .10);
		transform: translateY(-1px);
	}

	.responsive-search-panel .searchsbmt:hover {
		box-shadow: 0 14px 24px rgba(241, 51, 85, .35);
		filter: saturate(1.08);
		transform: translateY(-1px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.responsive-search-panel *,
	.responsive-search-panel *::before,
	.responsive-search-panel *::after {
		transition-duration: .01ms !important;
	}
}

@media (max-width: 767px) {
	.responsive-search-panel {
		padding: 10px;
		border-radius: 20px;
		box-shadow: 0 14px 30px rgba(21, 40, 72, .11);
	}

	#hotel_search .responsive-search-panel .tabrow,
	#holiday_search .responsive-search-panel .tabrow,
	#activity_search .responsive-search-panel .outsideserach,
	#trasfer .responsive-search-panel .outsideserach {
		gap: 10px;
	}
	#trasfer .responsive-search-panel .outsideserach {
		gap: 10px;
		margin-top: 10px !important;
	}
	#hotel_search .responsive-search-panel .padfive,
	#holiday_search:not(.activity_search) .responsive-search-panel .padfive,
	form.activity_search#holiday_search .responsive-search-panel .full_smal_tab,
	#activity_search .responsive-search-panel .outsideserach > :first-child,
	#activity_search .responsive-search-panel .aftremarg > :first-child > [class*="col-"],
	#activity_search .responsive-search-panel .aftremarg > :nth-child(2),
	#activity_search .responsive-search-panel .outsideserach > :last-child,
	#trasfer .responsive-search-panel .cr_plce .padfive,
	#trasfer .responsive-search-panel .outsideserach > .col-md-6.col-xs-12.nopad .padfive,
	#trasfer .responsive-search-panel .outsideserach > .srch_btn {
		min-height: 72px;
		padding: 10px 13px !important;
		border-radius: 14px !important;
	}

	.responsive-search-panel .normalinput,
	.responsive-search-panel .normalsel,
	.responsive-search-panel .holyday_selct,
	.responsive-search-panel .remngwd,
	#hotel_search .responsive-search-panel .custom-nights-trigger {
		font-size: 14px;
	}

	.responsive-search-panel .searchsbmt,
	.responsive-search-panel .formsubmit .searchsbmt {
		min-height: 52px;
		border-radius: 12px;
	}
}

/* Use the same primary action as the Flight panel in every compact module. */
@media (max-width: 991px) {
	#hotel_search .responsive-search-panel .srch_btn,
	#holiday_search:not(.activity_search) .responsive-search-panel .hldy_srch,
	form.activity_search#holiday_search .responsive-search-panel .srch_btn_sec,
	#activity_search .responsive-search-panel .outsideserach > :last-child,
	#trasfer .responsive-search-panel .outsideserach > .srch_btn {
		min-height: 65px;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.responsive-search-panel .searchsbmt,
	.responsive-search-panel .formsubmit .searchsbmt {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 10px;
		width: 100%;
		min-height: 65px;
		padding: 0 28px !important;
		border: 0 !important;
		border-radius: 10px !important;
		background: linear-gradient(110deg, #ff9a32 0%, #ff7a32 30%, #ff5948 65%, #ff365f 100%) !important;
		box-shadow: 0 4px 16px rgba(227, 28, 35, .35);
		color: #fff !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		letter-spacing: 0;
		line-height: 1 !important;
		text-transform: none !important;
	}

	.responsive-search-panel .searchsbmt i {
		position: static !important;
		display: block;
		margin: 0 !important;
		color: #fff;
		font-size: 18px;
		line-height: 1;
	}

	#car-form-submit {
		line-height: 1 !important;
	}
}


/* ============================================================
   🔥 PREMIUM FLIGHT FILTER POPUP
   FULL SCREEN / CENTER / BLURRED BACKGROUND
   ============================================================ */

.premium-flight-popup {

    position: fixed !important;

    inset: 0 !important;

    width: 100vw !important;

    height: 100vh !important;

    z-index: 2147483647 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    padding: 14px !important;

    background:
        rgba(10, 18, 32, .46) !important;

    backdrop-filter:
        blur(14px) saturate(120%) !important;

    -webkit-backdrop-filter:
        blur(14px) saturate(120%) !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transition:
        opacity .3s ease,
        visibility .3s ease !important;

}


.premium-flight-popup.active {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

}


/* ============================================================
   POPUP BOX
   ============================================================ */

.premium-flight-popup-box {

    position: relative !important;

    width:
        min(480px, 100%) !important;

    height:
        min(760px, calc(100vh - 28px)) !important;

    max-height:
        calc(100vh - 28px) !important;

    display: flex !important;

    flex-direction: column !important;

    background:
        rgba(255,255,255,.98) !important;

    border-radius:
        28px !important;

    overflow: hidden !important;

    box-shadow:
        0 35px 100px rgba(0,0,0,.28) !important;

    transform:
        translateY(100px) scale(.94) !important;

    opacity: 0 !important;

    transition:
        transform .45s
        cubic-bezier(.16,1,.3,1),
        opacity .3s ease !important;

}


.premium-flight-popup.active
.premium-flight-popup-box {

    transform:
        translateY(0) scale(1) !important;

    opacity: 1 !important;

}


/* ============================================================
   TOP ORANGE LINE
   ============================================================ */

.premium-flight-popup-box::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            #ff591b,
            #ff8b62,
            #ff591b
        );

    z-index: 5;

}


/* ============================================================
   HANDLE
   ============================================================ */

.premium-flight-popup-handle {

    width: 42px;

    height: 4px;

    margin:
        11px auto 3px;

    border-radius: 50px;

    background: #d7dce4;

    flex-shrink: 0;

}


/* ============================================================
   HEADER
   ============================================================ */

.premium-flight-popup-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding:
        17px 20px 15px;

    border-bottom:
        1px solid #edf0f4;

    flex-shrink: 0;

}


.premium-flight-popup-eyebrow {

    display: block;

    margin-bottom: 5px;

    color: #98a2b3;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1px;

}


.premium-flight-popup-header h3 {

    margin: 0;

    color: #101828;

    font-size: 23px;

    font-weight: 750;

    letter-spacing: -.5px;

}


.premium-flight-popup-close {

    width: 38px;

    height: 38px;

    min-width: 38px;

    border: 0;

    border-radius: 50%;

    background: #f4f6f8;

    color: #667085;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}


.premium-flight-popup-content {

    flex: 1;

    min-height: 0;

    padding:
        15px 16px;

    overflow-y: auto;

    scrollbar-width: none;
	    max-height: 330px;

}


.premium-flight-popup-content::-webkit-scrollbar {

    display: none;

}


/* ============================================================
   OPTIONS
   ============================================================ */

.premium-popup-option {

    width: 100%;

    min-height: 68px;

    margin-bottom: 8px;

    padding:
        11px 13px;

    border:
        1px solid #e8edf3;

    border-radius: 16px;

    background: #fff;

    display: flex;

    align-items: center;

    gap: 12px;

    text-align: left;

    cursor: pointer;

    transition:
        .2s ease;

}


.premium-popup-option:active {

    transform:
        scale(.985);

}


.premium-popup-option.selected {

    border-color:
        rgba(255,89,27,.38);

    background:
        linear-gradient(
            135deg,
            #fff4ef,
            #fffaf8
        );

}


.premium-popup-option-icon {

    width: 40px;

    height: 40px;

    min-width: 40px;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f5f7fa;

    color: #667085;

}


.premium-popup-option.selected
.premium-popup-option-icon {

    background: #ff591b;

    color: #fff;

}


.premium-popup-option-text {

    flex: 1;

    min-width: 0;

}


.premium-popup-option-text strong {

    display: block;

    color: #172033;

    font-size: 14px;

    font-weight: 650;

}


.premium-popup-option-text small {

    display: block;

    margin-top: 4px;

    color: #98a2b3;

    font-size: 10px;

}


.premium-popup-option-check {

    width: 23px;

    height: 23px;

    min-width: 23px;

    border:
        1px solid #d8dee7;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: transparent;

    font-size: 10px;

}


.premium-popup-option.selected
.premium-popup-option-check {

    border-color: #ff591b;

    background: #ff591b;

    color: #fff;

}


/* ============================================================
   TRAVELLERS
   ============================================================ */

.premium-traveller-row {

    min-height: 78px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom:
        1px solid #edf0f4;

}


.premium-traveller-info {

    display: flex;

    align-items: center;

    gap: 11px;

}


.premium-traveller-icon {

    width: 40px;

    height: 40px;

    min-width: 40px;

    border-radius: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f5f7fa;

    color: #475467;

}


.premium-traveller-info strong {

    display: block;

    color: #172033;

    font-size: 14px;

}


.premium-traveller-info small {

    display: block;

    margin-top: 3px;

    color: #98a2b3;

    font-size: 10px;

}


.premium-traveller-counter {

    display: flex;

    align-items: center;

    gap: 11px;

}


.premium-traveller-counter button {

    width: 36px;

    height: 36px;

    min-width: 36px;

    padding: 0;

    border:
        1px solid #e0e5eb;

    border-radius: 50%;

    background: #fff;

    color: #344054;

    display: flex;

    align-items: center;

    justify-content: center;

}


.premium-traveller-counter button:active {

    background: #fff2ed;

    border-color: #ffb49a;

}


.traveller-value {

    min-width: 20px;

    text-align: center;

    color: #172033;

    font-size: 15px;

}


/* ============================================================
   FOOTER
   ============================================================ */

.premium-flight-popup-footer {

    flex-shrink: 0;

    padding:
        12px 16px
        calc(12px + env(safe-area-inset-bottom));

    background: #fff;

    border-top:
        1px solid #edf0f4;

}


.premium-flight-popup-done {

    width: 100%;

    height: 50px;

    border: 0;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #ff591b,
            #ff743f
        );

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    box-shadow:
        0 8px 20px
        rgba(255,89,27,.22);

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .premium-flight-popup {

        padding: 8px !important;

    }


    .premium-flight-popup-box {

        width: 100% !important;

		height: 100% !important;
        border-radius:
            25px !important;

    }

}


/* ============================================================
   LOCK BACKGROUND
   ============================================================ */

body.premium-popup-open {

    overflow: hidden !important;

}



/* ============================================================
   PREMIUM TRAVEL SUMMARY CARD
   Completely different mobile/tablet design
   ============================================================ */

@media (max-width: 991px) {

    /* ========================================================
       OUTER
       ======================================================== */

    .flight_filters_row_Sec {

        width: 100% !important;

        margin: -18px 0 0px !important;

        padding: 0 !important;

        background: transparent !important;

    }


    /* ========================================================
       MAIN CARD
       ======================================================== */

    .flight_filters_row_Sec
    .index-flight-filters-row {

         position: relative !important;
        width: 100% !important;
        display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
        grid-template-rows: repeat(2, 4fr) !important;
        grid-template-rows: 58px !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #ffffff !important;
        border: 1px solid #e8ecf1 !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }


    /* ========================================================
       EACH FIELD
       ======================================================== */

    .flight_filters_row_Sec
    .index-filter-cell {

        position: relative !important;

        width: 100% !important;

        min-width: 0 !important;

        height: auto !important;

        min-height: 0 !important;

        margin: 0 !important;

        padding:
            13px 17px !important;

        display: flex !important;

        flex-direction: column !important;

        justify-content: center !important;

        align-items: flex-start !important;

        background: transparent !important;

        border: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        overflow: hidden !important;

    }


    /* ========================================================
       TOP TWO CONTROLS
       ======================================================== */

    .flight_filters_row_Sec
    .index-filter-trip,

    .flight_filters_row_Sec
    .index-filter-pax {

        background:white!important;

    }


    /* ========================================================
       TOP DIVIDER
       ======================================================== */

    .flight_filters_row_Sec
    .index-filter-trip {

        border-right:
            1px solid #edf0f3 !important;

        border-bottom:
            1px solid #edf0f3 !important;

    }


    .flight_filters_row_Sec
    .index-filter-pax {

        border-bottom:
            1px solid #edf0f3 !important;

    }


    .flight_filters_row_Sec
    .index-filter-class {

        border-right:
            1px solid #edf0f3 !important;

    }


    /* ========================================================
       LABELS
       ======================================================== */

    .flight_filters_row_Sec
    .index-filter-label {

        display: block !important;

        width: 100% !important;

        margin:
            0 0 6px !important;

        padding: 0 !important;

        color:
            #a0a8b5 !important;

        font-size:
            8px !important;

        line-height:
            12px !important;

        font-weight:
            800 !important;

        letter-spacing:
            .9px !important;

        text-transform:
            uppercase !important;

    }


    /* ========================================================
       ORANGE MARKER
       ======================================================== */

    .flight_filters_row_Sec
    .index-filter-label::before {

        content: "" !important;

        display: inline-block !important;

        width: 4px !important;

        height: 4px !important;

        margin-right: 5px !important;

        vertical-align: 1px !important;

        border-radius: 50% !important;

        /* background: #d8dee6 !important; */

    }


    .flight_filters_row_Sec
    .index-filter-trip
    .index-filter-label::before,

    .flight_filters_row_Sec
    .index-filter-pax
    .index-filter-label::before {

        /* background:
            #ff5b20 !important; */

    }


    /* ========================================================
       VALUE TYPOGRAPHY
       ======================================================== */

    .flight_filters_row_Sec
    .custom-trip-trigger,

    .flight_filters_row_Sec
    .index-pax-filter-cell
    .remngwd,

    .flight_filters_row_Sec
    #choosen_airline_class,

    .flight_filters_row_Sec
    .select2-selection__rendered {

        color:
            #172236 !important;

        font-family:
            inherit !important;

        font-size:
            15px !important;

        font-weight:
            650 !important;

        line-height:
            21px !important;

    }


    /* ========================================================
       TRIP TYPE
       ======================================================== */

    .flight_filters_row_Sec
    .custom-trip-trigger {

        position: relative !important;

        width: 100% !important;

        height: 21px !important;

        min-height: 21px !important;

        margin: 0 !important;

        padding:
            0 22px 0 0 !important;

        border: 0 !important;

        background:
            transparent !important;

        display: flex !important;

        align-items: center !important;

        color:
            #172236 !important;

        text-align: left !important;

        white-space: nowrap !important;

    }


    .flight_filters_row_Sec
    #custom_trip_trigger_label {

        display: block !important;

        color:
            #172236 !important;

        font-size:
            15px !important;

        font-weight:
            650 !important;

        white-space:
            nowrap !important;

    }


    /* ========================================================
       CSS CHEVRON
       ======================================================== */

    .flight_filters_row_Sec
    .custom-trip-arrow {

        position: absolute !important;

        right: 2px !important;

        top: 50% !important;

        width: 7px !important;

        height: 7px !important;

        margin: 0 !important;

        border-right:
            1.5px solid #87919f !important;

        border-bottom:
            1.5px solid #87919f !important;

        transform:
            translateY(-70%)
            rotate(45deg) !important;

        font-size: 0 !important;

    }


    /* ========================================================
       TRAVELLERS
       ======================================================== */

    .flight_filters_row_Sec
    .index-pax-filter-cell {

        position: relative !important;

        width: 100% !important;

        height: 21px !important;

        padding: 0 !important;

        display: flex !important;

        align-items: center !important;

    }


    .flight_filters_row_Sec
    .index-pax-filter-cell
    .remngwd {

        display: block !important;

        width: 100% !important;

        height: 21px !important;

        margin: 0 !important;

        padding:
            0 22px 0 0 !important;

        color:
            #172236 !important;

        font-size:
            15px !important;

        font-weight:
            650 !important;

        line-height:
            21px !important;

        white-space:
            nowrap !important;

        overflow:
            hidden !important;

        text-overflow:
            ellipsis !important;

    }


    .flight_filters_row_Sec
    .index-pax-filter-cell::after {

        content: "" !important;

        position: absolute !important;

        right: 2px !important;

        top: 50% !important;

        width: 7px !important;

        height: 7px !important;

        border-right:
            1.5px solid #87919f !important;

        border-bottom:
            1.5px solid #87919f !important;

        transform:
            translateY(-70%)
            rotate(45deg) !important;

    }


    /* ========================================================
       BOTTOM CONTROLS
       ======================================================== */

    .flight_filters_row_Sec
    .index-filter-class,

    .flight_filters_row_Sec
    .index-filter-airline {

        padding-top:
            10px !important;

        padding-bottom:
            10px !important;

    }


    /* ========================================================
       CLASS
       ======================================================== */

    .flight_filters_row_Sec
    .index-class-inner {

        position: relative !important;

        width: 100% !important;

        height: 20px !important;

        min-width: 0 !important;

        display: flex !important;

        align-items: center !important;

    }


    .flight_filters_row_Sec
    #choosen_airline_class {

        display: block !important;

        width: 100% !important;

        height: 20px !important;

        margin: 0 !important;

        padding:
            0 20px 0 0 !important;

        color:
            #172236 !important;

        font-size:
            14px !important;

        font-weight:
            600 !important;

        line-height:
            20px !important;

        white-space:
            nowrap !important;

        overflow:
            hidden !important;

        text-overflow:
            ellipsis !important;

    }


    .flight_filters_row_Sec
    .index-class-inner
    .alladvnce::after {

        content: "" !important;

        position: absolute !important;

        right: 2px !important;

        top: 50% !important;

        width: 6px !important;

        height: 6px !important;

        border-right:
            1.5px solid #87919f !important;

        border-bottom:
            1.5px solid #87919f !important;

        transform:
            translateY(-70%)
            rotate(45deg) !important;

    }


    /* ========================================================
       AIRLINE
       ======================================================== */

    .flight_filters_row_Sec
    .index-airline-select-wrap {

        position: relative !important;

        width: 100% !important;

        height: 20px !important;

        min-width: 0 !important;

        display: flex !important;

        align-items: center !important;

    }


    .flight_filters_row_Sec
    .index-airline-select-wrap
    .select2-container {

        width: 100% !important;

    }


    .flight_filters_row_Sec
    .index-airline-select-wrap
    .select2-selection {

        width: 100% !important;

        height: 20px !important;

        min-height: 20px !important;

        margin: 0 !important;

        padding: 0 !important;

        border: 0 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;

        display: flex !important;

        align-items: center !important;

    }


    .flight_filters_row_Sec
    .select2-selection__rendered {

        display: block !important;

        width: 100% !important;

        height: 20px !important;

        margin: 0 !important;

        padding:
            0 20px 0 0 !important;

        color:
            #172236 !important;

        font-size:
            14px !important;

        font-weight:
            600 !important;

        line-height:
            20px !important;

        text-align: left !important;

        white-space:
            nowrap !important;

        overflow:
            hidden !important;

        text-overflow:
            ellipsis !important;

    }


    .flight_filters_row_Sec
    .select2-selection__arrow {

        display: none !important;

    }


    .flight_filters_row_Sec
    .index-airline-select-wrap::after {

        content: "" !important;

        position: absolute !important;

        right: 2px !important;

        top: 50% !important;

        width: 6px !important;

        height: 6px !important;

        border-right:
            1.5px solid #87919f !important;

        border-bottom:
            1.5px solid #87919f !important;

        transform:
            translateY(-70%)
            rotate(45deg) !important;

        pointer-events:
            none !important;

    }


    /* ========================================================
       REMOVE OLD VISUAL EFFECTS
       ======================================================== */

    .flight_filters_row_Sec
    .filter-hover-liquid {

        display: none !important;

    }

}


/* ============================================================
   TABLET
   ============================================================ */

@media (min-width: 768px)
       and (max-width: 991px) {

    .flight_filters_row_Sec
    .index-flight-filters-row {

        grid-template-rows:
            82px 64px !important;

        border-radius:
            25px !important;

    }


    .flight_filters_row_Sec
    .index-filter-cell {

        padding-left:
            20px !important;

        padding-right:
            20px !important;

    }


    .flight_filters_row_Sec
    .custom-trip-trigger,

    .flight_filters_row_Sec
    .index-pax-filter-cell
    .remngwd {

        font-size:
            16px !important;

    }


    .flight_filters_row_Sec
    #choosen_airline_class,

    .flight_filters_row_Sec
    .select2-selection__rendered {

        font-size:
            15px !important;

    }

}


@media (max-width: 380px) {

    .flight_filters_row_Sec
    .index-flight-filters-row {

        grid-template-rows:
            67px 52px !important;

        border-radius:
            19px !important;

    }


    .flight_filters_row_Sec
    .index-filter-cell {

        padding:
            9px 12px !important;

    }


    .flight_filters_row_Sec
    .index-filter-label {

        font-size:
            7px !important;

        letter-spacing:
            .7px !important;

    }


    .flight_filters_row_Sec
    .custom-trip-trigger,

    .flight_filters_row_Sec
    .index-pax-filter-cell
    .remngwd {

        font-size:
            13px !important;

    }


    .flight_filters_row_Sec
    #choosen_airline_class,

    .flight_filters_row_Sec
    .select2-selection__rendered {

        font-size:
            12px !important;

    }

}

@media (min-width:992px){
	.mobile-account-trigger{
		display: none;
	}
	.gr-header,
	.gr-tabs,
	.gr-info{
		display:none !important;
	}
}

/* ============================================================
   FIX — PREMIUM FLIGHT/CABIN CLASS POPUP HEIGHT
   Mobile + Tablet only
   ============================================================ */

@media (max-width: 991px) {
    .premium-flight-popup-box {
        width: min(480px, calc(100vw - 24px)) !important;
        height: min(560px, calc(100vh - 32px)) !important;
        max-height: calc(100vh - 32px) !important;
        border-radius: 24px !important;
    }

    .premium-flight-popup-content {
        max-height: none !important;
        flex: 1 1 auto !important;
        overflow-y: auto !important;
        padding: 12px 14px !important;
    }

    .premium-popup-option {
        min-height: 62px !important;
        margin-bottom: 7px !important;
        padding: 9px 11px !important;
    }

    .premium-flight-popup-header {
        padding: 14px 17px 12px !important;
    }

    .premium-flight-popup-header h3 {
        font-size: 21px !important;
    }

    .premium-flight-popup-footer {
        padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
    }

    .premium-flight-popup-done {
        height: 48px !important;
    }
}

@media (max-width: 767px) {
    .premium-flight-popup {
        padding: 12px !important;
    }

    .premium-flight-popup-box {
        width: calc(100vw - 24px) !important;
        height: min(540px, calc(100vh - 40px)) !important;
        max-height: calc(100vh - 40px) !important;
        border-radius: 23px !important;
    }

    .premium-flight-popup-header {
        padding: 13px 15px 11px !important;
    }

    .premium-flight-popup-eyebrow {
        margin-bottom: 3px !important;
        font-size: 11px !important;
        font-weight: 400;
    }

    .premium-flight-popup-header h3 {
        font-size: 20px !important;
    }

    .premium-flight-popup-close {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
    }

    .premium-flight-popup-content {
        padding: 10px 13px !important;
    }

    .premium-popup-option {
        min-height: 61px !important;
        margin-bottom: 7px !important;
        padding: 8px 10px !important;
        border-radius: 14px !important;
    }

    .premium-popup-option-icon {
        width: 37px !important;
        height: 37px !important;
        min-width: 37px !important;
        border-radius: 11px !important;
    }

    .premium-popup-option-text strong {
        font-size: 13px !important;
    }

    .premium-popup-option-text small {
        margin-top: 2px !important;
        font-size: 11px !important;
    }

    .premium-popup-option-check {
        width: 21px !important;
        height: 21px !important;
        min-width: 21px !important;
    }

    .premium-flight-popup-footer {
        padding: 9px 13px calc(9px + env(safe-area-inset-bottom)) !important;
    }

    .premium-flight-popup-done {
        height: 48px !important;
        border-radius: 14px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 380px) {
    .premium-flight-popup-box {
        height: min(510px, calc(100vh - 32px)) !important;
        max-height: calc(100vh - 32px) !important;
    }

    .premium-popup-option {
        min-height: 57px !important;
        margin-bottom: 6px !important;
    }

    .premium-popup-option-icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }
}



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







@media (max-width: 767px) {
    .gst-details .col-md-6 + .col-md-6 {
        margin-top: 15px;
    }
}

@media (max-width: 991.98px) {
	.bookingPaymentForm #payBtn{
		    width: 96% !important;
	}

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    body {
        -webkit-text-size-adjust: 100%;
        padding-bottom: 0 !important;
    }

    .mmt-header {
        width: 100% !important;
        min-height: 0 !important;
        padding: 18px 0 76px !important;
    }

    .mmt-header h1 {
        font-size: 21px !important;
        line-height: 1.25 !important;
        margin: 0 !important;
    }

    .mmt-main {
        width: calc(100% - 28px) !important;
        max-width: 100% !important;
        margin: -58px auto 0 !important;
        padding: 0 !important;
    }
    .mmt-main > .row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .mmt-main > .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
		background:white;
    }
    .mmt-main > .row > .fare_summary_column {
        order: -1 !important;
    }

    .fare_summary_column {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        margin: 0 0 12px !important;
    }

    .mmt-main .card-white {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 12px !important;
        border-radius: 14px !important;
        box-shadow: 0 2px 12px rgba(10, 30, 60, .07) !important;
    }

    .mmt-main .card-white > .p-card {
        padding: 14px !important;
        min-width: 0 !important;
    }

    .flight_booking_summery {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        top: 0 !important;
        right: auto !important;
        left: auto !important;
        padding: 0 12px 16px !important;
        border-radius: 14px !important;
        box-shadow: 0 2px 14px rgba(10, 30, 60, .10) !important;
    }

    .flight_booking_summery .p-card {
        margin-top: 14px !important;
    }

    .sec-title {
        font-size: 15px !important;
        line-height: 1.35 !important;
    }

    .route-title {
        font-size: 17px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    .destination-detl {
        right: 0 !important;
        left: 0 !important;
        margin-left: 0 !important;
        padding: 0 10px !important;
    }

    .flight_name {
        font-size: 13px !important;
        margin-left: 0 !important;
    }

    .flight_code {
        font-size: 12px !important;
    }

    .dep-ari-name {
        font-size: 14px !important;
        margin-left: 0 !important;
    }

    .cancel-between {
        margin-left: 0 !important;
    }

    .flight-box {
        width: 100% !important;
        padding: 12px !important;
        border-radius: 10px !important;
        overflow: hidden !important;
    }

    .timeline {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .timeline .d-flex {
        gap: 12px !important;
        min-width: 0 !important;
    }

    .time-col {
        width: 48px !important;
        min-width: 48px !important;
        font-size: 12px !important;
    }

    .timeline::before {
        left: 65px !important;
    }

    .tl-dot,
    .tl-dot-auto {
        left: 61px !important;
    }

    .duration {
        margin-left: 0 !important;
        top: 0 !important;
        font-size: 11px !important;
        text-align: center !important;
        white-space: normal !important;
    }

    .airport-name {
        font-size: 11.5px !important;
        line-height: 1.35 !important;
    }

    .baggage-row {
        font-size: 11px !important;
        line-height: 1.45 !important;
        overflow-wrap: anywhere !important;
    }

    .note-blue {
        font-size: 11px !important;
        line-height: 1.45 !important;
        padding: 8px !important;
        overflow-wrap: anywhere !important;
    }

    .policy-wrap {
        margin-top: 14px !important;
        padding: 12px !important;
        border-radius: 10px !important;
    }

    .policy-label {
        white-space: normal !important;
        font-size: 10.5px !important;
    }

    .penalty-amt {
        width: 100% !important;
        justify-content: space-between !important;
        gap: 8px !important;
        margin: 0 !important;
    }

    .penalty-amt--timeline,
    .penalty-amt--text {
        gap: 8px !important;
    }

    .penalty-dates--timeline {
        gap: 10px !important;
    }

    .penalty-date {
        margin-left: 0 !important;
        font-size: 10.5px !important;
    }

    .penalty-time {
        font-size: 9.5px !important;
    }

    .info-head {
        font-size: 12px !important;
    }

    .info-list {
        padding-left: 16px !important;
    }

    .info-list li {
        font-size: 11px !important;
        line-height: 1.45 !important;
    }

    .mmt-main img,
    .mmt-main svg,
    .mmt-main video,
    .mmt-main canvas {
        max-width: 100%;
    }

    .mmt-main table {
        max-width: 100% !important;
    }

    .mmt-main input,
    .mmt-main select,
    .mmt-main textarea,
    .mmt-main button {
        max-width: 100%;
    }

    .tripSecureSection {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .tripSecureSection .benefit-box {
        height: auto !important;
        min-height: 76px !important;
        padding: 10px !important;
        border-radius: 10px !important;
    }

    .benefit-title {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    .benefit-sub {
        font-size: 10.5px !important;
        line-height: 1.35 !important;
    }

    .benefit-box i {
        font-size: 24px !important;
    }

    .benefit-box i.bi-chevron-right {
        font-size: 13px !important;
    }

    .reco-bar {
        font-size: 10.5px !important;
        line-height: 1.4 !important;
        padding: 7px 9px !important;
    }

    .review-card {
        height: auto !important;
        min-height: 115px !important;
        padding: 11px !important;
        font-size: 11px !important;
        line-height: 1.45 !important;
    }

    .review-name {
        font-size: 10.5px !important;
    }

    .fine-print {
        font-size: 10px !important;
        line-height: 1.4 !important;
    }
    .traveller-card {
        width: 100% !important;
        margin-bottom: 12px !important;
        border-radius: 12px !important;
    }

    .traveller-card-header {
        min-height: 50px !important;
        padding: 12px !important;
    }

    .traveller-toggle-label {
        min-width: 0 !important;
        padding-left: 24px !important;
        font-size: 12.5px !important;
        line-height: 1.35 !important;
    }

    .traveller-card-title {
        font-size: 12.5px !important;
    }

    .traveller-card-body {
        padding: 12px !important;
    }

    .traveller-card-body .row.g-3 {
        --bs-gutter-x: 10px !important;
        --bs-gutter-y: 10px !important;
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    .traveller-card-body .row.g-3 > [class*="col-"] {
        padding-left: 5px !important;
        padding-right: 5px !important;
        min-width: 0 !important;
    }

    .traveller-card-body .form-control,
    .traveller-card-body .form-select,
    .form-control,
    .form-select {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        font-size: 13px !important;
        border-radius: 9px !important;
        padding: 10px 11px !important;
    }

    .form-label-sm {
        font-size: 11px !important;
        margin-bottom: 5px !important;
    }

    .traveller-subhead,
    .traveller-contact-title {
        font-size: 12px !important;
    }

    .traveller-contact-note {
        font-size: 10.5px !important;
        line-height: 1.45 !important;
    }

    .traveller-verify-link {
        width: 100% !important;
        min-height: 42px !important;
    }

    .add-adult {
        font-size: 10.5px !important;
    }

    .btn-add-traveller {
        width: 100% !important;
        min-height: 44px !important;
        justify-content: center !important;
    }

    .btn-remove-traveller {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }

    .booking_user_details {
        width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
    }

    .contact-section {
        padding: 13px !important;
        margin-top: 14px !important;
        border-radius: 10px !important;
    }

    .contact-section-title {
        font-size: 13px !important;
        margin-bottom: 12px !important;
    }

    .cab-phone-field,
    .cab-input-wrap .cab-input {
        min-height: 46px !important;
        height: 46px !important;
    }

    .cab-country-code {
        width: 74px !important;
        min-width: 74px !important;
        padding-left: 10px !important;
    }

    .cab-country-code select {
        font-size: 12px !important;
    }

    .cab-phone-input {
        font-size: 12px !important;
        padding: 15px 10px 4px !important;
    }

    .phone-combo {
        gap: 8px !important;
    }

    .gst-toggle-section {
        margin-top: 14px !important;
        border-radius: 10px !important;
    }

    .gst-toggle-header {
        min-height: 48px !important;
        padding: 12px !important;
    }

    .gst-toggle-body {
        padding: 12px !important;
    }

    .gst-details .form-control,
    .gst-details .form-select {
        width: 100% !important;
        height: 44px !important;
        border-radius: 9px !important;
    }

    .login-bar,
    .warn-box,
    .collapsed-sec {
        width: 100% !important;
        border-radius: 10px !important;
    }

    .login-bar {
        padding: 10px !important;
        font-size: 11.5px !important;
        line-height: 1.45 !important;
    }

    .warn-box {
        padding: 10px !important;
        font-size: 10.5px !important;
        line-height: 1.45 !important;
    }

    .collapsed-sec {
        margin-bottom: 10px !important;
        font-size: 12.5px !important;
    }

    /* ---------- Payment plan / payment area ---------- */
    .bookingPaymentWrapper {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin: 0 !important;
    }

    .bookingPaymentForm {
        width: 92% !important;
        max-width: 100% !important;
        margin-top: 12px !important;
        padding: 16px 14px 28px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    .form-heading {
        gap: 10px !important;
        margin-bottom: 18px !important;
    }

    .form-title {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }

    .form-sub {
        font-size: 11.5px !important;
        line-height: 1.45 !important;
    }

    .paymentField {
        margin-bottom: 14px !important;
    }

    .bookingCardPreview {
        width: 100% !important;
        max-width: 360px !important;
        height: auto !important;
        aspect-ratio: 1.68 / 1 !important;
        margin: 0 auto !important;
    }

    .bookingCardFront,
    .bookingCardBack {
        border-radius: 16px !important;
    }

    .bookingCardFront {
        padding: 18px !important;
    }

    .trust-heading {
        gap: 10px !important;
    }

    .trust-shield {
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
    }

    .trust-shield svg {
        width: 18px !important;
        height: 18px !important;
    }

    .trust-title {
        font-size: 13px !important;
    }

    .trust-title-big {
        font-size: 24px !important;
    }

    .trust-sub {
        font-size: 11.5px !important;
        line-height: 1.45 !important;
    }

    .bookingPaymentForm #payBtn {
        width: 100% !important;
        min-height: 52px !important;
        height: 52px !important;
        margin: 14px 0 0 !important;
        border-radius: 13px !important;
        font-size: 14px !important;
        gap: 10px !important;
        left: 0 !important;
    }

    .bookingPaymentForm #payBtn .btn-arrow {
        width: 19px !important;
        height: 19px !important;
        flex-basis: 19px !important;
    }

    .fare_summary_column .coupon-card,
    .fare_summary_column .coupon-body {
        width: 100% !important;
    }

    .coupon-card {
        border-radius: 12px !important;
    }

    .coupon-head {
        padding: 11px 13px !important;
        font-size: 13px !important;
    }

    .coupon-body {
        padding: 12px !important;
    }

    .coupon-tabs {
        display: flex !important;
        width: 100% !important;
        overflow-x: auto !important;
        gap: 6px !important;
        scrollbar-width: none !important;
    }

    .coupon-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .coupon-tabs .btn {
        flex: 0 0 auto !important;
        min-height: 36px !important;
        padding: 6px 12px !important;
        font-size: 11px !important;
    }

    .fare-title {
        font-size: 17px !important;
        margin-bottom: 10px !important;
    }

    .fare-row {
        font-size: 12px !important;
        padding: 7px 0 !important;
    }

    .fare-total {
        font-size: 13px !important;
        padding-top: 10px !important;
    }

    .mmt-main a,
    .mmt-main button,
    .mmt-main select,
    .mmt-main input[type="checkbox"],
    .mmt-main input[type="radio"] {
        -webkit-tap-highlight-color: transparent;
    }

    .mmt-main button,
    .mmt-main .btn,
    .mmt-main .btn-outline-blue,
    .mmt-main .myra-btn {
        min-height: 40px;
    }

    .chatbot {
        width: 44px !important;
        height: 44px !important;
        right: 12px !important;
        bottom: 76px !important;
        z-index: 90 !important;
    }

    .canellationFee {
        left: 0 !important;
    }

}

@media (min-width: 768px) and (max-width: 991.98px) {

    .mmt-main {
        width: min(100% - 40px, 760px) !important;
        margin-top: -60px !important;
    }

    .mmt-main .card-white > .p-card,
    .flight_booking_summery {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .flight_booking_summery {
        padding-bottom: 20px !important;
    }

    .flight-box {
        padding: 16px !important;
    }

    .traveller-card-body {
        padding: 16px !important;
    }

    .traveller-card-body .row.g-3 > [class*="col-md-"] {
        width: 50% !important;
        flex: 0 0 50% !important;
    }

    .bookingPaymentWrapper {
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bookingCardPreview {
        max-width: 400px !important;
    }

    .tripSecureSection .benefit-box {
        min-height: 82px !important;
    }

}



@media (max-width: 767.98px) {
    .mmt-main .card-white:has(.ancillary-header) .test {
        position: static;
        right: auto;
    }

    .flight_tail_img img,
    .flight_head_img img {
        position: static;
        right: auto;
    }

    .mmt-header {
        padding: 16px 0 72px !important;
    }

    .mmt-header h1 {
        font-size: 19px !important;
    }

    .mmt-main {
        width: calc(100% - 20px) !important;
        margin-top: -52px !important;
        padding-bottom: 1px !important;
    }

    /* App-style card spacing */
    .mmt-main .card-white {
        margin-bottom: 10px !important;
        border-radius: 14px !important;
    }

    .mmt-main .card-white > .p-card {
        padding: 12px !important;
    }

    .flight_booking_summery {
        margin-bottom: 10px !important;
        padding: 0 10px 13px !important;
        border-radius: 14px !important;
    }

    .flight_booking_summery .p-card {
        margin-top: 12px !important;
    }

    .destination-detl {
        padding: 0 8px !important;
        border-left-width: 3px !important;
    }

    .route-title {
        font-size: 16px !important;
    }

    .badge-date {
        font-size: 11px !important;
        padding: 3px 6px !important;
    }

    .text-secondary {
        font-size: 11.5px !important;
    }

    .badge-cancel {
        font-size: 8px !important;
        padding: 3px 6px !important;
    }

    .link {
        font-size: 11px !important;
    }

    .flight-box {
        padding: 10px !important;
    }

    .timeline .d-flex {
        gap: 25px !important;
    }

    .time-col {
        width: 43px !important;
        min-width: 43px !important;
        font-size: 11.5px !important;
    }

    .timeline::before {
        left: 58px !important;
    }

    .tl-dot,
    .tl-dot-auto {
        left: 54px !important;
        width: 8px !important;
        height: 8px !important;
    }

    .duration {
        font-size: 10px !important;
    }

    .airport-name {
        font-size: 10.5px !important;
    }

    .baggage-row {
        font-size: 10.5px !important;
        padding-top: 8px !important;
    }

    .note-blue {
        font-size: 10.5px !important;
        padding: 7px 8px !important;
    }

    .penalty-dates--timeline {
        gap: 6px !important;
    }

    .penalty-date {
        font-size: 10px !important;
    }

    .penalty-time {
        font-size: 9px !important;
    }

    .tripSecureSection {
        overflow: visible !important;
    }

    .tripSecureSection .row {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 2px 1px 7px !important;
        gap: 8px !important;
        scrollbar-width: none !important;
    }

    .tripSecureSection .row::-webkit-scrollbar {
        display: none !important;
    }

    .benefit-box{
            display: flex;
    align-items: center;
    }
    .tripSecureSection .row > [class*="col-"] {
        flex: 0 0 150px !important;
        width: 100% !important;
        margin-bottom:5px !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .tripSecureSection .benefit-box {
        min-height: 88px !important;
        padding: 10px !important;
    }

    .tripSecureSection .review-card {
        min-height: 80px !important;
    }
    .trv-section > div:first-child {
        margin-top: 15px;
    padding: 0 10px;
}

    .traveller-card-body .row.g-3 {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .traveller-card-body .row.g-3 > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .traveller-card-body .form-control,
    .traveller-card-body .form-select,
    .form-control,
    .form-select {
        min-height: 45px ;
        font-size: 13px !important;
    }
#onw_rndw_fieldset .form-control{
	
}
    .phone-combo {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .phone-combo .country-code-select {
        flex: 0 0 auto !important;
        width: 100% !important;
    }

    .bookingPaymentWrapper {
        width: 100% !important;
        max-width: 100% !important;
    }

    .bookingPaymentForm {
        padding: 14px 12px 24px !important;
        border-radius: 14px !important;
    }

    .bookingCardPreview {
        max-width: 340px !important;
    }

    .form-title {
        font-size: 19px !important;
    }

    .trust-title-big {
        font-size: 23px !important;
    }

    .bookingPaymentForm #payBtn {
        /* position:  !important; */
        left: 10px !important;
        right: 10px !important;
        bottom: 10px !important;
        width: calc(100% - 20px) !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        z-index: 999 !important;
        border-radius: 15px !important;
        box-shadow: 0 8px 28px rgba(15, 35, 65, .24) !important;
    }
.bookingPaymentForm {
        padding-bottom: 86px !important;
    }

    .chatbot {
        right: 10px !important;
        bottom: 76px !important;
        width: 42px !important;
        height: 42px !important;
    }

    .coupon-tabs .btn {
        min-height: 38px !important;
    }

    .coupon_code_Section {
        max-height: 260px !important;
    }

    .mmt-main .fine-print,
    .mmt-main .text-muted,
    .mmt-main .benefit-sub,
    .mmt-main .coupon-desc,
    .mmt-main .warn-box,
    .mmt-main .note-blue {
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

}

@media (max-width: 480px) {

    .mmt-main {
        width: calc(100% - 16px) !important;
        margin-top: -50px !important;
        position:relative;
        bottom:125px;
    }

    .mmt-header {
        padding-bottom: 68px !important;
    }

    .mmt-header h1 {
        font-size: 18px !important;
    }

    .mmt-main .card-white > .p-card {
        padding: 11px !important;
    }

    .flight_booking_summery {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .sec-title {
        font-size: 14px !important;
    }

    .route-title {
        font-size: 15.5px !important;
    }

    .flight-box {
        padding: 9px !important;
    }

    .time-col {
        width: 39px !important;
        min-width: 39px !important;
        font-size: 11px !important;
    }

    .timeline::before {
        left: 53px !important;
    }

    .tl-dot,
    .tl-dot-auto {
        left: 49px !important;
    }

    .airport-name {
        font-size: 10px !important;
    }

    .duration {
        font-size: 9.5px !important;
    }

    .baggage-row,
    .note-blue {
        font-size: 10px !important;
    }

    .traveller-card-header,
    .traveller-card-body {
        padding: 10px !important;
    }

    .traveller-toggle-label {
        font-size: 11.5px !important;
        padding-left: 22px !important;
    }

    .form-label-sm {
        font-size: 10.5px !important;
    }

    .traveller-card-body .form-control,
    .traveller-card-body .form-select,
    .form-control,
    .form-select {
        min-height: 44px !important;
        font-size: 12px !important;
    }

    .bookingPaymentForm {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .bookingCardPreview {
        max-width: 100% !important;
    }

    .bookingPaymentForm #payBtn {
        left: 8px !important;
        right: 8px !important;
        width: calc(100% - 16px) !important;
        bottom: 8px !important;
        height: 52px !important;
        min-height: 52px !important;
        font-size: 13.5px !important;
    }

    .chatbot {
        width: 40px !important;
        height: 40px !important;
        right: 8px !important;
        bottom: 70px !important;
    }

    .coupon-head {
        font-size: 12.5px !important;
    }

    .fare-title {
        font-size: 16px !important;
    }

}


/* ==========================================================
   VERY SMALL PHONE : <= 360px
   ========================================================== */
@media (max-width: 360px) {

    .mmt-main {
        width: calc(100% - 12px) !important;
    }

    .mmt-main .card-white > .p-card {
        padding: 9px !important;
    }

    .flight_booking_summery {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .route-title {
        font-size: 15px !important;
    }

    .time-col {
        width: 36px !important;
        min-width: 36px !important;
    }

    .timeline::before {
        left: 49px !important;
    }

    .tl-dot,
    .tl-dot-auto {
        left: 45px !important;
    }

    .tripSecureSection .row > [class*="col-"] {
        flex-basis: 140px !important;
        width: 140px !important;
        max-width: 140px !important;
    }

    .bookingPaymentForm #payBtn {
        font-size: 13px !important;
    }

}


/* ==========================================================
   MOBILE DATEPICKER POSITION SAFETY
   ========================================================== */
@media (max-width: 767.98px) {

    #ui-datepicker-div,
    div#ui-datepicker-div.ui-datepicker {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: calc(100vw - 24px) !important;
        max-width: 420px !important;
    }

    #ui-datepicker-div {
        padding: 12px !important;
        border-radius: 15px !important;
    }

    #ui-datepicker-div .ui-datepicker-title {
        margin: 0 40px !important;
        gap: 5px !important;
    }

    #ui-datepicker-div .ui-datepicker-month,
    #ui-datepicker-div .ui-datepicker-year {
        min-width: 0 !important;
        width: 50% !important;
        padding-left: 8px !important;
        padding-right: 20px !important;
        font-size: 12px !important;
    }

    #ui-datepicker-div .ui-datepicker-calendar {
        border-spacing: 2px 3px !important;
    }

    #ui-datepicker-div .ui-datepicker-calendar td,
    #ui-datepicker-div .ui-datepicker-calendar td a,
    #ui-datepicker-div .ui-datepicker-calendar td span {
        height: 34px !important;
    }

}

@media (max-width: 991.98px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    img,
    video,
    iframe,
    svg,
    canvas {
        max-width: 100%;
    }

    input,
    select,
    textarea,
    button {
        max-width: 100%;
    }

    .container,
    .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
    }

    .row {
        max-width: 100%;
    }

    [class*="col-"] {
        min-width: 100%;
    }

    body {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent;
    }

}


@media (max-width: 991.98px) {

    .header-v3 {
        position: relative !important;
        z-index: 1100 !important;
    }

    .header-v3 .header_top_bar {
        display: none !important;
    }

    .header-v3 .header-main-bar {
        min-height: 64px !important;
        background: rgba(255,255,255,.94) !important;
        border-bottom: 1px solid #e9edf3 !important;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .header-v3 .header-main-inner {
        width: 100% !important;
        min-height: 64px !important;
        padding: 9px 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }

    .header-v3 .header-main-ineeer-menu-logo {
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    body .header-v3 .header-logo-img {
        width: auto !important;
        max-width: 125px !important;
        max-height: 34px !important;
    }

    .header-v3 .header-actions {
        position: static !important;
        width: auto !important;
        max-width: none !important;
        margin-left: auto !important;
        display: flex !important;
        align-items: center !important;
    }

    .header-v3 .header-actions .header-login-btn {
        width: auto !important;
        min-height: 38px !important;
        padding: 7px 12px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }

    .header-v3 .menu_brgr {
        position: static !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        padding: 0 !important;
        border-radius: 12px !important;
    }

    .header-v3 .sepmenus {
        position: fixed !important;
        top: 72px !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        max-height: 0 !important;
        overflow: hidden !important;
        border-radius: 20px !important;
    }

    .mobile-nav-open .header-v3 .sepmenus {
        max-height: calc(100vh - 88px) !important;
        overflow-y: auto !important;
    }

}


@media (max-width: 575.98px) {

    .header-v3 .header-main-inner {
        min-height: 60px !important;
        padding: 8px 10px !important;
    }

    .header-v3 .header-logo-img {
        max-width: 108px !important;
        max-height: 30px !important;
    }

    .header-v3 .header-actions .header-login-btn {
        min-height: 36px !important;
        padding: 6px 10px !important;
        font-size: 10px !important;
    }

    .header-v3 .menu_brgr {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    .header-v3 .sepmenus {
        top: 68px !important;
        left: 8px !important;
        right: 8px !important;
        border-radius: 18px !important;
    }

}



@media (max-width: 991.98px) {
	body.index_page:not(.dark-mode) #heroGsapCarousel .hero-badges-row{
		bottom:0px;
		position: relative;
	}
	.top-hotel-dest-grid,
	.popular-flight-routes-grid{
		margin: 0px !important;
		padding: 0px !important;
	}
	body.index_page:not(.dark-mode) #heroGsapCarousel .hero-badges-row{
		padding: 0px 0px 17px !important;
	}
	body.index_page:not(.dark-mode) #heroGsapCarousel #search-form{
		    position: relative;
    top: 70px;
	}
	.hero-ctas{
		display:none !important;
	}
	body.index_page:not(.dark-mode) #heroGsapCarousel .hero-search-form-card.secndblak{
		    position: relative;
    bottom: 40px;
	}

    body.index_page #heroGsapCarousel {
        width: 100% !important;
        overflow: visible !important;
    }

    body.index_page #heroGsapCarousel::before,
    body.index_page #heroGsapCarousel::after {
        max-width: 100% !important;
    }

    body.index_page .searcharea {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    body.index_page .searcharea > * {
        max-width: 100% !important;
    }

}


@media (max-width: 991.98px) {

    .flight_filters_row_Sec {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
        background: transparent !important;
    }

    .flight_filters_row_Sec .index-flight-filters-row {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        background: #fff !important;
        border: 1px solid #e7ebf1 !important;
        border-radius: 20px !important;

        overflow: hidden !important;

        box-shadow:
            0 8px 25px rgba(15, 23, 42, .08) !important;
    }

    .flight_filters_row_Sec .index-filter-cell {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 12px 14px !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;

        background: #fff !important;
        border: 0 !important;
        border-radius: 0 !important;

        overflow: hidden !important;
    }

    .flight_filters_row_Sec .index-filter-cell:nth-child(odd) {
        border-right: 1px solid #edf0f4 !important;
    }

    .flight_filters_row_Sec .index-filter-cell:nth-child(n+3) {
        border-top: 1px solid #edf0f4 !important;
    }

    .flight_filters_row_Sec .index-filter-label {
        display: block !important;
        width: 100% !important;
        margin-bottom: 5px !important;

        color: #98a2b3 !important;
        font-size: 8px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        letter-spacing: .08em !important;
        text-transform: uppercase !important;
    }

    .flight_filters_row_Sec .custom-trip-trigger,
    .flight_filters_row_Sec .index-pax-filter-cell .remngwd,
    .flight_filters_row_Sec #choosen_airline_class,
    .flight_filters_row_Sec .select2-selection__rendered {
        width: 100% !important;
        min-width: 0 !important;

        color: #172033 !important;
        font-size: 14px !important;
        font-weight: 700 !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .flight_filters_row_Sec .select2-container {
        width: 100% !important;
        max-width: 100% !important;
    }

}



@media (min-width: 768px) and (max-width: 991.98px) {

    .flight_filters_row_Sec {
        padding: 0 20px !important;
    }

    .flight_filters_row_Sec .index-flight-filters-row {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-template-rows: 82px !important;
        border-radius: 22px !important;
    }

    .flight_filters_row_Sec .index-filter-cell {
        border-top: 0 !important;
        border-right: 1px solid #edf0f4 !important;
        padding: 14px 16px !important;
    }

    .flight_filters_row_Sec .index-filter-cell:last-child {
        border-right: 0 !important;
    }

}



@media (max-width: 767.98px) {

    .flight_filters_row_Sec {
        padding: 0 8px !important;
    }

    .flight_filters_row_Sec .index-flight-filters-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, minmax(64px, auto)) !important;
        border-radius: 18px !important;
    }

    .flight_filters_row_Sec .index-filter-cell {
        min-height: 64px !important;
        padding: 10px 12px !important;
    }

    .flight_filters_row_Sec .custom-trip-trigger,
    .flight_filters_row_Sec .index-pax-filter-cell .remngwd {
        font-size: 13px !important;
    }

    .flight_filters_row_Sec #choosen_airline_class,
    .flight_filters_row_Sec .select2-selection__rendered {
        font-size: 12px !important;
    }

}

@media (max-width: 380px) {

    .flight_filters_row_Sec {
        padding: 0 6px !important;
    }

    .flight_filters_row_Sec .index-flight-filters-row {
        grid-template-rows: repeat(2, minmax(58px, auto)) !important;
        border-radius: 16px !important;
    }

    .flight_filters_row_Sec .index-filter-cell {
        min-height: 58px !important;
        padding: 8px 10px !important;
    }

    .flight_filters_row_Sec .index-filter-label {
        /* font-size: 7px !important; */
                font-size: 10px !important;
        position: relative;
        right: 10px;
        font-weight: 500 !important;
    }

    .flight_filters_row_Sec .custom-trip-trigger,
    .flight_filters_row_Sec .index-pax-filter-cell .remngwd {
        font-size: 12px !important;
    }

}

@media (max-width: 991.98px) {

    .responsive-search-panel {
        width: 100% !important;
        max-width: 100% !important;

        padding: 12px !important;

        border-radius: 20px !important;
        border: 1px solid #e8edf3 !important;

        background: #fff !important;

        box-shadow:
            0 12px 30px rgba(20, 39, 70, .10) !important;
    }

    .responsive-search-panel .tabrow,
    .responsive-search-panel .outsideserach {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;

        min-width: 0 !important;
    }

    .responsive-search-panel [class*="col-"] {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .responsive-search-panel input,
    .responsive-search-panel select {
        width: 100% !important;
        max-width: 100% !important;
    }

    .responsive-search-panel .searchsbmt,
    .responsive-search-panel .formsubmit .searchsbmt {
        position: static !important;
        width: 100% !important;
        min-height: 52px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 0 !important;
        border-radius: 14px !important;

        font-size: 14px !important;
        font-weight: 800 !important;

        touch-action: manipulation;
    }

}


@media (max-width: 767.98px) {

    .responsive-search-panel {
        padding: 10px !important;
        border-radius: 18px !important;
    }

    .responsive-search-panel .tabrow,
    .responsive-search-panel .outsideserach {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .responsive-search-panel .tabrow > *,
    .responsive-search-panel .outsideserach > * {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    .responsive-search-panel .padfive,
    .responsive-search-panel .full_smal_tab,
    .responsive-search-panel .cr_plce .padfive {
        width: 100% !important;
        min-height: 68px !important;

        padding: 10px 13px !important;

        border-radius: 14px !important;
    }

    .responsive-search-panel .lablform,
    .responsive-search-panel .formlabel {
        margin-bottom: 5px !important;
        font-size: 9px !important;
        font-weight: 800 !important;
    }

    .responsive-search-panel .normalinput,
    .responsive-search-panel .normalsel,
    .responsive-search-panel .holyday_selct,
    .responsive-search-panel .remngwd {
        width: 100% !important;
        font-size: 14px !important;
    }

    .responsive-search-panel .searchsbmt,
    .responsive-search-panel .formsubmit .searchsbmt {
        min-height: 54px !important;
        border-radius: 13px !important;
        font-size: 14px !important;
    }

}

@media (min-width: 768px) and (max-width: 991.98px) {

    #hotel_search .responsive-search-panel .tabrow,
    #holiday_search:not(.activity_search) .responsive-search-panel .tabrow {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #hotel_search .responsive-search-panel .tabrow > *,
    #holiday_search:not(.activity_search) .responsive-search-panel .tabrow > * {
        width: auto !important;
        margin: 0 !important;
        float: none !important;
    }

    #activity_search .responsive-search-panel .outsideserach,
    #trasfer .responsive-search-panel .outsideserach {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

}

@media (max-width: 767.98px) {

    #ui-datepicker-div,
    div#ui-datepicker-div.ui-datepicker {
        position: fixed !important;

        left: 50% !important;
        top: 50% !important;

        right: auto !important;
        bottom: auto !important;

        width: calc(100vw - 24px) !important;
        max-width: 400px !important;

        transform: translate(-50%, -50%) !important;

        margin: 0 !important;

        padding: 12px !important;

        border-radius: 18px !important;

        z-index: 2147483640 !important;

        box-shadow:
            0 25px 70px rgba(0,0,0,.25) !important;
    }

    #ui-datepicker-div .ui-datepicker-calendar {
        width: 100% !important;
    }

    #ui-datepicker-div .ui-datepicker-calendar td,
    #ui-datepicker-div .ui-datepicker-calendar td a,
    #ui-datepicker-div .ui-datepicker-calendar td span {
        height: 36px !important;
        min-height: 36px !important;
    }

}



@media (max-width: 991.98px) {

    .premium-flight-popup {
        position: fixed !important;
        inset: 0 !important;

        width: 100vw !important;
        height: 100vh !important;

        padding: 12px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        background: rgba(7,16,30,.55) !important;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);

        z-index: 2147483647 !important;
    }

    .premium-flight-popup-box {
        width: min(520px, calc(100vw - 24px)) !important;
        height: min(600px, calc(100vh - 32px)) !important;
        max-height: calc(100vh - 32px) !important;

        display: flex !important;
        flex-direction: column !important;

        border-radius: 24px !important;
        overflow: hidden !important;

        background: #fff !important;

        box-shadow:
            0 30px 80px rgba(0,0,0,.30) !important;
    }

    .premium-flight-popup-header {
        flex-shrink: 0 !important;
        padding: 15px 17px !important;
    }

    .premium-flight-popup-content {
        flex: 1 1 auto !important;
        min-height: 0 !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        padding: 12px 14px !important;

        -webkit-overflow-scrolling: touch;
    }

    .premium-popup-option {
        min-height: 62px !important;
        margin-bottom: 7px !important;
        padding: 9px 11px !important;

        border-radius: 15px !important;
    }

    .premium-flight-popup-footer {
        flex-shrink: 0 !important;
        padding:
            10px 14px
            calc(10px + env(safe-area-inset-bottom)) !important;
    }

    .premium-flight-popup-done {
        width: 100% !important;
        min-height: 48px !important;
        height: 48px !important;
        border-radius: 14px !important;
    }

}


@media (max-width: 767.98px) {

    .premium-flight-popup {
        padding: 8px !important;
    }

    .premium-flight-popup-box {
        width: calc(100vw - 16px) !important;
        height: min(560px, calc(100vh - 24px)) !important;
        max-height: calc(100vh - 24px) !important;
        border-radius: 22px !important;
    }

    .premium-flight-popup-header {
        padding: 13px 14px !important;
    }

    .premium-flight-popup-header h3 {
        font-size: 19px !important;
    }

    .premium-flight-popup-content {
        padding: 10px !important;
    }

    .premium-popup-option {
        min-height: 58px !important;
        padding: 8px 10px !important;
        border-radius: 14px !important;
    }

    .premium-popup-option-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        border-radius: 10px !important;
    }

    .premium-popup-option-text strong {
        font-size: 13px !important;
    }

    .premium-popup-option-text small {
        font-size: 9px !important;
    }

}

@media (max-width: 991.98px) {

    .traveller-card {
        width: 100% !important;
        max-width: 100% !important;

        margin-bottom: 12px !important;

        padding: 0 !important;

        border-radius: 16px !important;

        overflow: hidden !important;

        background: #fff !important;

        box-shadow:
            0 6px 22px rgba(15,23,42,.07) !important;
    }

    .traveller-card-header {
        min-height: 52px !important;
        padding: 12px 14px !important;

        display: flex !important;
        align-items: center !important;
    }

    .traveller-card-body {
        width: 100% !important;
        padding: 13px !important;
    }

    .traveller-card-body .row {
        width: 100% !important;
        max-width: 100% !important;
    }

    .traveller-card-body input,
    .traveller-card-body select,
    .traveller-card-body textarea {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;

        border-radius: 10px !important;

        font-size: 13px !important;
    }

    .form-label-sm {
        margin-bottom: 5px !important;
        font-size: 10px !important;
    }

}


@media (min-width: 768px) and (max-width: 991.98px) {

    .traveller-card-body .row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin: 0 !important;
    }

    .traveller-card-body .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

}


@media (max-width: 767.98px) {

    .traveller-card-body .row {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;

        margin: 0 !important;
    }

    .traveller-card-body .row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;

        flex: 0 0 100% !important;

        padding: 0 !important;
    }

    .traveller-card-body input,
    .traveller-card-body select {
        min-height: 46px !important;
        font-size: 13px !important;
    }

}


@media (max-width: 991.98px) {

    .contact-section {
        width: 100% !important;
        padding: 13px !important;
        margin-top: 12px !important;

        border-radius: 14px !important;
    }

    .phone-combo {
        width: 100% !important;
        display: flex !important;
        gap: 8px !important;
    }

    .phone-combo > * {
        min-width: 0 !important;
    }

    .cab-phone-field,
    .cab-input-wrap .cab-input {
        width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        border-radius: 10px !important;
    }

}


@media (max-width: 991.98px) {

    .gst-toggle-section {
        width: 100% !important;
        margin-top: 12px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    .gst-toggle-header {
        min-height: 50px !important;
        padding: 12px 14px !important;
    }

    .gst-toggle-body {
        padding: 13px !important;
    }

    .gst-details input,
    .gst-details select {
        width: 100% !important;
        min-height: 44px !important;
        border-radius: 10px !important;
    }

}

@media (max-width: 991.98px) {

    .bookingPaymentWrapper {
        width: 100% !important;
        max-width: 100% !important;

        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 14px !important;

        margin: 0 !important;
    }

    .bookingPaymentForm,
    .right_sidePayment_Dt,
    .stage {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .bookingPaymentForm {
        padding: 16px 14px 25px !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    .bookingCardPreview {
        width: min(400px, 100%) !important;
        max-width: 100% !important;

        margin: 0 auto !important;

        aspect-ratio: 1.65 / 1 !important;
        height: auto !important;
    }

    .bookingCardFront,
    .bookingCardBack {
        width: 100% !important;
        height: 100% !important;
        border-radius: 18px !important;
    }

    .bookingCardFront {
        padding: 18px !important;
    }

    .paymentRow {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        gap: 9px !important;
    }

    .paymentField {
        width: 100% !important;
        min-width: 0 !important;
    }

    .paymentField input,
    .paymentField select {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;

        border-radius: 10px !important;
    }

    #payBtn {
        width: 100% !important;
        min-height: 52px !important;
        height: 52px !important;

        border-radius: 14px !important;

        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .card-accept-sec {
        width: 100% !important;
        overflow: hidden !important;
    }

    .accept-row {
        width: 100% !important;

        display: flex !important;
        flex-wrap: wrap !important;
        margin-bottom: 10px !important;
        justify-content: flex-start !important;
        gap: 7px !important;
    }

}


@media (max-width: 767.98px) {

    .bookingPaymentWrapper {
        gap: 10px !important;
    }

    .bookingPaymentForm {
        padding: 13px 11px 25px !important;
        border-radius: 16px !important;
    }

    .bookingCardPreview {
        width: 100% !important;
        max-width: 350px !important;
    }

    .bookingCardFront {
        padding: 15px !important;
    }

    .bookingCardTitle {
        font-size: 11px !important;
    }

    .bookingCardNumber {
        font-size: 16px !important;
        letter-spacing: 1px !important;
    }

    .bookingCardFooter {
        gap: 10px !important;
    }

    .paymentValue {
        font-size: 10px !important;
    }

    .paymentLabel {
        font-size: 8px !important;
    }

    .form-title {
        font-size: 19px !important;
    }

    .form-sub {
        font-size: 10.5px !important;
        line-height: 1.4 !important;
    }

    .paymentRow {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    .cvv-paymentField {
        grid-column: 1 / -1 !important;
    }

    .paymentField label {
        font-size: 10px !important;
    }

    .paymentField input,
    .paymentField select {
        min-height: 45px !important;
        font-size: 13px !important;
    }

    #payBtn {
        min-height: 54px !important;
        height: 54px !important;
        border-radius: 15px !important;
    }

}


@media (max-width: 380px) {

    .bookingPaymentForm {
        padding: 11px 9px 22px !important;
    }

    .bookingCardPreview {
        max-width: 100% !important;
    }

    .bookingCardNumber {
        font-size: 14px !important;
    }

    .paymentRow {
        gap: 7px !important;
    }

    .paymentField input,
    .paymentField select {
        min-height: 43px !important;
        font-size: 12px !important;
    }

    #payBtn {
        height: 52px !important;
        min-height: 52px !important;
        font-size: 13px !important;
    }

}



@media (max-width: 991.98px) {

    .fly-mail-offers-card {
        width: 100% !important;
        max-width: 100% !important;

        padding: 15px !important;

        border-radius: 16px !important;

        overflow: hidden !important;
    }

    .fly-mail-offers-field {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .fly-mail-offers-field input {
        width: 100% !important;
        min-height: 44px !important;
        border-radius: 10px !important;
    }

    .fly-mail-offers-row {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 9px !important;
    }

}

@media (max-width: 575.98px) {

    .fly-mail-offers-card {
        padding: 13px !important;
        border-radius: 14px !important;
    }

    .fly-mail-offers-row {
        grid-template-columns: 1fr !important;
    }

    .fly-mail-offers-title {
        font-size: 14px !important;
    }

    .fly-mail-offers-description {
        font-size: 10.5px !important;
        line-height: 1.45 !important;
    }

    .fly-mail-offers-desktop-break {
        display: none !important;
    }

    .fly-mail-offers-badge {
        font-size: 9px !important;
    }

}


@media (max-width: 991.98px) {

    .trust-features {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }

    .trust-feature {
        min-width: 0 !important;

        padding: 11px 8px !important;

        border-radius: 12px !important;

        background: #f8fafc !important;
    }

    .trust-feature-title {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    .trust-feature-sub {
        font-size: 8px !important;
        line-height: 1.35 !important;
    }

}


@media (max-width: 575.98px) {

    .trust-features {
        grid-template-columns: 1fr !important;
    }

    .trust-feature {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;

        padding: 10px !important;
    }

    .trust-feature-title {
        font-size: 11px !important;
    }

    .trust-feature-sub {
        font-size: 9px !important;
    }

}

@media (max-width: 767.98px) {

    .tripSecureSection {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .tripSecureSection .row {
        width: 100% !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        gap: 9px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        padding: 3px 2px 8px !important;

        scrollbar-width: none !important;

        -webkit-overflow-scrolling: touch;
    }

    .tripSecureSection .row::-webkit-scrollbar {
        display: none !important;
    }

    .tripSecureSection .row > [class*="col-"] {
        flex: 0 0 155px !important;
        width: 155px !important;
        max-width: 155px !important;
        padding: 0 !important;
    }

    .tripSecureSection .benefit-box {
        min-height: 92px !important;
        height: auto !important;

        padding: 11px !important;

        border-radius: 13px !important;
    }

}


@media (max-width: 991.98px) {

    .footer-glidova-v2 {
        width: 100% !important;
        overflow: hidden !important;
    }

    .footer-glidova-v2 .footer_mainSesction {
        width: calc(100% - 24px) !important;
        max-width: 960px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .footer-glidova-v2 .gftr-cols {
        width: 100% !important;
    }

    .footer-glidova-v2 .gftr-col {
        min-width: 0 !important;
    }

}


@media (max-width: 767.98px) {

    .footer-glidova-v2 {
        padding-top: 20px !important;
    }

    .footer-glidova-v2 .footer_mainSesction {
        width: calc(100% - 20px) !important;
    }

    .footer-glidova-v2 .gftr-stats-card {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 1px !important;

        margin-bottom: 22px !important;

        border-radius: 14px !important;
        overflow: hidden !important;
    }

    .footer-glidova-v2 .gftr-stat {
        min-width: 0 !important;
        min-height: 92px !important;

        padding: 12px 5px !important;

        justify-content: center !important;
        text-align: center !important;
    }

    .footer-glidova-v2 .gftr-stat-txt strong {
        font-size: 14px !important;
    }

    .footer-glidova-v2 .gftr-stat-txt span {
        font-size: 9px !important;
        white-space: normal !important;
    }

    .footer-glidova-v2 .gftr-newsletter-row {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        gap: 14px !important;

        padding: 20px 0 !important;

        text-align: center !important;
    }

    .footer-glidova-v2 .gftr-nl-form-wrap,
    .footer-glidova-v2 .gftr-nl-form {
        width: 100% !important;
        max-width: 100% !important;
    }

    .footer-glidova-v2 .gftr-nl-input {
        min-width: 0 !important;
        font-size: 11px !important;
    }

    .footer-glidova-v2 .gftr-cols {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .footer-glidova-v2 .gftr-col {
        width: 100% !important;
    }

    .footer-glidova-v2 .gftr-col-brand {
        text-align: center !important;
    }

}

@media (max-width: 767.98px) {

    body {
        padding-bottom: env(safe-area-inset-bottom) !important;
    }

    .premium-flight-popup-footer {
        padding-bottom:
            calc(10px + env(safe-area-inset-bottom)) !important;
    }

}

@media (max-width: 991.98px) {

    button,
    a,
    select,
    input,
    textarea {
        touch-action: manipulation;
    }

    button,
    .btn,
    input,
    select {
        -webkit-appearance: none;
    }

    button:active,
    .btn:active {
        transform: translateY(1px);
    }

}

@media (max-width: 767.98px) {

    .responsive-search-panel,
    .flight_filters_row_Sec,
    .tripSecureSection,
    .footer-glidova-v2 {
        scrollbar-width: none;
    }

    .responsive-search-panel::-webkit-scrollbar,
    .flight_filters_row_Sec::-webkit-scrollbar,
    .tripSecureSection::-webkit-scrollbar,
    .footer-glidova-v2::-webkit-scrollbar {
        display: none;
    }

}


@media (min-width: 992px) {

    .flight_filters_row_Sec,
    .responsive-search-panel,
    .premium-flight-popup,
    .traveller-card,
    .bookingPaymentWrapper,
    .bookingPaymentForm,
    .tripSecureSection,
    .footer-glidova-v2,
    .header-v3 {
    }

}

@media (max-width: 991px) {
    .full_same.smttps .insidesame{
        position: relative;
        right: 60px;
    }
    .round-domestk .fligthsmll img{
        margin-right: 3px;
    }

    #flight_search_result .allresult,
    .search-result.onlyfrflty .allresult,
    .onlyfrflty .allresult {
        min-width: 0 !important;
        width: 100% !important;
    }

    #flight_search_result {
        padding: 0 10px 20px;
    }

    #flight_search_result .rowresult.r-r-i {
        margin: 0 0 14px !important;
        padding: 0 !important;
        float: none !important;
        width: 100% !important;
    }

    #flight_search_result .rowresult.r-r-i .madgrid {
        display: flex !important;
        flex-direction: column !important;
        background: #fff !important;
        border: 1px solid #e8edf3 !important;
        border-bottom: 1px solid #e8edf3 !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06) !important;
        overflow: hidden !important;
        padding: 14px 0px 0 !important;
        transform: none !important;
        position: relative;
    }

    #flight_search_result .rowresult.r-r-i .madgrid:hover {
        transform: none !important;
        box-shadow: 0 6px 22px rgba(15, 23, 42, 0.08) !important;
        border-color: #e8edf3 !important;
    }

    #flight_search_result .pfr-m-only {
        display: unset !important;
    }

    #flight_search_result .pfr-m-btn-txt {
        display: inline-flex !important;
        align-items: center;
        gap: 6px;
    }

    #flight_search_result .pfr-m-header-right {
        display: flex !important;
    }

    #flight_search_result .pfr-m-amenities {
        display: flex !important;
    }

    #flight_search_result .pfr-m-card-footer {
        display: flex !important;
    }

    #flight_search_result .pfr-m-cabin-meta,
    #flight_search_result .pfr-m-per-traveller {
        display: block !important;
    }

    #flight_search_result .pfr-m-fare-label {
        display: flex !important;
    }

    #flight_search_result .pfr-m-stop-pill {
        display: inline-block !important;
    }

    #flight_search_result .lock-price > .pfr-m-only.fa-lock,
    #flight_search_result .lock-price > .fal.fa-lock.pfr-m-only {
        display: inline-block !important;
    }

    #flight_search_result .pfr-d-btn-txt,
    #flight_search_result .pfr-d-details-link,
    #flight_search_result .pfr-d-stop-text,
    #flight_search_result .pfr-d-stop-img,
    #flight_search_result .mrinfrmtn,
    #flight_search_result .city_code1,
    #flight_search_result .trvlrs_amt_wrappr,
    #flight_search_result .mulitple_currency {
        display: none !important;
    }

    /* ---- Airline header ---- */
    #flight_search_result .f-s-d-w.wayeght,
    #flight_search_result .f-s-d-w {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #flight_search_result .allsegments {
        display: flex !important;
        flex-direction: column !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    #flight_search_result .pfr-airline-col.quarter_wdth,
    #flight_search_result .outer-segment-0 .quarter_wdth.pfr-airline-col {
        width: 100% !important;
        float: none !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        padding: 0 0 12px !important;
        margin: 0 !important;
    }

    #flight_search_result .text_center_airline {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        text-align: left !important;
        flex: 1;
        min-width: 0;
    }

    #flight_search_result .fligthsmll {
        width: 42px;
        height: 42px;
        border-radius: 10px;
        border: 1px solid #eef2f7;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        overflow: hidden;
    }

    #flight_search_result .fligthsmll img.airline-logo {
        width: 32px !important;
        height: 32px !important;
        object-fit: contain;
    }

    #flight_search_result .pfr-airline-meta {
        text-align: left !important;
        margin: 0 !important;
    }

    #flight_search_result .a-n.airlinename {
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #0f172a !important;
        line-height: 1.2 !important;
        display: inline !important;
    }

    #flight_search_result .pfr-flight-no {
        display: inline !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #0f172a !important;
        margin-left: 4px;
    }

    #flight_search_result .pfr-flight-no::before {
        content: "";
    }

    #flight_search_result .pfr-m-cabin-meta {
        display: block !important;
        margin-top: 3px;
        font-size: 12px;
        color: #8b97a8;
        font-weight: 500;
        line-height: 1.3;
    }

    #flight_search_result .pfr-m-header-right {
        display: flex !important;
        flex-direction: column;
        align-items: flex-end;
        gap: 6px;
        flex-shrink: 0;
        margin-left: 8px;
    }

    #flight_search_result .pfr-m-heart {
        width: 34px;
        height: 34px;
        border: 0;
        background: transparent;
        color: #94a3b8;
        font-size: 18px;
        padding: 0;
        cursor: pointer;
        line-height: 1;
    }

    #flight_search_result .pfr-m-heart.is-active {
        color: #ef4444;
    }

    #flight_search_result .pfr-m-value-badge {
        display: none !important;
        background: #16a34a;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        border-radius: 999px;
        padding: 3px 10px;
        line-height: 1.3;
        white-space: nowrap;
    }

    #flight_search_result .pfr-m-value-badge.is-visible {
        display: inline-block !important;
    }

    /* ---- Flight path ---- */
    #flight_search_result .flight_details_time_ln {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        width: 115% !important;
        position: relative;
        left: 0px;
        gap: 6px;
        padding: 4px 0 0px !important;
        margin: 0 !important;
    }

    #flight_search_result .pfr-dep-col,
    #flight_search_result .pfr-arr-col,
    #flight_search_result .pfr-mid-col {
        width: auto !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #flight_search_result .pfr-dep-col,
    #flight_search_result .pfr-arr-col {
        flex: 0 0 auto;
        min-width: 72px;
    }

    #flight_search_result .pfr-arr-col {
        text-align: right;
    }

    #flight_search_result .pfr-arr-col .insidesame {
        align-items: flex-end;
    }

    #flight_search_result .pfr-mid-col {
        flex: 1 1 auto;
        min-width: 0;
        padding: 0 4px !important;
    }

    #flight_search_result .insidesame {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    #flight_search_result .bigtimef {
        font-size: 22px !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        line-height: 1.15 !important;
        margin: 0 !important;
    }

    #flight_search_result .smalairport_code {
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #334155 !important;
        display: block !important;
    }

    #flight_search_result .flt_date {
        font-size: 11px !important;
        color: #94a3b8 !important;
        font-weight: 500 !important;
        display: block !important;
        order: 3;
    }

    #flight_search_result .smalairport {
        display: none !important;
    }

    #flight_search_result .durtntime {
        text-align: center !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #64748b !important;
        margin-bottom: 4px !important;
    }

    #flight_search_result .stop_image {
        display: flex !important;
        justify-content: center;
        margin: 0 0 6px !important;
    }

    #flight_search_result .pfr-flight-path {
        width: 100% !important;
        max-width: 160px;
        margin: 0 auto;
    }

    #flight_search_result .pfr-plane {
        background: #2563eb !important;
        color: #fff !important;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
    }

    #flight_search_result .pfr-line {
        border-top: 1.5px dashed #cbd5e1 !important;
    }

    #flight_search_result .stop-value {
        text-align: center !important;
        margin: 0 !important;
        font-size: 0 !important;
    }

    #flight_search_result .pfr-m-stop-pill {
        display: inline-block !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        border-radius: 999px;
        padding: 3px 10px;
        line-height: 1.3;
    }

    #flight_search_result .pfr-m-stop-pill.is-stop {
        background: #ff7a3c;
        color: #fff;
    }

    #flight_search_result .pfr-m-stop-pill.is-nonstop {
        background: #2563eb;
        color: #fff;
        white-space: nowrap;
    }

    /* ---- Amenities ---- */
    #flight_search_result .pfr-m-amenities {
        display: flex !important;
        flex-wrap: wrap;
        gap: 10px 16px;
        padding: 4px 0 12px;
        border-top: 1px solid #f1f5f9;
        margin-top: 2px;
        padding-left: 18px;

    }

    #flight_search_result .pfr-m-amenity {
        display: inline-flex !important;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        color: #64748b;
        font-weight: 500;
    }

    #flight_search_result .pfr-m-amenity i {
        font-size: 14px;
        color: #94a3b8;
    }

    /* ---- Price + CTA ---- */
    #flight_search_result .wayfour.full_same,
    #flight_search_result .wayfour.smttps {
        width: 100% !important;
        float: none !important;
        position: static !important;
        padding: 10px 0 12px !important;
        margin: 0 !important;
        border-top: 1px solid #f1f5f9;
    }

    #flight_search_result .rowresult .madgrid .priceanbook {
        display: grid !important;
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "price action";
        align-items: center !important;
        justify-content: stretch !important;
        gap: 8px 12px;
        width: 100%;
    }

    #flight_search_result .wayprice,
    #flight_search_result .waybook {
        width: auto !important;
        float: none !important;
        padding: 0 !important;
    }

    #flight_search_result .wayprice {
        grid-area: price;
        min-width: 0;
    }

    #flight_search_result .waybook,
    #flight_search_result .waybook .form-wrapper,
    #flight_search_result .waybook .book-form-wrapper {
        display: contents !important;
    }

    #flight_search_result .morfare {
        grid-area: action;
        margin: 0 !important;
        width: auto;
    }

    #flight_search_result .pfr-card-bottom-actions {
        margin-top: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        align-items: stretch !important;
    }

    #flight_search_result .lock-price {
        grid-area: unset;
        position: relative !important;
        left: 0 !important;
        margin: 2px 0 0 !important;
        height: 40px !important;
        padding: 0 14px !important;
        border-radius: 10px;
        overflow: hidden;
        background: linear-gradient(90deg, #dbeafe 0%, #bfdbfe 100%);
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        max-width: none !important;
    }

    #flight_search_result .pfr-m-fare-label {
        display: flex !important;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        color: #64748b;
        font-weight: 500;
        margin-bottom: 2px;
    }

    #flight_search_result .priceflights {
        font-size: 22px !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin: 0 !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    #flight_search_result .priceflights small {
        font-size: 14px;
        font-weight: 700;
    }

    #flight_search_result .pfr-m-per-traveller {
        display: block !important;
        font-size: 11px;
        color: #94a3b8;
        text-align: left;
        margin-top: 2px;
    }

    #flight_search_result .morfare {
        margin: 0 !important;
        width: 100%;
    }

    #flight_search_result .morfare_btn.bookallbtn,
    #flight_search_result .bookallbtn.mfb-btn,
    #flight_search_result .b-btn.bookallbtn {
        background: #ff5a1b !important;
        border: 0 !important;
        color: #fff !important;
        border-radius: 12px !important;
        min-height: 44px;
        min-width: 132px;
        padding: 10px 16px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        box-shadow: 0 6px 16px rgba(255, 90, 27, 0.28);
        width: auto !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
    }

    #flight_search_result .lock-price .priceLock__bgSvg {
        display: none !important;
    }

    #flight_search_result .lock-price span {
        color: #1e3a8a !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        margin: 0 !important;
    }

    #flight_search_result .lock-price strong {
        color: #1e3a8a !important;
        font-weight: 800 !important;
    }

    #flight_search_result .lock-price i {
        color: #2563eb !important;
        font-size: 13px !important;
        position: relative !important;
        z-index: 1;
    }

    /* ---- Footer tabs ---- */
    #flight_search_result .pfr-m-card-footer {
        display: flex !important;
        align-items: stretch;
        justify-content: space-around;
        gap: 4px;
        border-top: 1px solid #eef2f7;
        margin: 0 -14px;
        padding: 8px 6px 10px;
        background: #fafbfc;
    }

    #flight_search_result .pfr-m-ft-item {
        flex: 1;
        border: 0;
        background: transparent;
        color: #64748b;
        font-size: 11px;
        font-weight: 600;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 6px 4px;
        cursor: pointer;
        line-height: 1.2;
        width: auto !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }

    #flight_search_result .pfr-m-ft-item.flight_Details_Chk {
        color: #64748b !important;
        background: transparent !important;
    }

    #flight_search_result .pfr-m-ft-item i {
        font-size: 16px;
        color: #64748b;
    }

    /* Mobile: hide tablet-only amenity / compare */
    #flight_search_result .pfr-m-tablet-only {
        display: none !important;
    }
}

/* Tablet refinements 768–991 */
@media (min-width: 768px) and (max-width: 991px) {

    #flight_search_result {
        padding: 0 16px 24px;
    }

    #flight_search_result .rowresult.r-r-i .madgrid {
        padding: 16px 18px 0 !important;
        border-radius: 18px !important;
    }

    #flight_search_result .pfr-m-header-right {
        flex-direction: row-reverse;
        align-items: center;
        gap: 10px;
    }

    #flight_search_result .pfr-m-tablet-only {
        display: inline-flex !important;
    }

    #flight_search_result .pfr-m-amenities {
        gap: 14px 22px;
    }

    #flight_search_result .priceanbook {
        align-items: center !important;
    }

    #flight_search_result .waybook {
        display: contents !important;
    }

    #flight_search_result .morfare_btn.bookallbtn,
    #flight_search_result .bookallbtn.mfb-btn {
        width: 100% !important;
        min-width: 180px;
    }

    #flight_search_result .lock-price {
        margin-top: 4px !important;
    }

    #flight_search_result .pfr-m-card-footer {
        margin: 0 -18px;
        padding: 10px 10px 12px;
    }

    #flight_search_result .bigtimef {
        font-size: 24px !important;
    }

    #flight_search_result .priceflights {
        font-size: 24px !important;
    }
}

/* Small phones */
@media (max-width: 380px) {
    #flight_search_result .bigtimef {
        font-size: 18px !important;
    }

    #flight_search_result .morfare_btn.bookallbtn,
    #flight_search_result .bookallbtn.mfb-btn {
        min-width: 118px;
        font-size: 13px !important;
        padding: 10px 12px !important;
    }

    #flight_search_result .priceflights {
        font-size: 18px !important;
    }
}

/* ============================================================
   Flight results — sticky Filters/Sort bar + Sort sheet (≤991px)
   ============================================================ */
.pfr-mob-fs-bar,
.pfr-sort-sheet,
.pfr-sort-sheet-backdrop {
    display: none;
}

@media (max-width: 991px) {

    /* Hide desktop sort tabs / top filter strip — replaced by bottom bar */
    body.for_flight_modi_page .price-ofr-tab,
    .search-result.onlyfrflty .price-ofr-tab {
        display: none !important;
    }

    body.for_flight_modi_page .top-filtr {
        display: none !important;
    }

    /* Space for sticky bar above content */
    body.for_flight_modi_page #flight_search_result,
    .search-result.onlyfrflty #flight_search_result {
        padding-bottom: 96px !important;
    }

    .pfr-mob-fs-bar {
        display: block;
        position: fixed;
        left: 50%;
        bottom: 2px;
        transform: translateX(-50%);
        z-index: 100050;
        width: min(420px, calc(100% - 28px));
        pointer-events: none;
    }

    .pfr-mob-fs-inner {
        pointer-events: auto;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px;
        background: #fff;
        border-radius: 999px;
        box-shadow:
            0 8px 28px rgba(15, 23, 42, 0.16),
            0 2px 8px rgba(15, 23, 42, 0.08);
        border: 1px solid rgba(15, 23, 42, 0.06);
    }

    .pfr-mob-fs-btn {
        flex: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 46px;
        border: 0;
        border-radius: 999px;
        font-size: 15px;
        font-weight: 700;
        cursor: pointer;
        line-height: 1;
        padding: 0 16px;
        transition: transform .15s ease, box-shadow .15s ease;
    }

    .pfr-mob-fs-btn:active {
        transform: scale(0.98);
    }

    .pfr-mob-fs-filters {
        background: #0b3a8f;
        color: #fff;
        box-shadow: 0 6px 16px rgba(11, 58, 143, 0.28);
    }

    .pfr-mob-fs-filters i {
        color: #fff;
        font-size: 15px;
    }

    .pfr-mob-fs-sort {
        background: #f3f5f8;
        color: #0f172a;
    }

    .pfr-mob-fs-sort i {
        color: #0f172a;
        font-size: 15px;
    }

    /* Sort bottom sheet */
    .pfr-sort-sheet-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.45);
        backdrop-filter: blur(2px);
        z-index: 100060;
        opacity: 0;
        visibility: hidden;
        transition: opacity .25s ease, visibility .25s ease;
    }

    .pfr-sort-sheet-backdrop.is-open {
        opacity: 1;
        visibility: visible;
    }

    .pfr-sort-sheet {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100070;
        background: #fff;
        border-radius: 28px 28px 0 0;
        padding: 12px 18px 28px;
        max-height: min(78vh, 560px);
        overflow: auto;
        transform: translateY(110%);
        transition: transform .28s cubic-bezier(.22, 1, .36, 1);
        box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.18);
    }

    .pfr-sort-sheet.is-open {
        transform: translateY(0);
    }

    .pfr-sort-sheet-handle {
        width: 44px;
        height: 5px;
        border-radius: 999px;
        background: #d8dee8;
        margin: 4px auto 14px;
    }

    .pfr-sort-sheet-close {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 34px;
        height: 34px;
        border: 0;
        border-radius: 50%;
        background: #eef2f7;
        color: #334155;
        font-size: 22px;
        line-height: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .pfr-sort-sheet-title {
        margin: 4px 40px 16px 4px;
        font-size: 20px;
        font-weight: 800;
        color: #0f1c3f;
        line-height: 1.2;
    }

    .pfr-sort-sheet-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .pfr-sort-option {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        text-align: left;
        border: 1.5px solid #e6ebf2;
        background: #fff;
        border-radius: 14px;
        padding: 14px 14px;
        cursor: pointer;
        min-height: 56px;
        transition: border-color .15s ease, background .15s ease;
    }

    .pfr-sort-option-ico {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        background: #eef4ff;
        color: #2563eb;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 15px;
    }

    .pfr-sort-option-label {
        flex: 1;
        font-size: 15px;
        font-weight: 700;
        color: #0f1c3f;
    }

    .pfr-sort-option-check {
        color: #2563eb;
        font-size: 16px;
        opacity: 0;
        visibility: hidden;
    }

    .pfr-sort-option.is-active {
        background: #eff6ff;
        border-color: #93c5fd;
    }

    .pfr-sort-option.is-active .pfr-sort-option-check {
        opacity: 1;
        visibility: visible;
    }

    body.pfr-sort-sheet-open {
        overflow: hidden;
    }

    /* Prefer Filters/Sort bar over call banner on mobile results */
    body.for_flight_modi_page #glidovaCallBanner,
    .search-result.onlyfrflty ~ #glidovaCallBanner,
    body.for_flight_modi_page .glidova-call-banner {
        display: none !important;
    }

    /* ---- Flight modify search bar stacking ---- */
    .for_flight_modi .hotel-modern-search.hotel-modern-search-form,
    .for_flight_modi .hotel-modern-search {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 10px !important;
        gap: 8px !important;
        border-radius: 18px !important;
    }

    .for_flight_modi .hotel-modern-search .hotel-modern-field,
    .for_flight_modi .hotel-modern-search .flight-modern-swap,
    .for_flight_modi .hotel-modern-search .hotel-modern-action {
        float: none !important;
        position: relative !important;
        height: auto !important;
        min-height: 58px !important;
        margin: 0 !important;
        border-radius: 12px !important;
        background: #f7f9fc !important;
    }

    .for_flight_modi .flight-modern-from,
    .for_flight_modi .flight-modern-to {
        flex: 1 1 calc(50% - 28px) !important;
        width: auto !important;
        max-width: none !important;
    }

    .for_flight_modi .flight-modern-swap {
        flex: 0 0 44px !important;
        width: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        order: 0;
        align-self: center;
    }

    .for_flight_modi .flight-modern-swap-btn {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 1px solid #e2e8f0;
        background: #fff;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #0b3a8f;
    }

    .for_flight_modi .flight-modern-depart,
    .for_flight_modi .flight-modern-return {
        flex: 1 1 calc(50% - 6px) !important;
        width: auto !important;
    }

    .for_flight_modi .flight-modern-pax {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    .for_flight_modi .hotel-modern-action {
        flex: 1 1 100% !important;
        width: 100% !important;
        background: transparent !important;
        padding: 0 !important;
        min-height: 0 !important;
    }

    .for_flight_modi .hotel-modern-search-button,
    .for_flight_modi #flight-form-submit {
        width: 100% !important;
        min-height: 50px !important;
        border-radius: 12px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
    }

    .for_flight_modi .hotel-modern-field + .hotel-modern-field::before,
    .for_flight_modi .hotel-modern-search .hotel-modern-field::before {
        display: none !important;
        content: none !important;
    }

    .for_flight_modi .hotel-modern-label {
        font-size: 11px !important;
        color: #8b97a8 !important;
    }

    .for_flight_modi .hotel-modern-input,
    .for_flight_modi .hotel-modern-value,
    .for_flight_modi input.hotel-modern-input {
        font-size: 14px !important;
    }

    .for_flight_modi .hotel-modern-day {
        font-size: 11px !important;
        color: #94a3b8 !important;
    }

    .for_flight_modi .hotel-modern-icon {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        border-radius: 10px !important;
        background: #eaf1ff !important;
        color: #0b3a8f !important;
    }

    .for_flight_modi .flight-modern-return.is-disabled {
        opacity: 0.55;
    }

    .for_flight_modi .hotel-modern-hero {
        height: auto !important;
        min-height: 280px;
        padding-bottom: 24px;
    }

    .for_flight_modi .hotel-modern-content {
        padding: 120px 20px 12px !important;
    }

    .for_flight_modi .hotel-modern-title {
        font-size: 32px !important;
        line-height: 1.15 !important;
    }

    .for_flight_modi .hotel-modern-search {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: calc(100% - 24px) !important;
        max-width: 720px !important;
        margin: 0 auto 16px !important;
    }

    .for_flight_modi .modfictions {
        margin-bottom: 12px;
    }

    /* ---- Transfer modify search bar stacking ---- */
    body.for_transfer_modi_page #glidovaCallBanner,
    body.for_transfer_modi_page .glidova-call-banner {
        display: none !important;
    }

    .for_transfer_modi .hotel-modern-search.hotel-modern-search-form,
    .for_transfer_modi .hotel-modern-search {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 10px !important;
        gap: 8px !important;
        border-radius: 18px !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: calc(100% - 24px) !important;
        max-width: 720px !important;
        margin: 0 auto 16px !important;
    }

    .for_transfer_modi .hotel-modern-search .hotel-modern-field,
    .for_transfer_modi .hotel-modern-search .transfer-modern-swap,
    .for_transfer_modi .hotel-modern-search .hotel-modern-action {
        float: none !important;
        position: relative !important;
        height: auto !important;
        min-height: 58px !important;
        margin: 0 !important;
        border-radius: 12px !important;
        background: #f7f9fc !important;
    }

    .for_transfer_modi .transfer-modern-from,
    .for_transfer_modi .transfer-modern-to {
        flex: 1 1 calc(50% - 28px) !important;
        width: auto !important;
        max-width: none !important;
    }

    .for_transfer_modi .transfer-modern-swap {
        flex: 0 0 44px !important;
        width: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        align-self: center;
    }

    .for_transfer_modi .transfer-modern-swap-btn {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 1px solid #e2e8f0;
        background: #fff;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #0b3a8f;
    }

    .for_transfer_modi .transfer-modern-depart,
    .for_transfer_modi .transfer-modern-return {
        flex: 1 1 calc(50% - 6px) !important;
        width: auto !important;
    }

    .for_transfer_modi .transfer-modern-pax {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    .for_transfer_modi .hotel-modern-action {
        flex: 1 1 100% !important;
        width: 100% !important;
        background: transparent !important;
        padding: 0 !important;
        min-height: 0 !important;
    }

    .for_transfer_modi .hotel-modern-search-button,
    .for_transfer_modi #flight-form-submit {
        width: 100% !important;
        min-height: 50px !important;
        border-radius: 12px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
    }

    .for_transfer_modi .hotel-modern-field + .hotel-modern-field::before,
    .for_transfer_modi .hotel-modern-search .hotel-modern-field::before {
        display: none !important;
        content: none !important;
    }

    .for_transfer_modi .hotel-modern-label {
        font-size: 11px !important;
        color: #8b97a8 !important;
    }

    .for_transfer_modi .hotel-modern-input,
    .for_transfer_modi .hotel-modern-value,
    .for_transfer_modi input.hotel-modern-input {
        font-size: 14px !important;
    }

    .for_transfer_modi .hotel-modern-icon {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        border-radius: 10px !important;
        background: #eaf1ff !important;
        color: #0b3a8f !important;
    }

    .for_transfer_modi .transfer-modern-return.is-disabled {
        opacity: 0.55;
    }

    .for_transfer_modi .hotel-modern-hero {
        height: auto !important;
        min-height: 280px;
        padding-bottom: 24px;
    }

    .for_transfer_modi .hotel-modern-content {
        padding: 120px 20px 12px !important;
    }

    .for_transfer_modi .hotel-modern-title {
        font-size: 32px !important;
        line-height: 1.15 !important;
    }

    .for_transfer_modi .modfictions {
        margin-bottom: 12px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pfr-mob-fs-bar {
        width: min(480px, calc(100% - 40px));
        bottom: 24px;
    }

    .for_flight_modi .flight-modern-from,
    .for_flight_modi .flight-modern-to {
        flex: 1 1 calc(50% - 30px) !important;
    }

    .for_flight_modi .flight-modern-depart,
    .for_flight_modi .flight-modern-return,
    .for_flight_modi .flight-modern-pax {
        flex: 1 1 calc(33.33% - 8px) !important;
        width: auto !important;
    }

    .for_flight_modi .hotel-modern-action {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 160px;
    }

    .for_flight_modi .hotel-modern-search-button {
        width: auto !important;
        min-width: 160px;
        padding: 0 20px !important;
    }

    .for_flight_modi .hotel-modern-title {
        font-size: 40px !important;
    }

    .pfr-sort-sheet {
        left: 50%;
        right: auto;
        width: min(520px, 100%);
        transform: translate(-50%, 110%);
        border-radius: 28px 28px 0 0;
    }

    .pfr-sort-sheet.is-open {
        transform: translate(-50%, 0);
    }
}

@media (max-width: 380px) {
    .pfr-mob-fs-btn {
        font-size: 14px;
        gap: 6px;
        min-height: 44px;
    }
}

/* ============================================================
   Domestic round-trip — active / collapsed columns (≤991px)
   One-way stays full-width one-line cards (no .round-domestk)
   ============================================================ */
@media (max-width: 991px) {

    /* Card body should not look like a details link on mobile */
    #flight_search_result .rowresult.r-r-i .f-s-d-w.wayeght,
    #flight_search_result .rowresult.r-r-i .f-s-d-w.wayeght .allsegments {
        cursor: default !important;
    }

    /* Keep chatbot clear of Filters/Sort + RT summary */
    body.for_flight_modi_page .chatbot,
    .search-result.onlyfrflty .chatbot {
        bottom: 110px !important;
        z-index: 90 !important;
    }

    body.pfr-dom-rt-mobile .chatbot {
        bottom: 210px !important;
        width: 40px !important;
        height: 40px !important;
    }

    /* Override legacy hide-second-column tab UX (media.css ≤650) */
    body.pfr-dom-rt-mobile .dom_tab {
        display: none !important;
    }

    body.pfr-dom-rt-mobile #t-w-i-1,
    body.pfr-dom-rt-mobile #t-w-i-2 {
        display: block !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse {
        display: flex !important;
        flex-direction: row;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: 2px;
        margin: 0 !important;
        width: 100% !important;
        padding: 0 2px;
        box-sizing: border-box;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone {
        float: none !important;
        position: relative;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0;
        max-height: calc(100vh - 240px);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transition: flex-basis .25s ease, max-width .25s ease, opacity .2s ease;
        box-sizing: border-box;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active {
        flex: 1 1 0;
        width: auto !important;
        max-width: none;
        opacity: 1;
        z-index: 2;
        pointer-events: auto;
        padding-right: 2px !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed {
        flex: 0 0 88px;
        width: 88px !important;
        max-width: 88px;
        opacity: 1;
        z-index: 1;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        padding-left: 2px !important;
    }

    /* ---- Active column cards ---- */
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .rowresult.r-r-i {
        margin: 0 0 10px !important;
        width: 100% !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .rowresult.r-r-i .madgrid {
        padding: 12px 12px 0 !important;
        overflow: hidden !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .rowresult.r-r-i.active .madgrid {
        border-color: #2f80ed !important;
        box-shadow: 0 0 0 1.5px #2f80ed, 0 4px 14px rgba(47, 128, 237, 0.12) !important;
        background: #fff !important;
    }

    /* Tap-to-select: hide bulky CTA / lock ribbon that cause overlap in RT */
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .lock-price,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .morfare,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .waybook,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .pfr-m-heart,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .pfr-m-value-badge {
        display: none !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .priceanbook {
        display: flex !important;
        grid-template-columns: none !important;
        grid-template-areas: none !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 8px;
        width: 100%;
        padding-bottom: 15px;
        background: none;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .wayprice {
        flex: 1 1 auto;
        min-width: 0;
        grid-area: auto !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .priceflights {
        font-size: 20px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .pfr-m-amenities {
        flex-wrap: wrap !important;
        gap: 6px 10px !important;
        max-width: 100%;
        overflow: hidden;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .pfr-m-amenity {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .bigtimef {
        font-size: 20px !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .flight_details_time_ln {
        gap: 4px !important;
        padding-bottom: 8px !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .pfr-dep-col,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .pfr-arr-col {
        min-width: 58px;
        max-width: 78px;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .pfr-m-card-footer {
        margin: 0 -12px !important;
        padding: 8px 8px 10px !important;
        gap: 4px;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .pfr-m-ft-item {
        font-size: 11px !important;
        padding: 6px 4px !important;
        min-width: 0;
        flex: 1 1 0;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .pfr-m-ft-item span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* ---- Collapsed mini cards ---- */
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .rowresult.r-r-i {
        margin: 0 0 8px !important;
        width: 100% !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .rowresult.r-r-i .madgrid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px;
        padding: 10px 6px !important;
        border-radius: 12px !important;
        min-height: 0 !important;
        background: #f4f7fb !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .rowresult.r-r-i.active .madgrid {
        background: #fff !important;
        border-color: #2f80ed !important;
        box-shadow: 0 0 0 1.5px #2f80ed !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .wayeght,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .wayfour,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .allsegments,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .flight_details_time_ln,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .priceanbook,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .wayprice,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .f-s-d-w {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
        left: auto !important;
        position: static !important;
        display: block !important;
        overflow: hidden !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-m-cabin-meta,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-m-header-right,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-m-amenities,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-m-card-footer,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-m-fare-label,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-m-per-traveller,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-airline-meta,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .airlinename,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-flight-no,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-mid-col,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-dep-col .from-loc,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-arr-col .to-loc,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-dep-col .smalairport_code,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-arr-col .smalairport_code,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .flt_date,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .waybook,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .morfare,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .mrinfrmtn,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .lock-price,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .trvlrs_amt_wrappr,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .flight_Details_Chk,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-d-details-link,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .first-card-text,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .propopum {
        display: none !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .allsegments {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 6px !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-airline-col.quarter_wdth,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .outer-segment-0 .quarter_wdth.pfr-airline-col {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .text_center_airline {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        flex: none !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .fligthsmll {
        margin: 0 auto !important;
        width: 30px !important;
        height: 30px !important;
        border-radius: 8px !important;
        flex-shrink: 0;
        position: relative;
        right:18px;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .fligthsmll img,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .fligthsmll img.airline-logo {
        width: 22px !important;
        height: 22px !important;
        object-fit: contain;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .flight_details_time_ln {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-dep-col,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-arr-col {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        padding: 0 !important;
        text-align: center !important;
        flex: none !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .pfr-arr-col .insidesame,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .insidesame {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0 !important;
        text-align: center !important;
        width: 100%;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .bigtimef {
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
        color: #0f172a !important;
        white-space: nowrap;
        letter-spacing: -0.02em;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .wayfour.full_same,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .smttps {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .priceanbook {
        display: flex !important;
        justify-content: center;
        align-items: center;
        grid-template-columns: none !important;
        grid-template-areas: none !important;
        border: 0 !important;
        padding: 0 !important;
        width: 100%;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .wayprice {
        width: 100% !important;
        display: flex !important;
        justify-content: center;
        left: 0 !important;
        grid-area: auto !important;
        display: none;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .priceflights {
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        color: #0f172a !important;
        margin: 0 !important;
        white-space: nowrap;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .priceflights strong,
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .priceflights small {
        font-size: inherit !important;
        display: inline !important;
        font-weight: inherit !important;
    }

    body.pfr-dom-rt-mobile:has(#multi-flight-summary-container:not(.hide)) .pfr-mob-fs-bar {
        bottom: 5px;
    }

    body.pfr-dom-rt-mobile:has(#multi-flight-summary-container:not(.hide)) #flight_search_result {
        padding-bottom: 250px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed {
        flex: 0 0 112px;
        width: 112px !important;
        max-width: 112px;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .bigtimef {
        font-size: 13px !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .priceflights {
        font-size: 12px !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .bigtimef {
        font-size: 22px !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .priceflights {
        font-size: 22px !important;
    }

    body.pfr-dom-rt-mobile:has(#multi-flight-summary-container:not(.hide)) .pfr-mob-fs-bar {
        bottom: 132px;
    }

    body.pfr-dom-rt-mobile .chatbot {
        bottom: 180px !important;
    }
}

@media (max-width: 380px) {
    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed {
        flex: 0 0 78px;
        width: 78px !important;
        max-width: 78px;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .bigtimef {
        font-size: 11px !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-collapsed .priceflights {
        font-size: 10px !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .bigtimef {
        font-size: 18px !important;
    }

    #flight_search_result .round-domestk.pfr-rt-collapse > .rondnone.pfr-rt-active .priceflights {
        font-size: 18px !important;
    }
}

/* mobile responisve for the flight search result  */

@media (max-width: 767px) {
    .hotel-search-sticky{
        display: none !important;
    }

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        background: #f6f8fc !important;
    }

    body {
        -webkit-font-smoothing: antialiased;
    }

    .container,
    .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .allresult {
        width: 100% !important;
        overflow: visible !important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* =========================================================
   2. CURRENT SELECTION / SUMMARY
   ========================================================= */

@media (max-width: 767px) {

    #multi-flight-summary-container {
        --app-navy: #071b3d;
        --app-blue: #155eef;
        --app-orange: #ff5a1f;
        --app-red: #ff3d5a;
        --app-muted: #8994a8;
        --app-border: #e7ebf2;

        position: relative !important;

        width: calc(100% - 8px) !important;
        margin: 10px auto 18px !important;

        padding: 0 !important;

        background: transparent !important;

        z-index: 100;
    }


    /* MAIN CARD */

    #multi-flight-summary-container .insidecurent {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;

        border: 1px solid #e4e9f1 !important;

        border-radius: 22px !important;

        overflow: hidden !important;

        box-shadow:
            0 12px 35px rgba(15, 32, 60, .10),
            0 3px 10px rgba(15, 32, 60, .04) !important;
    }


    /* =====================================================
       FLIGHT AREA
       ===================================================== */

    #multi-flight-summary-container
    .insidecurent > .col-xs-10 {

        width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;
    }


    #multi-flight-summary-container
    .insidecurent > .col-xs-10 > .col-xs-6 {

        width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;
    }


    #multi-flight-summary-container .selctarln,
    #multi-flight-summary-container .cloroutbnd {

        position: relative !important;

        display: grid !important;

        grid-template-columns: 68px 1fr !important;

        align-items: center !important;

        width: 100% !important;

        min-height: 112px !important;

        padding: 27px 14px 13px !important;

        background: #fff !important;

        border: 0 !important;

        margin: 0 !important;
    }


    /* separator */

    #multi-flight-summary-container
    .insidecurent > .col-xs-10 > .col-xs-6:first-child
    .selctarln {

        border-bottom: 1px dashed #dce2ec !important;
    }


    /* =====================================================
       DEPARTURE / RETURN LABEL
       ===================================================== */

    #multi-flight-summary-container
    .insidecurent > .col-xs-10 > .col-xs-6:first-child
    .selctarln::before {

        content: "DEPARTURE";

        position: absolute;

        left: 13px;
        top: 9px;

        padding: 4px 8px;

        border-radius: 6px;

        background: #edf4ff;

        color: #1248a5;

        font-size: 7px;

        font-weight: 800;

        letter-spacing: .7px;

        line-height: 1;
    }


    #multi-flight-summary-container
    .insidecurent > .col-xs-10 > .col-xs-6:nth-child(2)
    .cloroutbnd::before {

        content: "RETURN";

        position: absolute;

        left: 13px;
        top: 9px;

        padding: 4px 8px;

        border-radius: 6px;

        background: #fff0eb;

        color: #f0522c;

        font-size: 7px;

        font-weight: 800;

        letter-spacing: .7px;

        line-height: 1;
    }


    /* =====================================================
       AIRLINE
       ===================================================== */

    #multi-flight-summary-container .flightimage {

        width: 68px !important;

        padding: 0 !important;

        text-align: center;
    }


    #multi-flight-summary-container .fligthsmll {

        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 43px !important;
        height: 43px !important;

        margin: 0 auto 5px !important;

        background:
            linear-gradient(
                145deg,
                #ffffff,
                #f6f8fc
            ) !important;

        border: 1px solid #e8edf5 !important;

        border-radius: 50% !important;

        box-shadow:
            0 5px 15px rgba(30, 50, 80, .06);
    }


    #multi-flight-summary-container
    .fligthsmll img {

        width: 28px !important;
        height: 28px !important;

        max-width: 28px !important;

        object-fit: contain !important;
    }


    #multi-flight-summary-container .airlinename {

        display: block !important;

        width: 100% !important;

        max-width: 65px !important;

        margin: 0 auto !important;

        overflow: hidden;

        color: #17233b !important;

        font-size: 8px !important;

        font-weight: 700 !important;

        line-height: 1.2 !important;

        white-space: nowrap;

        text-overflow: ellipsis;

        text-align: center !important;
    }


    /* =====================================================
       ROUTE
       ===================================================== */

    #multi-flight-summary-container .listfull {

        width: 100% !important;

        padding: 0 !important;
    }


    #multi-flight-summary-container
    .sidenamedesc,
    #multi-flight-summary-container
    .celhtl,
    #multi-flight-summary-container
    .waymensn,
    #multi-flight-summary-container
    .flitruo {

        width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;
    }


    #multi-flight-summary-container .topnavi,
    #multi-flight-summary-container .detlnavi {

        display: flex !important;

        align-items: center !important;

        width: 100% !important;

        margin: 0 !important;
    }


    #multi-flight-summary-container
    .widftysing,
    #multi-flight-summary-container
    .widfty {

        width: 31% !important;

        padding: 0 !important;
    }


    #multi-flight-summary-container
    .nonefitysing,
    #multi-flight-summary-container
    .nonefity {

        width: 38% !important;

        padding: 0 4px !important;
    }


    /* airport */

    #multi-flight-summary-container .flitrlbl {

        display: block;

        color: #071b3d !important;

        font-size: 16px !important;

        font-weight: 800 !important;

        line-height: 1 !important;

        white-space: nowrap;
    }


    #multi-flight-summary-container
    .text_algn_rit {

        text-align: right !important;
    }


    /* =====================================================
       TIME
       ===================================================== */

    #multi-flight-summary-container .timlbl {

        display: block;

        color: #071b3d !important;

        font-size: 16px !important;

        font-weight: 800 !important;

        line-height: 1 !important;
    }


    /* =====================================================
       ROUTE LINE
       ===================================================== */

    #multi-flight-summary-container .pfr-flight-path {

        position: relative;

        display: flex !important;

        align-items: center;

        justify-content: center;

        width: 100% !important;

        height: 20px;
    }


    #multi-flight-summary-container .pfr-line {

        display: block;

        width: 28%;

        height: 1px;

        background: #ccd5e4;
    }


    #multi-flight-summary-container .pfr-dot {

        width: 5px;

        height: 5px;

        flex: 0 0 5px;

        border: 1px solid #9fb0ca;

        border-radius: 50%;

        background: #fff;
    }


    #multi-flight-summary-container .pfr-plane {

        display: flex;

        align-items: center;
        justify-content: center;

        width: 23px;

        height: 23px;

        margin: 0 3px;

        border-radius: 50%;

        background: #eaf1ff;

        color: #155eef;
    }


    #multi-flight-summary-container
    .pfr-plane i {

        font-size: 10px;

        transform: rotate(90deg);
    }


    /* =====================================================
       DURATION
       ===================================================== */

    #multi-flight-summary-container .lyovrtime {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 2px;
    }


    #multi-flight-summary-container .duration {

        color: #8290a6 !important;

        font-size: 8px !important;

        font-weight: 600 !important;

        white-space: nowrap;
    }


    #multi-flight-summary-container .stop-count {

        color: #758196 !important;

        font-size: 7px !important;

        font-weight: 500 !important;

        white-space: nowrap;
    }


    #multi-flight-summary-container
    .stop-image,
    #multi-flight-summary-container
    .stop-image1 {

        display: none !important;
    }


    /* =====================================================
       PRICE BAR
       ===================================================== */

    #multi-flight-summary-container
    .insidecurent > .col-xs-2 {

        display: block !important;

        width: 100% !important;

        min-width: 0 !important;

        padding: 12px 13px !important;

        background:
            linear-gradient(
                180deg,
                #f8faff 0%,
                #f5f8fd 100%
            ) !important;

        border: 0 !important;

        border-top: 1px solid #e9edf3 !important;
    }


    #multi-flight-summary-container .sidepricewrp {

        display: flex !important;

        align-items: center !important;

        justify-content: space-between !important;

        width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;
    }


    #multi-flight-summary-container .sidepricebig {

        position: relative;

        display: flex;

        align-items: baseline;

        margin: 0 !important;

        padding-top: 10px;

        color: #ef3e31 !important;

        font-size: 23px !important;

        font-weight: 800 !important;

        line-height: 1 !important;
    }


    #multi-flight-summary-container
    .sidepricebig::before {


        position: absolute;

        top: -1px;
        left: 0;

        color: #8d98aa;

        font-size: 7px;

        font-weight: 800;

        letter-spacing: .8px;
    }


    #multi-flight-summary-container
    .sidepricebig .currency {

        margin-right: 2px;

        color: #ef4b30 !important;

        font-size: 14px !important;
    }


    #multi-flight-summary-container
    .insidecurent > .col-xs-2
    .col-xs-12 {

        width: auto !important;

        padding: 0 !important;
    }


    #multi-flight-summary-container .bookbtn {

        width: 112px !important;
    }


    /* =====================================================
       BOOK BUTTON
       ===================================================== */

    #multi-flight-summary-container
    #multi-flight-booking-btn {

        display: flex !important;

        align-items: center;

        justify-content: center;

        width: 112px !important;

        height: 40px !important;

        min-height: 40px !important;

        padding: 0 !important;

        border: 0 !important;

        border-radius: 12px !important;

        background:
            linear-gradient(
                135deg,
                #ff661f 0%,
                #ff3f57 100%
            ) !important;

        color: #fff !important;

        font-family: inherit;

        font-size: 12px !important;

        font-weight: 800 !important;

        box-shadow:
            0 8px 18px rgba(255, 79, 46, .25) !important;

        transition: .25s ease;
    }


    #multi-flight-summary-container
    #multi-flight-booking-btn:active {

        transform: scale(.97);
    }
}


/* =========================================================
   3. FLIGHT SEARCH RESULT CARDS
   FIXES THE SQUEEZED DESKTOP CARD IN MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #flight_search_result {

        width: 100% !important;

        padding: 0 4px 105px !important;

        overflow: visible !important;
    }


    #flight_search_result
    .round-domestk {

        width: 100% !important;

        display: block !important;

        overflow: visible !important;
    }


    #flight_search_result
    .rondnone {

        width: 100% !important;

        display: block !important;

        padding: 0 !important;

        margin: 0 0 14px !important;

        overflow: visible !important;
    }


    #flight_search_result
    .rowresult {

        width: 100% !important;

        display: block !important;

        padding: 0 !important;

        margin: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    /* MAIN FLIGHT CARD */

    #flight_search_result
    .madgrid {

        position: relative;

        display: block !important;

        width: 100% !important;

        min-height: 0 !important;

        padding: 18px 15px !important;

        margin: 0 !important;

        background: #fff !important;

        border: 1.5px solid #d9e3f4 !important;

        border-radius: 20px !important;

        box-shadow:
            0 8px 25px rgba(15, 35, 70, .07) !important;

        overflow: hidden !important;
    }


    /* remove old bootstrap columns */

    #flight_search_result
    .madgrid > .col-xs-8,
    #flight_search_result
    .madgrid > .col-xs-4 {

        float: none !important;

        width: 100% !important;

        max-width: 100% !important;

        padding: 0 18px !important;

        margin: 0 !important;
    }


    #flight_search_result
    .f-s-d-w {

        width: 100% !important;

        padding: 0 !important;
    }


    /* airline header */

    #flight_search_result
    .pfr-airline-col {

        width: 100% !important;

        display: flex !important;

        align-items: center !important;

        gap: 10px;

        padding: 0 !important;

        margin-bottom: 18px !important;
    }


    #flight_search_result
    .text_center_airline {

        display: flex !important;

        align-items: flex-start !important;

        width: 100% !important;

        text-align: left !important;
    }


    #flight_search_result
    .pfr-airline-col
    .fligthsmll {

        display: flex !important;

        align-items: center;

        justify-content: center;

        width: 45px !important;

        height: 45px !important;

        flex: 0 0 45px;

        margin: 0 !important;

        background: #f7f9fc;

        border: 1px solid #e6ebf2;

        border-radius: 13px;
    }


    #flight_search_result
    .pfr-airline-col
    .fligthsmll img {

        width: 28px !important;

        height: 28px !important;

        object-fit: contain;
    }


    #flight_search_result
    .pfr-airline-meta {

        text-align: left !important;

        padding-left: 0 !important;
    }


    #flight_search_result
    .pfr-airline-meta
    .airlinename {

        display: inline-block !important;

        width: auto !important;

        max-width: 180px !important;

        color: #111c32 !important;

        font-size: 14px !important;

        font-weight: 800 !important;

        white-space: nowrap;
    }


    #flight_search_result
    .pfr-flight-no {

        display: inline-block !important;

        margin-left: 5px;

        color: #62718a !important;

        font-size: 11px !important;

        font-weight: 600 !important;
    }


    #flight_search_result
    .pfr-m-cabin-meta {

        display: block !important;

        margin-top: 3px;

        color: #8793a7 !important;

        font-size: 10px !important;

        font-weight: 600 !important;
    }


    /* =====================================================
       FLIGHT TIME / ROUTE
       ===================================================== */

    #flight_search_result
    .pfr-depart-col,
    #flight_search_result
    .pfr-arr-col {

        width: 33.333% !important;

        float: none !important;

        display: inline-block !important;

        vertical-align: top;

        padding: 0 !important;

        margin: 0 !important;
    }


    #flight_search_result
    .pfr-mid-col {

        width: 33.333% !important;

        float: none !important;

        display: inline-block !important;

        vertical-align: top;

        padding: 0 !important;

        margin: 0 !important;
    }


    #flight_search_result
    .bigtimef {

        color: #071b3d !important;

        font-size: 22px !important;

        font-weight: 800 !important;

        line-height: 1.1 !important;
    }


    #flight_search_result
    .smalairport_code {

        margin-top: 6px;

        color: #1b2a43 !important;

        font-size: 12px !important;

        font-weight: 700 !important;
    }


    #flight_search_result
    .flt_date {

        display: block !important;

        margin-top: 5px;

        color: #94a0b2 !important;

        font-size: 9px !important;

        font-weight: 600 !important;

        line-height: 1.3;
    }


    #flight_search_result
    .smalairport {

        margin-top: 3px;

        color: #8995a8 !important;

        font-size: 9px !important;

        font-weight: 500 !important;
    }


    /* =====================================================
       CENTER ROUTE
       ===================================================== */

    #flight_search_result
    .pfr-flight-path {

        display: flex !important;

        align-items: center;

        justify-content: center;

        width: 100%;

        height: 32px;

        margin-top: 14px;
    }


    #flight_search_result
    .pfr-flight-path
    .pfr-line {

        width: 28%;

        height: 1px;

        background: #cad4e4;
    }


    #flight_search_result
    .pfr-flight-path
    .pfr-plane {

        display: flex;

        align-items: center;

        justify-content: center;

        width: 27px;

        height: 27px;

        margin: 0 4px;

        border-radius: 50%;

        background: #eaf1ff;

        color: #155eef;
    }


    #flight_search_result
    .duration {

        display: block !important;

        margin-top: 4px;

        color: #75839a !important;

        font-size: 10px !important;

        font-weight: 700 !important;

        text-align: center;
    }


    /* =====================================================
       NON STOP BADGE
       ===================================================== */

    #flight_search_result
    .stop-count {

        display: inline-flex !important;

        align-items: center;

        justify-content: center;

        margin-top: 9px;

        padding: 5px 16px;

        border-radius: 50px;

        background: linear-gradient(
            135deg,
            #ff6420,
            #ff4b36
        ) !important;

        color: #fff !important;

        font-size: 9px !important;

        font-weight: 800 !important;
    }


    /* =====================================================
       MOBILE AMENITIES
       ===================================================== */

    #flight_search_result
    .pfr-m-amenities {

        display: flex !important;

        align-items: center;

        gap: 8px;

        width: 100%;

        margin-top: 4px;

        padding-top: 14px;

        border-top: 1px solid #edf0f5;
    }


    #flight_search_result
    .pfr-m-amenity {

        display: flex !important;

        align-items: center;

        gap: 5px;

        color: #647188;

        font-size: 11px;

        font-weight: 100;
    }


    #flight_search_result
    .pfr-m-amenity i {

        color: #155eef;

        font-size: 12px;
    }
}


/* =========================================================
   4. HIDE SIDE FLIGHT MINI-COLUMNS ON SMALL MOBILE
   ========================================================= */

@media (max-width: 600px) {

    #flight_search_result
    .wayfour {

        width: 100% !important;

        display: block !important;

        padding: 0 !important;

        margin-top: 12px !important;
    }


    #flight_search_result
    .priceanbook {

        display: none !important;
    }


    #flight_search_result
    .quarter_wdth {

        width: 33.333% !important;
    }


    #flight_search_result
    .quarter_wdth.pfr-airline-col {

        width: 100% !important;
    }
}


/* =========================================================
   5. MOBILE FILTER / SORT BOTTOM BAR
   ========================================================= */

@media (max-width: 767px) {

    .top-filtr {

        position: fixed !important;

        left: 10px !important;
        right: 10px !important;
        bottom: 9px !important;

        z-index: 9999 !important;

        display: flex !important;

        align-items: center !important;

        width: auto !important;

        height: 62px !important;

        padding: 5px !important;

        background: rgba(255,255,255,.92) !important;

        border: 1px solid rgba(210,218,230,.9) !important;

        border-radius: 35px !important;

        box-shadow:
            0 12px 35px rgba(8,25,55,.16),
            0 2px 8px rgba(8,25,55,.08) !important;

        backdrop-filter: blur(18px);

        -webkit-backdrop-filter: blur(18px);
    }


    /* FILTER */

    .top-filtr .filter_tab {

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        width: 50% !important;

        height: 50px !important;

        margin: 0 !important;

        padding: 0 !important;

        border-radius: 28px !important;

        background:
            linear-gradient(
                135deg,
                #123f96,
                #0b3aa4
            ) !important;

        color: #fff !important;

        font-size: 13px !important;

        font-weight: 800 !important;

        box-shadow:
            0 6px 15px rgba(11,58,164,.22);
    }


    .top-filtr .filter_tab .rticon {

        margin-right: 8px;

        font-size: 13px;
    }


    /* STOPS HIDDEN FROM BOTTOM BAR */

    .top-filtr .stp {

        display: none !important;
    }


    /* SORT */

    .price-ofr-tab {

        position: relative !important;

        display: flex !important;

        width: calc(100% - 20px) !important;

        margin: 10px auto !important;

        padding: 4px !important;

        background: #fff !important;

        border-radius: 15px !important;

        box-shadow: 0 4px 15px rgba(10,30,60,.06);
    }


    .price-ofr-tab a {

        flex: 1;

        padding: 10px 4px !important;

        border-radius: 11px;

        text-align: center;

        font-size: 8px !important;
    }
}


/* =========================================================
   6. SORT BUTTON
   ========================================================= */

@media (max-width: 767px) {

    #top-sort-list-wrapper {

        display: none !important;
    }


    /* Create modern SORT button */

    .top-filtr::after {

        content: "☷   Sort";

        display: flex;

        align-items: center;

        justify-content: center;

        width: 50%;

        height: 50px;

        margin-left: 5px;

        border-radius: 28px;

        background: #f1f4f8;

        color: #152139;

        font-size: 13px;

        font-weight: 800;
    }
}


/* =========================================================
   7. MOBILE RESULT SPACING
   ========================================================= */

@media (max-width: 767px) {

    .filterforall {

        margin-bottom: 0 !important;
    }


    .price-ofr-tab {

        overflow-x: auto !important;

        scrollbar-width: none;
    }


    .price-ofr-tab::-webkit-scrollbar {

        display: none;
    }


    .price-ofr-tab a {

        min-width: 105px;

        white-space: nowrap;
    }


    .price-ofr-tab .active {

        background: #eef4ff !important;

        color: #1248a5 !important;
    }
}


/* =========================================================
   8. 480px
   ========================================================= */

@media (max-width: 480px) {

    #multi-flight-summary-container {

        width: calc(100% - 4px) !important;

        margin-top: 8px !important;
    }


    #multi-flight-summary-container
    .selctarln,
    #multi-flight-summary-container
    .cloroutbnd {

        grid-template-columns: 62px 1fr !important;

        min-height: 105px !important;

        padding-left: 11px !important;

        padding-right: 11px !important;
    }


    #multi-flight-summary-container
    .flightimage {

        width: 62px !important;
    }


    #multi-flight-summary-container
    .fligthsmll {

        width: 39px !important;

        height: 39px !important;
    }


    #multi-flight-summary-container
    .fligthsmll img {

        width: 25px !important;

        height: 25px !important;
    }


    #multi-flight-summary-container
    .flitrlbl {

        font-size: 15px !important;
    }


    #multi-flight-summary-container
    .timlbl {

        font-size: 15px !important;
    }


    #multi-flight-summary-container
    .sidepricebig {

        font-size: 22px !important;
    }


    #multi-flight-summary-container
    #multi-flight-booking-btn {

        width: 108px !important;

        height: 39px !important;
    }


    .top-filtr {

        left: 8px !important;

        right: 8px !important;

        bottom: 7px !important;
    }
}

@media (max-width: 360px) {

    #multi-flight-summary-container
    .selctarln,
    #multi-flight-summary-container
    .cloroutbnd {

        grid-template-columns: 55px 1fr !important;

        padding-left: 9px !important;

        padding-right: 9px !important;
    }


    #multi-flight-summary-container
    .flightimage {

        width: 55px !important;
    }


    #multi-flight-summary-container
    .fligthsmll {

        width: 35px !important;

        height: 35px !important;
    }


    #multi-flight-summary-container
    .fligthsmll img {

        width: 22px !important;

        height: 22px !important;
    }


    #multi-flight-summary-container
    .airlinename {

        max-width: 55px !important;

        font-size: 7px !important;
    }


    #multi-flight-summary-container
    .flitrlbl {

        font-size: 13px !important;
    }


    #multi-flight-summary-container
    .timlbl {

        font-size: 13px !important;
    }


    #multi-flight-summary-container
    .duration {

        font-size: 7px !important;
    }


    #multi-flight-summary-container
    .stop-count {

        font-size: 6px !important;
    }


    #multi-flight-summary-container
    .sidepricebig {

        font-size: 20px !important;
    }


    #multi-flight-summary-container
    #multi-flight-booking-btn {

        width: 100px !important;
    }
}


/* =========================================================
   10. TOUCH / APP-LIKE FEEL
   ========================================================= */

@media (max-width: 767px) {

    button,
    a {

        -webkit-tap-highlight-color: transparent;
    }


    #multi-flight-summary-container,
    #flight_search_result .madgrid,
    .top-filtr {

        -webkit-user-select: none;

        user-select: none;
    }


    #flight_search_result .madgrid {

        transition:
            transform .18s ease,
            box-shadow .18s ease;
    }


    #flight_search_result .madgrid:active {

        transform: scale(.992);

        box-shadow:
            0 4px 15px rgba(15,35,70,.08) !important;
    }
}



section.search-result.onlyfrflty::-webkit-scrollbar {
    display: none;
}

section.search-result.onlyfrflty > * {
    flex: 0 0 calc(100% - 32px);
    scroll-snap-align: center;
}




@media (min-width: 1200px) {

    .flight-results-sidebar {
        width: 320px;
        max-width: 320px;
        flex: 0 0 320px;
    }

    .sidebar-ad-card {
        width: 100%;
    }

    .sidebar-ad-card-inner {
        padding: 0;
    }

    .sidebar-ad-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
    }

    .sidebar-ad-badge {
        max-width: 70%;
    }

    .sidebar-ad-image {
        max-width: 100%;
    }

    .sidebar-ad-content {
        width: 100%;
        text-align: center;
    }

    .sidebar-ad-content h3 {
        font-size: 34px;
        line-height: 1.03;
    }

    .sidebar-ad-content p {
        font-size: 15px;
        line-height: 1.55;
    }
}


/* =========================================================
   LAPTOP / SMALL DESKTOP
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199px) {

    .flight-results-sidebar {
        width: 290px;
        max-width: 290px;
        flex: 0 0 290px;
    }

    .sidebar-ad-card {
        border-radius: 20px;
    }

    .sidebar-ad-content h3 {
        font-size: 30px;
        line-height: 1.05;
    }

    .sidebar-ad-content p {
        font-size: 14px;
        line-height: 1.5;
    }

    .sidebar-ad-call {
        width: 100%;
    }

    .sidebar-ad-benefit {
        min-width: 0;
    }
}


/* =========================================================
   TABLET
   768px - 991px
   ========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .flight-results-sidebar {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0;
    }

    .sidebar-ad-wrapper {
        width: 100%;
    }

    .sidebar-ad-card {
        width: 100%;
        border-radius: 20px;
    }

    .sidebar-ad-card-inner {
        display: grid;
        grid-template-columns: 170px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        column-gap: 20px;
        padding: 20px;
    }

    /* Hide decorative dots if they consume unnecessary space */
    .sidebar-ad-dots {
        display: none;
    }

    .sidebar-ad-top {
        grid-column: 1 / -1;
        grid-row: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 10px;
    }

    .sidebar-ad-image {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        max-width: 170px;
        align-self: center;
    }

    .sidebar-ad-image img {
        display: block;
        width: 100%;
        max-width: 170px;
        height: auto;
        object-fit: contain;
    }

    .sidebar-ad-content {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        min-width: 0;
        text-align: left;
        align-self: center;
    }

    .sidebar-ad-content h3 {
        margin: 8px 0 10px;
        font-size: 30px;
        line-height: 1.05;
    }

    .sidebar-ad-content p {
        margin: 0 0 14px;
        font-size: 14px;
        line-height: 1.45;
    }

    .sidebar-ad-call {
        width: 100%;
        max-width: 280px;
    }

    .sidebar-ad-benefits {
        grid-column: 1 / -1;
        grid-row: 3;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin-top: 15px;
    }

    .sidebar-ad-benefit {
        min-width: 0;
        padding: 10px;
    }

    .sidebar-ad-benefit-left {
        min-width: 0;
    }

    .sidebar-ad-benefit-left strong {
        font-size: 12px;
        line-height: 1.2;
    }

    .sidebar-ad-benefit-arrow {
        display: none;
    }

    .sidebar-ad-availability,
    .sidebar-ad-trust {
        grid-column: 1 / -1;
        width: 100%;
    }

    .sidebar-ad-availability {
        margin-top: 12px;
    }

    .sidebar-ad-trust {
        margin-top: 10px;
    }
}


/* =========================================================
   MOBILE
   <= 767px
   ========================================================= */

@media (max-width: 767px) {

    .flight-results-sidebar {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex: none;
        margin: 0;
        padding: 0;
    }

    .sidebar-ad-wrapper {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .sidebar-ad-card {
        width: 100%;
        max-width: 100%;
        border-radius: 18px;
        margin: 0;
    }

    .sidebar-ad-card-inner {
        width: 100%;
        min-width: 0;
        padding: 18px;
        overflow: hidden;
    }

    /* -----------------------------------------
       TOP AREA
       ----------------------------------------- */

    .sidebar-ad-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        margin-bottom: 6px;
    }

    .sidebar-ad-badge {
        font-size: 13px;
        line-height: 1.2;
        max-width: 75%;
        white-space: normal;
    }

    .sidebar-ad-sponsored {
        font-size: 10px;
        white-space: nowrap;
    }


    /* -----------------------------------------
       DOTS
       ----------------------------------------- */

    .sidebar-ad-dots {
        transform: scale(.75);
        transform-origin: top left;
        opacity: .7;
    }


    /* -----------------------------------------
       IMAGE
       ----------------------------------------- */

    .sidebar-ad-image {
        width: 135px;
        max-width: 135px;
        margin: 5px auto 5px;
    }

    .sidebar-ad-image img {
        display: block;
        width: 100%;
        max-width: 135px;
        height: auto;
        object-fit: contain;
    }

    .sidebar-ad-phone-bubble {
        transform: scale(.9);
    }


    /* -----------------------------------------
       CONTENT
       ----------------------------------------- */

    .sidebar-ad-content {
        width: 100%;
        min-width: 0;
        text-align: center;
        padding: 0;
    }

    .sidebar-ad-eyebrow {
        display: block;
        width: 100%;
        margin: 8px 0 8px;
        font-size: 11px;
        line-height: 1.3;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .sidebar-ad-content h3 {
        width: 100%;
        margin: 0 0 8px;
        font-size: clamp(28px, 8vw, 38px);
        line-height: .98;
        letter-spacing: -1px;
    }

    .sidebar-ad-content p {
        width: 100%;
        max-width: 320px;
        margin: 0 auto 14px;
        font-size: 14px;
        line-height: 1.45;
    }


    /* -----------------------------------------
       CALL BUTTON
       ----------------------------------------- */

    .sidebar-ad-call {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 58px;
        margin: 0 auto;
        padding: 10px 14px;
        border-radius: 14px;
        text-decoration: none;
    }

    .sidebar-ad-call > span {
        flex: 0 0 auto;
    }

    .sidebar-ad-call div {
        min-width: 0;
        text-align: left;
    }

    .sidebar-ad-call small,
    .sidebar-ad-call strong {
        display: block;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .sidebar-ad-call strong {
        font-size: 14px;
    }


    /* -----------------------------------------
       BENEFITS
       ----------------------------------------- */

    .sidebar-ad-benefits {
        width: 100%;
        margin-top: 14px;
    }

    .sidebar-ad-benefit {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding: 9px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .sidebar-ad-benefit-left {
        display: flex;
        align-items: center;
        min-width: 0;
        gap: 9px;
    }

    .sidebar-ad-benefit-left strong {
        min-width: 0;
        font-size: 12px;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    .sidebar-ad-benefit-icon {
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sidebar-ad-benefit-arrow {
        flex: 0 0 auto;
    }


    /* -----------------------------------------
       AVAILABILITY
       ----------------------------------------- */

    .sidebar-ad-availability {
        width: 100%;
        min-height: 36px;
        margin-top: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        font-size: 12px;
    }


    /* -----------------------------------------
       TRUST BOX
       ----------------------------------------- */

    .sidebar-ad-trust {
        width: 100%;
        margin-top: 10px;
    }

    .sidebar-ad-trust-content {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
        min-width: 0;
        padding: 12px;
    }

    .sidebar-ad-trust-icon {
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sidebar-ad-trust-content > div {
        min-width: 0;
    }

    .sidebar-ad-trust-content h4 {
        margin: 0 0 3px;
        font-size: 13px;
        line-height: 1.2;
    }

    .sidebar-ad-trust-content p {
        margin: 0;
        font-size: 11px;
        line-height: 1.4;
    }
}


/* =========================================================
   SMALL MOBILE
   <= 480px
   ========================================================= */

@media (max-width: 480px) {

    .sidebar-ad-card {
        border-radius: 16px;
    }

    .sidebar-ad-card-inner {
        padding: 15px;
    }

    .sidebar-ad-top {
        margin-bottom: 2px;
    }

    .sidebar-ad-badge {
        font-size: 11px;
    }

    .sidebar-ad-sponsored {
        font-size: 9px;
    }

    .sidebar-ad-image {
        width: 115px;
        max-width: 115px;
    }

    .sidebar-ad-image img {
        max-width: 115px;
    }

    .sidebar-ad-eyebrow {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .sidebar-ad-content h3 {
        font-size: 30px;
        line-height: .98;
    }

    .sidebar-ad-content p {
        font-size: 13px;
        line-height: 1.4;
        padding: 0 4px;
    }

    .sidebar-ad-call {
        min-height: 54px;
        padding: 8px 10px;
    }

    .sidebar-ad-call strong {
        font-size: 13px;
    }

    .sidebar-ad-benefit {
        min-height: 43px;
        padding: 8px;
    }

    .sidebar-ad-benefit-left {
        gap: 7px;
    }

    .sidebar-ad-benefit-icon {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
    }

    .sidebar-ad-benefit-left strong {
        font-size: 11px;
    }

    .sidebar-ad-trust-content {
        padding: 10px;
    }

    .sidebar-ad-trust-content h4 {
        font-size: 12px;
    }

    .sidebar-ad-trust-content p {
        font-size: 10px;
    }
}


/* =========================================================
   VERY SMALL PHONES
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

    .sidebar-ad-card-inner {
        padding: 12px;
    }

    .sidebar-ad-top {
        align-items: flex-start;
    }

    .sidebar-ad-badge {
        font-size: 10px;
    }

    .sidebar-ad-sponsored {
        font-size: 8px;
    }

    .sidebar-ad-image {
        width: 100px;
        max-width: 100px;
    }

    .sidebar-ad-image img {
        max-width: 100px;
    }

    .sidebar-ad-content h3 {
        font-size: 27px;
    }

    .sidebar-ad-content p {
        font-size: 12px;
    }

    .sidebar-ad-call strong {
        font-size: 12px;
    }

    .sidebar-ad-benefit-left strong {
        font-size: 10px;
    }

    .sidebar-ad-benefit-arrow {
        font-size: 10px;
    }
}


/* =========================================================
   IMPORTANT: PREVENT BOOTSTRAP / PARENT CONTAINER OVERFLOW
   ========================================================= */

@media (max-width: 991px) {
    #flight_search_result .round-domestk .wayfour.full_same{
        border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    }
    #flight_form .roomcount {
    max-width: 338px;
    margin-top: 30px;
}
    section.search-result.onlyfrflty .stop-value, section.search-result.onlyfrflty .stop_image+.stop-value{
        background: none !important;
    }

    .flight-results-sidebar,
    .sidebar-ad-wrapper,
    .sidebar-ad-card,
    .sidebar-ad-card-inner {
        min-width: 0 !important;
    }

    .sidebar-ad-card img {
        max-width: 100%;
        height: auto;
    }
}

/* =========================================================
   FLIGHT RESULTS SIDEBAR - FULLY RESPONSIVE
   ========================================================= */

.flight-results-sidebar {
    width: 100%;
    max-width: 320px;
    min-width: 0;
    box-sizing: border-box;
}

.flight-results-sidebar *,
.flight-results-sidebar *::before,
.flight-results-sidebar *::after {
    box-sizing: border-box;
}

.sidebar-ad-wrapper {
    width: 100%;
    max-width: 100%;
}

.sidebar-ad-card {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 22px;
}

.sidebar-ad-card-inner {
    width: 100%;
    min-width: 0;
    position: relative;
    overflow: hidden;
}

/* Prevent long content from forcing the card wider */
.sidebar-ad-card-inner h3,
.sidebar-ad-card-inner p,
.sidebar-ad-card-inner strong,
.sidebar-ad-card-inner span,
.sidebar-ad-card-inner a {
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1200px) {

    .flight-results-sidebar {
        width: 320px;
        max-width: 320px;
        flex: 0 0 320px;
    }

    .sidebar-ad-card {
        width: 100%;
    }

    .sidebar-ad-card-inner {
        padding: 0;
    }

    .sidebar-ad-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
    }

    .sidebar-ad-badge {
        max-width: 70%;
    }

    .sidebar-ad-image {
        max-width: 100%;
    }

    .sidebar-ad-content {
        width: 100%;
        text-align: center;
    }

    .sidebar-ad-content h3 {
        font-size: 34px;
        line-height: 1.03;
    }

    .sidebar-ad-content p {
        font-size: 15px;
        line-height: 1.55;
    }
}


/* =========================================================
   LAPTOP / SMALL DESKTOP
   ========================================================= */

@media (min-width: 992px) and (max-width: 1199px) {

    .flight-results-sidebar {
        width: 290px;
        max-width: 290px;
        flex: 0 0 290px;
    }

    .sidebar-ad-card {
        border-radius: 20px;
    }

    .sidebar-ad-content h3 {
        font-size: 30px;
        line-height: 1.05;
    }

    .sidebar-ad-content p {
        font-size: 14px;
        line-height: 1.5;
    }

    .sidebar-ad-call {
        width: 100%;
    }

    .sidebar-ad-benefit {
        min-width: 0;
    }
}


/* =========================================================
   TABLET
   768px - 991px
   ========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .flight-results-sidebar {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0;
    }

    .sidebar-ad-wrapper {
        width: 100%;
    }

    .sidebar-ad-card {
        width: 100%;
        border-radius: 20px;
    }

    .sidebar-ad-card-inner {
        display: grid;
        grid-template-columns: 170px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        column-gap: 20px;
        padding: 20px;
    }

    /* Hide decorative dots if they consume unnecessary space */
    .sidebar-ad-dots {
        display: none;
    }

    .sidebar-ad-top {
        grid-column: 1 / -1;
        grid-row: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 10px;
    }

    .sidebar-ad-image {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        max-width: 170px;
        align-self: center;
    }

    .sidebar-ad-image img {
        display: block;
        width: 100%;
        max-width: 170px;
        height: auto;
        object-fit: contain;
    }

    .sidebar-ad-content {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        min-width: 0;
        text-align: left;
        align-self: center;
    }

    .sidebar-ad-content h3 {
        margin: 8px 0 10px;
        font-size: 30px;
        line-height: 1.05;
    }

    .sidebar-ad-content p {
        margin: 0 0 14px;
        font-size: 14px;
        line-height: 1.45;
    }

    .sidebar-ad-call {
        width: 100%;
        max-width: 280px;
    }

    .sidebar-ad-benefits {
        grid-column: 1 / -1;
        grid-row: 3;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin-top: 15px;
    }

    .sidebar-ad-benefit {
        min-width: 0;
        padding: 10px;
    }

    .sidebar-ad-benefit-left {
        min-width: 0;
    }

    .sidebar-ad-benefit-left strong {
        font-size: 12px;
        line-height: 1.2;
    }

    .sidebar-ad-benefit-arrow {
        display: none;
    }

    .sidebar-ad-availability,
    .sidebar-ad-trust {
        grid-column: 1 / -1;
        width: 100%;
    }

    .sidebar-ad-availability {
        margin-top: 12px;
    }

    .sidebar-ad-trust {
        margin-top: 10px;
    }
}


/* =========================================================
   MOBILE
   <= 767px
   ========================================================= */

@media (max-width: 767px) {

    .flight-results-sidebar {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex: none;
        margin: 0;
        padding: 0;
    }

    .sidebar-ad-wrapper {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .sidebar-ad-card {
        width: 100%;
        max-width: 100%;
        border-radius: 18px;
        margin: 0;
    }

    .sidebar-ad-card-inner {
        width: 100%;
        min-width: 0;
        padding: 18px;
        overflow: hidden;
    }

    /* -----------------------------------------
       TOP AREA
       ----------------------------------------- */

    .sidebar-ad-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        margin-bottom: 6px;
    }

    .sidebar-ad-badge {
        font-size: 13px;
        line-height: 1.2;
        max-width: 75%;
        white-space: normal;
    }

    .sidebar-ad-sponsored {
        font-size: 10px;
        white-space: nowrap;
    }


    /* -----------------------------------------
       DOTS
       ----------------------------------------- */

    .sidebar-ad-dots {
        transform: scale(.75);
        transform-origin: top left;
        opacity: .7;
    }


    /* -----------------------------------------
       IMAGE
       ----------------------------------------- */

    .sidebar-ad-image {
        width: 135px;
        max-width: 135px;
        margin: 5px auto 5px;
    }

    .sidebar-ad-image img {
        display: block;
        width: 100%;
        max-width: 135px;
        height: auto;
        object-fit: contain;
    }

    .sidebar-ad-phone-bubble {
        transform: scale(.9);
    }


    /* -----------------------------------------
       CONTENT
       ----------------------------------------- */

    .sidebar-ad-content {
        width: 100%;
        min-width: 0;
        text-align: center;
        padding: 0;
    }

    .sidebar-ad-eyebrow {
        display: block;
        width: 100%;
        margin: 8px 0 8px;
        font-size: 11px;
        line-height: 1.3;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .sidebar-ad-content h3 {
        width: 100%;
        margin: 0 0 8px;
        font-size: clamp(28px, 8vw, 38px);
        line-height: .98;
        letter-spacing: -1px;
    }

    .sidebar-ad-content p {
        width: 100%;
        max-width: 320px;
        margin: 0 auto 14px;
        font-size: 14px;
        line-height: 1.45;
    }


    /* -----------------------------------------
       CALL BUTTON
       ----------------------------------------- */

    .sidebar-ad-call {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 58px;
        margin: 0 auto;
        padding: 10px 14px;
        border-radius: 14px;
        text-decoration: none;
    }

    .sidebar-ad-call > span {
        flex: 0 0 auto;
    }

    .sidebar-ad-call div {
        min-width: 0;
        text-align: left;
    }

    .sidebar-ad-call small,
    .sidebar-ad-call strong {
        display: block;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .sidebar-ad-call strong {
        font-size: 14px;
    }


    /* -----------------------------------------
       BENEFITS
       ----------------------------------------- */

    .sidebar-ad-benefits {
        width: 100%;
        margin-top: 14px;
    }

    .sidebar-ad-benefit {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding: 9px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .sidebar-ad-benefit-left {
        display: flex;
        align-items: center;
        min-width: 0;
        gap: 9px;
    }

    .sidebar-ad-benefit-left strong {
        min-width: 0;
        font-size: 12px;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    .sidebar-ad-benefit-icon {
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sidebar-ad-benefit-arrow {
        flex: 0 0 auto;
    }


    /* -----------------------------------------
       AVAILABILITY
       ----------------------------------------- */

    .sidebar-ad-availability {
        width: 100%;
        min-height: 36px;
        margin-top: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        font-size: 12px;
    }


    /* -----------------------------------------
       TRUST BOX
       ----------------------------------------- */

    .sidebar-ad-trust {
        width: 100%;
        margin-top: 10px;
    }

    .sidebar-ad-trust-content {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
        min-width: 0;
        padding: 12px;
    }

    .sidebar-ad-trust-icon {
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sidebar-ad-trust-content > div {
        min-width: 0;
    }

    .sidebar-ad-trust-content h4 {
        margin: 0 0 3px;
        font-size: 13px;
        line-height: 1.2;
    }

    .sidebar-ad-trust-content p {
        margin: 0;
        font-size: 11px;
        line-height: 1.4;
    }
}


/* =========================================================
   SMALL MOBILE
   <= 480px
   ========================================================= */

@media (max-width: 480px) {

    .sidebar-ad-card {
        border-radius: 16px;
    }

    .sidebar-ad-card-inner {
        padding: 15px;
    }

    .sidebar-ad-top {
        margin-bottom: 2px;
    }

    .sidebar-ad-badge {
        font-size: 11px;
    }

    .sidebar-ad-sponsored {
        font-size: 9px;
    }

    .sidebar-ad-image {
        width: 115px;
        max-width: 115px;
    }

    .sidebar-ad-image img {
        max-width: 115px;
    }

    .sidebar-ad-eyebrow {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .sidebar-ad-content h3 {
        font-size: 30px;
        line-height: .98;
    }

    .sidebar-ad-content p {
        font-size: 13px;
        line-height: 1.4;
        padding: 0 4px;
    }

    .sidebar-ad-call {
        min-height: 54px;
        padding: 8px 10px;
    }

    .sidebar-ad-call strong {
        font-size: 13px;
    }

    .sidebar-ad-benefit {
        min-height: 43px;
        padding: 8px;
    }

    .sidebar-ad-benefit-left {
        gap: 7px;
    }

    .sidebar-ad-benefit-icon {
        width: 27px;
        height: 27px;
        flex-basis: 27px;
    }

    .sidebar-ad-benefit-left strong {
        font-size: 11px;
    }

    .sidebar-ad-trust-content {
        padding: 10px;
    }

    .sidebar-ad-trust-content h4 {
        font-size: 12px;
    }

    .sidebar-ad-trust-content p {
        font-size: 10px;
    }
}


/* =========================================================
   VERY SMALL PHONES
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

    .sidebar-ad-card-inner {
        padding: 12px;
    }

    .sidebar-ad-top {
        align-items: flex-start;
    }

    .sidebar-ad-badge {
        font-size: 10px;
    }

    .sidebar-ad-sponsored {
        font-size: 8px;
    }

    .sidebar-ad-image {
        width: 100px;
        max-width: 100px;
    }

    .sidebar-ad-image img {
        max-width: 100px;
    }

    .sidebar-ad-content h3 {
        font-size: 27px;
    }

    .sidebar-ad-content p {
        font-size: 12px;
    }

    .sidebar-ad-call strong {
        font-size: 12px;
    }

    .sidebar-ad-benefit-left strong {
        font-size: 10px;
    }

    .sidebar-ad-benefit-arrow {
        font-size: 10px;
    }
}


/* =========================================================
   IMPORTANT: PREVENT BOOTSTRAP / PARENT CONTAINER OVERFLOW
   ========================================================= */

@media (max-width: 991px) {

    .flight-results-sidebar,
    .sidebar-ad-wrapper,
    .sidebar-ad-card,
    .sidebar-ad-card-inner {
        min-width: 0 !important;
    }

    .sidebar-ad-card img {
        max-width: 100%;
        height: auto;
    }
}
/* =========================================================
   FLIGHT SEARCH BAR - RESPONSIVE
   Desktop → Tablet → Mobile
   ========================================================= */

/* ---------- DESKTOP BASE ---------- */

.flight-search-box {
    width: calc(100% - 80px);
    max-width: 1280px;
    margin: 12px auto 0;
    padding: 20px 16px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(20, 40, 70, 0.10);

    display: flex;
    align-items: center;
    gap: 0;
    box-sizing: border-box;
}

/* Individual fields */
.flight-search-box .search-field {
    min-width: 0;
    padding: 0 18px;
    border-right: 1px solid #e8edf3;
    box-sizing: border-box;
}

/* From / To */
.flight-search-box .location-field {
    flex: 1.15;
}

/* Dates */
.flight-search-box .date-field {
    flex: 0.9;
}

/* Travelers */
.flight-search-box .traveler-field {
    flex: 1.1;
}

/* Search button */
.flight-search-box .search-btn {
    flex: 0 0 165px;
    margin-left: 8px;
}

/* =========================================================
   TABLET
   768px - 1024px
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .flight-search-box {
        width: calc(100% - 32px);
        margin: 12px auto;
        padding: 16px;
        border-radius: 16px;

        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .flight-search-box .search-field {
        width: 100%;
        min-height: 64px;

        padding: 12px 14px;

        border: 1px solid #e6ebf2;
        border-radius: 12px;

        background: #fff;
    }

    /* From + To */
    .flight-search-box .location-field {
        flex: none;
    }

    /* Dates */
    .flight-search-box .date-field {
        flex: none;
    }

    /* Travelers */
    .flight-search-box .traveler-field {
        flex: none;
    }

    /* Button spans full width */
    .flight-search-box .search-btn {
        width: 100%;
        height: 54px;
        margin: 0;

        grid-column: 1 / -1;

        border-radius: 12px;
    }
}


/* =========================================================
   MOBILE
   767px AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .flight-search-box {
        width: calc(100% - 24px);
        margin: 10px auto;
        padding: 12px;

        display: flex;
        flex-direction: column;
        align-items: stretch;

        gap: 10px;

        border-radius: 18px;

        box-shadow:
            0 5px 20px rgba(20, 40, 70, 0.10);
    }

    /* Every field becomes a card */
    .flight-search-box .search-field {
        width: 100%;
        min-height: 62px;

        display: flex;
        align-items: center;

        padding: 10px 13px;

        border: 1px solid #e8edf3;
        border-radius: 13px;

        background: #fff;

        box-sizing: border-box;
    }

    /* Location fields */
    .flight-search-box .location-field {
        flex: none;
    }

    /* Date fields */
    .flight-search-box .date-field {
        flex: none;
    }

    /* Traveler */
    .flight-search-box .traveler-field {
        flex: none;
    }

    /* Search button */
    .flight-search-box .search-btn {
        width: 100%;
        height: 52px;

        flex: none;
        margin: 2px 0 0;

        border-radius: 13px;

        font-size: 15px;
        font-weight: 700;
    }
}


/* =========================================================
   SMALL MOBILE
   480px AND BELOW
   ========================================================= */

@media (max-width: 480px) {

    .flight-search-box {
        width: calc(100% - 20px);
        padding: 10px;
        gap: 8px;

        border-radius: 16px;
    }

    .flight-search-box .search-field {
        min-height: 58px;
        padding: 9px 11px;

        border-radius: 12px;
    }

    .flight-search-box .search-btn {
        height: 50px;
        border-radius: 12px;
    }
}

/* =========================================================
   FIXED FLIGHT SUMMARY — DESKTOP + TABLET + MOBILE
   ========================================================= */

#multi-flight-summary-container.nsf-card {
    position: fixed !important;

    left: 50% !important;
    bottom: 0 !important;

    top: auto !important;
    right: auto !important;

    transform: translateX(-50%) !important;

    width: min(1400px, calc(100% - 30px)) !important;
    max-width: 1400px !important;

    margin: 0 !important;

    z-index: 999999 !important;

    background: #ffffff !important;

    border-radius: 18px 18px 0 0 !important;

    border: 1px solid rgba(226, 232, 240, .9) !important;
    border-bottom: 0 !important;

    box-shadow:
        0 -8px 30px rgba(15, 23, 42, .12),
        0 -2px 8px rgba(15, 23, 42, .05) !important;

    overflow: hidden !important;
}


/* Keep the main layout horizontal */
#multi-flight-summary-container.nsf-card .nsf-main {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
}


/* Departure + Return */
#multi-flight-summary-container.nsf-card .nsf-segments {
    display: flex !important;
    flex-direction: row !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}


/* Each flight segment */
#multi-flight-summary-container.nsf-card .nsf-segment {
    flex: 1 1 50% !important;
    min-width: 0 !important;
}


/* Price + Book */
#multi-flight-summary-container.nsf-card .nsf-price-book {
    flex: 0 0 300px !important;
    width: 300px !important;
    min-width: 300px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 0px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    #multi-flight-summary-container.nsf-card {
        width: calc(100% - 20px) !important;
        max-width: none !important;

        border-radius: 16px 16px 0 0 !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-segment {
        padding: 18px 14px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-price-book {
        flex: 0 0 240px !important;
        width: 240px !important;
        min-width: 240px !important;

        padding: 18px 16px !important;
        gap: 12px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-airline-wrap {
        width: 48px !important;
        height: 48px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-airline-wrap img {
        width: 28px !important;
        height: 28px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-airline-name {
        font-size: 14px !important;
        max-width: 90px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-flight-num {
        font-size: 11px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-time {
        font-size: 22px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-code {
        font-size: 12px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-price-display .f-p {
        font-size: 28px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-price-display .currency {
        font-size: 17px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-book-btn {
        padding: 12px 16px !important;
        font-size: 16px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #multi-flight-summary-container.nsf-card {
        left: 0 !important;
        bottom: 0 !important;

        transform: none !important;

        width: 100% !important;
        max-width: none !important;

        border-radius: 16px 16px 0 0 !important;

        margin: 0 !important;
    }


    /* IMPORTANT:
       Keep Departure + Return side by side */
    #multi-flight-summary-container.nsf-card .nsf-main {
        flex-direction: column !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-segments {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-segment {
        width: 50% !important;
        flex: 1 1 50% !important;

        padding: 12px 10px !important;
    }


    /* Smaller labels */
    #multi-flight-summary-container.nsf-card .nsf-tag {
        font-size: 8px !important;
        padding: 4px 9px !important;
        margin-bottom: 9px !important;
    }


    /* Airline */
    #multi-flight-summary-container.nsf-card .nsf-seg-content {
        gap: 8px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-airline-row {
        gap: 7px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-airline-wrap {
        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-airline-wrap img {
        width: 19px !important;
        height: 19px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-airline-name {
        font-size: 10px !important;
        max-width: 80px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-flight-num {
        font-size: 9px !important;
        margin-top: 1px !important;
    }


    /* Route */
    #multi-flight-summary-container.nsf-card .nsf-route-wrap {
        gap: 2px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-time {
        font-size: 16px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-code {
        font-size: 9px !important;
        margin-top: 2px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-path-block {
        min-width: 0 !important;
        padding: 0 2px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-path-line {
        height: 15px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-plane-icon {
        width: 21px !important;
        height: 21px !important;
        font-size: 9px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-dot {
        width: 5px !important;
        height: 5px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-duration {
        font-size: 8px !important;
        margin-top: 3px !important;
    }


    /* Price + Book row */
    #multi-flight-summary-container.nsf-card .nsf-price-book {
        width: 100% !important;
        min-width: 100% !important;

        flex: none !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        padding: 10px 12px !important;

        gap: 10px !important;

        border-left: 0 !important;
        border-top: 1px solid #e5e7eb !important;

        background: #f8fafc !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-price-info {
        flex: 1 !important;
        min-width: 0 !important;

        padding-right: 10px !important;

        border-right: 1px solid #e2e8f0 !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-fare-label {
        font-size: 8px !important;
        margin-bottom: 2px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-price-display {
        gap: 3px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-price-display .currency {
        font-size: 14px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-price-display .f-p {
        font-size: 24px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-book-btn-wrap {
        flex: 0 0 120px !important;
        width: 120px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-book-btn {
        width: 100% !important;

        padding: 10px 12px !important;

        border-radius: 11px !important;

        font-size: 14px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-book-btn::after {
        font-size: 18px !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

    #multi-flight-summary-container.nsf-card .nsf-segment {
        padding: 10px 8px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-airline-wrap {
        width: 29px !important;
        height: 29px !important;
        flex-basis: 29px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-airline-name {
        font-size: 9px !important;
        max-width: 65px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-time {
        font-size: 14px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-code {
        font-size: 8px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-duration {
        font-size: 7px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-book-btn-wrap {
        flex-basis: 105px !important;
        width: 105px !important;
    }

    #multi-flight-summary-container.nsf-card .nsf-price-display .f-p {
        font-size: 21px !important;
    }
}


@media (max-width: 550px)
{
.transferlct{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
}











```css
/* ============================================================
   GLIDOVA - LARGE DESKTOP RESPONSIVE OVERRIDE
   ============================================================

   IMPORTANT:
   - Affects ONLY screens 1500px and above
   - Does NOT modify anything below 1500px
   - No PHP changes
   - No JavaScript changes
   - No Bootstrap changes
   - Existing desktop/tablet/mobile design remains untouched

   Supported:
   1500px+
   1600px+
   1700px+
   1920px+
   2200px+
   2560px+
   4K / Ultra-wide
   ============================================================ */


/* ============================================================
   1500PX+
   BASE LARGE-DESKTOP SYSTEM
   ============================================================ */

@media (min-width: 1500px) {

    /* --------------------------------------------------------
       GLOBAL
       -------------------------------------------------------- */

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    img,
    video,
    iframe {
        max-width: 100%;
    }


    /* --------------------------------------------------------
       MAIN BOOTSTRAP CONTAINER

       Don't allow content to become excessively wide.
       This keeps the UI premium on 1920/2560/4K screens.
       -------------------------------------------------------- */

    .container {
        width: min(94vw, 1680px) !important;
        max-width: 1680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .container-fluid {
        width: 100%;
        max-width: 100%;
        padding-left: clamp(20px, 2vw, 40px);
        padding-right: clamp(20px, 2vw, 40px);
    }


    /* --------------------------------------------------------
       ROW SAFETY
       -------------------------------------------------------- */

    .container > .row,
    .container-fluid > .row {
        margin-left: 0;
        margin-right: 0;
    }


    /* ========================================================
       HEADER
       ======================================================== */

    .topssec .container,
    .middle_grad .container,
    .navbar .container {
        width: min(94vw, 1680px) !important;
        max-width: 1680px !important;
    }


    /* ========================================================
       MAIN SEARCH AREA
       ======================================================== */

    .allformst,
    #search-form,
    .secndblak,
    .secndblak_agent {
        width: 100%;
        max-width: 1680px;
        margin-left: auto;
        margin-right: auto;
    }


    /* ========================================================
       SEARCH FORM INTERNAL SPACING
       ======================================================== */

    .secndblak,
    .secndblak_agent {
        box-sizing: border-box;
    }

    .secndblak .row,
    .secndblak_agent .row {
        margin-left: 0;
        margin-right: 0;
    }


    /* ========================================================
       FLIGHT / HOTEL / CAR / TRANSFER / ACTIVITY RESULTS
       ======================================================== */

    #flight_search_result,
    #hotel_search_result,
    #transfer_search_result,
    #activity_search_result,
    #car_search_result {
        width: 100%;
        max-width: 100%;
    }


    /* --------------------------------------------------------
       Existing .allresult has min-width: 935px.
       On large screens we don't need a hard minimum.
       -------------------------------------------------------- */

    .allresult {
        width: 100%;
        min-width: 0 !important;
        max-width: 100%;
    }


    /* ========================================================
       FLIGHT RESULT LIST
       ======================================================== */

    #flight_search_result .rowresult {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }


    /* ========================================================
       FLIGHT RESULT CARD
       ======================================================== */

    #flight_search_result .rowresult .madgrid {

        width: 100%;
        max-width: 100%;

        display: flex;
        flex-wrap: wrap;
        align-items: stretch;

        box-sizing: border-box;

        overflow: hidden;

        margin-left: 0;
        margin-right: 0;
    }


    /* ========================================================
       FLIGHT CARD INTERNAL COLUMNS
       ======================================================== */

    #flight_search_result .rowresult .madgrid > * {
        box-sizing: border-box;
        min-width: 0;
    }


    /* Prevent text from pushing columns outside the card */

    #flight_search_result .madgrid
    .airline-name,
    #flight_search_result .madgrid
    .flight-name,
    #flight_search_result .madgrid
    .airline,
    #flight_search_result .madgrid
    .city-name,
    #flight_search_result .madgrid
    .airport-name {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    /* ========================================================
       FLIGHT SEGMENTS
       ======================================================== */

    #flight_search_result .allsegments {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }


    /* ========================================================
       FLIGHT TIME SECTION
       ======================================================== */

    .flight_details_time_ln {

        display: flex;

        align-items: center;

        justify-content: center;

        width: 100%;

        gap: clamp(
            28px,
            3.5vw,
            75px
        );

        min-width: 0;

        flex-wrap: nowrap;
    }


    /* Round-trip */

    .round-domestk .flight_details_time_ln {

        display: flex;

        align-items: center;

        justify-content: center;

        width: 100%;

        gap: clamp(
            24px,
            3vw,
            65px
        );

        flex-wrap: nowrap;
    }


    /* ========================================================
       FLIGHT ROUTE VISUAL
       ======================================================== */

    .pfr-flight-path {

        flex: 1 1 auto;

        width: auto;

        min-width: 160px;

        max-width: 450px;

        box-sizing: border-box;
    }


    .ix-flight-route {

        width: 100%;

        max-width: 240px;

        min-width: 130px;

        box-sizing: border-box;
    }


    /* ========================================================
       AIRLINE LOGO
       ======================================================== */

    .fligthsmll img {

        width: 50px;

        height: auto;

        max-width: 60px;

        object-fit: contain;
    }


    /* ========================================================
       PRICE + BOOK BUTTON
       ======================================================== */

    #flight_search_result
    .rowresult
    .madgrid
    .priceanbook {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        min-width: 170px;

        max-width: 260px;

        padding-left: 20px;

        padding-right: 20px;

        box-sizing: border-box;
    }


    #flight_search_result .priceflights {

        font-size: clamp(
            20px,
            1.25vw,
            28px
        );

        line-height: 1.2;

        margin-left: 0;

        white-space: nowrap;
    }


    /* ========================================================
       PRICE CARD
       ======================================================== */

    .priceanbook {

        height: auto;

        min-height: 22%;

        box-sizing: border-box;
    }


    /* ========================================================
       FARE AIRLINE SECTION
       ======================================================== */

    #fare-serch-airlin {

        width: 100%;

        max-width: 100%;

        box-sizing: border-box;
    }


    #fare-serch-airlin .column.title {

        min-width: 250px;

        max-width: 340px;

        flex-shrink: 0;
    }


    #fare-serch-airlin .column.title h3 {

        font-size: clamp(
            22px,
            1.3vw,
            28px
        );

        line-height: 1.2;
    }


    /* ========================================================
       AIRLINE MATRIX
       ======================================================== */

    #arlinemtrx .owl-wrapper {

        display: flex !important;

        align-items: stretch;

        gap: 12px;

        width: 100%;
    }


    #arlinemtrx .owl-item {

        width: auto !important;

        flex: 0 0 auto;
    }


    .airlinesd {

        min-width: 110px;

        max-width: 150px;

        box-sizing: border-box;
    }


    /* ========================================================
       HOTEL RESULTS
       ======================================================== */

    #hotel_search_result .madgrid {

        width: 100%;

        max-width: 100%;

        box-sizing: border-box;
    }


    /* ========================================================
       GENERAL RESULT CARDS
       ======================================================== */

    .madgrid {

        max-width: 100%;

        box-sizing: border-box;
    }


    /* ========================================================
       SEARCH / CONTENT SECTIONS
       ======================================================== */

    .recommended-destinations-sec,
    .holiday-packages-sec,
    .popular-flight-routes-sec {

        width: 100%;

        box-sizing: border-box;
    }


    .recommended-destinations-sec > .container,
    .holiday-packages-sec > .container,
    .popular-flight-routes-sec > .container {

        width: min(94vw, 1680px) !important;

        max-width: 1680px !important;

        margin-left: auto !important;

        margin-right: auto !important;
    }


    /* ========================================================
       DESTINATION / HOLIDAY GRIDS
       ======================================================== */

    .recommended-destinations-grid,
    .holiday-packages-grid {

        display: grid;

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: clamp(
            24px,
            2.4vw,
            45px
        );

        width: 100%;
    }


    /* ========================================================
       DESTINATION CARDS
       ======================================================== */

    .recommended-destination-card,
    .holiday-package-card {

        width: 100%;

        min-width: 0;

        max-width: 100%;

        overflow: hidden;
    }


    .recommended-destination-img-wrap,
    .holiday-package-img-wrap {

        width: 100%;

        height: clamp(
            280px,
            18vw,
            350px
        );

        overflow: hidden;
    }


    /* ========================================================
       CARD IMAGES
       ======================================================== */

    .recommended-destination-img,
    .holiday-package-img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        display: block;
    }


    /* ========================================================
       CARD TEXT
       ======================================================== */

    .recommended-destination-card h3,
    .holiday-package-title {

        max-width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;
    }


    /* ========================================================
       SECTION HEADINGS
       ======================================================== */

    .recommended-destinations-title,
    .holiday-packages-title,
    .popular-flight-routes-title {

        font-size: clamp(
            34px,
            2.3vw,
            46px
        );

        line-height: 1.15;
    }


    /* ========================================================
       GALLERY
       ======================================================== */

    .glry {

        width: 100%;

        max-width: 100%;

        box-sizing: border-box;
    }


    .glry .row {

        display: grid;

        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        gap: 10px;

        width: 100%;

        margin: 0;
    }


    .glry .row > .column {

        width: 100%;

        min-width: 0;
    }


    .column img {

        width: 100%;

        height: 100%;

        object-fit: cover;
    }


    /* ========================================================
       GALLERY POPUP
       ======================================================== */

    .glry_popup_pg .modal-content {

        width: min(92vw, 1500px);

        max-width: 1500px;

        margin-left: auto;

        margin-right: auto;
    }


    /* ========================================================
       STICKY NAVIGATION
       ======================================================== */

    .sticky-nav-tabs-container--top-first,
    .sticky-nav-tabs-container--top-second {

        width: min(94vw, 1680px) !important;

        max-width: 1680px !important;

        left: 50%;

        transform: translateX(-50%);

        margin-left: 0 !important;

        margin-right: 0 !important;
    }


    /* ========================================================
       GENERAL MODALS
       ======================================================== */

    .modal-dialog {

        width: auto;

        max-width: min(
            90vw,
            1400px
        );

        margin-left: auto;

        margin-right: auto;
    }


    /* ========================================================
       LARGE TYPOGRAPHY
       ======================================================== */

    .bigcaption {

        font-size: clamp(
            48px,
            3.8vw,
            70px
        );

        line-height: 1.05;
    }


    /* ========================================================
       PREVENT TEXT / INPUT OVERFLOW
       ======================================================== */

    input,
    select,
    textarea,
    button {

        max-width: 100%;

        box-sizing: border-box;
    }


    /* ========================================================
       TABLE RESPONSIVENESS
       ======================================================== */

    .table-responsive {

        width: 100%;

        max-width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;
    }
}


/* ============================================================
   1600PX+
   ============================================================ */

@media (min-width: 1600px) {

    .container,
    .topssec .container,
    .middle_grad .container,
    .navbar .container {

        width: min(93vw, 1760px) !important;

        max-width: 1760px !important;
    }


    .allformst,
    #search-form,
    .secndblak,
    .secndblak_agent {

        max-width: 1760px;
    }


    .recommended-destinations-sec > .container,
    .holiday-packages-sec > .container,
    .popular-flight-routes-sec > .container {

        width: min(93vw, 1760px) !important;

        max-width: 1760px !important;
    }


    .flight_details_time_ln {

        gap: clamp(
            35px,
            3.5vw,
            85px
        );
    }
}


/* ============================================================
   1800PX+
   ============================================================ */

@media (min-width: 1800px) {

    .container,
    .topssec .container,
    .middle_grad .container,
    .navbar .container {

        width: min(92vw, 1840px) !important;

        max-width: 1840px !important;
    }


    .allformst,
    #search-form,
    .secndblak,
    .secndblak_agent {

        max-width: 1840px;
    }


    .recommended-destinations-sec > .container,
    .holiday-packages-sec > .container,
    .popular-flight-routes-sec > .container {

        width: min(92vw, 1840px) !important;

        max-width: 1840px !important;
    }


    .recommended-destination-img-wrap,
    .holiday-package-img-wrap {

        height: 340px;
    }


    #flight_search_result .rowresult .madgrid {

        min-height: 150px;
    }


    .pfr-flight-path {

        max-width: 500px;
    }
}


/* ============================================================
   1920PX+
   FULL HD
   ============================================================ */

@media (min-width: 1920px) {

    .container,
    .topssec .container,
    .middle_grad .container,
    .navbar .container {

        width: min(91vw, 1920px) !important;

        max-width: 1920px !important;
    }


    .allformst,
    #search-form,
    .secndblak,
    .secndblak_agent {

        max-width: 1920px;
    }


    .recommended-destinations-sec > .container,
    .holiday-packages-sec > .container,
    .popular-flight-routes-sec > .container {

        width: min(91vw, 1920px) !important;

        max-width: 1920px !important;
    }


    /* Flight spacing */

    .flight_details_time_ln {

        gap: clamp(
            45px,
            3.5vw,
            95px
        );
    }


    .round-domestk .flight_details_time_ln {

        gap: clamp(
            35px,
            3vw,
            80px
        );
    }


    /* Flight card */

    #flight_search_result
    .rowresult
    .madgrid {

        border-radius: 8px;
    }


    /* Homepage cards */

    .recommended-destinations-grid,
    .holiday-packages-grid {

        gap: 48px;
    }


    .recommended-destination-img-wrap,
    .holiday-package-img-wrap {

        height: 350px;
    }


    /* Headings */

    .recommended-destinations-title,
    .holiday-packages-title,
    .popular-flight-routes-title {

        font-size: clamp(
            40px,
            2.2vw,
            50px
        );
    }
}


/* ============================================================
   2200PX+
   ULTRA-WIDE
   ============================================================ */

@media (min-width: 2200px) {

    .container,
    .topssec .container,
    .middle_grad .container,
    .navbar .container {

        width: min(88vw, 2050px) !important;

        max-width: 2050px !important;
    }


    .allformst,
    #search-form,
    .secndblak,
    .secndblak_agent {

        max-width: 2050px;
    }


    .recommended-destinations-sec > .container,
    .holiday-packages-sec > .container,
    .popular-flight-routes-sec > .container {

        width: min(88vw, 2050px) !important;

        max-width: 2050px !important;
    }


    .recommended-destinations-grid,
    .holiday-packages-grid {

        gap: 55px;
    }


    .recommended-destination-img-wrap,
    .holiday-package-img-wrap {

        height: 370px;
    }


    #flight_search_result .rowresult .madgrid {

        min-height: 160px;
    }


    .pfr-flight-path {

        max-width: 560px;
    }


    .ix-flight-route {

        max-width: 280px;
    }
}


/* ============================================================
   2560PX+
   2K / 4K / ULTRA-WIDE
   ============================================================ */

@media (min-width: 2560px) {

    .container,
    .topssec .container,
    .middle_grad .container,
    .navbar .container {

        width: min(86vw, 2200px) !important;

        max-width: 2200px !important;
    }


    .allformst,
    #search-form,
    .secndblak,
    .secndblak_agent {

        max-width: 2200px;
    }


    .recommended-destinations-sec > .container,
    .holiday-packages-sec > .container,
    .popular-flight-routes-sec > .container {

        width: min(86vw, 2200px) !important;

        max-width: 2200px !important;
    }


    .recommended-destination-img-wrap,
    .holiday-package-img-wrap {

        height: 390px;
    }


    .recommended-destinations-grid,
    .holiday-packages-grid {

        gap: 60px;
    }


    #flight_search_result .rowresult .madgrid {

        min-height: 170px;
    }


    .bigcaption {

        font-size: 76px;
    }
}


/* ============================================================
   3000PX+
   EXTREME ULTRA-WIDE / 4K+
   ============================================================ */

@media (min-width: 3000px) {

    .container,
    .topssec .container,
    .middle_grad .container,
    .navbar .container {

        width: min(82vw, 2400px) !important;

        max-width: 2400px !important;
    }


    .allformst,
    #search-form,
    .secndblak,
    .secndblak_agent {

        max-width: 2400px;
    }


    .recommended-destinations-sec > .container,
    .holiday-packages-sec > .container,
    .popular-flight-routes-sec > .container {

        width: min(82vw, 2400px) !important;

        max-width: 2400px !important;
    }
}


/* ============================================================
   FINAL LARGE-DESKTOP OVERFLOW PROTECTION
   ============================================================ */

@media (min-width: 1500px) {
    body.index_page:not(.dark-mode) #heroGsapCarousel .hero-float-cards {
    position: absolute;
    right: 19%;
}

    #page,
    #page-parent,
    main,
    section,
    header,
    footer {

        max-width: 100%;

        box-sizing: border-box;
    }


    .clearfix::after {

        display: table;

        clear: both;

        content: "";
    }


    /* Prevent long URLs/text from breaking layout */

    p,
    span,
    a,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {

        overflow-wrap: break-word;
    }


    /* Keep form elements inside their columns */

    .form-control,
    .select2-container,
    .select2-selection {

        max-width: 100%;
    }
}

/* Footer — mobile alignment */
@media (max-width: 767.98px) {
    .footer-glidova-v2 .footer_mainSesction {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .footer-glidova-v2 .gftr-cols {
        padding: 10px 0 !important;
    }

    .footer-glidova-v2 .gftr-cols > .gftr-col:not(.gftr-col-brand):not(.gftr-col-pay) {
        width: 100% !important;
        margin: 0 !important;
        padding: 14px 0 !important;
    }

    .footer-glidova-v2 .gftr-stats-card {
        margin: 0 0 22px !important;
    }

    .footer-glidova-v2 .gftr-newsletter-row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .footer-glidova-v2 .gftr-nl-input,
    .footer-glidova-v2 .gftr-nl-btn {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .footer-glidova-v2 .gftr-nl-input {
        font-size: 13px !important;
    }

    .footer-glidova-v2 .gftr-bottom-inner {
        flex-direction: column !important;
        gap: 8px !important;
    }
}

/* Mobile and tablet header layout: keep the theme switch in the header row. */
@media (max-width: 991.98px) {
    .header-v3 .header-main-inner,
    body.index_page.dark-mode .header-v3 .header-main-inner {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .header-v3 .header-main-ineeer-menu-logo {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        flex-direction: row-reverse !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .header-v3 .header-logo-wrapper,
    .header-v3 .header-logo-link {
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .header-v3 .header-logo-img {
        width: auto !important;
        max-width: 125px !important;
        max-height: 34px !important;
    }

    .header-v3 .menu_brgr {
        position: static !important;
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        margin: 0 !important;
    }

    .header-v3 .header-actions,
    body.index_page.dark-mode .header-v3 .header-actions {
        position: static !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 0 0 auto !important;
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 7px !important;
    }

    .header-v3 .header-actions > .theme-toggle {
        position: relative !important;
        flex: 0 0 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        height: 28px !important;
        box-sizing: border-box !important;
        padding: 0 6px !important;
        transform: none !important;
    }

    .header-v3 .header-actions > .theme-toggle .toggle-thumb {
        left: 3px !important;
        width: 22px !important;
        height: 22px !important;
    }

    .header-v3 .header-actions > .theme-toggle.active .toggle-thumb {
        left: 23px !important;
    }

    .header-v3 .header-actions > .theme-toggle .moon,
    .header-v3 .header-actions > .theme-toggle .sun {
        font-size: 11px !important;
    }

    body:not(.dark-mode) .header-v3 .header-actions > .theme-toggle {
        background: #dbe5f1 !important;
    }

    body.dark-mode .header-v3 .header-actions > .theme-toggle,
    body.dark-mode .header-v3 .header-actions > .theme-toggle.active {
        background: #24395d !important;
    }

    .header-v3 .header-actions > .gc-currency-trigger {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        padding: 6px 3px !important;
        gap: 4px !important;
        font-size: 12px !important;
    }

    .header-v3 .header-actions > .gc-currency-trigger svg {
        width: 14px !important;
        height: 12px !important;
    }

    .header-v3 .header-actions .header-login-btn {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 38px !important;
        padding: 7px 12px !important;
        white-space: nowrap !important;
        font-size: 11px !important;
    }

    .header-v3 .header-actions > .header-user-dropdown {
        flex: 0 0 auto !important;
    }

    .header-v3 .sepmenus .nav.navbar-nav > li:last-child {
        display: none !important;
    }

    .header-v3 .sepmenus {
        box-sizing: border-box !important;
        max-width: calc(100vw - 20px) !important;
        overscroll-behavior: contain !important;
    }

    .mobile-nav-open .header-v3 .sepmenus {
        max-height: calc(100vh - 82px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    .mobile-nav-open .header-v3 .sepmenus .nav.navbar-nav {
        padding-top: 0 !important;
    }
}

@media (max-width: 991.98px) and (min-width: 576px) {
    .header-v3 .header-main-inner {
        min-height: 68px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .header-v3 .header-main-ineeer-menu-logo {
        gap: 10px !important;
    }

    body .header-v3 .header-logo-img {
        max-width: 140px !important;
        max-height: 38px !important;
    }

    .header-v3 .menu_brgr {
        flex-basis: 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
    }

    .header-v3 .header-actions {
        gap: 9px !important;
    }

    .header-v3 .header-actions > .theme-toggle {
        flex-basis: 52px !important;
        width: 52px !important;
        min-width: 52px !important;
        height: 30px !important;
    }

    .header-v3 .header-actions > .theme-toggle.active .toggle-thumb {
        left: 27px !important;
    }

    .mobile-nav-open .header-v3 .sepmenus {
        max-height: calc(100vh - 90px) !important;
    }
}

@media (max-width: 767.98px) {
    body.g4-fr .phoneDetalsCard,
    body.g4-fr .phone-deal-section,
    body.g4-fr .phone-deal-card {
        display: none !important;
    }
    .rondnone.r-w-g.one_way_only{
        position: relative;
    top: 30px;
    }
}

@media (max-width: 575.98px) {
    .mmt-header{
                bottom: 0px !important;
                height: 195px !important;
    }
    .footer-glidova-v2{
        margin-top: 0px;
    }
    .mmt-main{
                position: relative;
        bottom: 1px;
    }
    .mmt-header h1 {
        position: relative;
        top: 70px !important;
    }
    .header-v3 .header-main-inner,
    body.index_page.dark-mode .header-v3 .header-main-inner {
        min-height: 60px !important;
        gap: 5px !important;
        padding: 7px 8px !important;
    }

    .header-v3 .header-main-ineeer-menu-logo {
        gap: 6px !important;
    }

    body .header-v3 .header-logo-img {
        max-width: 104px !important;
        max-height: 30px !important;
    }

    .header-v3 .menu_brgr {
        flex-basis: 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 38px !important;
    }

    .header-v3 .header-actions {
        gap: 4px !important;
    }

    .header-v3 .header-actions > .theme-toggle {
        flex-basis: 44px !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 26px !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .header-v3 .header-actions > .theme-toggle .toggle-thumb {
        left: 2px !important;
        width: 22px !important;
        height: 22px !important;
    }

    .header-v3 .header-actions > .theme-toggle.active .toggle-thumb {
        left: 20px !important;
    }

    .header-v3 .header-actions > .gc-currency-trigger {
        padding: 5px 2px !important;
        gap: 3px !important;
        font-size: 10px !important;
    }

    .header-v3 .header-actions > .gc-currency-trigger svg {
        width: 32px !important;
        height: 20px !important;
    }

    .header-v3 .header-actions .header-login-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        font-size: 0 !important;
    }

    .header-v3 .header-actions .header-login-btn .fa-user {
        font-size: 14px !important;
    }

    .header-v3 .header-actions .header-login-btn .fa-chevron-down {
        display: none !important;
    }

    .header-v3 .sepmenus {
        top: 68px !important;
        left: 8px !important;
        right: 8px !important;
        max-width: calc(100vw - 16px) !important;
    }

    .mobile-nav-open .header-v3 .sepmenus {
        max-height: calc(100vh - 76px) !important;
    }
}

@media (max-width: 359.98px) {
    .header-v3 .header-main-inner {
        gap: 3px !important;
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    body .header-v3 .header-logo-img {
        max-width: 88px !important;
    }

    .header-v3 .header-actions {
        gap: 10px !important;
    }

    .header-v3 .header-actions > .gc-currency-trigger span {
        display: none !important;
    }

    .header-v3 .header-actions > .gc-currency-trigger {
        padding: 6px 3px !important;
    }
}

/* Flight booking form: keep passenger, protection, and payment controls readable
   at tablet and phone widths. */
@media (min-width: 768px) and (max-width: 991.98px) {
    .traveller-card-body {
        padding: 16px !important;
    }

    .traveller-card-body .row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    .traveller-card-body .row > [class*="col-"] {
        min-width: 0 !important;
    }

    #brbBaggageSection .brb-plans-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin: 12px 0 0 !important;
    }

    #brbBaggageSection .brb-plans-row > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    #brbBaggageSection .brb-plans-single {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #brbBaggageSection .brb-plan-card {
        min-height: 0 !important;
        height: 100% !important;
    }

    .agent-payment-methods > .row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin: 0 !important;
    }

    .agent-payment-methods > .row > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    #fpc-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        margin-bottom: 16px !important;
    }

    #fpc-grid .fpc-card {
        min-width: 0 !important;
        padding: 13px 10px !important;
    }

    #fpc-gw-chips {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
        gap: 8px !important;
    }

    #fpc-gw-chips .fpc-gw-chip {
        min-width: 0 !important;
        height: auto !important;
        min-height: 55px !important;
        padding: 8px 10px !important;
    }
}

@media (max-width: 767.98px) {
    .traveller-card-body {
        padding: 12px !important;
    }

    .traveller-card-body .row {
        gap: 12px !important;
    }

    body .traveller-card-body .form-label-sm {
        white-space: normal !important;
        line-height: 1.35 !important;
        font-size: 11px !important;
    }

    body .traveller-card-body .form-control,
    body .traveller-card-body .form-select {
        min-height: 46px !important;
        height: 46px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 14px !important;
    }

    body .traveller-card-body .traveller-passport-expiry {
        gap: 6px !important;
    }

    body .traveller-card-body .traveller-passport-expiry .form-select {
        padding-left: 8px !important;
        padding-right: 24px !important;
        font-size: 13px !important;
    }

    .trv-row {
        gap: 9px !important;
        min-width: 0 !important;
        padding: 11px 12px !important;
    }

    .trv-name {
        overflow-wrap: anywhere;
        font-size: 13px !important;
    }

    .trv-add-btn {
        min-height: 46px !important;
        padding: 11px 12px !important;
        font-size: 13px !important;
    }

    #brbBaggageSection .p-card,
    #sitataFlightSection .p-card {
        padding: 14px !important;
    }

    #brbBaggageSection .brb-plans-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        margin: 12px 0 0 !important;
    }

    #brbBaggageSection .brb-plans-row > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    #brbBaggageSection .brb-plan-card {
        min-height: 0 !important;
        padding: 14px !important;
    }

    #brbBaggageSection .brb-plan-card label > div > strong {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    #brbBaggageSection .brb-plan-card .mt-3 > div:first-child strong {
        font-size: 16px !important;
    }

    #brbBaggageSection .brb-badge-pill {
        font-size: 9px !important;
    }

    #brbBaggageSection .row.g-2.mt-2 {
        display: grid !important;
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 12px 0 0 !important;
    }

    #brbBaggageSection .row.g-2.mt-2 > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    #brbBaggageSection .benefit-box {
        min-height: 68px !important;
        height: 100%;
        padding: 9px !important;
        gap: 7px !important;
    }

    #brbBaggageSection .benefit-box > i {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        font-size: 16px !important;
    }

    #brbBaggageSection .benefit-title {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    #brbBaggageSection .benefit-sub {
        font-size: 9px !important;
        line-height: 1.35 !important;
    }

    #brbBaggageSection .reco-bar {
        font-size: 11px !important;
        line-height: 1.45 !important;
    }

    #brbBaggageSection .brb-decline-card {
        align-items: flex-start !important;
        gap: 8px !important;
        padding: 10px !important;
    }

    #brbBaggageSection .brb-decline-card label {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }

    #sitataFlightSection .sitata-plans-slider.is-slider {
        padding: 4px 0 0 !important;
    }

    #sitataFlightSection .sitata-plans-track {
        gap: 12px !important;
        touch-action: pan-y;
    }

    #sitataFlightSection .sitata-plans-slider.is-slider .sitata-plan-slide {
        flex: 0 0 100% !important;
        min-width: 0 !important;
    }

    #sitataFlightSection .sitata-plans-slider.is-static .sitata-plans-track {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    #sitataFlightSection .sitata-plans-slider.is-static .sitata-plan-slide,
    #sitataFlightSection .sitata-plans-slider.is-static[data-count="2"] .sitata-plan-slide,
    #sitataFlightSection .sitata-plans-slider.is-static[data-count="1"] .sitata-plan-slide {
        flex: 0 0 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    #sitataFlightSection .sitata-plan-card {
        padding: 14px !important;
    }

    #sitataFlightSection .sitata-plan-tagline {
        white-space: normal !important;
    }

    #sitataFlightSection .sitata-slider-btn {
        display: none !important;
    }

    #sitataFlightSection .sitata-slider-dots {
        display: flex !important;
    }

    #sitataFlightSection .row.g-2.mt-2 {
        display: grid !important;
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 12px 0 0 !important;
    }

    #sitataFlightSection .row.g-2.mt-2 > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    #sitataFlightSection .benefit-box {
        min-width: 0 !important;
        height: 100%;
        padding: 9px !important;
    }

    #sitataFlightSection .benefit-box > div {
        min-width: 0;
    }

    #sitataFlightSection .benefit-title,
    #sitataFlightSection .benefit-sub {
        overflow-wrap: anywhere;
    }

    #sitataFlightSection .benefit-title {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    #sitataFlightSection .benefit-sub {
        font-size: 9px !important;
        line-height: 1.35 !important;
    }

    .agent-payment-methods {
        margin-top: 18px !important;
    }

    .agent-payment-methods > .row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    .agent-payment-methods > .row > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    .agent-payment-methods .agent-pay-card {
        width: 100% !important;
        min-height: 70px !important;
        padding: 13px !important;
        gap: 12px !important;
        box-sizing: border-box !important;
    }

    .agent-payment-methods .agent-pay-card > div {
        min-width: 0 !important;
    }

    .agent-payment-methods .agent-pay-card small {
        font-size: 12px !important;
        line-height: 1.4 !important;
        white-space: normal !important;
    }

    #fpc-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-bottom: 16px !important;
    }

    #fpc-grid .fpc-card {
        min-width: 0 !important;
        padding: 12px 8px !important;
        overflow-wrap: anywhere;
    }

    #fpc-grid .fpc-card-title {
        font-size: 11px !important;
    }

    #fpc-grid .fpc-card-sub {
        font-size: 10px !important;
    }

    #fpc-grid .fpc-card-amt {
        font-size: 12px !important;
    }

    .fpc-detail {
        min-width: 0 !important;
        padding: 14px !important;
        margin-top: 14px !important;
        overflow-wrap: anywhere;
    }

    .fpc-detail-header,
    .fpc-amt-row {
        min-width: 0 !important;
        gap: 8px !important;
    }

    .fpc-amt-row > :first-child {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .fpc-amt-val {
        text-align: right;
    }

    #fpc-gw-chips {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
        gap: 8px !important;
    }

    #fpc-gw-chips .fpc-gw-chip {
        min-width: 0 !important;
        height: auto !important;
        min-height: 52px !important;
        padding: 8px !important;
        font-size: 12px !important;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 380px) {
    #brbBaggageSection .p-card,
    #sitataFlightSection .p-card {
        padding: 12px !important;
    }

    #brbBaggageSection .benefit-box {
        padding: 7px !important;
    }

    #brbBaggageSection .benefit-title,
    #sitataFlightSection .benefit-title {
        font-size: 9px !important;
    }

    #brbBaggageSection .benefit-sub,
    #sitataFlightSection .benefit-sub {
        font-size: 8px !important;
    }

    #fpc-grid {
        gap: 8px !important;
    }

    #fpc-grid .fpc-card {
        padding: 10px 6px !important;
    }
}

@supports (height: 100dvh) {
    @media (max-width: 991.98px) {
        .mobile-nav-open .header-v3 .sepmenus {
            max-height: calc(100dvh - 82px) !important;
        }
    }
}

/* Keep the mobile index header controls legible in light mode. */
@media (max-width: 991.98px) {
    body.index_page:not(.dark-mode) .header-v3 .header-main-bar {
        background: rgba(255, 255, 255, .98) !important;
        border-bottom: 1px solid #dce4ef !important;
        box-shadow: 0 3px 12px rgba(20, 39, 68, .08);
    }

    body.index_page:not(.dark-mode) .header-v3 .menu_brgr {
        border: 1px solid #cbd7e6 !important;
        background: #edf3fa !important;
        box-shadow: 0 2px 6px rgba(20, 39, 68, .1);
    }

    body.index_page:not(.dark-mode) .header-v3 .menu_brgr span {
        background: #18345d !important;
    }

    body.index_page:not(.dark-mode) .header-v3 .header-actions > .gc-currency-trigger {
        color: #18345d !important;
    }

    body.index_page:not(.dark-mode) .header-v3 .header-actions > .theme-toggle {
        border: 1px solid #c4d1e1 !important;
        background: #e7eef7 !important;
        box-shadow: inset 0 1px 2px rgba(20, 39, 68, .08), 0 2px 5px rgba(20, 39, 68, .1);
    }

    body.index_page:not(.dark-mode) .header-v3 .header-actions > .theme-toggle .toggle-thumb {
        border: 1px solid #cbd5e1;
    }

    body.index_page:not(.dark-mode) .header-v3 .header-actions > .theme-toggle .moon {
        color: #64748b !important;
    }

    body.index_page:not(.dark-mode) .header-v3 .header-actions > .theme-toggle .sun {
        color: #b86b00 !important;
    }
}