/* ===============================================
   RESPONSIVE — all media queries
   =============================================== */

/* ===== Large tablet / small desktop ===== */
@media (max-width: 1200px) {
  .site-header__top { padding: 12px 24px; }
  .site-header__main { padding: 16px 24px; }
  .site-header__nav ul { gap: 26px; }
  .site-header__support { gap: 30px; }
}

@media (max-width: 1100px) {
  /* HERO */
  .hero__search-fields {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
  }
  .hero__search-btn {
    grid-column: span 3;
    width: 100%;
    justify-content: center;
  }
  .hero__pins { right: 24px; }

  /* SPECIAL OFFERS */
  .special-offers__wrap {
    grid-template-columns:   1fr;
  }
  .special-offers__card {
    flex: 0 0 calc((100% - 26px) / 2);
  }

  /* WHY CHOOSE US */
  .why-choose-us__grid { grid-template-columns: repeat(2, 1fr); gap: 40px 30px; }

  /* TOP DEALS */
  .top-deals__grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }

  /* FOOTER */
  .site-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}

/* ===== Tablet ===== */
@media (max-width: 991px) {

  /* HEADER */
.site-header__top {padding: 10px 20px; justify-content: center; gap: 14px 20px;}
.site-header__support { gap: 20px; }
.site-header__support-item { gap: 8px; }
.site-header__support-icon { width: 30px; height: 30px; font-size: 12px; }
.site-header__support-text .val { font-size: 13px; }
.site-header__support-text .lbl { font-size: 11px; }
.site-header__main {flex-wrap: wrap; gap: 14px; padding: 7px 30px;}
/*body{padding-top:142px;}*/
.site-header__toggle { display: flex; order: 2; }
.site-header__expert { order: 3; margin-left: auto; }
site-header__nav {order: 4; flex: 1 1 100%; display: none; background: rgba(14, 45, 94, 0.95); border-radius: 8px; padding: 14px 0; margin-top: 8px; position: absolute;
    width: 300px; top: 130px; z-index: 999999; right: 20px;}
.site-header__nav.open { display: block; }
.site-header__nav ul {flex-direction: column; gap: 0; align-items: stretch;}
.site-header__nav ul li a {padding: 12px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
/* HERO */
.hero {min-height: 350px;}
.hero__title { font-size: clamp(48px, 12vw, 90px);}
.hero__content { min-height: 280px;display:none; }
.hero__pins {display:none; position: static; transform: none; flex-direction: row; margin-top: 22px; gap: 18px; flex-wrap: wrap;}
.hero__pins li { font-size: 15px; }
.hero__pins li.active { font-size: 16px; }
.hero__arrows {display:none; position: static; transform: none; margin: 26px 0 8px; justify-content: center;}
.hero__search { margin-top: 45px; }
.why-choose-us {padding: 40px 0 50px;}
.special-offers {padding: 40px 0 30px;}
.special-offers__intro {margin: 0 auto 20px; padding: 0 10px;}
.about-us {padding: 20px 0 20px;}
/* ABOUT US */
.about-us__container {grid-template-columns: 1fr; gap: 40px;}
.about-us__media img { height: 320px; }
.about-us__plane { font-size: 80px; right: 20px; top: 30px; }
/* NEWSLETTER */
.newsletter__container { flex-direction: column; align-items: stretch; text-align: center; }
.newsletter__form { min-width: auto; width: 100%; }
.hero_search_1{margin:0;}

#mod-sea-wr{position: fixed; width: 100%; height:100vh; top: 0; left: 0; padding: 1rem 0; z-index: 11; transform: translateX(-100%);
    transition: transform 0.9s ease;}
#filter-wr {position: fixed; width: 100%; height:100%; top: 0; left: 0; padding: 0; z-index: 11; transform: translateX(-100%);
    transition: transform 0.9s ease;}
#filter-wr.filter-open, #mod-sea-wr.filter-open {transform: translateX(0);}
.modifySearch .InputBtn input {font-size: 16px;}
.fil-back{display:inline-block;}
.modify-btn-mob{display:flex;}
.mod-back{display:block;}
.hero_search_1 #mod-sea-wr{transform:none; transition:none; position: static; height: auto;}
.hero_search_1 .mod-back{display:none;}
.modifySearch .formField{margin-bottom:1rem;}
.modifySearch .flightFrom, .modifySearch .flightTo {width: 50%; float: left;}
.modifySearch .departureDate, .modifySearch .returnDate {width: 50%; float: left;}
.modifySearch .travelerWrap {width: 100%; clear:both;}
.modifySearch .InputBtn {width: 100%;}
.modifySearch .flightEngineInnerWraper{display:block;}
.filterHead, .refineBG{border-radius:0;}
.fil_app_btn{display:block;}
.refineBG {padding: 1rem 5px 10rem; overflow-y: scroll; height: 100%;}
.resultFilterWrap {background: #fff; height: 100vh;}
}

/* ===== Mobile ===== */

@media only screen and (max-width:767px){
#mod-sea-wr{/*display:none; */position: fixed; width: 100%; height:100vh; top: 0; left: 0; padding: 1rem 0; z-index: 11; transform: translateX(-100%);
    transition: transform 0.9s ease;}
