/*.headernew .navi-bx-new ul li#srch {display:none !important;}*/
.wrap-950, .wrap-1250{width: 100%;max-width: 1280px;margin: 0 auto;display: flex;justify-content: center;}
/*bof: Today's Lowest Flight Prices Grid*/
.nlowest-pfbox {width:100%; display:block; overflow:hidden; padding:0 0 20px;}
.nlowest-pfbox h1{font-size: 3.4em;font-size: clamp(2.4em, 4vw, 3.4em);margin-bottom: 15px;color: #000000;color: var(--txtblack);
    font-weight: 800;text-align: center;padding: 30px 0;}
.nlowest-pfbox h2 {text-transform:uppercase; padding:40px 0; text-align:center;}
.nlowest-pfbox .naviBox {width:100%; float:left;}
.nlowest-pfbox .naviBox ul {width:90%;display:flex; justify-content:center; align-items:center; margin: 0 auto;}
.nlowest-pfbox .naviBox ul li {flex:1 0 0;margin:0px; text-align: center; position: relative; }
.nlowest-pfbox .naviBox ul li:before{height: 2px;content: '';display: block;width: 100%;position: absolute;bottom: -7px;
    left: 0; background: #cccccc;}
.nlowest-pfbox .naviBox ul li.active:after{background-color: #174285;background-color: var(--bluebg);height: 2px;position: absolute;
    bottom: -7px;width: 50%;content: '';left: 0;right: 0;margin: auto;border-radius: 10px;}
.nlowest-pfbox .naviBox ul li span.deskView {display:block;}
.nlowest-pfbox .naviBox ul li span.mobView {display:none;}
.nlowest-pfbox .naviBox ul li a{font-size: 1.6em;padding: 10px 15px;padding: var(--btnpadding);text-decoration: none;
    display: block;font-weight: 500;color: #000000;color: var(--txtblack);box-shadow: 0px 1px 8px rgba(0 0 0 / 20%); margin: 5px;}
.nlowest-pfbox .naviBox ul li.selected a {color:#454545; text-decoration:none;}
.nlowest-pfbox .naviBox ul li a:hover,
.nlowest-pfbox .naviBox ul li.selected a:hover {color:#454545;}

.resultGridBx {width:100%; float:left; background:#ffffff; border-radius:5px; padding:30px;}
.resultGridBx .resultGrid {width:100%; float:left; display:none;}

.resultGridBx .resultGrid.LHR {display:block;}

.resultGridBx .resultGrid ul {display:flex; justify-content:flex-start; flex-wrap:wrap;}
.resultGridBx .resultGrid ul li {flex:0 0 23%; background:#ffffff; /*box-shadow:1px -1px 2px #c3c3c3;*/ margin:0 1% 2%; border-radius:5px; box-shadow:1px -1px 10px #c3c3c3;}
.resultGridBx .resultGrid ul li a {text-decoration:none;}
.resultGridBx .resultGrid ul li a strong {display:block; background:#ebebeb; border-radius:5px 5px 0 0; color:#000000; font-size:1.8em; text-transform:uppercase; text-align:center; padding:10px 0; font-weight:700;}
.resultGridBx .resultGrid ul li a .priceBx {display:block; padding:18px 5px; font-size:34px; font-weight:600; text-align:center; position:relative;}
.resultGridBx .resultGrid ul li a p { width:calc(100% - 30px);margin:0; padding:0; display:block; text-align:center; font-weight: 700;}
.resultGridBx .resultGrid ul li a p span {color:#ee5722; display:block;}
.resultGridBx .resultGrid ul li a p span small{font-size:21px; padding-right:5px;}
.resultGridBx .resultGrid ul li a .priceBx:after{ content:url('/assets/images/rightarrowbtn.svg');  position:absolute; top:10px; right:10px; background:#ee5722; width:30px; height:50px; color:#fff; text-align:center; line-height:50px; font-weight:300; }


/*eof: Today's Lowest Flight Prices Grid*/

/*bof: Popular Flight Searches*/
.popularFltGrid {width:100%; display:block; overflow:hidden; padding:0 0 20px;} 
.popularFltGrid h2 {font-size: 3em;font-size: clamp(2em, 4vw, 3em);margin-bottom: 15px;color: #000000;color: var(--txtblack);font-weight: 800;text-align: center;}
.popularFltGrid ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.popularFltGrid ul li {flex:0 0 32%; background:#ffffff; box-shadow:1px -1px 2px #c3c3c3; border-radius:8px; box-shadow:1px -1px 10px #c3c3c3;}
.popularFltGrid ul li .imgBx,
.popularFltGrid ul li .offerBx {width:100%; float:left; position: relative;}
.popularFltGrid ul li .imgBx img {border-radius:8px 8px 0 0; width:100%; height:208px; object-fit:cover;}
.popularFltGrid ul li .offerBx p {padding:15px; margin:0; color:#031e56; font-size:1.6em; text-transform:uppercase; font-weight:700;}
.popularFltGrid ul li .offerBx p span {float:right;}

/*eof: Popular Flight Searches*/

/*bof: All Flights*/
.allFltGrid {width:100%; display:block; overflow:hidden; padding:0 0 20px;} 
.allFltGrid h2 {font-size: 3em;font-size: clamp(2em, 4vw, 3em);margin-bottom: 15px;color: #000000;color: var(--txtblack);font-weight: 800;
    text-align: center;}
.allFltGrid ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.allFltGrid ul li {flex:0 0 32%; background:#ffffff; box-shadow:1px -1px 2px #c3c3c3; margin:1% 0; border-radius:5px; box-shadow:1px -1px 10px #c3c3c3;}
.allFltGrid ul li .imgBx,
.allFltGrid ul li .offerBx,
.allFltGrid ul li .titleBx {width:100%; float:left;}
.allFltGrid ul li .imgBx img {border-radius:8px 8px 0 0; width:100%; height:174px; object-fit:cover;}
.allFltGrid ul li .titleBx {padding:8px; margin:0; color:#031e56; font-size:1.8em; font-weight:700; text-transform:uppercase; text-align:center;}
.allFltGrid ul li .offerBx p {padding:10px; margin:0; color:#000000; font-size:14px; position:relative;}
.allFltGrid ul li .offerBx p span {font-size:1.7em; font-weight:600; position:relative;}
.allFltGrid ul li .offerBx p span:after {content:"*"; color:#000000; font-size:14px; vertical-align:super;}

.allFltGrid ul li .offerBx p span.iconBlue, .popularFltGrid ul li .offerBx span.iconBlue {background: #F95539;background: var(--btnred);color: var(--txtwhite);text-decoration: none;
    width: 50px;height: 30px;margin: auto;text-transform: uppercase;bottom: 7px;position: absolute;right: 7px;text-align: center;
    line-height: 30px;}
.allFltGrid ul li .offerBx p span.iconBlue:after, .popularFltGrid ul li .offerBx span.iconBlue::after {display:none;}
.popularFltGrid ul li .offerBx span.iconBlue img{margin-top: 7px;}
/*eof: All Flights*/


/*bof:Flights Special Offers Page*/
.introGridBx,
.specOfferGrid,
.specOfferGrid .fltListingGrid {width:100%; float:left;}

.specOfferGrid .fltListingGrid {overflow:hidden;}

.introGridBx h1 {padding:30px 0; text-align:left; font-size:32px; font-weight:600; color:#000000; text-transform:capitalize;}
.introGridBx p {font-size:16px; text-align:left; line-height:1.5em;}

.specOfferGrid .titleLogoBx { width:96%;display:flex; margin:20px 0; justify-content: space-between; align-items:center;}
.specOfferGrid .titleLogoBx strong {padding:0; font-size:26px; font-weight:400; color:#000000;}
.specOfferGrid .titleLogoBx .airLogo {padding:0;}

.specOfferGrid .fltListingGrid .listingBx {display:flex; margin:0 0 20px; justify-content:flex-start; gap:10px;}
.specOfferGrid .fltListingGrid .listingBx .cityBx {flex:0 0 208px; text-decoration:none; background:#ffffff; border-radius:8px; box-shadow:1px -1px 8px #c3c3c3;}
.specOfferGrid .fltListingGrid .listingBx .cityBx a{ display:block;}

.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx {width:100%; float:left; padding:5px 15px;}
.specOfferGrid .fltListingGrid .listingBx .cityBx .imgBx,
.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .title,
.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .divider,
.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .priceBlk {width:100%; float:left; color:#000000;}

.specOfferGrid .fltListingGrid .listingBx .cityBx .imgBx img {border-radius:8px 8px 0 0; width:100%; max-width:208px; height:144px; object-fit:cover;}

.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .title,
.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .divider {text-align:center; font-size:16px; font-weight:400; padding:0 0 5px;}

.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .divider {position:relative;}

.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .divider:after, 
.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .divider:before {content:""; position:absolute; top:10px; z-index:1; height:1px; width:35%; background:#000000;}
.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .divider:before {left:0;}
.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .divider:after {right:0;}

.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .priceBlk {font-size:16px; padding:0 0 8px; text-align:left;}
.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .priceBlk span {font-weight:600; font-size:20px; color:#000000;}
.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .priceBlk span:after {content:"*"; vertical-align:super; font-size:18px;}
.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .priceBlk span.iconArrow {float:right; width:18px; height:18px; margin:8px 0 0; background:url(/assets/images/newdesign/sprite.png) -400px -1px no-repeat;}
.specOfferGrid .fltListingGrid .listingBx .cityBx .detailsBx .priceBlk span.iconArrow:after {display:none;}
/*eof:Flights Special Offers Page*/

@media only screen and (max-width:1200px){
.nlowest-pfbox .naviBox ul li{ padding:20px 0;}
.resultGridBx .resultGrid ul li a .priceBx{ font-size:1.4em;}
.travelCalGrid, .calendarGridBx, .seasonGrid {padding:0 20px;}
.calendarGridBx {padding:30px 20px;}
.bg-grey{ padding:20px;}
.specOfferGrid .fltListingGrid .listingBx{overflow: scroll; padding-bottom:20px;}
.newDesignSrchPanel .NewSrchPanel{ padding:20px 10px;}
.flyingPartnerGrid, .newDesignSrchPanel .wrap-950{ width:96%;}
.newDesignSrchPanel .flightOptionBx .flightdirect{ width:25%;}
.p40{ display:none;}
.newDesignSrchPanel .NewSrchPanel strong.titleBx{ padding-bottom:15px; display:block;}
.specOfferGrid .fltListingGrid .listingBx .cityBx{ flex:0 0 208px;}
.resultGridBx .resultGrid ul li a .priceBx{font-size: 2.4em;}
.resultGridBx .resultGrid ul li a .priceBx:after{transform: scale(.8); top: 5px; right: 5px; line-height: 60px;}
.nlowest-pfbox .naviBox ul li:before, .nlowest-pfbox .naviBox ul li.active:after{bottom: 2px;}
}


@media only screen and (max-width:900px) {
.whyusBx .l-panel h3{ font-size:1.5em; padding:10px 0;}
.whyusBx .l-panel p{ line-height:21px; font-size:.9em;}
.whybook ul{ font-size:.9em;}
}

@media only screen and (max-width:767px) {
    .nlowest-pfbox .naviBox ul{flex-wrap: nowrap; overflow: auto; justify-content: flex-start; height: auto; overflow-y: hidden;}
    .nlowest-pfbox .naviBox ul li{flex:0 0 auto; padding: 10px 0;}    
    .resultGridBx{padding: 15px;}
    .resultGridBx .resultGrid ul li a .priceBx{font-size: 2.2em;}
    .resultGridBx .resultGrid ul li a .priceBx:after{display: none;}
    .resultGridBx .resultGrid ul{gap: 10px;}
    .resultGridBx .resultGrid ul li{box-shadow: none; margin: 0; flex: 1 0 30%; border: 1px solid #ebebeb;}
    .resultGridBx .resultGrid ul li a strong{font-size: 1.4em; font-weight: 700;}
    .resultGridBx .resultGrid ul li a p span small{font-size: 18px;}
    .resultGridBx .resultGrid ul li a p{width: 100%;}
    .popularFltGrid ul, .allFltGrid ul{justify-content:flex-start; flex-wrap: nowrap; width: 100%; gap: 10px; overflow: auto; padding-bottom: 20px;}
    .popularFltGrid ul li, .allFltGrid ul li{flex:0 0 320px; padding: 5px;}
    .allFltGrid ul li .offerBx p span.iconBlue{right: 5px; bottom: 5px;}
    .allFltGrid ul li .imgBx img{height: 174px;}    
    .nlowest-pfbox h1{padding:30px 0 0 0;}
    .popularFltGrid h2, .allFltGrid h2{font-size: 2.2em;}
}