
/* ===========RESPONSIVE — Laptop 1300px=========== */
@media (max-width:1300px){
.hero-copy h1{font-size:44px;line-height:62px;}
.field-pair .field{width:190px;}
.destinations-panel{padding:20px 20px 20px;}
}



/* ===========RESPONSIVE — Laptop 1200px=========== */
@media (max-width:1200px){
.header-inner{gap:14px;}
.main-nav ul{gap:24px;}
.btn-pill{padding:12px 14px;font-size:14px;}
.hero{min-height:560px;}
.hero-copy h1{font-size:40px;line-height:56px;}
.hero-copy p{font-size:18px;}
.search-fields{flex-wrap:wrap;}
.field-pair{flex:1 0 100%;}
.field-pair .field{flex:1 0 0;width:auto;}
.search-fields > .field{flex:1 0 calc(33.333% - 9px);}
.deals{padding-top:96px;}
.deal-card{height:180px;}
.stay-card img{height:170px;}
.anniversary-copy h2{font-size:23px;}
}



/* ===========RESPONSIVE — Tablet 992px=========== */
@media (max-width:992px){
.nav-toggle{display:flex;}
.header-nav{display:none;}
.header-actions .btn-currency{display:none;}
.header-inner{position:relative;min-height:auto;padding-block:14px;}
.logo-text b{font-size:21px;}
.hero{padding-top:36px;min-height:auto;padding-bottom:0;}
.hero-copy{max-width:100%;}
.hero-copy h1{font-size:36px;line-height:50px;}
.search-widget{transform:translateY(40px);}
.search-fields > .field{flex:1 0 calc(50% - 7px);}
.deals{padding-top:80px;padding-bottom:40px;}
.deals-grid{flex-wrap:wrap;}
.deal-card{flex:1 0 calc(50% - 8px);}
.slider-arrow{opacity:1;width:38px;height:38px;}
.trusted-grid{flex-wrap:wrap;}
.trust-card{flex:1 0 calc(50% - 8px);}
.anniversary-inner{height:auto;padding:24px;gap:20px;}
.anniversary-badge{width:96px;height:96px;}
.anniversary-badge b{font-size:34px;}
.anniversary-copy h2{font-size:21px;}
.routes-grid{grid-template-columns:repeat(2,1fr);}
.stay-card{flex:0 0 calc((100% - 30px) / 3);}
.about-card{padding:24px;}
.promo-strip{height:auto;padding:20px 22px;flex-wrap:wrap;}
.promo-plane{display:none;}
.cu-quick-grid{grid-template-columns:repeat(2,1fr);}
.cu-main{grid-template-columns:1fr;padding:70px 32px 60px;}
.cu-office-grid{grid-template-columns:repeat(2,1fr);}
.tc-banner{padding:48px 0px 40px;}
.tc-banner h2{font-size:32px;}
.tc-layout{grid-template-columns:1fr;padding:15px 10px 10px;gap:36px;}
.tc-toc{position:static;}
.sd-balance-card { padding: 16px; border-radius: 16px; }
.sd-balance-amount { font-size: 23px; }
.sd-nav-link { font-size: 12px; }
.sp-page { padding: 0px; }
.sp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sp-profile-panel { padding: 22px; }
.story{grid-template-columns:1fr;}
.story-visual{order:-1;}
.audience-grid{grid-template-columns:repeat(2,1fr);}
.steps{grid-template-columns:repeat(2,1fr);row-gap:36px;}
.steps::before{display:none;}
.values-grid{grid-template-columns:repeat(2,1fr);}
.cta-inner{padding:48px 36px;}
}



