/* ===============================================
   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: 1030px) {
  /* 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;
  }
  .res-l{width:100%; float:left; padding-right:0rem;}
.res-r{width:100%; float:left;}
.slider-cont .carousel-item img{height:100%; overflow:hidden;}
}

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

  /* HEADER */
  .site-header__top {
    padding: 10px 20px;
    justify-content: center;
    gap: 14px 20px;
  }
  .site-header__main{display:block; width:100%; float:left;}
  .site-header__main .logo-text{float:left; line-height:1;}
  .site-header__support { gap: 20px; float:right; padding:2.5rem 4rem 0 0;}
  .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; width: 40px; height: 40px; border-radius: 50%; background: var(--orange); text-align: center; line-height: 40px;}
*/ /* .site-header__support-text .val a{color:#fff; }*/
  .site-header__support-text .val a i{transform-origin: 70% 30%; animation: ring 2s infinite;}
  .site-header__support-text .val span{/*display:none;*/}
  .site-header__support-text .lbl { font-size: 11px; /*display:none;*/ }
  @keyframes ring {
  0%, 20% {
    transform: rotate(0);
  }
  2%  { transform: rotate(18deg); }
  4%  { transform: rotate(-18deg); }
  6%  { transform: rotate(18deg); }
  8%  { transform: rotate(-18deg); }
  10% { transform: rotate(12deg); }
  12% { transform: rotate(-12deg); }
  14% { transform: rotate(6deg); }
  16% { transform: rotate(-6deg); }
  18%, 100% {
    transform: rotate(0);
  }
}
  .site-header__main {
    /*flex-wrap: wrap;*/
    gap: 14px;
    padding: 7px 30px;
  }
  /*body{padding-top:142px;}*/
  .site-header__toggle { display: flex; order: 2; float:right; margin:2.5rem 0 0;}
  .site-header__expert { order: 3; margin-left: auto; }

    .site-header__nav {
        order: 4;
        flex: 1 1 100%;
        display: none;
        background: rgba(64, 111, 227, 0.95);
        background:var(--blue);
        border-radius: 8px;
        padding: 0 0;
        margin-top: 8px;
        position: absolute;
        min-width: 150px;
        top: 85px;
        z-index: 5;
        right: 20px;
    }
  .site-header__nav.open { display: block; }
  .site-header__nav ul {
    flex-direction: column;
    gap: 0;
    align-items: stretch; padding:0;
  }
    .site-header__nav ul li a {
        padding: 12px 18px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        color: #e9e9e9; display:block; text-align:center;
    }
.site-header__nav ul li a:hover, .site-header__nav ul li a.active, .site-header__nav ul li a:focus{color:#fff;}
    /* HERO */
    .hero {
        padding: 220px 0 100px;
        min-height: auto;
    }
  .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: 30px; }
  .slider-cont .carousel-item {height: 430px;}
