.holidaytab{width: 100%;}
.holidaytab ul{width: 100%; display: flex; justify-content: center; margin:15px 0 30px 0;}
.holidaytab ul li{flex: 0 0 auto; position: relative;  padding: 5px;}
.holidaytab ul li a{font-size: 1.8em; padding: 10px 35px; text-decoration: none; display: block;
font-weight: 500; color: #000000; color: var(--txtblack); box-shadow: 0px 1px 8px rgba(0 0 0 / 20%); background-color: #ffffff;}
.holidaytab ul li::before {height: 2px; background-color: #cccccc; content: ''; display: block; width: 100%; position: absolute;
bottom: -4px; left: 0;}	
.holidaytab ul li.active:after {background-color: #174285; background-color: var(--bluebg); height: 2px; position: absolute;
bottom: -4px; width: 50%; content: ''; 	left: 0; right: 0; margin: auto; border-radius: 10px;}	

.introsection, .fltheading{max-width: 900px; width: 94%; margin: 0 auto; text-align: center; margin: 20px auto 0;}
.fltheading h1{font-size: 3.4em; font-size: clamp(2.4em, 4vw, 3.4em); margin-bottom: 15px; color: #000000; color: var(--txtblack);   font-weight: 800;}
.introsection p, .fltheading p{ line-height: 25px; font-size: 1.8em; color: var(--txtsixteen); font-weight: 500; color: #000000; color: var(--txtblack);}
#moreText{display: none;}
#moreText h2{font-size: 3em; font-size: clamp(2em, 4vw, 3em); margin-bottom: 15px; color: #000000; color: var(--txtblack); font-weight:800; text-align: center; margin-top: 20px; margin-bottom: 10px;}
.introsection a#readMore, .fltheading a#readMore{font-size: 1.6em; color: #ff0000; margin-top: 10px; display: block;}

.fltsection{flex:0 0 250px;}
.fltsection strong.filterrsltby{display: flex; justify-content: space-between;font-size: 1.6em; font-weight: 600; margin: 10px 0 25px 0;}
.fltsection strong.filterrsltby a{font-weight: 500; color: #000000;}
.fltdetail{flex:0 0 calc(100% - 280px);}
.fltdetail > .error{font-size: 1.6em; font-weight: 600; text-align: center;}
.fltdetail .sortbybx{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap:wrap;}
.fltdetail .sortbybx .sory-by label{font-size: 1.6em; font-weight: 600;}
.fltdetail .sortbybx .sory-by select{height: 48px; font-size: 1.6em; padding: 0 20px; margin-left: 10px; background-color: #ffffff;}
.cflightsection{display:block; width: 100%;}
.cflightsection > .rows{max-width:1280px; width: 92%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.flightsection{max-width:1280px; width: 92%; margin: 0 auto; display: flex; justify-content: space-between;}
.flightsection .ftlsection{flex: 0 0 260px;}
.fltbox{ width: 100%; margin-bottom:30px;}
.fltbox .fltheading{display: flex; position: relative; align-items: center; width: 100%; margin: 0px auto 7px;}
.fltbox .fltheading a#vSetAllLocation{display: none;}
.fltbox .fltheading span{font-size: 1.6em; font-weight: 600;}
.fltbox .fltheading span img[src$='boardbasisicon.svg']{width: 24px; height: auto;}
.fltbox .fltheading span:first-child{width:30px;}
.fltbox .fltheading span:last-child{position: absolute; right: 8px;}
.fltbox .shaidbox{box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); padding: 2px 8px; position: relative;}
.fltbox .shaidbox > ul{list-style: none; padding:7px 0;}
.fltbox .shaidbox > ul > li{ padding:5px 0; margin:0; position: relative; overflow: hidden;}
.fltbox .shaidbox > ul > li > label{padding-right: 60px;}
.fltbox .shaidbox > ul > li >  span.callnowtxt{position: absolute; right:0px; top: 0px; font-size: 1.4em; color: #F95539; color: var(--txtred); cursor: pointer;}
.fltbox .shaidbox > ul > li > span.onlyclick > a{color: #f95539; text-decoration: none;}
.fltbox .shaidbox > ul > li >  span.onlyclick{position: absolute; right:-100px; top: 0px; font-size: 1.3em; color: #F95539; color: var(--txtred); cursor: pointer; transition: all .5s; font-weight: 600; top: 8px;}
.fltbox .shaidbox > ul > li:hover span.onlyclick{right:8px;}

.fltbox .shaidbox > ul > li > .checkbtn{padding-left: 25px;}
.fltbox .shaidbox > ul > li > .checkbtn .checkmark{width: 18px; height: 18px; border-color: #707070;}
.fltbox .shaidbox > ul > li > .checkbtn .checkmark:after{left:5px; top: 2px; width: 4px; height: 7px; border-width: 0 2px 2px 0;     border-color: #707070;}
.fltbox .shaidbox .priceslider{width: 100%; padding:15px 20px 30px 15px;}
.fltbox .shaidbox .priceslider div#slider-range{position: relative;}
.fltbox .shaidbox .priceslider .row .rangestrip{ height:8px; border:1px solid #174285; width: 100%;} 
div.ui-slider-range.ui-corner-all.ui-widget-header{left: 0%; width: 100%; height: 9px; position: absolute; background: #174285; top: 0px;}
.fltbox .shaidbox .priceslider .row .pricerange{position: relative; left: -5px; z-index: 9;}
.fltbox .shaidbox .priceslider .row .pricerange span{width: 13px; height: 13px; border: 1px solid #174285; background-color: #ffffff;   border-radius: 50px; position: absolute; top: -10px; cursor: pointer;}
.fltbox .shaidbox .priceslider .row .pricerange span.pricestardot{left: -5px;}
.fltbox .shaidbox .priceslider .row .pricerange span.priceenddot{right: -5px;}

ul.selecthotel{width: 100%;}
ul.selecthotel li select{ width: 100%; height: 40px; appearance: none; padding: 0 10px; font-weight: 500; font-size: 1.4em; padding-right: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #000000;}
ul.selecthotel li span.arw{position: absolute; bottom: 20px; right:12px; pointer-events: none;}

.priceslot{position: relative;}
.priceslot span{position: absolute; font-size: 1.4em; top: 8px; font-weight: 600;}
.priceslot span.pstxt, .priceslot span#lblmin{left: -12px;}
.priceslot span.pendtxt, .priceslot span#lblmax{right: -16px;}

.flightsection .fltdetail{flex: 0 0 calc(100% - 290px);}
.fltdetail strong.hotelnumber{font-size: 1.6em; font-weight: 600; margin-bottom: 10px; display: block;}
.gridsection{width: 100%;  margin-bottom: 40px;}
.shaidgrid{display: flex; justify-content: space-between; box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); align-items: center; position: relative; margin-bottom: 20px;}
.shaidgrid.altgrid{background-color: #efecec;}

.mobilefltbtn{ display: none;}
.mobilefltbtn a{font-size: 1.6em; font-weight: 600; box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); padding: 2px 10px;
position: relative; width: 100%; display: block; margin:30px 0 15px 0; text-align: center; text-decoration: none; padding: 10px 0; color:#000000; color: var(--txtblack);}
.mobilefltbtn a img{margin-left: 10px;}
ul.fltstarrating{width: auto;}
ul.fltstarrating li label span.str svg{fill: #F95539; width: 14px; height: 14px;}

.breadcrumb--new{max-width: 1240px; width: 100%; margin: 20px auto; display: block;}
.breadcrumb--new ul{list-style: none; display: flex; flex-wrap: wrap;}
.breadcrumb--new ul li{font-size: 1.4em;color: #000000; font-weight: 600; margin: 5px 0px;}
.breadcrumb--new ul li a{color: #000000; text-decoration:none; position: relative; padding: 6px; display: inline-block; text-transform: capitalize;}
.breadcrumb--new ul li::after{content: '>';  margin: 0 10px;}
.breadcrumb--new ul li:last-child:after{display: none;}
.priceslot span.pstxt:before, .priceslot span.pendtxt:before{content:'£';}

/* bof: dubai grid */
.holidaygrid{display: flex; justify-content: space-between; width: 100%; transition: all .5s;}
/* .holidaygrid:hover {box-shadow: -1px 11px 20px rgba(0 0 0 / 15%); background: #f1f1f1;} */
.hdaygrid{flex:0 0 calc(100% - 370px);}
.hdaygrid .hdaygridin{display: flex; justify-content: space-between; height: 100%;}
.hdayimg{flex:0 0 360px; position: relative;}
.hdayimg .theme {width:160px; background: #174285; background: var(--btnblue); position: absolute; top: 0; left: 0; right: 0; margin: auto;
    color: #fff; z-index: 1;  text-align: center; padding: var(--btnpadding); font-size: 1.8em; font-weight: 600;}
.hdayimg img{ width: 100%; height: 215px; display: block; object-fit: cover;}
.hdaygrid .hdaygridin .hdayimg img{width: 100%; height: 240px; display: block; object-fit: cover;}
.hdaygrid .hdaygridin .hdaydetail{padding: 15px; flex: 0 0 calc(100% - 250px); position: relative;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading{ width: 100%;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading h2{font-size:2em; font-weight: 700;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading h2 a{ text-decoration: none; color:#000000; color: var(--txtblack);}
.hdaygrid .hdaygridin .hdaydetail .hdayheading .strgrp{margin: 5px 0 15px 0;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading .strgrp svg{width:14px; height: 14px; fill: #F95539; margin-right: 3px;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading span.htlmap{font-size: 1.4em; font-weight: 600;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading span.htlmap img{vertical-align: bottom; margin-right: 5px;}
.hdaygrid .hdaygridin .hdaydetail .hofferlist{position:absolute; bottom: 30px;}
.hdaygrid .hdaygridin .hdaydetail .hofferlist ul{list-style: none;}
.hdaygrid .hdaygridin .hdaydetail .hofferlist ul li{font-size: 1.4em; position: relative; padding-left: 18px; margin: 8px 0; display: block; font-weight: 500;}
.hdaygrid .hdaygridin .hdaydetail .hofferlist ul li::before{content: url(../images/offertag.svg); position: absolute; transform: scale(.5);
    left: -5px; top:-6px;}
.hdaygrid .hdaygridin .hdaydetail .hofferlist a.viewoff{font-size: 1.2em; font-weight: 600; text-decoration: underline; cursor: pointer;margin: 10px 8px;  display: inline-block; color: #F95539; position: relative; z-index: 10;}    


.hdaycall{flex: 0 0 250px;  border-left: 1px solid #cccccc; border-left: 1px solid var(--bordergrey); padding: 15px; position: relative;}
.hdaycall .hdayin{height: 100%; display: flex; justify-content:space-between; flex-direction: column; text-align: center;}
.hdaycall .hdayin .hflightngt{flex:0 0 auto;}
.hdaycall .hdayin .hflightngt strong.fhtngt{font-size: 1.8em; color:#000000; color: var(--txtblack); display: block; font-weight: 700; margin-bottom: 10px;}
.hdaycall .hdayin .hflightngt span.hbb{font-size: 1.4em; color:#000000; color: var(--txtblack); text-transform: capitalize; font-weight: 500;}
.hdaycall .hdayin .frsgroup{flex:0 0 auto;}
.hdaycall .hdayin .frsgroup .frmfrs{width: 100%;}
.hdaycall .hdayin .frsgroup .frmfrs[style="display:none"] + .hbtngrp {position: absolute; bottom: 12px; width: 220px;}
.hdaycall .hdayin .frsgroup .frmfrs span{font-size: 1.6em; font-weight: 800;}
.hdaycall .hdayin .frsgroup .frmfrs strong{font-size: 2.6em; font-weight: 800;}
.hdaycall .hdayin .frsgroup .frmfrs > p{font-size: 1.1em; margin-top: 8px; font-weight: 600;}
.hdaycall .hdayin .frsgroup .hbtngrp{display: block; margin-top: 10px;}
.hdaycall .hdayin .frsgroup .hbtngrp ul{display: flex; justify-content: space-between;}
.hdaycall .hdayin .frsgroup .hbtngrp ul li{list-style: none; flex:0 0 48%;}
.hdaycall .hdayin .frsgroup .hbtngrp ul li a{ text-decoration: none; font-size: 1.3em; font-weight: 700; color: #F95539; color: var(--txtred); border: 1px solid #F95539; display: block; padding:0px 5px; text-transform: uppercase; height: 35px; line-height: 35px; display: flex; align-items: center; justify-content: center;}
.hdaycall .hdayin .frsgroup .hbtngrp ul li a > img{margin-right: 8px; display: none;}
.hdaycall .hdayin .frsgroup .hbtngrp ul li a.hviewbtn{background-color: #F95539; background-color: var(--btnred); color: #ffffff;}

.floadmore{width: 100%;}
.floadmore > a{box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); padding:8px 18px; display: inline-block; font-size: 1.4em;  color: #f95539; text-decoration: none; font-weight: 700;}
/* Eof: dubai grid */

ul.dptsection{width: 100%;}
.fltbox .shaidbox ul.dptsection > li{border-bottom: 1px solid #cccccc; padding:0px; margin: 0;}
ul.dptsection > li > a{text-decoration: none; font-size: 1.4em; color:#000000; color: var(--txtblack); font-weight: 600; padding: 10px; display: block; transition: all .5s;}
ul.dptsection > li > a:hover{ background-color: #e7e7e7;}
ul.dptsection > li > a::after{content: url(../images/blackdownicon.svg); background-repeat: no-repeat; background-position: 0 10%; transform: scale(.5) rotate(-90deg); display: block; position: absolute; right: 0; top: 8px;}
.fltbox .shaidbox ul.dptsection > li:last-child, .fltbox .shaidbox ul.destsection > li:last-child, .fltbox .shaidbox ul.destsection > li > ul.destgroup > li:last-child{border: none;}

/* Bof: Introductions */
 .overview-bx{max-width: 900px; width: 94%; margin: 0 auto; text-align: center; margin: 20px auto 0;}
 .overview-bx h1{font-size: 3.4em; font-size: clamp(2.4em, 4vw, 3.4em); margin-bottom: 15px; color: #000000; color: var(--txtblack); font-weight: 800;}
 .overview-bx h2,   .overview-bx h3{font-size:3em; font-size: clampclamp(2em, 4vw, 3em); margin-bottom: 15px; color: #000000; color: var(--txtblack); font-weight: 800; margin-top: 20px;}
 .overview-bx h4{font-size:2.6em; font-size: clampclamp(2em, 4vw, 2.6em); margin-bottom: 15px; color: #000000; color: var(--txtblack); font-weight: 800; margin-top: 20px;}
 .overview-bx p{line-height: 25px; font-size: 1.8em;  color: var(--txtsixteen); font-weight: 500; color: #000000;  color: var(--txtblack);}
.overview-bx p a{ color: #F95539; text-decoration: none;}
 .overview-bx a#readMore{font-size: 1.6em;  color: #ff0000;   margin-top: 10px;   display: block;}
.extraordinarymap{max-width: 1280px; width:100%; margin: 40px auto;}
.extraordinarymap h2{font-size: 3em; font-size: clamp(2.4em, 4vw, 3em); margin-bottom: 15px; color: #000000; color: var(--txtblack);
font-weight: 700; margin-bottom: 30px; text-align: center;}
.extraordinarymap .citylist{width:90%; max-width:1280px;display: flex; flex-wrap: wrap; justify-content: center; gap:20px; margin: 0 auto;}
.extraordinarymap .citylist div[class^="citybox"]{box-shadow: -1px 1px 10px rgba(0 0 0 / 15%); padding: 0; flex: 0 0 18%;}
.extraordinarymap .citylist div[class^="citybox"] a {text-decoration: none;}
.extraordinarymap .citylist div[class^="citybox"] a h3{font-size: 1.6em; text-align: center; color: #000; font-weight: 700; padding:15px 5px; line-height: 18px;}
.extraordinarymap .citylist div[class^="citybox"] img{ width:100%; height: 200px; object-fit: cover;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading h2 > span.citynames{display: block; width: 100%; font-size: .90rem; font-weight: 600;
margin-top: 5px; color: #242424;}
.fltdetail{margin: 0 auto; flex: 0 0 90%;}
/* Eof: Introductions */

.tempitem{ width:100%; display: flex; flex-wrap: wrap; justify-content: center;}
.tempitem .templist{ flex:0 0 150px;font-size: 1.6em;margin: 10px 0;}
.tempitem .templist span.weathericon{ display: block;}

div.secure {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;font-size: 2em;line-height: 23px;font-weight: 800;padding-bottom: 30px;}

@media only screen and (max-width:1200px){
    .holidaygrid{flex-direction: column;}
    .hdayimg{flex:0 0 100%;}
    .hdaycall .hdayin .frsgroup .hbtngrp ul li a{padding: 0 2px;}
    .fltbox .shaidbox > ul > li > span.onlyclick{right:0px;}
}

@media only screen and (max-width:900px){
    .holidaytab ul {flex-wrap: nowrap; overflow: auto; padding-bottom: 10px; justify-content: flex-start;}
    .mobilefltbtn{ display: block;}
}

@media only screen and (max-width:767px){
    .holidaytab ul { justify-content: flex-start;}
    .hdaygrid .hdaygridin, .holidaygrid{flex-direction: column;}
    .hdaygrid{flex:0 0 100%;}
    .hdaycall{border: none; flex: auto;}
    .hdaycall .hdayin{align-items: flex-start; text-align: left;}
    .hdaycall .hdayin .hflightngt{margin-bottom: 20px;}
    .hdaycall .hdayin .frsgroup{width: 100%;}
    .hdaycall .hdayin .frsgroup .hbtngrp ul li{flex:0 0 48%; text-align: center;}
    .hdaygrid .hdaygridin .hdaydetail .hdayheading .strgrp{margin:0 10px 0 0px; vertical-align: top;}
    .hdaygrid .hdaygridin .hdaydetail .hdayheading .strgrp, .hdaygrid .hdaygridin .hdaydetail .hdayheading span.htlmap{display: inline-block;}    
    .hdaygrid .hdaygridin .hdaydetail .hdayheading h2{margin-bottom: 8px;}
    .hdaycall .hdayin .frsgroup .hbtngrp ul li a > img{display: block;}
    .fltdetail .sortbybx .sory-by{width: 100%;}
    .fltdetail .sortbybx .sory-by select{width: calc(100% - 68px);}
    .hdaygrid .hdaygridin .hdaydetail .hofferlist{margin-top: 30px; position: static;}
    .hdaygrid .hdaygridin .hdaydetail .offerviews{top: 103px; max-width: 320px; left: 0; right: auto; margin: auto;}
    
}



/* Bof: holiday view result */
.passengergrid{flex:0 0 100%; margin-bottom: 30px; display: none;}
.passengergrid .passengergridinset{display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(100% - 280px); float: right;
margin-bottom: 10px;}
.passengergrid .passengergridinset .cols{flex:0 0 32%; margin:10px 0;}
.passengergrid .passengergridinset .cols:nth-child(3){ text-align: right;}
.passengergrid .passengergridinset .cols:last-child{flex:0 0 100%;}
.passengergrid .passengergridinset .cols p{font-size: 1.5em; font-weight: 600; line-height:20px;}

.shaidgrid.flighthotel{flex-direction: column;}
.row_gridholiday{display: flex;}
.row_gridholiday.view_details{display: none;}
.shaidgrid.flighthotel .hdaycall{padding-bottom: 40px;}
.row_gridholiday{width: 100%; position: relative;}
.row_gridholiday .gridbase{background-color: #EEF3FC; border-right: 1px solid #cccccc; border-right: 1px solid var(--bordergrey); flex:0 0 50%;}
.row_gridholiday .gridbase:last-child{border: none;}
.row_gridholiday .gridbase > strong{font-weight: 700; font-size: 1.6em; margin-bottom:5px; display: block; padding:10px 0 0 10px;}
.row_gridholiday .gridbase .toprow{border-bottom: 1px solid #cccccc; border-bottom: 1px solid var(--bordergrey); padding: 0 15px; display: flex; justify-content: space-between;; }
.row_gridholiday .gridbase .toprow .col{flex: 1; text-align: center;}
.departfrom{display: flex; align-items: center; justify-content: center; padding-bottom: 10px;}
.departfrom span{font-size: 1.4em; font-weight: 600;}
.departfrom img{margin-right: 10px;}
.row_gridholiday .gridbase .toprow .col:first-child .departfrom{justify-content: left;}
.row_gridholiday .gridbase .toprow .col:last-child .departfrom{justify-content: right;}
.row_gridholiday .gridbase .rows{display: flex; flex-wrap: wrap; justify-content: space-between; padding:0 10px 10px; align-items: center; position: relative;}
.row_gridholiday .gridbase .rows .col{flex:0 0 141px;}
.row_gridholiday .gridbase .rows .col:nth-child(2){flex:0 0 calc(100% - 141px);}
.airlineimg2{display: flex; justify-content: center; font-size: 1.3em; text-align: right; flex-wrap: wrap;}
.airlineimg2 span{display: block; width: 100%; text-align: center;}
.airlineimg2 > img{margin-bottom: 5px;}
.multiflght{ display: flex; align-items: center; padding: 0 10px;}
.multiflght .boxes{flex:0 0 33.33%;}
.multiflght .boxes:first-child .box_detail{text-align: right;}
.multiflght .boxes:last-child .box_detail{text-align: left;}
.multiflght .boxes .box_detail{display: flex; flex-direction: column;  color:#000000; color: var(--txtblack);} 
.multiflght .boxes span.dept_outbound{font-size: 1.25em; font-weight: 700;}
.multiflght .boxes strong.depttime_outbound{font-size: 1.8em; font-weight: 800; margin: 5px 0;}
.multiflght .boxes span.daymnt_outbound{font-size: 1.2em; font-weight:500;}
.out_stopgrid{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 10px;}
.out_stopgrid span{font-size:1.2em; font-weight: 500; color:#ff0000; }
.out_stopgrid span.girdline{border-bottom: 1px solid #000000; margin: 3px 0; position: relative; width: 100%;}
.out_stopgrid span.girdline::after{ display: block; position: absolute; right: 2px; top: -6px; transform: rotate(-45deg); content: '';
background-color: #000000; height: 8px;  width: 1px;}
.out_stopgrid span.colstop{}
.out_boundcls{ padding-left: 20px;}
.out_boundcls ul{list-style: none;}
.out_boundcls ul li{font-size: 1.3em; font-weight: 600; margin-bottom:10px; padding-left:22px; position: relative;}
.out_boundcls ul li span{ display: block;}
.out_boundcls ul li img{ position: absolute; left: 0; top: -2px;} 
.stopoverstrip{background-color: #CBDAF6; text-align: center; padding: 15px; font-size: 1.4em; font-weight: 600;}
.viewhidebtn{position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 160px;} 
.viewhidebtn a{ background-color: #EEF3FC; background-color: var(--lightbluebg); font-size: 1.4em; font-weight: 600; padding:8px 20px; text-decoration: none; color: #000000; color: var(--txtblack); display: flex; align-items: center; justify-content:center;}
.viewhidebtn a img[src$="airline.svg"]{width: 16px; margin-right: 5px;}
.viewhidebtn a img[src$="blackdownarrow.svg"]{width: 16px; margin-left: 5px;}
.hdaygrid .hdaygridin .hdaydetail .offerviews{box-shadow: 0px 1px 8px rgba(0 0 0 / 20%); background-color: #ffffff; position: absolute;
left: 0; width:260px; top:auto; z-index:0; padding:23px 17px 5px; z-index: 9; display: none; margin-top: -30px;}
.hdaygrid .hdaygridin .hdaydetail .offerviews span.offerclose{position: absolute; right:5px; top: 5px; cursor: pointer;}    

/* pagination section */
.fltdetail .grid-header, .fltdetail .grid-footer{display: flex; justify-content: flex-end;}
.fltdetail .grid-header{margin: -35px 0 20px 0;}
.fltdetail .grid-footer{margin-top: -20px;}
.block-row{display: block;}
.block-row .pagination{display:flex; align-items: center;}
.block-row .pagination .col{flex:0 0 auto;}
.block-row .pagination .col:first-child{flex: 0 0 auto; font-size: 1.4em; font-weight: 600; margin-right: 10px;}
.block-row .pagination .col ul{display: flex; align-items: center; gap: 2px;}
.block-row .pagination .col ul li{flex:0 0 auto;  font-size: 1.6em;}
.block-row .pagination .col ul li a{text-decoration: none; background-color: #eef3fc; color: #000000;
width: 35px; height: 35px; display: block; line-height: 35px;  text-align: center; font-weight: 600;}
.block-row .pagination .col ul li.prev span img{width: 26px; height: auto; transform: rotate(90deg); margin-top: 5px;}
.block-row .pagination .col ul li.next span img{width: 26px; height: auto; transform: rotate(-90deg); margin-top: 5px;}
.block-row .pagination .col ul li.page a[style$="background-color:SkyBlue;"]{background-color: #fc5119 !important; color: #ffffff;}
@media only screen and (max-width:767px){
.fltdetail .grid-header{margin: 0 0 10px 0;}
.block-row .pagination .col ul li a{width: 30px; height: 30px; line-height: 30px;}
.block-row .pagination .col ul li.next span img, .block-row .pagination .col ul li.prev span img{margin-top: 2px;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading span.htlmap{margin-left: -15px;}
.fltdetail strong.hotelnumber{margin-bottom: 20px;}
}
/* pagination section */

@media only screen and (max-width:1200px){
    .row_gridholiday{flex-direction: column;}
    .row_gridholiday .gridbase{border-right: none; border-bottom: 1px solid #cccccc; border-bottom: 1px solid var(--bordergrey);}
    .row_gridholiday .gridbase .rows .col:first-child{position: absolute; right: 0; top: -25px; width: 160px;}
    .row_gridholiday .gridbase .rows .col:nth-child(2){flex:0 0 100%; margin-top: 41px;}
    .passengergrid .passengergridinset .cols:nth-child(3){ text-align: left;}
    .passengergrid .passengergridinset .cols, .passengergrid .passengergridinset .cols:last-child{flex:0 0 48%;}
}

@media only screen and (max-width:900px){
     .passengergrid .passengergridinset{width: 100%;}
    .passengergrid .passengergridinset .cols{margin: 5px 0px;}
    .passengergrid{order: 2;}
    .fltsection{order: 1;}
    .fltdetail{order: 3;}
    .hdaycall .hdayin .frsgroup .hbtngrp ul li a{font-size:1.4em;}
}
/* Eof: holiday view result */


/* bof: Campaign */
.o-grid{ width:100%; max-width:1280px; margin: 0 auto;}
.o-grid .o-grid-items-bx{display:block; background: #fff; padding-left: 30px;}
.o-grid .o-grid-items-bx a{text-decoration: none; color: #000000; width: 100%;}
.o-grid .o-grid-items-bx .o-grid-items{background: #fff; box-shadow:0px 8px 32px rgba(0,0,0,.06); transition: all .5s; box-shadow: 0px 1px 8px rgba(0 0 0 / 20%); width: 23%; margin: .5%; display: inline-block; vertical-align: top;}
.o-grid .o-grid-items-bx .o-grid-items:nth-child(even) .o-grid-img img{height: 230px;}
.o-grid .o-grid-items-bx .o-grid-items:nth-child(5), .o-grid .o-grid-items-bx .o-grid-items:nth-child(7){margin-top: -20px;}
.o-grid .o-grid-items-bx .o-grid-items:nth-child(5) .o-grid-img img, .o-grid .o-grid-items-bx .o-grid-items:nth-child(7) .o-grid-img img{height: 230px;}
.o-grid .o-grid-items-bx .o-grid-items:nth-child(6), .o-grid .o-grid-items-bx .o-grid-items:nth-child(8){margin-top: 10px;}
.o-grid .o-grid-items-bx .o-grid-items:nth-child(6) .o-grid-img img, .o-grid .o-grid-items-bx .o-grid-items:nth-child(8) .o-grid-img img{height: 200px;}

.o-grid .o-grid-items-bx .o-grid-items:hover{background: #f3f3f3;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img{ width:100%; position: relative; }
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img a::after{background-color: rgba(0 0 0 / 15%); content: ''; width: 100%;  height: 100%;
display: block; top: 0; left: 0; position: absolute;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img span.hotellogo{position: absolute; right: 15px; top:15px; z-index: 9; display: none;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img span.hotellogo > img{width: 141px; height: 41px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img .o-logo{ position: absolute; top: 20px; left: 20px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img .o-logo1{ position: absolute; top: 20px; right: 20px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img .o-logo img{ width: 200px; height: auto!important;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img .o-logo1 img{ width: 100px; height: auto!important;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img > img{ width:100%; height: 200px; object-fit: cover; border-radius:0; display: block; object-position: top center;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-img > img.bigimg{ height: 245px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info{ width:100%; display: flex; flex-wrap:wrap; flex-direction: column; padding:12px; position: relative; height: 140px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info strong{ font-size: 1.8em; font-weight: 700; margin-bottom: 5px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info strong a{ text-decoration: none; color: #000000;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info ul{list-style: none;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info ul li{font-size: 1.5em; margin-top:6px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info ul li a{ text-decoration: none; color: #000000; transition: all .5s;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info ul li a span{font-weight: 700; color: #F95539;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info ul li a:hover span{font-weight: 900;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info p{ width:100%;font-size: 1.6em; padding-top:5px; line-height: 21px; }
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info .gridinfobtn{background-color: #F95539; background-color: var(--btnred);  width: 50px;
height: 30px;  display: flex; align-items: center; justify-content: center; line-height: 40px; position: absolute; right: 10px; bottom: 10px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info .gridinfobtn a{background-color: #F95539; background-color: var(--btnred);
width: 50px; height: 30px; display: block; text-align: center; line-height: 40px;}
.o-grid .o-grid-items-bx .o-grid-items .o-grid-info p span{font-weight: 700; color:  #F95539;}

@media screen and (max-width:1200px){
    .o-grid .o-grid-items-bx{padding: 0; display: flex; flex-wrap: nowrap; overflow: auto; padding-bottom: 10px;}
    .o-grid .o-grid-items-bx .o-grid-items{flex:0 0 320px; margin-right: 10px;}
    .o-grid .o-grid-items-bx .o-grid-items:last-child{margin: 0;}
    .o-grid .o-grid-items-bx .o-grid-items:nth-child(even) .o-grid-img img, .o-grid .o-grid-items-bx .o-grid-items:nth-child(5) .o-grid-img img, .o-grid .o-grid-items-bx .o-grid-items:nth-child(7) .o-grid-img img{height: 200px;}    
    .o-grid .o-grid-items-bx .o-grid-items:nth-child(6), .o-grid .o-grid-items-bx .o-grid-items:nth-child(8), .o-grid .o-grid-items-bx .o-grid-items:nth-child(5), .o-grid .o-grid-items-bx .o-grid-items:nth-child(7){margin-top: 0;}
    .hdaygrid .hdaygridin .hdaydetail .hofferlist{position: static;}
} 

@media only screen and (max-width:480px){
    .extraordinarymap .citylist div[class^="citybox"]{flex: 0 0 160px;}
}
/* bof: Campaign */