/* ===========RESPONSIVE — Mobile 768px=========== */
@media (max-width:768px){
.search-body {border-radius: 0 0px 15px 15px;}
.container, .footer-top{padding-inline:16px;}
.btn-pill{height:40px;padding:10px 14px;font-size:13px;}
.nav-drawer-foot .btn-pill{height:48px;font-size:15px;}
.hero-copy h1{font-size:32px;line-height:44px;}
.hero-copy p{font-size:16px;}
.search-widget{margin-top:0px;transform:translateY(34px);}
.search-tabs-wrap{width:100%;}
.search-tab{flex:1 0 0;padding:0 12px;}
.search-tab .tab-bar{width:100%;}
.trip-types{padding:18px 16px 8px;}
.trip-type{min-width:0;flex:1 0 calc(33.333% - 7px);justify-content:center;padding:6px 10px 7px 8px;}
.search-fields{padding:12px 16px 16px;gap:10px;}
.field-pair{gap:6px;}
.search-fields > .field{flex:1 0 100%;}
.field{height:78px;padding:10px 14px 12px 14px;}
.search-submit{padding:0 16px 18px;}
.deals{padding-top:64px;}
.deal-card{flex:1 0 100%;height:auto;min-height:150px;}
.deals-head,.destinations-head,.stays-head{flex-wrap:wrap;gap:12px;}
.deals-head-left,.destinations-head-left{gap:18px;}
.section-title{font-size:20px;}
.destinations-panel{padding:16px;}
.destinations-track-wrap{padding:14px;}
.dest-card{flex:0 0 230px;width:230px;height:290px;}
.trusted{padding:44px 0;}
.trusted h2{font-size:20px;}
.anniversary-inner{flex-direction:column;text-align:center;}
.routes-grid{grid-template-columns:1fr;}
.stay-card{flex:0 0 calc((100% - 15px) / 2);}
.stay-card img{height:150px;}
.about-card > p{font-size:15px;line-height:24px;}
.promo-copy h3{font-size:19px;}
.we-accept{justify-content:center;gap:12px;padding:26px 0 0px;}
.footer-bottom p{font-size:13px;}
.footer-top {flex-direction: column;}
.footer_logo-image {height: 42px;}
.deals {padding-top: 44px;}
.anniversary {padding-bottom: 20px;}
.trusted {padding: 44px 0 28px;}
.deals-grid {display: grid;grid-template-columns: auto auto;}
img.deal-img {width: 100%;}
.routes-grid {display: grid;grid-template-columns: auto auto;}
.promo-card_link {display: inline-block;border-radius: 0;overflow: hidden;}
.promo-strip {padding: 0;}
.anniversary-inner {padding: 0;}
.cu-banner{padding:50px 20px 80px;}
.cu-banner h2{font-size:32px;}
.cu-quick-wrap{padding:0 20px;}
.cu-quick-grid{grid-template-columns:1fr;}
.cu-main{padding:56px 20px 50px;}
.cu-form-panel{padding:28px 22px;}
.cu-form-row{grid-template-columns:1fr;}
.cu-offices{padding:56px 20px;}
.cu-office-grid{grid-template-columns:1fr;}
.cu-faq {margin-bottom: 0;}
.topbar-inner,
.wrap {width: min(100% - 20px, 1180px);}
.hero {min-height: 610px;}
.search-card {margin-top: -210px;}
.grid, .grid.two, .stats {grid-template-columns: 1fr;}
.section-head, .toolbar, .form-actions {display: grid;}
.span-2, .span-4 {grid-column: span 1;}
.auth-card {padding: 28px 22px;border-radius: 20px;}
.auth-wrap {padding: 22px 0;}
.portal-tag {display: none;}
.frontend-shell .wrap.section,
.frontend-shell .search-card,
.frontend-shell .hero .wrap,
.frontend-shell .layout {width: min(100% - 20px, 1120px);}
.brand-logo {height: 32px;}
.auth-brand .brand-logo {height: 32px;}
.portal-layout {width: min(100% - 20px, 1120px);gap: 14px;}
.portal-titlebar {display: grid;}
.portal-stats, .portal-tile-grid {grid-template-columns: 1fr;}
.compact-table th,
.compact-table td {font-size: 12px;}
.portal-menu {padding: 8px;}
.portal-link {font-size: 13px;}
.public-nav {justify-content: flex-start;width: 100%;overflow-x: auto;padding-bottom: 6px;}
.topbar-inner {align-items: flex-start;flex-direction: column;padding: 10px 0;}
.account-dropdown {right: 0;left: auto;}
.nav-link {white-space: nowrap;}
.tc-banner h2{font-size:26px;}
.tc-clause-head{gap:12px;}
.tc-clause-head h3{font-size:18px;}
.tc-contact-card{flex-direction:column;text-align:left;padding:32px 26px;        margin-top: 0px;}
.sd-sidebar { width: 100%; min-height: auto; position: relative; border-right: 0; border-bottom: 1px solid #e8edf3; padding: 14px; }
.sd-balance-card { display: flex; align-items: center; gap: 16px; padding: 14px 16px; }
.sd-brand { width: auto; min-width: 110px; height: auto; margin-bottom: 0; }
.sd-brand img { max-width: 110px; max-height: 34px; }
.sd-balance-info { flex: 1; }
.sd-balance-amount { font-size: 21px; }
.sd-nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; }
.sd-nav-label { grid-column: 1 / -1; }
.sd-nav-label-space { margin-top: 8px; }
.sd-nav-link { min-height: 46px; }
.sp-page { padding: 20px 16px; }
.sp-titlebar { align-items: flex-start; flex-direction: column; gap: 16px; }
.sp-title-content h2 { font-size: 24px; }
.sp-titlebar .sp-btn { width: 100%; }
.wallet-page-actions { width: 100%; }
.sp-stats { grid-template-columns: 1fr 1fr; gap: 12px; }
.sp-stat-card { padding: 16px; }
.sp-stat-value { font-size: 18px; }
.sp-email-value { font-size: 13px; }
.sp-profile-panel { padding: 20px 16px; }
.sp-profile-form { grid-template-columns: 1fr; gap: 17px; }
.booking-flow-shell { grid-template-columns: 1fr; }
.booking-flow-form { padding: 20px 16px; }
.booking-step { grid-template-columns: 1fr; gap: 17px; }
.booking-passenger-fields { grid-template-columns: 1fr; }
.booking-stepper { overflow-x: auto; padding-bottom: 14px; }
.booking-step-pill { flex: 0 0 auto; }
.booking-review-grid { grid-template-columns: 1fr; }
.booking-review-passenger-main { align-items: flex-start; flex-direction: column; gap: 4px; }
.booking-review-passenger-main strong { text-align: left; }
.booking-review-details { grid-template-columns: 1fr; }
.booking-summary-panel { position: static; }
.booking-result-hero { align-items: flex-start; padding: 18px; }
.booking-result-hero h2 { font-size: 23px; }
.booking-ticket-detail { padding: 18px; }
.booking-ticket-head { display: grid; }
.booking-ticket-grid { grid-template-columns: 1fr; }
.booking-passenger-row { align-items: flex-start; flex-direction: column; }
.booking-result-actions { flex-direction: column; }
.booking-result-actions .sp-btn { width: 100%; }
.sp-form-actions { grid-column: 1; justify-content: stretch; }
.sp-form-actions .sp-btn { flex: 1; }
.sp-history { padding: 18px 14px; border-radius: 14px; }
.sp-table { min-width: 800px; font-size: 12px; }
.sp-table th, .sp-table td { padding: 12px 11px; }
.portal-layout {display: block;}
.sd-sidebar {width: 100%;min-width: auto;margin-bottom: 30px;}
.sd-balance-card {padding: 26px;border-radius: 16px;text-align: center;}
.audience-grid{grid-template-columns:1fr;}
.steps{grid-template-columns:1fr 1fr;}
.values-grid{grid-template-columns:1fr;}
.cta-inner{flex-direction:column;text-align:left;padding:40px 26px;}
.airport-floating-dropdown {width: 280px;max-width: calc(100vw - 20px);max-height: 280px;border-radius: 11px;}
.airport-option {min-height: 56px;padding: 8px;}
.airport-option-icon {width: 34px;height: 34px;flex-basis: 34px;}
.airport-option-city {font-size: 13px;}
.airport-option-subtitle {font-size: 10px;}
.available_flight{flex-direction: column;justify-content: center;}
.round-trip-results{grid-template-columns:1fr;}
.round-trip-leg .available_flight{align-items:center;text-align:center;}
.portal_layout_wrap {display: block;}
.portal_layout {padding: 20px 0px;}
.story_overview {display: flex;flex-direction: column;gap: 30px;}
.tc-contact-cardh2 {font-size: 28px !important;}
}




