.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: 500; 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,
    .bredcumsection .bckbtn > a:hover{
        font-size: 1.4em;
        background-color: #000000;
        font-weight: 700;
        text-decoration: none;
        color: #ffffff;
        padding: 10px;
        display: block;
        position: relative; cursor:pointer;
    }
.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: 600;}
.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: 600;}
.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:600; 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{}
.hdaygrid .hdaygridin .hdaydetail .hofferlist.staticdetails { position:inherit; padding:20px 0 0;}
.hdaygrid .hdaygridin .hdaydetail .hofferlist ul {list-style: none; margin:0; padding:0;}
.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-static {color: #ffffff; margin-left: 5px; font-weight:600; background-color: #ff0000; padding: 2px 7px; display:inline-block;}
.hdaygrid .hdaygridin .hdaydetail .hofferlist ul li::before{content: url(/assets/images/offertag.svg); position: absolute; transform: scale(.5);
left: -5px; top:-5px;}
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;}
div.hdaygrid .hdaygridin .hdaydetail .offerviews.staticoffer {left:1px;}
    .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: 600; 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: 600;}
.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; margin:0; padding:0;}
.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;
}
.bredcumsection{max-width: 1240px; width: 100%; margin: 10px auto; display: block; position: relative;}
.bredcumsection{max-width: 1240px; width: 100%; margin: 10px auto; display: block; position: relative;}
.gallerybtn img {margin-right:5px; width:auto; display:block; object-fit:inherit;}
.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;
        }
        .pricesection .psectionbase .ecoTab {
            display: none;
        }
        .pricesection .psectionbase .ecoTab.dblock {
            display: block;
        }
        .pricesection .psectionbase .busTab.dblock {
            display: block;
        }
            .pricesection .psectionbase .busTab.blkbus {display:block;}
            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 td strong {font-weight:500;}
    .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:500;
}

.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;
    }