#filter-wr {/*display: none;*/ position: fixed; width: 100%; height:100%; top: 0; left: 0; padding: 0; z-index: 11; transform: translateX(-100%);
    transition: transform 0.9s ease;}
#filter-wr.filter-open, #mod-sea-wr.filter-open {transform: translateX(0);}
.modifySearch .InputBtn input {font-size: 16px;}
.flight_details a, .flightDetailsHead a{padding:6px 10px;}
.result-wrapper {padding: 1rem 0 2rem;}
.fil-back{display:inline-block;}
.modify-btn-mob{display:flex;}
.mod-back{display:block;}
.hero_search_1 #mod-sea-wr{transform:none; transition:none;}
.site-header__expert{display:flex; position:fixed; width:100%; bottom:0; left:0; z-index:10; background: #d7151d; padding: 5px 10px; align-items: center; justify-content: center;}
.site-header__expert-text .val i{color:#fff;}
.site-header__expert-text .lbl{font-size:14px; color:#fff;}
.site-header__expert-text .val{font-size:20px; font-weight:bold; color:#fff;}
.flightdtldescMain {padding: 1rem 1rem;}
.formField input, .formField select, .form-control, .form-control:focus, #numberofpax::placeholder {color: #000;}
/*.resultTopFilter{display:none;}*/

.hero {min-height: 0; padding:100px 0 20px;}
.hero__search {margin: 0; padding:0; box-shadow:none;}
.hero__slider{display:none;}
.hero__overlay{background:#1b2d4c;}
.slider-new .caption {max-width: 100%; position:relative; transform:none; left:0; top:0;}
.hero_search_1 #mod-sea-wr{display:block; position:relative; height:auto;}
.hero_search_1 .mod-back {display: none;}
.hero_search_1 .searchEngineWrap {padding: 10px 5px ;}
.hero_search_1 .m-search {margin-top: 0;}

.filterHead, .refineBG{border-radius:0;}
.fil_app_btn{display:block;}
.resultDepartRow {padding: 0 0 0 0; width: 100%;}
.flightdtlDest{margin-bottom:.7rem;}
.resultDepartRow + .flightdtlDest{margin-top:.7rem;}
.resultItemWrap .flightdetailsDesc{margin-bottom:0;}

}

@media (max-width: 640px) {

/* HEADER */
.site-header__logo .logo-text { font-size: 18px; }
.site-header__logo .logo-icon { width: 28px; height: 28px; }
.site-header__logo .logo-icon > i { font-size: 22px; }
.site-header__social a { width: 32px; height: 32px; font-size: 12px; }
.site-header__support {gap: 10px; align-items: flex-start; width: 100%;}
.site-header__social{display:none;}
/* HERO */  
.hero__container { padding: 0 5px; }
.hero__title { font-size: clamp(46px, 14vw, 72px); }
.hero__search { padding: 0px; }
.hero__search-top { flex-direction: column; align-items: stretch; }
.hero__class-select select { width: 100%; }
.searchEngineWrap .nav-pills .nav-link {font-size: 1.1rem; margin-right:0.5rem; padding:3px 10px;}
.hero__search-fields {grid-template-columns: 1fr; gap: 18px;}
.hero__search-btn {grid-column: span 1;}

/* WHY CHOOSE US */
.why-choose-us { padding: 60px 0 40px; }
.why-choose-us__grid { grid-template-columns: 1fr; gap: 36px; }

/* SPECIAL OFFERS */
.special-offers__wrap {grid-template-columns: 1fr; padding: 0 20px;}
.special-offers__panel {min-height: auto; flex-direction: row; align-items: center; justify-content: space-between; padding: 20px 24px; border-radius: 8px;}
.special-offers__panel-arrows { flex-direction: row; }
.special-offers__viewport {padding: 20px 0;}
.special-offers__card {flex: 0 0 100%;}

/* TOP DEALS */
.top-deals__grid { grid-template-columns: 1fr; gap: 30px; }

/* FOOTER */
.site-footer { padding-top: 50px; }
.site-footer__grid {grid-template-columns: 1fr; gap: 36px; padding-bottom: 36px;}
.site-footer__top-btn { bottom: 20px; right: 20px; }

/* ABOUT US */
.about-us { padding: 60px 0; }
.about-us__media img { height: 260px; }
.site-header__nav a {color: #fff;}
.banner-box{margin-top:67px;}

}

@media (max-width:535px){
.modify-btn-mob>div {padding: 5px 10px; font-size: 1.25rem;}
.site-header__main {padding: 7px 10px;}
.modifySearch .flightFrom, .modifySearch .flightTo, .flightEngineInner .travelerWrap, .flightEngineInner .InputBtn,
.modifySearch .departureDate, .modifySearch .returnDate {width: 100%;}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {background: #fff; top: 3px; width: 1.4em; height: 1.4em;}

}
@media (max-width:435px){
.quote-popup-t {gap: 10px; flex-direction: column;} .hero {padding: 80px 0 20px;}
}

@media (max-width:380px){
.logo-text {width: 120px;}
.fw-call-button {padding: 2px 6px 2px 13px;}
.fw-phone-icon {width: 32px; height: 32px; left: -22px; top: -2px;}
.searchEngineWrap .nav-pills .nav-link {font-size: 1rem; margin-right: 0.5rem; padding: 3px 10px;}
.slider-new ul {padding: 4px 0px 4px 5px;}
}