/* ===========RESPONSIVE — mobile 480px=========== */
@media (max-width:480px){
.steps {display: flex;flex-direction: column;}
.tc-contact-cardh2 {font-size: 22px !important;}
.tc-brand-word h1{font-size:16px;}
.tc-pill{padding:8px 16px;font-size:12.5px;}
.layout, .flight-card, .booking-card, .ticket {grid-template-columns: 1fr;}
.grid, .grid.two, .stats {grid-template-columns: 1fr 1fr;}
.price strong {display: block;font-size: 20px;}
.time strong {display: block;font-size: 18px;}
.price {text-align: left;display: flex;justify-content: space-between;align-items: center;}
.portal-sidebar {position: static;}
.portal-menu {display: flex;overflow-x: auto;}
.portal-link {white-space: nowrap;}
.portal-stats, .portal-tile-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
.public-nav {gap: 8px;}
.cta-ctas {justify-content: center;}
.nav-link {font-size: 13px;}
.account-label {max-width: 100px;}
.page-grid, .page-grid.two-cols {grid-template-columns: 1fr;}
/*.nav-scrim, .nav-drawer{display:none;}*/
.deal-card .deal-img {pointer-events: none;width: 100%;}
.routes-grid {display: block;}
.deals-grid {display: block;}
.about {padding: 10px 20px 30px;}
.container,.footer-top{padding-inline:14px;}
.logo-mark{width:38px;height:38px;border-radius:10px;}
.logo-text b{font-size:18px;}
.logo-text small{font-size:8px;letter-spacing:2px;}
.btn-pill{padding:9px 12px;gap:6px;}
.btn-login span{font-size:12px;}
.hero-copy h1{font-size:30px;line-height:41px;}
.hero-copy p{font-size:14.5px;line-height:1.7;}
.search-tab .tab-label{font-size:15px;}
.search-tab svg{width:19px;height:19px;}
.field-pair{flex-wrap:wrap;}
.field-pair .field{flex:1 0 100%;}
.swap-btn{margin-inline:auto;}
.btn-search{font-size:16px;height:50px;}
.route-card {margin-bottom: 10px;}
.routes {padding-bottom: 40px;}
.deal-card {height: auto;min-height: auto;margin-bottom: 10px;}
.dest-card{flex:0 0 210px;width:210px;height:265px;}
.trust-card{flex:1 0 100%;}
.stay-card{flex:0 0 78%;}
.stay-card img{height:180px;}
.route-card > img{width:64px;height:64px;}
.route-body{padding:0 10px;}
.route-body h3{font-size:15px;line-height:22px;}
.about-card{padding:20px 16px;}
.anniversary-badge{width:82px;height:82px;}
.anniversary-badge b{font-size:29px;}
.anniversary-copy h2{font-size:18px;}
.cu-brand-word h1{font-size:16px;}
.cu-pill{padding:8px 16px;font-size:12.5px;}
.cu-banner h2{font-size:26px;}
.sd-sidebar { padding: 10px; }
.sd-balance-card { padding: 22px; gap: 15px; }
.sd-brand { min-width: 90px; }
.sd-brand img { max-width: 90px; max-height: 30px; }
.sd-nav { grid-template-columns: 1fr; }
.sd-nav-label { padding-left: 8px; }
.sd-nav-link { min-height: 44px; padding: 7px 10px; }
.sd-nav-icon { width: 32px; height: 32px; min-width: 32px; }
.sp-page { padding: 16px 12px; }
.sp-title-content h2 { font-size: 22px; }
.sp-muted { font-size: 13px; }
.sp-stats { grid-template-columns: 1fr; gap: 10px; }
.sp-stat-card { padding: 15px; }
.sp-stat-value { font-size: 18px; }
.sp-email-value { font-size: 14px; }
.sp-profile-panel { padding: 18px 14px; border-radius: 14px; }
.sp-panel-heading { margin-bottom: 20px; }
.sp-panel-heading h3 { font-size: 18px; }
.sp-field input { height: 46px; font-size: 13px; }
.sp-form-actions { flex-direction: column-reverse; width: 100%; }
.sp-form-actions .sp-btn { width: 100%; flex: none; }
.btn{padding:10px 18px;font-size:13px;}
.logo-text h1{font-size:16px;}
.hero h2{font-size:28px;}
.our_story_wrap {padding: 50px 0px 10px;}
section.how_a_booking {padding: 40px 0px 40px;margin-bottom: 30px;}
}