button.load-more-btn, button.load-more-btn,
button.load-less-btn, button.load-less-btn {
    box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);
    box-shadow: var ↳ -1px 1px 10px rgba(0 0 0 / 15%) ↳ -1px 1px 10px #00000026 (--fltshadow);
    padding: 8px 18px;
    display: inline-block;
    font-size: 1.4em;
    color: #f95539;
    text-decoration: none;
    font-weight: 600;
    border: none;
    background: #fff;
    position: absolute;
    bottom: -60px;
    left: -10px;
}
/* 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 {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;position: fixed;left: 50%;top: 50%;height: auto;max-height: 100%; z-index: 9999999;transform: translate(-50%,-50%);  }
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; display:none;}
    div.photogallert-wrapbx #photos_facilities .hotel_gallery ul li.dblock {display:block;}
    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:12px; 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;}

    div.photogallert-wrapbx #photos_facilities .hotel_gallery a.prev img,
    div.photogallert-wrapbx #photos_facilities .hotel_gallery a.next img {
        vertical-align:baseline;
    }


    .bg-mask-bx {
        position: fixed;
        background: rgba(0, 0, 0, .7);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999999;
    }
/* 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: 600;
        }

            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: 600;
                        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;
        --bs-gutter-x: 0
    }

        .detailbox .row > strong {
            font-size: 1.6em;
            font-weight: 600;
            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: 600;
                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: 600;
                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% !important;
            flex: 0 0 94% !important;
            max-width: 94% !important;
        }

        .carousel-wrapper .carousel-track {
            flex-wrap: nowrap;
            overflow: auto;
            width: 100%;
        }

           


    }



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

    div.msearchstrip {
        display: none;
    }

    .rowtable tr td.monthtd {
        font-weight: 700;
    }

    .searchsection.holidaysrc .searchbase .btngroup .refreshbtn {
        display: none;
    }

    .offerinfo .offerinfobx {
        height: auto;
        max-height: 360px;
        padding: 15px;
        margin: 0;
    }

        .offerinfo .offerinfobx span.clsbtn + div {
            font-size: 1.6em;
            font-weight: 600;
            padding: 20px 15px 0;
        }

        .offerinfo .offerinfobx ul {
            padding: 0;
            margin: 0px;
        }

        .offerinfo .offerinfobx span.clsbtn {
            position: absolute;
            top: 5px;
            right: 10px;
            padding: 0;
        }

    div.rest-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        max-width: 1280px;
        margin: 20px auto;
        padding: 0 5px;
        position: relative;
        justify-content: flex-start;
        overflow: auto;
        padding-bottom: 20px;
    }

        div.rest-bar.facilities-bx .rest-bar-items {
            flex: 0 0 33.5%;
        }

    .carousel-wrapper {
        overflow: hidden;
        width: 100%;
        padding: 12px;
    }

        .carousel-wrapper .carousel-track {
            display: flex;
            transition: transform 0.3s ease;
            justify-content: flex-start;
        }

            .carousel-wrapper .carousel-track .rest-bar-items {
                padding: 0px;
                background: #fff;
                box-shadow: -1px 1px 0px rgba(0 0 0 / 15%);
                box-shadow: var(--fltshadow);
                margin-right: 2%;
                flex: 0 0 32%;
                box-sizing: border-box;
            }

                .carousel-wrapper .carousel-track .rest-bar-items:last-child {
                    margin: 0px;
                }


    div.rest-bar .rest-bar-items .rest-bar--img {
        width: 100%;
        position: relative;
        height: 245px;
    }

    div.rest-bar.facilities-bx .rest-bar-items .rest-bar--img {
        width: 100%;
        position: relative;
        height: 245px;
        padding: 10px;
    }

    .hdaygrid .hdaygridin .hdaydetail .offerviews span.offerclose {
        cursor: pointer;
    }

    .hdaygrid .hdaygridin .hdaydetail .hofferlist a.viewoff {
        display: inline-block;
        margin: 2px 18px;
    }

    .hotel-content-bx {
        position: relative;
    }

        .hotel-content-bx ul {
            width: 100%;
            float: left;
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

            .hotel-content-bx ul li {
                width: 100%;
                float: left;
                font-size: 14px;
                font-weight: 400;
                line-height: 26px;
                padding: 0 0 5px;
                border-bottom: none;
            }

    div.rest-bar .rest-bar-items .rest-bar--img img {
        width: 100%;
    }

    div.rest-bar .rest-bar-items .rest-bar--img .dotted {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        width: 100%;
        display: block;
        text-align: center;
        height: 20px;
    }

        div.rest-bar .rest-bar-items .rest-bar--img .dotted a {
            width: 24px;
            height: 24px;
            display: inline-block;
            border-radius: 100%;
            border: 2px solid #fff;
            margin-left: 0px;
            transform: scale(.8)
        }

            div.rest-bar .rest-bar-items .rest-bar--img .dotted a.active {
                background: #fe492b;
                border: 2px solid #fff;
            }

    div.rest-bar .rest-bar-items .rest-bar--info, .facsection > .row > .col .rest-bar-items .rest-bar--info {
        padding: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 0 20px;
        margin: 20px 0; /*max-height: 130px;*/
    }

        div.rest-bar .rest-bar-items .rest-bar--info a.areadmore, div.rest-bar .rest-bar-items .rest-bar--info a.read-more {
            display: block;
            padding: 5px 0;
            font-size: 1.6em;
            color: #f95539;
        }

        div.rest-bar .rest-bar-items .rest-bar--info.allcontent, .facsection > .row > .col .rest-bar-items .rest-bar--info.allcontent {
            max-height: 100%;
        }

        div.rest-bar .rest-bar-items .rest-bar--info > strong {
            font-weight: 700;
            font-size: 2em;
            margin-bottom: 10px;
            display: block;
        }

        div.rest-bar .rest-bar-items .rest-bar--info p {
            font-size: 1.6em;
            line-height: 20px;
            display: inline;
        }

            div.rest-bar .rest-bar-items .rest-bar--info p.full-description {
                padding-left: 3px;
            }

    div.rest-bar .rest-bar-items .rest-bar--img ul li {
        display: none;
    }

        div.rest-bar .rest-bar-items .rest-bar--img ul li:first-child {
            display: block;
        }

    div.rest-bar .rest-bar-items .rest-bar--info ul {
        list-style: none;
    }

        div.rest-bar .rest-bar-items .rest-bar--info ul li {
            margin-top: 5px;
            border-bottom: 1px solid #ededed;
            padding-bottom: 5px;
            font-size: 1.5em;
            font-weight: 600;
        }

            div.rest-bar .rest-bar-items .rest-bar--info ul li > strong {
                font-size: 1rem;
                display: block;
                font-weight: 700;
            }

    div.hotel-content-bx .arrowbtn,
    div.facsection .arrowbtn {
        position: absolute;
        top: 140px;
        width: 98%;
        left: 0;
        right: 0;
        margin: auto;
    }

        div.hotel-content-bx .arrowbtn .prev, div.facsection .arrowbtn .prev, div#restbarboxdiv .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%);
        }

    div.hotel-content-bx, div.facsection, div#cityboxdiv {
        overflow: hidden;
    }

        div.hotel-content-bx .arrowbtn .prev, div.facsection .arrowbtn .prev, div#cityboxdiv .row .arrowbtn .prev {
            left: 15px;
        }

        div.hotel-content-bx .arrowbtn .next, div.facsection .arrowbtn .next, div#cityboxdiv .row .arrowbtn .next {
            right: 15px;
        }

        div.hotel-content-bx .arrowbtn .prev, div.facsection .arrowbtn .prev, div.hotel-content-bx .arrowbtn .next, div.facsection .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%);
        }

            div.hotel-content-bx .arrowbtn .prev::after, div.facsection .arrowbtn .prev::after, div#restbarboxdiv .arrowbtn .next::after, div.facsection .arrowbtn .next::after {
                content: url(/assets/images/rightarrow-black.svg);
                width: 28px;
                height: 28px;
                display: block;
            }

            div.hotel-content-bx .arrowbtn .prev::after,
            div.facsection .arrowbtn .prev::after {
                transform: rotate(-180deg);
            }

    .facsection > .row > .col .rest-bar-items .rest-bar--img > ul li, .facsection > .row > .col .rest-bar-items .rest-bar--img > ul > li:last-child {
        display: none;
    }

        .facsection > .row > .col .rest-bar-items .rest-bar--img > ul li:first-child {
            display: block;
        }

    .gallerybtn a {
        text-decoration: none;
        font-size: 1.4em;
        font-weight: 600;
        display: flex;
        align-items: center;
        color: #000000;
    }

        .gallerybtn a span {
            font-size: inherit;
        }

    .hdaygrid .hdaygridin .hdaydetail .offerviews {
        z-index: 0;
    }

    .hdaygrid .hdaygridin .hdaydetail .hofferlist a.viewoff {
        z-index: 1;
    }

    .facilitygroup h3.facheading {
        font-size: 2em;
        font-weight: 600;
        margin-top: 20px;
    }

    h2.facheading {
        display: flex;
        align-items: center;
    }

        h2.facheading::after {
            transform: scale(.7) rotate(180deg);
            margin: 6px 0px 0 4px;
        }

    .pricesection .psectionbase {
        margin-bottom: 100px;
    }

    div#ecoTab, div#busTab {
        position: relative;
    }

    button#btnLoadMoreRight, button#btnLoadMoreBRight {
        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;
        border: none;
        background: #fff;
        position: absolute;
        bottom: -60px;
        left: -10px;
    }

    .bredcumsection ul li a {
        text-transform: capitalize;
    }
    /* Bof: Search Panel */
    .searchbase .fildgroup .fildrow .col.dnone {
        display: none;
    }

    .searchbase .fildgroup .fildrow .col.savail {
        background: none;
    }

        .searchbase .fildgroup .fildrow .col.savail strong {
            font-size: 1.8em;
            font-weight: 600;
            padding-top: 10px;
            display: inline-block;
        }

    .searchbase .btngroup {
        width: 160px;
    }

        .searchbase .btngroup input[type="submit"] {
            line-height: 15px;
            font-weight: 600;
        }

    .searchbase {
        padding-bottom: 15px;
    }



    .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col.calc_col {
        flex: 0 0 115px;
    }

    @media only screen and (min-width: 768px) and (max-width: 1200px) {
        div.searchbase .fildgroup .fildrow .col.savail {
            flex: 0 0 100%;
        }

            div.searchbase .fildgroup .fildrow .col.savail > strong {
                font-size: 1.4em;
            }

        div.searchsection.holidaysrc div.searchbase .fildgroup .fildrow .col.flyfrom {
            flex: 0 0 calc(100% - 155px);
        }

        .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col.calc_col {
            flex: 0 0 144px
        }

        .searchbase .fildgroup .fildrow .col.pass, .searchbase .fildgroup .fildrow .col.anystr, .searchbase .fildgroup .fildrow .col.moption {
            flex: 1;
        }

        div.passenger-grid-bx {
            left: 0px;
            top: 170px;
            right: auto;
        }

        div.moreoption-grid-bx {
            top: 170px;
            width: 260px;
        }

        div.searchbase .btngroup {
            position: static;
            width: 100%;
            justify-content: right;
            margin-top: 0px;
        }

            div.searchbase .btngroup input[type="submit"] {
                width: 260px;
            }

        div.searchsection.holidaysrc div.searchbase .fildgroup .fildrow .col:nth-child(4) {
            flex: 0 0 calc(100% - 284px);
        }

        div.searchbase .btngroup {
            margin-bottom: 0;
        }
    }

    @media only screen and (max-width: 767px) {
        div.searchbase .fildgroup .fildrow .col.savail > strong {
            font-size: 1.4em;
        }

        .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col:nth-child(4) {
            flex: 0 0 100%;
        }

        .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col.calc_col, .searchsection.holidaysrc .searchbase .fildgroup .fildrow .col.srcngt {
            flex: 0 0 48%;
        }

        .searchsection.holidaysrc .searchbase .btngroup .refreshbtn {
            position: static;
            order: 2;
        }

        .searchbase .btngroup {
            width: 100%;
        }
    }
    /* Eof: Search panel */


    @media only screen and (max-width:900px) {
        div.searchbase {
            display: none;
        }

        div.msearchstrip {
            display: block;
        }
    }





    /* Bof: Room Type*/
    div.facsection.htcommonspace {
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        position: relative;
    }



        div.facsection.htcommonspace div.rest-bar .rest-bar-items .rest-bar--img ul {
            padding: 0px;
        }

        div.facsection.htcommonspace div.rest-bar .rest-bar-items .rest-bar--img img {
            height: auto;
        }
    /* Eof: Room Type*/

    .carousel-wrapper .carousel-track {
        margin-left: 0px;
    }

        .carousel-wrapper .carousel-track .rest-bar-items:last-child {
            margin-right: 0px;
        }