.searchEngineWrap .top-row {margin-bottom: 5px;}
  /* 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%; }
  .newsletter__text {display: flex; align-items: center; justify-content: center;}
  .top-deals__intro {margin: 0 auto 30px;}
  .top-deals {padding: 3rem 0 2rem;}
  .special-offers__intro {margin: 0 auto 20px;}
  .special-offers {padding: 3rem 0 1rem;}
  .special-offers__viewport {padding: 2rem 2rem 1rem 0;}

   #mod-sea-wr{display:none; position: fixed; width: 100%; height:100vh; top: 0; left: 0; padding: 1rem 0; z-index: 111; overflow-y:scroll;}
    #filter-wr {display: none; position: fixed; width: 100%; top: 0; left: 0; padding: 0; z-index: 111; height:100%;}
    .resultFilterWrap {height:100%;} .refineBG{height:calc(100% - 44px); overflow-y: scroll;} .fil-back{margin-right:4rem;}
  .fil-back{display:inline-block;}
    .modify-btn-mob{display:flex;}
    .mod-back{display:block;}
    .res-r-wr {width: 100%;}
    .result-wrapper{background:#f3f3f3; padding:1.5rem 0;}

    .flightEngineInner .flightEngineInnerWraper {justify-content: space-between; width: 100%; flex-wrap: wrap;}
    .modifySearch .flightFrom, .modifySearch .flightTo, .modifySearch .departureDate, .modifySearch .returnDate {width: 49%;}
    .modifySearch .travelerWrap, .modifySearch .InputBtn {width: 100%;} .modifySearch .formField {margin: 0 0 15px 0;} .modifySearch .formField:nth-child(even){float:right;}
    .res-l{padding:0 1rem;} .resultDepartRow {padding: 0 1rem 0 1rem;} .rsltPrice>div{width:100%; padding:0 1rem;} .rsltPricePP{float:left; padding:15px 0 0;}
    .rsltPrice:before{border-left:0; border-top:1px dashed #ccc; width:100%; height:20px;} .rsltPrice button{float:right; width:120px;} .rsltPrice{min-height:auto; padding:2rem 0 0;}
    .rsltPrice h3 { font-size: 2.2rem;} .rsltPrice span {position: absolute; top: 20px;} .flightdetailsDesc .resultDepartRow{padding:1rem;}
    
    .psgtravelerField .psgTitle {width: 15%;} .psgtravelerField .fname, .psgtravelerField .mname, .psgtravelerField .lname {width: 27%; margin: 0 0 0 1%;}
    .psgtravelerField .psgdob {width: 25%; margin: 0 10px 0 0;} .booknowBtn {padding: .8rem 2.5rem; font-size: 1.9rem;}
    
    .hotel-se-bg{min-height:350px;} .popdest-carousel-l, .popdest-carousel-m {width: 49%;} .popdest-carousel-r{width:100%; display:flex; justify-content:space-between;} .popdest-carousel-r .popular-item{width:49%;}
    .popdest-carousel-r .popular-item + .popular-item{margin:0;} .hotels-top-deals-wr .special-offers__card {flex: 0 0 calc((100% - 26px) / 2);}
}

/* ===== Mobile ===== */
@media only screen and (max-width:892px){}
@media only screen and (max-width:800px) {
}

@media only screen and (max-width:767px){
    .slider-new .caption {width: 100%; margin: -20px 0 0; box-shadow:none; background:transparent;} .slider-cont .carousel-item img{display:none!important; } #demo.carousel{display:none;} 
    .slider-cont{min-height:430px; background:rgb(27 45 76);}
   
    .result-wrapper {padding: 1rem 0 2rem;}
    
    .site-header__expert{display:flex; position:fixed; width:100%; bottom:0; left:0; z-index:111;
        background: var(--orange);
        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; border-radius:5px;}
    .resultTopFilter{display:none;} .resultDepartRow .resltClasses, .resultDepartRow .resltClasses p{text-align:center!important; padding:0;}
    .flightdetailsDesc .resltClasses.rsltCols p{text-align:right!important;}

    .psgtravelerField .psgTitle {width: 22%;} .psgtravelerField .fname{width:77%; margin:0 0 0 1%;} .psgtravelerField .mname{width:49.5%; margin:0 0; }
    .psgtravelerField .lname {width: 49.5%; margin-right: 0; } .psgtravelerField .psgdob {width: 32.66%; margin: 0 1% 0 0;} .psgtravelerField .psgdob:last-of-type{margin:0;}

    .stay-comfort {height: auto;} .stay-comfort .container {padding: 60px 30px;} .stay-comfort h2 {font-size: 32px;} .stay-comfort p {font-size: 16px; line-height: 26px;}

    .hotel-se-bg{display:none;} .hotel-bg-mob{display:block;} .hotel-form-cont{margin:0 0 3rem; padding:3rem 2rem; background:rgb(27 45 76); border-radius:0; } .hotel-form-wr>.container{padding:0;}
    .popdest-carousel-l, .popdest-carousel-m, .popdest-carousel-r {width: 100%;}
    .popular-img{height:300px;} .popular-item + .popular-item {margin-top: 0;} .popdest-carousel-m .popular-item, .popdest-carousel-m .popular-item>.popular-img {height: 300px;}
    .popular-item{margin-bottom:20px;} .popdest-carousel-r .popular-item {width: 100%;} .popdest-carousel-r{flex-direction:column;}

}

