.bredcumsection{max-width: 1240px; width: 100%; margin: 10px auto; display: block; position: relative;}
.bredcumsection ul{list-style: none; display: flex; flex-wrap: wrap; align-items: center; width:calc(100% - 150px)}
.bredcumsection ul li{font-size: 1.3em;color: #000000; font-weight: 600; margin: 5px 0px; position: relative; padding-right: 15px;}
.bredcumsection ul li a{ font-size:1em;color: #000000; text-decoration:none; position: relative; padding: 6px; display: inline-block; text-transform: capitalize;}
.bredcumsection ul li::after{content: '';background-image: url(/assets/images/blackdownarrow.svg);width: 10px;height: 10px;
    margin: 0 1px;background-size: 10px 10px;position: absolute;top: 8px;right: 0;transform: rotate(-90deg);}
.bredcumsection ul li a:hover{ text-decoration: underline;}
.bredcumsection ul li:last-child{pointer-events: none; padding: 5px;}
.bredcumsection ul li:last-child:after{display: none; }


.bredcumsection .bckbtn{flex:0 0 150px; position: absolute; top: 5px; right:5px;}
.bredcumsection .bckbtn > a{font-size: 1.4em; background-color: #000000; font-weight: 700; text-decoration: none; color: #ffffff; padding: 10px ; display: block; position: relative;}
.bredcumsection .bckbtn > a::before{content: ''; border: 17px solid transparent; border-right: 18px solid #000000; position: absolute;
left: -35px; top: 0;}


.hotelgrid{width: 100%; max-width: 1240px; margin: 20px auto;}
.hdtlsection{max-width: 1200px; margin: 20px auto;}
.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}


/* Enquiry Form page */
.htnamesection{display: flex; flex-wrap: wrap; justify-content: space-between; width: 98%; max-width: 1300px; margin: 30px auto 0; align-items: center;}
.htnamesection .htnamebox{flex: 0 0 calc(100% - 100px);}
.htnamesection .htnamebox .htname{display: flex; flex-wrap: wrap; align-items: center;}
.htnamesection .htnamebox .htname strong{font-size: 2.2em; font-weight: 800;}
.htnamesection .htnamebox .htname span.htrating{margin-left:10px;}
.htnamesection .htnamebox .htname span.htrating svg{width:17px; fill: #f95539;}

.introsection, .fltheading{max-width: 900px; width: 94%; margin: 0 auto; text-align: left; 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;}


.htnamesection .bckbtn{flex:0 0 auto;}
.htnamesection .bckbtn > a{font-size: 1.4em; background-color: #000000; font-weight: 700; text-decoration: none; color: #ffffff; padding: 10px ; display: block; position: relative;}
.htnamesection .bckbtn > a::before{content: ''; border: 17px solid transparent; border-right: 18px solid #000000; position: absolute;
left: -35px; top: 0;}

.enquirybooking{flex: 0 0 calc(100% - 320px); background: #eef3fc;}
.enquirybooking h1{font-size: 2em; padding: 20px 0; background: #fff; font-weight: 600;}
.enquirybooking .formbox{ width: 100%;}
.enquirybooking .formbox ul{display: flex; flex-wrap: wrap; padding: 30px;}
.enquirybooking .formbox ul li{flex:0 0 50%; padding:15px; position: relative;}  
.enquirybooking .formbox ul li .common-alert.error{width:auto; justify-content: flex-start; border-radius: 0; left: 15px; bottom:auto; padding: 12px; top:0; height: auto; padding: 6px; font-size: 1.3em; background-color: #252c32; box-shadow: 0px 3px 3px rgba(0 0 0 / 10%);
color: #ffffff; font-weight: 600; position: absolute !important;}
.enquirybooking .formbox ul li .common-alert.error::after {content: ''; border: 10px solid transparent; border-top: 10px solid #252c32; position: absolute;
bottom: -17px;  top: auto;}

.enquirybooking .formbox ul li label{ display: block; font-size: 1.4em; font-weight: 600;  margin-bottom: 5px;}
.enquirybooking .formbox ul li.col-cc{flex:0 0 100%; position: relative;}
.enquirybooking .formbox ul li span[style="color:Red;"] {font-weight: 500; font-size: 1.3em; margin-top: 6px; display: block;}

.enquirybooking .formbox ul li input[type="text"], .enquirybooking .formbox ul li select, .enquirybooking .formbox ul li textarea{width: 100%; height: 40px; padding: 0 10px; border: none; transition: all .5s; border: 1px solid #fff;appearance: none; font-size: 1.6em; font-family: inherit; border-radius: 0px;}
.enquirybooking .formbox ul li.col-cc select#ddlTitle{width: 120px; background: #ffffff; color: #000000;}
.enquirybooking .formbox ul li input[type="text"]:focus, .enquirybooking .formbox ul li select:focus, .enquirybooking .formbox ul li textarea:focus{border-color: #707070;}
.enquirybooking .formbox ul li textarea{padding: 10px;}
.enquirybooking .formbox ul li.full{flex:0 0 100%;}
table#radio{display: block; margin-top: 10px;}
table#radio tr{display: flex; flex-wrap: wrap; align-items: center;}
table#radio tr td{flex:0 0 auto;}
table#radio tr td label{display: inline-block; margin: 0px 20px 0 10px; vertical-align: bottom;}
.enquirybooking .formbox ul li.col-cc span.selectarrow{right: auto; left: 110px; top: 50px;}
.enquirybooking .formbox ul li input#btnsubmit{background: #F95539; background: var(--btnred); font-size: 1.6em; font-weight: 600;
    width: 120px; border: none; height: 40px; color: #ffffff; cursor: pointer;}

    .gridrow .griddetails + .summarynot{display: none;}

@media only screen and (max-width:767px){
    .enquirybooking .formbox ul{padding: 10px;}
    .htnamesection .htnamebox .htname span.htrating{margin-left: 0;}
    .enquirybooking .formbox ul li{flex:0 0 100%;}
    .gridrow .summarybox{order:1;}
    .enquirybooking{order: 2; margin-top:20px;}
    .enquirybooking + .summarybox{margin-top: 20px;}
    h2.facheading img.toggleimg{margin-bottom: -10px;}
}    
/* Enquiry Form page */

/* bof: dubai grid */
.holidaygrid{display: flex; justify-content: space-between; width: 100%; transition: all .5s;}

.holidaygrid .hdayimg{flex:0 0 400px; position: relative;}
.holidaygrid .hdayimg > img{width: 100%; max-width: 400px; height:245px; display: block; object-fit: cover;}

.holidaygrid:hover {box-shadow: -1px 11px 20px rgba(0 0 0 / 15%); }
.hdaygrid{flex:0 0 calc(100% - 400px);}
.hdaygrid .hdaygridin{display: flex; justify-content: space-between; height: 100%;}

.hdaygrid .hdaygridin .hdaydetail{padding: 15px; flex: 0 0 calc(100% - 250px); position: relative;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading{ width: 100%;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading h1{font-size:2em; font-weight: 700;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading h1 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.3em; font-weight: 600;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading span.htlmap img{vertical-align: bottom; margin-right: 5px;}
.hdaygrid .hdaygridin .hdaydetail .hofferlist{margin-top: 20px;}
.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; line-height: 21px;}
.hdaygrid .hdaygridin .hdaydetail .hofferlist ul li span.exclusive{color: #ffffff; margin-left: 5px; font-weight:600; background-color: #ff0000; padding: 2px 7px;}
.hdaygrid .hdaygridin .hdaydetail .hofferlist ul li::before{content: url(/assets/images/offertag.svg); position: absolute; transform: scale(.5);
left: -5px; top:-6px;}
div.hdaygrid .hdaygridin .hdaydetail .hofferlist a.viewoff{font-size: 1.3em; font-weight: 600; text-decoration: underline; cursor: pointer;margin: 10px 18px;  display: block; color: #F95539; position: relative; z-index: 10; width: 100%;}    
div.hdaygrid .hdaygridin .hdaydetail .offerviews{box-shadow: 0px 1px 8px rgba(0 0 0 / 20%); background-color: #ffffff; position: absolute; left: 20px; width: 94%; top:auto !important; z-index:0; padding:23px 17px 5px; z-index: 9; display: none;  max-width: 400px; margin-top: -30px;}
    .hdaygrid .hdaygridin .hdaydetail .offerviews span.offerclose{position: absolute; right:10px; top: 10px;} 

.hdaycall{flex: 0 0 250px;  border-left: 1px solid #cccccc; border-left: 1px solid var(--bordergrey); padding: 15px;}
.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: 800; margin-bottom: 10px;}
.hdaycall .hdayin .hflightngt span.hbb{font-size: 1.6em; color:#000000; color: var(--txtblack); font-weight: 600;}
.hdaycall .hdayin .frsgroup{flex:0 0 auto;}
.hdaycall .hdayin .frsgroup .frmfrs{width: 100%;}
.hdaycall .hdayin .frsgroup .frmfrs span{font-size: 1.6em; font-weight: 600; display: block; margin-bottom: 10px;}
.hdaycall .hdayin .frsgroup .frmfrs strong{font-size: 2.8em; 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; flex-direction: column;}
.hdaycall .hdayin .frsgroup .hbtngrp ul li{list-style: none; flex:0 0 48%; margin-top: 10px;}
.hdaycall .hdayin .frsgroup .hbtngrp ul li a{ text-decoration: none; font-size: 1.4em; 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; border-radius: 0px;}
.hdaycall .hdayin .frsgroup .hbtngrp ul li input[type="submit"]{background-color: #F95539; background-color: var(--btnred); color: #ffffff;
    height: 35px; border: none; font-size: 1.6em; font-weight: 700; font-family: inherit; width: 100%; cursor: pointer; border-radius: 0px;}

.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: 600;}
/* Eof: dubai grid */

.gallerybtn{position: absolute; bottom: 0; display: flex; align-items: center; justify-content:center; width: 140px; background-color: #EEF3FC; height: 40px; cursor: pointer; right: -155px; z-index: 9;}
.gallerybtn img{margin-right: 5px;}
.gallerybtn span{font-size: 1.4em; font-weight: 600;}

.hoteltab{width: 100%; margin-top: 30px;}
.hoteltab.newtabs{display: flex; flex-wrap: wrap;}
.hoteltab .hotel_list{flex:0 0 calc(100% - 200px); overflow: auto;}
.hoteltab .hotel_list:last-child{flex:0 0 200px;}
.hoteltab ul{width: 100%; max-width: 1240px; display: flex; justify-content: center; margin:15px auto 20px;}
.hoteltab ul li{flex:1; position: relative;  padding: 5px;}
.hoteltab ul li a{font-size: 1.8em; padding: 10px 0px; text-decoration: none; display: block; text-align: center;
font-weight: 500; color: #000000; color: var(--txtblack); box-shadow: 0px 1px 8px rgba(0 0 0 / 20%); background-color: #ffffff; }
.hoteltab ul li a img{transform: rotate(180deg);}
.hoteltab ul li::before {height: 2px; background-color: #cccccc; content: ''; display: block; width: 100%; position: absolute;
bottom: -4px; left: 0;}	
.hoteltab 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;}	

.hotel-content-bx{width: 100%;}
.hotel-content-bx p{font-size: 1.6em; color: #000000; color: var(--txtblack); line-height: 22px;}
.hotel-content-bx p > strong{color: #000000; color: var(--txtblack); font-weight: 700; font-size:1.3em;}
.hotel-content-bx > strong{font-size: 1.6em; color: #000000; color: var(--txtblack); font-weight: 700; margin-top: 25px; display: block; margin-bottom: 10px;}
.hotel-content-bx p a{ color: #F95539;}

.hotelstabing{width:98%; max-width:1200px; margin: 0 auto;}
h3.hotelheading{font-size: 2.4em; font-weight: 700; color: #000000; color: var(--txtblack); margin-bottom: 25px; display: none;}

.htcommonspace{ margin-bottom: 50px; display: block; margin-top: 20px;}
/* price Tabel */
.pricesection{width: 100%;}
.pricesection ul{display: flex; justify-content: center; gap: 0px;}
.pricesection ul li{flex: 0 0 auto;}
.pricesection ul li a{text-decoration: none; font-size: 1.6em; font-weight: 700; padding:15px 20px; display: block; box-shadow:2px -4px 13px -2px rgba(0 0 0 / 15%) inset; color: #000000; color: var(--txtblack); background-color: #ffffff;}
.pricesection ul li a img{margin: 0 2px; transform: rotate(0deg);}
.pricesection ul li a.active img{transform: rotate(180deg);}
.pricesection ul li a.active{box-shadow: -2px -8px 20px -9px rgba(0 0 0 / 15%); background:#ededed;}
.pricesection .psectionbase{box-shadow: -1px 1px 10px rgba(0 0 0 / 15%); padding: 10px;}
.pricesection .psectionbase .busTab{display: none;}

table.head{}
.rowtable tr td, table.head tr th{padding: 15px 10px; border-bottom:1px solid #cccccc; width: 15%; text-align: center; font-size: 1.4em; vertical-align: middle;}
table.head tr th{font-weight: 700;}
.rowtable tr td{background-color: #EEF3FC; transition:all .5s;}
.rowtable tr:hover td{background-color: #ffffff; }
.rowtable tr td.monthtd{font-weight: 600;}
.rowtable tr td.monthtd, .rowtable tr td:first-child{position: relative; border: none; background: none;}
/* .rowtable tr td.monthtd strong.monthhead{position: absolute; left: 50%; transform: translateX(-50%); top: 25px; width: 100%;} */
table.rowtable tr td.nobg{border-bottom:1px solid #cccccc;}
table.rowtable tr a{ text-decoration: none;  color: #000000; font-weight: 600;}

.tgloadmore{width: 100%; margin-top: 10px;}
.tgloadmore > 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:#000000; color: var(--txtblack); text-decoration: none; font-weight: 600;}
/* price Tabel */

/* Facilities */
.facsection{ width: 100%; margin-bottom: 0;}
h2.facheading{ font-size: 2.4em; font-weight: 700; padding-bottom: 20px; border-bottom: 1px solid #cccccc; margin-top: 20px; position: relative;}
h2.facheading > img{  margin-right: 6px;}
div.hotelstabing h2.facheading::after{content: url(/assets/images/blackarrowup.svg); display: inline-block; vertical-align: middle; margin-left: 5px; transform: scale(.7) rotate(0deg); display: none;}
h2.facheading img[src="/assets/images/blackarrowup.svg"]{margin: 0 0 0 6px; padding-top: 5px; height: 18px;}
h2.facheading img.toggleimg{margin-bottom: -5px;}

.facsection.htcommonspace strong.packageheading{ font-size: 1.8em; font-weight: 700; position: relative; display: block; padding: 0 0 20px 0;}
strong.packageheading > img{  margin-right: 6px;}
strong.packageheading::after{    content: url(/assets/images/blackarrowup.svg); transform: scale(.5); display: inline-block;  vertical-align: middle; margin-left: 5px;}

#overviews{margin-top: 20px;}
.facsection > .row{position: relative; margin-bottom:50px; display: block !important;}
.facsection > .row > .col{display: flex; flex-wrap: wrap; margin-top: 15px; position: relative;}
.facsection > .row > .col .rest-bar-items{flex:0 0 32%; margin-right:2%; box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); background-color: #ffffff;}
.facsection > .row > .col .rest-bar-items:last-child{margin: 0;}
.facsection > .row > .col .rest-bar-items .rest-bar--img{ width: 100%; position: relative;}
.facsection > .row > .col .rest-bar-items .rest-bar--img .dotted {position: absolute; bottom: 10px;left: 0;right: 0; width: 100%; display: block;  text-align: center; height: 20px;}
#overviews h2{font-size: 1.6em;display: block;padding: 10px 0;font-weight: 700;}

/*.facsection > .row > .col .rest-bar-items .rest-bar--img .dotted a {width: 18px; height: 18px; display: inline-block; border-radius: 100%; border: 3px solid #fff; margin-left: 5px;}
.facsection > .row > .col .rest-bar-items .rest-bar--img .dotted a.active{background-color: #F95539;}*/

.facsection > .row > .col .rest-bar-items .rest-bar--img .dotted ul{display: flex; justify-content: center;}
.facsection > .row > .col .rest-bar-items .rest-bar--img .dotted ul li{flex: 0 0 auto;}
.facsection > .row > .col .rest-bar-items .rest-bar--img .dotted ul a {width: 18px; height: 18px; display: inline-block; border-radius: 100%; border: 3px solid #fff; margin-left: 5px;}
.facsection > .row > .col .rest-bar-items .rest-bar--img .dotted ul a.active{background-color: #F95539;}

.facsection > .row > .col .rest-bar-items .rest-bar--img > ul{list-style: none;}
.facsection > .row > .col .rest-bar-items .rest-bar--img > ul > li > img{ width: 100%; height: auto;}
.facsection > .row > .col .rest-bar-items .rest-bar--img > ul > li:last-child{display: none;}
.facsection > .row > .col .rest-bar-items .rest-bar--info{padding: 20px;}
.facsection > .row > .col .rest-bar-items .rest-bar--info > strong{font-size: 1.8em; font-weight: 700; color: #000000; color: var(--txtblack); margin-bottom: 10px; display: block;} 
.facsection > .row > .col .rest-bar-items .rest-bar--info > p{font-size: 1.6em;  color: #000000; color: var(--txtblack); line-height: 20px; display: inline; padding-right: 5px;}
.facsection > .row > .col .rest-bar-items .rest-bar--info > p > b{font-weight: 600;}
.facsection > .row > .arrowbtn{position: absolute; top:140px; width: 100%;}
.facsection > .row > .arrowbtn .prev, .facsection > .row > .arrowbtn .next{background-color: #ffffff; background-color: var(--arrowbg); position:absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding:6px; cursor: pointer; box-shadow: -1px 1px 4px rgba(0 0 0 / 20%);}
.arrowbtn .prev, .arrowbtn .next{width: 35px; height: 35px; padding: 4px;}
.facsection > .row > .arrowbtn .prev{left: -20px;}
.facsection > .row > .arrowbtn .next{right: -20px;}
.facsection > .row > .arrowbtn .prev::after, .facsection > .row > .arrowbtn .next::after{content: url(/assets/images/rightarrow-black.svg); width: 28px; height: 28px; display: block; position: absolute;} 
.facsection > .row > .arrowbtn .prev::after{transform: rotate(-180deg);} 

.facilitieslist{box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); background-color: #ffffff; padding: 20px; margin-top: 15px;}
.facilitieslist > strong{font-size: 1.6em; font-weight: 700; margin-bottom: 10px; display: block;}
.facilitieslist > ul{width: auto; margin-bottom: 20px; display: flex; flex-wrap: wrap;}
.facilitieslist > ul > li{list-style: none; font-size: 1.5em; margin:1%; flex:0 0 31%; line-height: 21px;}
/* Facilities */

/* special offers */
.special_offers{width: 100%;}
.special_offers ul{list-style: none; margin-top:15px; padding-left: 32px;}
.special_offers ul li{display: block; margin: 15px 0;}
.special_offers ul > li > a{display: block; margin-top: 8px; font-size: 1.3em; width: 80px; font-weight: 600; color: #ff0000;}
.special_offers ul li strong{font-size: 1.4em; font-weight: 700; display: inline-block; margin-bottom: 8px; position: relative;}
.special_offers ul li strong::before{content: url(/assets/images/tag.png); position: absolute; left: -30px; top: -6px; display: block;
transform: scale(.7);}
.special_offers ul li span{font-size: 1.4em;}
.special_offers ul li span.exclusivoffers[style="display: block;"]{display: inline-block !important; background: #ff0000; padding: 5px;
    color: #ffffff; font-weight: 700; margin-left: 5px;}
/* special offers */

/* Check Availiblity */
/* .searchbase .fildgroup .fildrow .col:nth-child(2), .searchbase .fildgroup .fildrow .col:nth-child(3){display: none;} */
/* Check Availiblity */

/*Offers Pop Up*/
.offerinfo{ width: 100%; background: rgba(0,0,0,.3); position: fixed; top: 0; left:0; height: 100%; z-index: 9999999; display: none;}
.offerinfo .offerinfobx{width: 94%;  max-width: 760px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-bottom: 30px; overflow: auto;  height: 360px;}
.offerinfo .offerinfobx > p{font-size: 1.4em; font-weight: 600;}
div.offerinfo .offerinfobx span.clsbtn{position: relative; float: right;  padding: 0px; display: block; right: 0;  width: 50px;  text-align: right;}
div.offerinfo .offerinfobx span.clsbtn + div{padding: 5px 0 0 0;}
.offerinfo .offerinfobx ul{ width: 100%; float: left; padding: 0 10px 30px 10px;}
.offerinfo .offerinfobx ul li{padding:4px 0 4px 26px; font-size: 1.4em; position: relative; font-weight:600; line-height: 21px; margin: 0;}
.offerinfo .offerinfobx ul li:before{content: url(/assets/images/tag.png);position: absolute;top: 2px;left: 0;display: block;transform: scale(.6);}
.offerinfo .offerinfobx span.clsbtn + strong{padding: 25px; font-size: 1.6em; padding-top: 30px; display: block; font-weight: 700;}
.offerinfo .offerinfobx span.clsbtn + strong + strong{padding:0 25px;}
.offerinfo .offerinfobx span.clsbtn + strong + div, .offerinfo .offerinfobx span.clsbtn + strong + p{ padding: 0 3%; line-height: 18px; font-size: 1.4em; font-weight: 600; margin-bottom: 10px;}
.offerinfo .offerinfobx::-webkit-scrollbar {width: 5px; background-color: #f5f5f5;}
.offerinfo .offerinfobx::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #f5f5f5;}
.offerinfo .offerinfobx::-webkit-scrollbar-thumb {background-color: #404c56;}
.offerinfo .offerinfobx::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #f5f5f5;}
/*Offers Pop Up*/


/* Photo Gallery */
div.photogallert-wrapbx{width: 90%; max-width: 960px;margin: 0 auto;display: none;position: fixed;left: 50%;top: 50%;height: auto;max-height: 100%; z-index: 9999999;transform: translate(-50%,-50%); display: none; }
div.photogallert-wrapbx #photos_facilities{background: 0 0;}
.hotel-overviewBx p.btnbx span a{ width: 200px;}
.hotel-overviewBx p.btnbx a.btn-availability, .hotel-overviewBx p.btnbx a.photo-gallery{ width: 200px; display: inline-block; border-radius:30px;}
.facilities{width: 100%;float: left;}
.facilities .facilities_item{width: 100%;float: left;padding-bottom: 25px;}
div.photogallert-wrapbx #photos_facilities .hotel_gallery{width: 100%;float: left;margin: 25px 0;height: auto;position: relative;}
div.photogallert-wrapbx #photos_facilities .hotel_gallery span.closegallery{width: 100%;float: left;display: block;line-height: 22px;
margin: 5px 0;color: #fff;font-size: 1.6em;text-align: right;font-weight: 600;text-decoration: underline;cursor: pointer;}
div.photogallert-wrapbx #photos_facilities .hotel_gallery ul{width: 100%;float: left;margin: 5px 0;list-style-type: none;overflow: hidden; height: 600px;}
div.photogallert-wrapbx #photos_facilities .hotel_gallery ul li{width: 100%;overflow: hidden;line-height: 22px;
margin: 0;float: left;}
div.photogallert-wrapbx #photos_facilities .hotel_gallery ul li img{    width: 100%;height: 600px;min-height: 100%;object-fit: cover;}
div.photogallert-wrapbx #photos_facilities .hotel_gallery a.prev{position: absolute;top: 50%; transform:translateY(-50%) rotate(180deg); left: -20px; background: #fff;width: 40px; padding: 7px;
height: 40px;line-height: 46px;}
div.photogallert-wrapbx #photos_facilities .hotel_gallery a.next{position: absolute;top: 50%;transform: translateY(-50%);right: -20px;background: #fff;width: 40px; padding: 7px;
height: 40px;line-height: 46px;}
.bg-mask-bx{position: fixed; background: rgba(0, 0, 0, .7); left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; display: none;}
/* Photo Gallery */

.govtauth{ display: block;}
.govtauth p{font-size: 1.6em; line-height: 22px; text-align: center;}
.maplocation > img{width: 100%; height: auto;} 
/* .searchsection.holidaysrc{max-width: 1080px;} */


/* Bof: dotnet after working code */
.holidaygrid span#spandealoftheday{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;}
.hdaycall .hdayin .frsgroup{margin-top: 10px;}
.hdaycall .hdayin .frsgroup .frmfrs span{margin-bottom: 5px;}
.hdaycall{padding: 8px 15px;}
.hdaycall .hdayin .frsgroup .hbtngrp{margin-top: 5px;}
.hoteltab .hotel_list:last-child{flex:0 0 100%;}
.hoteltab ul li.changebtn select{font-size: 1.8em; padding: 8px 0px; text-decoration: none; display: block; text-align: center;  font-weight: 500; color: #000000;  color: var(--txtblack); box-shadow: 0px 1px 8px rgba(0 0 0 / 20%); background-color: #ffffff; appearance: none; border: none;}
.hoteltab ul li.changebtn select > option{font-size: 14px;}
div.hoteltab ul li.changebtn > img{position: absolute; right: 20px; top: 20px; transform: rotate(0deg); width: 13px;}
.facsection > .row > .col{flex-wrap: nowrap; overflow: auto;}
.facilitieslist{overflow: hidden;}
.facsection > .row > .col .rest-bar-items .rest-bar--img > ul > li:last-child{display: block;}
.facsection > .row > .col .rest-bar-items .rest-bar--img > ul > li > img{height: 240px; object-fit: cover;}
.facilitieslist > ul{width: 100%;}
.facilitieslist > h5{font-size: 1.6em; font-weight: 700; margin-bottom: 10px; display: block;}
div.hoteltab ul li.changebtn select{padding-right: 40px; padding-left: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/* Eof: dotnet after working code */


@media only screen and (max-width:1200px){
.facsection > .row > .arrowbtn .prev{left: 0;}
.facsection > .row > .arrowbtn .next{right: 0;}
div.griddetails .holidaygrid{flex-direction: column;}
div.griddetails .holidaygrid .hdayimg{flex:0 0 100%;}
div.griddetails .holidaygrid .hdayimg img{max-width: 100%;}
div.griddetails .holidaygrid .hdayimg .gallerybtn{right: 0;}
div.griddetails .holidaygrid .hdaycall .hdayin .hflightngt{margin-bottom: 20px;}
div.griddetails .holidaygrid .hdaycall .hdayin .frsgroup .hbtngrp{margin-top: 0;}
div.rest-bar .rest-bar-items .rest-bar--img img{object-fit: cover;}
}

@media only screen and (max-width:900px){
.gridrow .summarybox .holidaysummary > ul, .gridrow .summarybox .holidaysummary > ul.paymentsummary{ display: none;}
.hdaycall{flex:0 0 200px;}
.hdaygrid{flex:0 0 100%;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading h2{font-size: 1.8em;}
.hdaycall .hdayin .hflightngt strong.fhtngt{font-size: 1.6em;}
.hdaycall .hdayin .frsgroup .frmfrs strong{font-size:2.4em;}
.hoteltab ul{overflow: auto; flex-wrap: nowrap; justify-content: flex-start; padding-bottom: 20px; padding-bottom: 10px;}
.facsection > .row > .col{flex-wrap: nowrap; overflow: auto;}
.hoteltab ul li a{width: 100%;}
.holidaygrid{flex-direction: column;}
.holidaygrid .hdayimg{flex:0 0 100%;}
.holidaygrid .hdayimg > img{max-width: 100%; height: 400px;}
.gallerybtn{right: 0;}
.gridrow{flex-direction: column;}
.gridrow .griddetails, .gridrow .summarybox{flex:0 0 100%;}
.gridrow .griddetails{order: 2;}
}

@media only screen and (max-width:767px){
.hdaycall .hdayin .frsgroup .hbtngrp ul li a > img, .gridrow .summarybox .holidaysummary strong.summaryname > img{display: block;}
.hoteltab ul{margin:0;}
.hoteltab .hotel_list, .hoteltab .hotel_list:last-child{flex: 0 0 100%;}
.hoteltab .hotel_list:last-child ul li a{width: 100%;}
.hoteltab .hotel_list{order: 2;}
.hoteltab .hotel_list:last-child{order: 1;}
.hoteltab .hotel_list:last-child li::before{display: none;}
.holidaygrid, .hdaygrid .hdaygridin{flex-direction: column;}
.gallerybtn{right: 10px;}
.hdaycall .hdayin{ text-align: left;}
.hdaycall .hdayin .hflightngt{margin-bottom: 20px;}
.hdaycall .hdayin .frsgroup .frmfrs span{display: inline;}  
.hdaycall .hdayin .frsgroup .hbtngrp ul{flex-direction: row;}       
.bredcumsection .bckbtn a{ display: inline-block;}
.hdaygrid .hdaygridin .hdaydetail .hofferlist{margin-top:20px;}
.hdaycall{flex:0 0 auto; border: none;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading h2{margin-bottom: 10px;}
.hdaygrid .hdaygridin .hdaydetail .hdayheading .strgrp{margin:5px 0; vertical-align: bottom; display: block;}
.bredcumsection ul{width: calc(100% - 68px);}
.bredcumsection ul li{margin: 3px; width: ;}
.bredcumsection .bckbtn > a{padding:7px;}
.bredcumsection .bckbtn > a::before{border: 14px solid transparent; border-right: 14px solid #000000; left: -28px;}
.rowtable tr td, table.head tr th{font-size: 1.3em;}
table.rowtable tr a span.frmhide{display: none;}
.rowtable tr td, table.head tr th{padding: 10px 0;}
h3.hotelheading{font-size: 2em;}
.offerinfo .offerinfobx span.clsbtn + strong{padding: 12px;}
div.photogallert-wrapbx #photos_facilities .hotel_gallery ul{height: 320px;}
.facilitieslist > ul > li{flex:0 0 100%;}
.htnamesection{align-items: flex-start;}
.htnamesection .htnamebox .htname strong{font-size: 1.8em;}
div.rest-bar div.rest-bar-items{-ms-flex: 0 0 46%; flex: 0 0 46%;  max-width: 46%;}
.facsection > .row > .col .rest-bar-items{flex: 0 0 46%;}
.hoteltab ul li{flex:1 0 200px;}
div#RestaurantBarId .arrowbtn, div#restbarboxdiv .arrowbtn, div#cityboxdiv .arrowbtn{display: none;}
.hdaycall .hdayin .frsgroup .hbtngrp ul li a > img{width: 13px; height: auto;}
.hdaycall .hdayin .frsgroup .hbtngrp ul li a > img[src="/assets/images/email_icon_orange.svg"]{width: 20px; height: auto;}
div.gridrow .summarybox .holidaysummary strong.summaryname > img{display: inline; float: right; margin-top: 6px;}
div.gridrow .summarybox .holidaysummary strong.summaryname{text-align: left; padding:15px;}
div.hotelstabing h2.facheading{font-size: 2em; font-weight: 800;}
div.hotelstabing h2.facheading > img{width: 24px; height: auto;}
div.hotelstabing h2.facheading > img[src="/assets/images/blackarrowup.svg"]{width: 16px;}
div.hotelstabing h2.facheading::after{margin-top: 0;}
div.holidaygrid .hdayimg > img{height: 240px;}
div.hotelstabing h2.facheading > img[src="/assets/images/resturantbar.svg"]{width: 15px;}
div.hdaygrid .hdaygridin .hdaydetail .offerviews{padding:26px 10px 10px 10px;}
}



/* Bof: NewHotelDetails */
.gridrow{width:98%; max-width: 1200px; display: flex; justify-content: space-between; margin: 0 auto;}
.gridrow .griddetails{flex:0 0 calc(100% - 320px);}
.gridrow .summarybox{flex:0 0 300px; margin-top: 20px;}
.gridrow .summarybox .holidaysummary{display: block; width: 100%; box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);
    box-shadow: var(--fltshadow);}
.gridrow .summarybox .holidaysummary strong.summaryname{ background-color: #CBDAF6; font-size: 1.8em; font-weight: 600; width: 100%; display: block; padding: 12px 0; text-align: center;}
.gridrow .summarybox .holidaysummary strong.summaryname > img{display: none;}
.gridrow .summarybox .holidaysummary > ul{list-style: none; background-color: #EEF3FC; padding:8px 15px;}
.gridrow .summarybox .holidaysummary > ul > li{margin:12px 0px; font-size: 1.4em;  display: flex; justify-content: space-between;}
.gridrow .summarybox .holidaysummary > ul > li > strong{display: inline-block; font-weight:700; flex:0 0 110px; font-size: .95em; position: relative;}
.gridrow .summarybox .holidaysummary > ul > li > strong::after{content: ':'; position: absolute; right: 15px;}
.gridrow .summarybox .holidaysummary > ul > li > span{flex:0 0 calc(100% - 110px); font-weight: 500;}
.gridrow .summarybox .holidaysummary > ul > li > span b{ display: block; padding: 5px 0; font-weight:700;}
.gridrow .summarybox .holidaysummary > ul > li > span > span{ line-height: 18px;}
.gridrow .summarybox .holidaysummary > ul.paymentsummary{background-color: #CBDAF6;}
.summarynot{background-color: #EEF3FC; padding: 15px; margin-top: 20px; box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);
    box-shadow: var(--fltshadow);}
.summarynot p{font-size:1.4em; line-height: 20px; color: #000000;}

.gridrow .griddetails .hoteltab ul{justify-content: flex-start;}
.moreText > p{font-size: 1.6em; color: #000000; color: var(--txtblack); line-height: 22px;}
#overviews a#readMore {font-size: 1.6em; color: #ff0000; margin-top: 10px; display: block;}
.requestsection{display: flex; justify-content: space-between; box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow);}
.requestsection .reqinner{flex:0 0 60%; padding: 15px 20px;}
.requestsection .reqinner ul{list-style: none;}
.requestsection .reqinner ul li{display: block; font-size: 1.7em; margin: 8px 0; font-weight: 500;}
.requestsection .reqinner ul li:last-child{font-weight: 800; font-size: 1.8em; }
.requestsection .reqinner ul li span{width:120px; display: inline-block;}
.requestsection .reqinner p{font-size: 1.4em; margin-top: 20px; font-weight: 500;}
.requestsection .reqbtn{flex:0 0 40%; background-color: #F95539; background-color: var(--btnred); color: #ffffff;}
.requestsection .reqbtn a.reqbtngroup{display: flex; justify-content: center; align-items: center; font-size: 1.8em; color: #ffffff; font-weight: 700; height: 100%; text-decoration: none;}
.requestsection .reqbtn a.reqbtngroup img{margin-right: 10px;}
.gridrow .hdaycall{flex:0 0 180px;}
.gridrow .hdaygrid .hdaygridin .hdaydetail{flex: 0 0 calc(100% - 180px);}
/* Eof: NewHotelDetails */


/* Bof: Flight Details  */
.flightsection .fltdetail{flex: 0 0 calc(100% - 290px);}
.fltdetail strong.resultnumber{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;}
.shaidgrid.altgrid{background-color: #efecec;}
.detailbox{flex:0 0 calc(100% - 200px); border-right: 1px solid #cccccc; border-right:1px solid var(--bordergrey);}
.alternativehidebtn{position: absolute; bottom: 6px; left: 12px;}

.alternativehidebtn a{background-color: #EFECEC; font-size: 1.4em; font-weight: 600; padding: 5px 20px;
text-decoration: none; color: #000000; color: var(--txtblack);}
.detailbox .row{ display: flex; border-bottom: 1px solid #cccccc;  border-bottom: 1px solid var(--bordergrey); padding: 40px 0; position: relative;}
.detailbox .row > strong{font-size: 1.6em; font-weight: 800; position: absolute; left: 5px; top: 10px; color: #000000; color: var(--txtblack);}
.airclass{flex:0 0 200px; }
.airclass .airlineimg{width: 100%; text-align: center;}
.airclass .airlineimg > img{max-width: 134px; height: auto; margin-bottom: 10px;}
.airclass .airlineimg span{display: block; font-size: 1.3em; color: #000000; color: var(--txtblack); margin:5px 0; font-weight: 500;}
.airclass .econame{text-align: center; font-size: 1.3em; color: #000000; color: var(--txtblack); font-weight: 700;}
.flightgroup{flex:0 0 calc(100% - 180px);}
.groupsection{ display: flex; align-items: center;}
.groupsection .groupcol{flex:0 0 30%;}
.groupsection .groupcol .col_detail{display: flex; flex-direction: column;  color: #000000; color: var(--txtblack);} 
.groupsection .groupcol span.dept{font-size: 1.4em; font-weight: 700;}
.groupsection .groupcol strong.depttime{font-size: 1.8em; font-weight: 800; margin: 5px 0;}
.groupsection .groupcol span.daymnt{font-size: 1.2em; font-weight:500;}
.stopgrid{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 10px;}
.stopgrid span{font-size:1.2em; font-weight: 500; color: #000000; color: var(--txtblack);}
.stopgrid span.girdline{border-bottom: 1px solid #174285; border-bottom: 1px solid var(--borderblue); margin: 3px 0; position: relative; width: 100%;}
.stopgrid span.girdline::after{display: block; position: absolute;right: 2px;top: -6px; transform: rotate(-45deg); content: ''; background-color: #174285; background-color: var(--bluebg); height: 8px; width: 1px;}
.stopgrid span.colstop{color: #000000; color: var(--txtblack);}
.callboxes{display: flex; flex-direction: column; align-items: center;}
.callboxes span{font-weight: 700; font-size: 1.4em;}
.callboxes span.extrafare{font-size: 1.7em; margin-bottom: 20px;}
.callboxes strong{font-size: 2em; font-weight:900; margin:5px 0; color:#F95539; color: var(--txtorange);}
.callboxes strong img{ display: none;}
.callboxes a{background-color: #F95539; background-color: var(--btnred); display: block; padding: 10px; text-decoration: none; color: #ffffff; font-size: 1.6em; width: 170px; font-weight: 600;}
.viewhidebtn{ position: absolute; bottom: 6px; right:30px;} 
.viewhidebtn.fullgridview{right: 0;}
.viewhidebtn a{ background-color: #EEF3FC; background-color: var(--lightbluebg); font-size: 1.4em; font-weight: 600; padding: 5px 20px; text-decoration: none; color: #000000; color: var(--txtblack);}
.flightgroup .groupcol:first-child{text-align: right;}
.flightgroup .groupcol:nth-child(2){flex: 0 0 40%}
.flightgroup .groupcol:last-child{text-align:left;}
.detailbox .row:nth-child(2n){border: none;}
.numberbox{flex:0 0 200px; padding: 0 10px; text-align: center;}
.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-bottom: 30px; text-align: center; text-decoration: none; padding: 10px 0; color:#000000; color: var(--txtblack);}
.mobilefltbtn a img{margin-left: 10px;}

.row_grid{width: 100%; position: relative; margin-bottom: 20px;}
.row_grid.packagedetail{margin-top: -20px;}
.row_grid .gridbase{background-color: #EEF3FC; background-color: var(--lightbluebg); margin-bottom: 10px; 
box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);  box-shadow: var(--fltshadow);}
.row_grid .gridbase.packagegridbase{background-color: #ffffff;}
.row_grid .gridbase > strong{font-weight: 700; font-size: 1.6em; margin-bottom:5px; display: block; padding: 15px;}
.row_grid .gridbase .toprow{border-bottom: 1px solid #cccccc; border-bottom: 1px solid var(--bordergrey); padding: 0 15px; display: flex; justify-content: space-between;; }
.row_grid .gridbase .toprow .col{flex: 1; text-align: center;}
.departfrom{display: flex; align-items: flex-start; justify-content: center; padding-bottom: 10px;}
.departfrom span{font-size: 1.4em; font-weight: 600; text-align: left;}
.departfrom img{margin-right: 10px;}
.row_grid .gridbase .toprow .col:first-child .departfrom{justify-content: left;}
.row_grid .gridbase .toprow .col:last-child .departfrom{justify-content: right;}

.row_grid .gridbase .rows{display: flex; flex-wrap: wrap; justify-content: space-between; padding:30px 20px; align-items: center;}
.row_grid .gridbase .rows .col{flex:0 0 25%;}
.row_grid .gridbase .rows .col:nth-child(2){flex:0 0 50%;}
.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: 10px;}
.multiflght{ display: flex; align-items: center;  border: solid #cccccc; border: solid var(--bordergrey); border-width: 0 1px 0 1px; 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:#000000; color: var(--txtblack);}
.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;}
.otherflight{background-color: #EEF3FC; display: flex; justify-content: space-between; align-items: center;  font-size: 1.4em; font-weight: 700; padding: 12px 20px; margin-top: -10px; margin-bottom: 20px; cursor: pointer;}
/* Eof: Flight Details  */

/* Bof: Hotel Room Availability */
.hotelavailablebox{width: 100%; margin-bottom: 40px; display: block;}
.hotelavilableinset{width: 100%; box-shadow:-1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); background-color: #ffffff; position: relative; z-index: 1;}
.hotelavilableinset > .row{display:flex; flex-wrap: wrap; border-bottom: 1px dashed #cccccc;}
.hotelavilableinset > .row:first-child .col:nth-child(2)::after{background: none;}
.hotelavilableinset > .row > .col{flex:0 0 40%; padding:12px 20px; position: relative; font-size: 1.5em; font-weight: 600;}
.hotelavilableinset > .row > .col:first-child{flex: 0 0 40%;}
.hotelavilableinset > .row > .col:last-child{flex: 0 0 20%;}

.hotelavilableinset > .row > .col span.basisname{font-weight: 600; flex:0 0 100%;}
.roommoreinfo{flex:0 0 100%;}
.roommoreinfo a{color: #ff0000; text-decoration:underline; display: block; margin: 5px 0; font-size: .85em;;}
.roommoreinfo p{font-size: .90em; line-height: 18px; display: none;}
.hotelavilableinset > .row > .col strong.tblhead{font-weight:700; display: flex; align-items: center; height: 100%;} 
.hotelavilableinset > .row > .col:nth-child(2){padding:0px 20px;}
.hotelavilableinset > .row > .col .selectbgsection{display: flex; align-items: center; height: 100%; flex-wrap: wrap;}
.hotelavilableinset > .row > .col .selectbgsection .rdfram{flex:0 0 100%;}
.hotelavilableinset > .row > .col:nth-child(2)::after{background-color: #EEF3FC; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: '';}
.hotelavilableinset > .row > .col:nth-child(2) .selecframe{ position: relative; z-index: 9; width: 100%; height:40px; line-height: 40px;}
.hotelavilableinset > .row > .col:nth-child(2) .selecframe select{border: none; padding: 12px 16px 12px 0; background: transparent; font-weight: 500; width: 100%; font-size: .90em;}
.hotelavilableinset > .row > .col:nth-child(2) .selecframe img{ position: absolute; right:0px; top: 17px; pointer-events: none; display: none;}
.hotelavilableinset > .row > .col .radioframe{display: flex; justify-content: space-between;}
.shmore{background-color: #EEF3FC; display: flex; justify-content: space-between; align-items: center; font-size: 1.4em; font-weight: 700; padding: 12px 20px; margin-bottom: 20px; cursor: pointer; z-index: 0;}
/* Eof: Hotel Room Availability */

/* Bof: Transfter */
div#PNLtransfer{ width:100%; display: flex; flex-wrap: wrap;}
.transfersection{width: 100%; box-shadow: -1px 1px 10px rgba(0 0 0 / 15%); box-shadow: var(--fltshadow); background-color: #ffffff;    position: relative;}
.transfersection > .row:first-child .col{font-weight: 700;}
.transfersection > .row{border-bottom: 1px solid #cccccc; display: flex; flex-wrap: wrap; align-items: center;}
.transfersection > .row > .col{font-size: 1.4em; font-weight: 600; padding: 12px 10px; flex: 0 0 14%; position: relative; line-height: 18px;}
.transfersection > .row:nth-child(2) .col:first-child{padding: 0;}
.transfersection > .row > .col.trfdetail{flex: 0 0 33%;}
.transfersection > .row > .col.pervec{flex: 0 0 11%;}
.transfersection > .row > .col.totalcst{flex: 0 0 11%;}
.transfersection > .row > .col.last-bx{display: none;}
.transfersection > .row > div input[type="checkbox"]{ width:20px; height: 20px;}

.selectvhl{position: relative; z-index: 9; height: 48px; width: 70px; margin-top: 0; font-weight: 600; background-color: #EEF3FC; padding: 0 10px;}
.selectvhl select{border: none; padding: 12px 0; appearance: none; background: transparent; font-weight: 500; width: 100%; font-size:14px; color: #000000;}
.selectvhl img{ position: absolute; right:15px; top: 17px; pointer-events: none;}
div.facsection > .row > .col{padding: 0 0 10px 0; margin: 0;}
div.facilitygroup h3.facheading{display: block !important;}
/* Eof: Transfter */

.stickybox{position: sticky; top: 0;}
div#newfacilities{width: 100%;}

div#restbarboxdiv div.rest-bar .rest-bar-items .rest-bar--info{max-height: inherit;}


@media only screen and (max-width:1200px){
.shaidgrid{flex-direction: column;}
.detailbox, .numberbox{flex: 0 0 100%; width: 100%;}
.detailbox{border-right: none; border-bottom: 1px solid #cccccc; border-bottom: 1px solid var(--bordergrey);}
.numberbox{padding: 30px 0px 60px;}
.viewhidebtn{right:12px; left:auto;}
.alternativehidebtn{left: 12px; transform: inherit; bottom: 8px;}
h2#h2Facilities + div#newfacilities{max-width: 690px;}
}

@media only screen and (max-width:900px){
.flightsection{flex-direction: column;}
.flightsection .ftlsection, .flightsection .fltdetail{flex:0 0 100%;}
.detailbox .row{display: flex; border-bottom: 1px solid #cccccc;   border-bottom: 1px solid var(--bordergrey); padding: 10px 0 20px; position: relative; flex-direction: column;}
.airclass{display: flex; flex: 0; align-items: flex-end; margin-bottom: 20px;}
.airclass .airlineimg{order: 2; flex: 0 0 50%; text-align: right; padding-right: 10px;}
.airclass .econame{order: 1; flex: 0 0 50%; text-align: left; padding-left:8px; font-weight: 600;}
.airclass .airlineimg span{margin: 0;}
.stopgrid{ padding: 0 18px;}
.stopgrid span, .airclass .airlineimg span, .flightgroup .groupcol span.daymnt, .stopgrid span.colstop{font-weight: 600;}
.mobilefltbtn{ display: block;}
.numberbox{padding:20px 0px 40px;}
.departfrom{ justify-content: left;}
.row_grid .gridbase > strong{padding: 15px 6px 5px;}
.departfrom span{font-size: 1.3em;}
div.row_grid .gridbase .toprow{flex-wrap: wrap; padding:6px;}
.row_grid .gridbase .toprow .col:first-child{flex:0 0 100%;}
.row_grid .gridbase .toprow .col{text-align: left;}
.row_grid .gridbase .rows{flex-wrap: wrap; padding: 20px 8px;}
.row_grid .gridbase .rows .col:first-child{order: 2; flex: 0 0 45%;}
.row_grid .gridbase .rows .col:nth-child(2){order: 3; flex: 0 0 100%;}
.row_grid .gridbase .rows .col:last-child{order: 1; flex: 0 0 55%;}
.multiflght{border:none; padding: 0; margin:20px 0;}
.out_boundcls{padding: 0;}
.airlineimg2{ justify-content: flex-end;}
.airlineimg2 span{ text-align: right;}
.stopoverstrip{font-size: 1.3em;}
.searchbg{margin: 0px;}
.callboxes span, .callboxes strong{display: none;} 
.gridrow .summarybox{flex: 0 0 auto;}
.gridrow .summarybox .holidaysummary + .summarynot{display: none;}  
.gridrow .griddetails + .summarynot{display: block; order: 3; margin: 0;} 
.gridrow .summarybox .holidaysummary strong.summaryname > img{display: inline-block;}
}

@media only screen and (max-width:767px){
    .roommoreinfo > p{margin-bottom: 10px;}
    .roommoreinfo > a{margin:0;}
    .hotelavilableinset > .row{border-bottom:10px solid #ededed;}
    .hotelavilableinset > .row:last-child{border: none;}
    .hotelavilableinset > .row > .col, .hotelavilableinset > .row > .col:first-child{flex:0 0 100%; border-bottom: 1px dashed #cccccc;}
    .hotelavilableinset > .row > .col:last-child{border: none; flex: 0 0 100%;}
    .hotelavilableinset > .row > .col .selectbgsection .rdfram{margin-top:0px; margin-bottom:10px;}
    .hotelavilableinset > .row:first-child{display: none;}
    .hotelavilableinset > .row > .col:last-child{padding: 12px 20px;}
    .hotelavilableinset > .row > .col::before{content: 'Room Details'; font-weight: 700; font-size: 1em; display: block; margin-bottom:0px;}
    .hotelavilableinset > .row > .col:nth-child(2){padding: 20px; padding-bottom: 0;}
    .hotelavilableinset > .row > .col:nth-child(2)::before{content: 'Board Basis'; font-weight: 700; font-size: 1em; display: block; position: absolute; z-index: 9;}
    .hotelavilableinset > .row > .col:nth-child(2) .selecframe{height: 48px; margin-bottom: 10px;}
    .hotelavilableinset > .row > .col:nth-child(2) .selecframe select{height: 100%; color: #000000;}
    .hotelavilableinset > .row > .col:last-child:before{content: 'Price Per Person'; padding-bottom:0px;}
    .hotelavilableinset > .row > .col .radioframe{justify-content: flex-start;}
    .hotelavilableinset > .row > .col .radioframe strong{order: 2;}
    .hotelavilableinset > .row > .col .radioframe input[type='radio']{order: 1; margin-right: 10px;}
    .requestsection{flex-direction: column; margin-bottom: 20px;}
    .requestsection .reqinner{margin: 0 auto;}
    .requestsection .reqinner, .requestsection .reqbtn{flex:0 0 100%;}
    .requestsection .reqbtn{padding: 15px 10px;}
    .requestsection .reqinner ul li{text-align: center;}
    .transfersection > .row:first-child{display: none;}
    .transfersection > .row > .col, .transfersection > .row > .col.trfdetail, .transfersection > .row > .col.pervec{flex:0 0 100%; padding-left: 160px;}
    .transfersection > .row > .col::before{position: absolute; left: 20px; font-weight:700; z-index: 9;}
    .transfersection > .row > .col:first-child{padding: 0; padding-left: 160px;}
    .transfersection > .row > .col:first-child::before{content: 'No. Of Vehicles';  top: 15px;}
    .transfersection > .row > .col:nth-child(2):before{content: 'Mode';}
    .transfersection > .row > .col:nth-child(3):before{content: 'Transfer Details';}
    .transfersection > .row > .col:nth-child(4):before{content: 'Luggage Details';}
    .transfersection > .row > .col:nth-child(5):before{content: 'Per Vehicle';}
    .transfersection > .row > .col.totalcst:before{content: 'Total Cost';}
    .selectvhl{height: 48px; margin: 0;}
    .selectvhl select{font-size: 16px;}
    .transfersection > .row:nth-child(2) .col:first-child{padding-left: 157px;}
    .hdaygrid .hdaygridin .hdaydetail .offerviews{top: 98px; width: 94%; left: 0; right: 0; margin: 0;}
    .hotelavilableinset > .row > .col span.basisname, div.hotelavilableinset > .row > .col:nth-child(2) div.selecframe select{padding:0;}
    div.photogallert-wrapbx #photos_facilities .hotel_gallery ul li img{height: 320px;}
    div.hotelavilableinset > .row > .col .selectbgsection{height: auto;}
    div.hotelavilableinset > .row > .col .selectbgsection, div.hotelavilableinset > .row > .col:nth-child(2) .selecframe, div.hotelavilableinset > .row > .col .selectbgsection .rdfram{padding: 0; margin: 0;}
    div.hotelavilableinset > .row > .col:nth-child(2)::before{position: relative;}
    div.hotelavilableinset > .row > .col::before{margin-bottom: 8px;}
    .hotelavilableinset > .row > .col:nth-child(2) .selecframe, div.hotelavilableinset > .row > .col:nth-child(2) div.selecframe select{height: auto;}
    div.hotelavilableinset > .row > .col .selectbgsection div.selecframe{margin-bottom: 20px;}
    div.hotelavilableinset > .row > .col:nth-child(2) .selecframe img{top:3px;}

    div.gridrow .griddetails .hoteltab{position: relative;}
    div.gridrow .griddetails .hoteltab ul{padding-top: 55px;}
    div.gridrow .griddetails .hoteltab ul li.changebtn{position: absolute; top: 0px; width: 100%;}
    div.hdaygrid .hdaygridin .hdaydetail .hofferlist a.viewoff{margin: 0;}
    div.hdaygrid .hdaygridin .hdaydetail .offerviews{left: 8px; margin-top: -22px;}
    .hdaygrid .hdaygridin .hdaydetail .hofferlist ul li{margin: 3px 0;}
}

@media only screen and (max-width:480px){
    div.rest-bar div.rest-bar-items, .facsection > .row > .col .rest-bar-items{-ms-flex: 0 0 94%; flex: 0 0 94%;  max-width: 94%;}
}