@media (max-width: 670px) {
    .headerLogo img {width: 120px;} .main-wr {padding: 83px 0 0;}
  /* 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 {
        padding: 240px 0 60px;
    }
  .hero__container { padding: 0 20px; }
  .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%; }
  .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: 20px 0; }
  .about-us__media img { height: 260px; }
    
   
    .site-header__nav a {
        color: #fff;
    }
    .banner-box{margin-top:67px;} .headerLogo img {width: 117px;}
    .hotels-top-deals-wr .special-offers__card {flex: 0 0 100%;}
    .onboard-inner {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 0 14px;}
    .accom-mid-head {font-size: 13px; margin: 0;} onboard-main{margin-bottom:4rem;}
}
@media only screen and (max-width:580px) {
    .resultDepartRow .rsltCols p {padding-left: 0;} .resultDepartRow {padding: 0; display: block;} .resultDepartRow .resltAirline {justify-content: space-between; width: 100%; display: flex; align-items: center;} 
    .resultDepartRow .resltDest1{width: 40%;  float: left;} .resultDepartRow .resltClasses{width:20%; float:left;} .resultDepartRow .resltDest2 {width: 40%;  float: left; }
    .resultDepartRow .resltDest2 p{text-align:right;} .flightdetailsDesc .resultDepartRow .resltDest2 p {text-align: left;} .flightdetailsDesc .resultDepartRow.flightdtldescMain{margin-bottom:1rem; width:100%; float:left;}
    .flightdetailsDesc .accordion-item .accordion-body {display: flex; flex-direction: column;} .rsltPrice span {top: -10px;} .rsltPrice {margin-top: 0.3rem; padding: 1rem 0 0;}
    .pasgDetailsInnerWrap i{display:none;} .pasgDetailsInnerWrap .resultDepartRow .resltDest2 p {text-align: left;} .pasgDetailsInnerWrap .resltClasses {width: 20%;}
    .pasgDetailsInnerWrap .resltClasses p{text-align: right!important;} .pasgDetailsInnerWrap .flightdtldescMain .resltDest1, .pasgDetailsInnerWrap .flightdtldescMain .resltDest2 {width: 40%; padding-right:5px;}
    .pasgDetailsInnerWrap .resultDepartRow{display:block; width:100%; float:left;} .section-title h2{font-size:30px;} .faq-section {padding: 40px 0;} .section-title {margin-bottom: 40px;}
    .stay-comfort h2 {font-size: 24px; margin-bottom:15px;} .stay-comfort .container {padding: 30px 24px;} .stay-comfort p{margin-bottom:20px;}
    .newsletter__text > span {width: 44px; height: 44px;} .newsletter__text>span i{font-size:22px;} .newsletter__text{flex-direction:column;} .newsletter__text>div {padding-left: 0; margin: 1rem 0 0 0;}
    .newsletter {padding: 30px 0 30px;} 

}

@media (max-width:535px){
    .modify-btn-mob>div {padding: 5px 10px; font-size: 1.25rem;}
    .site-header__main {padding: 7px 10px;} .psgtravelerField .psgTitle {width: 100%;} .psgtravelerField .fname, .psgtravelerField .mname, .psgtravelerField .lname {width:100%; margin:0 .5rem;} 
    .psgtravelerField .psgdob {width: 32.66%; margin: 0 1% 0 0;} .psgtravelerField .psgdob:last-of-type{margin:0;} .hotel-bg-mob img{height:300px;} .staticPageBanner{min-height:15rem;}
    .contactBanner {padding: 0rem 0;} .contact-details h2{margin:0rem 0 .1rem;} .site-header__support {padding: 2rem 3rem 0 0;} .site-header__toggle {margin: 2rem 0 0;}
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:420px) {
    .hotel-bg-mob img {height: 250px;}
}
@media only screen and (max-width:385px) {

}

@media only screen and (max-width:379px){
    .searchEngineWrap .top-row .travelerClasses{width:130px;}
}