html { scroll-behavior: smooth; }
.greybg {background-color: #F2F2F2;background-color: var(--backgrey);}
.faqbox strong.faqs{font-size: 3em;}
#contactawcont ul li{ background: #fff;}
#contactawcont ul li div.contact-p strong.heading{font-size: 1.5em; margin-left:5px; line-height:21px;}
#contactawcont ul li div.contact-p ul{font-size: 1.5em;margin-top: 5px;}
#contactawcont ul li div.contact-p ul li{padding: 0 10px;border: none !important;}
#contactawcont ul li p{ line-height: 21px;}

.container-fluid.mcentre{ background:#68D1DE; padding:30px 0;}
.contentarea {width: 100%;max-width: 900px;text-align: center;margin-bottom: 25px;margin:30px auto;overflow: hidden;}
.contentarea h1 {font-weight: 600;display: block;padding-top: 20px;}
.contentarea p {font-size: 1.8em;font-size: clamp(1.2em, 4vw, 1.8em);display: block;line-height: 28px;padding-bottom: 10px;}
.contentarea .tottlediv {display: none;}
.contentarea a.viewmore, .contentarea a.morecont {padding: 10px 25px;padding: var(--paddingbtn);color: #404C56;font-size: 1.5em;display: inline-block;margin: 10px 0;text-transform: uppercase;font-weight: 600;
    border: 1px solid #404C56;border-radius: 50px;}
.overview-bx {max-width: 900px;width: 94%;margin: 0 auto 30px auto;text-align: center;}
.overview-bx h1 {font-size: 3.4em;font-size: clamp(2.4em, 4vw, 3.4em);margin-bottom: 15px;color: #000000;color: var(--txtblack);
    font-weight: 600;}
.overview-bx p {line-height: 25px;font-size: 1.8em;color: var(--txtsixteen);font-weight: 500;color: #000000;color: var(--txtblack);}
.overview-bx p a {color: #F95539;text-decoration: none;}
.overview-bx a#readMore {font-size: 1.6em;color: #ff0000;margin-top: 10px;display: block;}
	div#moreText{ display: none;}


.scollspytab{ width:100%; max-width:1600px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto;}
.scollspytab .scrollitems{width:100%; max-width:1600px; display: flex; flex-wrap: wrap; }
.scollspytab .scrollitems ul{ width:auto; display: flex; flex-wrap: wrap; margin: 30px auto; }
.scollspytab .scrollitems ul li{ flex:0 0 auto; margin: 0 5px; background: #b31b3f;}
.scollspytab .scrollitems ul li a{ font-size: 1.6em;padding:12px 10px;text-decoration: none;display: block;text-align: center;font-weight: 600;color: #fff;}

.scollspytab.fixed{ position: fixed; z-index: 999; width:100%; max-width:100%; top:74px; left:0; right: 0; background: #b31b3f;}
.scollspytab.fixed .scrollitems ul{ margin: 5px auto; border: none;}
.scollspytab.fixed .scrollitems ul li a{ color: #fff;}


/*luxury stay*/
.toursection{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 30px auto;}
.toursection h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 600;}
.toursection .toursection-bx{ width:100%; display: flex; flex-wrap:nowrap; gap:10px; justify-content: flex-start; overflow: auto; padding-bottom: 20px;  scroll-snap-type: x mandatory; /* Optional: Snap effect */}
.toursection .toursection-bx .toursection-items{ flex:0 0 30%; background: #fff;box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);box-shadow: var(--fltshadow);}
.toursection .toursection-bx .toursection-items .toursectionimg{ width:100%; height: auto; background: #ddd; position: relative;}
.toursection .toursection-bx .toursection-items .toursectionimg img{ width:100%; height: auto;}

.toursection .toursection-bx .toursection-items  .toursectioninfo{width:100%; font-size:1.6em; padding: 15px; line-height: 21px;}
.toursection .toursection-bx .toursection-items .toursectioninfo strong{ font-size:1.2em; font-weight:600; display: block; padding-bottom: 10px;}
.toursection .toursection-bx .toursection-items .toursectioninfo strong span{ display: block; font-size: .8em; font-weight:500;}
.toursection .toursection-bx .toursection-items .toursectioninfo p{ font-size:.9em; line-height: 18px;}
.toursection .toursection-bx .toursection-items .toursectioninfo .tprice{ width:100%; display: flex; flex-wrap: wrap; position: relative; margin-top:20px;}
.toursection .toursection-bx .toursection-items .toursectioninfo .tprice p{ width:calc(100% - 120px); color: #000000; font-weight: 600; font-size: 1em; line-height: 21px;}
.toursection .toursection-bx .toursection-items .toursectioninfo .tprice p strong{ font-size:1.5em; font-weight: 600; padding: 0 0 0 0;}
.toursection .toursection-bx .toursection-items .toursectioninfo .tprice p span{ color: #000; font-weight:400; font-size:.8em; display: block;}
.toursection .toursection-bx .toursection-items .toursectioninfo .tprice a{ width:120px; position: absolute; top: 0; right: 0; text-align: center;background-color: #404C56;background-color: var(--btnblack);color: #fff; padding: 10px; text-decoration: none; border-radius:20px;}


/* WebKit Browsers (Chrome, Edge, Safari) */
.toursection .toursection-bx::-webkit-scrollbar {
  height: 8px; /* Adjust scrollbar thickness */
}

.toursection .toursection-bx::-webkit-scrollbar-track {
  background: #f0f0f0; /* Scrollbar track color */
  border-radius: 4px;
}

.toursection .toursection-bx::-webkit-scrollbar-thumb {
  background: #888; /* Scrollbar color */
  border-radius: 4px;
}

.toursection .toursection-bx::-webkit-scrollbar-thumb:hover {
  background: #555; /* Darker on hover */
}

/* Firefox Custom Scrollbar */
.toursection .toursection-bx{
  scrollbar-width: thin;
  scrollbar-color: #888 #f0f0f0;
}


/*experience*/

.expe{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 50px auto;}
.expe h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 600;}
.expe .exp-bx{ width:100%; display: flex; flex-wrap:wrap; gap:10px; justify-content: center;}
.expe .exp-bx .exp-items{ width:48%; display: flex; flex-wrap: wrap; max-width:100%; background: #fff; align-items: center; box-shadow: -1px 1px 10px rgba(0 0 0 / 15%)}
.expe .exp-bx .exp-items .exp-img{ flex:0 0 50%;height: 150px; background: #ddd;}
.expe .exp-bx .exp-items .exp-img img{ width:100%; height: 100%; object-fit: cover;}
.expe .exp-bx .exp-items .exp-info{ flex:0 0 50%; font-size:1.6em; line-height: 21px; padding: 10px;}
.expe .exp-bx .exp-items .exp-info strong{ font-size:1em; font-weight:600; display: block; padding-bottom: 10px;}
.expe .exp-bx .exp-items .exp-info p{font-size: .9em; font-weight:600; padding: 0 20px;}

/*Top Attractions*/
.topattractions{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 50px auto;}
.topattractions h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 600;}
.topattractions .attractionlist{ width:100%; display: flex; flex-wrap:nowrap; gap:10px; justify-content: center;}
.topattractions .attractionlist .attractionsitems{ flex:0 0 20%; max-width:100%; background: #fff; border: 1px solid #ddd;}
.topattractions .attractionlist .attractionsitems .attimg{ width:100%; height: 242px; background: #ddd;}
.topattractions .attractionlist .attractionsitems .attimg img{ width:100%; height: 242px; object-fit: cover;}
.topattractions .attractionlist .attractionsitems .attinfo{ font-size:1.6em; line-height: 21px; padding: 10px;}
.topattractions .attractionlist .attractionsitems .attinfo strong{ font-size:1em; font-weight:600; display: block; padding-bottom: 10px;}
.topattractions .attractionlist .attractionsitems .attinfo p{font-size: .9em;}
/*multicentre Holidays*/
.multicentre{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin:50px auto;}
.multicentre h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 600; color: #000;}
.multicentre .multicentre-bx{ width:100%; display: flex; flex-wrap:nowrap; gap:10px; justify-content: center;}
.multicentre .multicentre-bx .multicentreitems{ flex:0 0 50%; max-width:100%; background: #fff;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg{ flex:0 0 100%; height: 400px; background: #ddd; position: relative;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg:after{content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.19%, #000000 100%);
    position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;transition: all .5s;transition: var(--smoothness);}
.multicentre .multicentre-bx .multicentreitems .multicentreimg img { width:100%; height: 100%; object-fit: cover;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg .multicentreinfo{ flex:0 0 100%;font-size:1.6em; line-height: 21px; position: absolute; bottom: 18px; z-index: 1; color: #fff;text-align: center;
    width: 88%;left: 50%;transform: translate(-50%, 0%);}
.multicentre .multicentre-bx .multicentreitems .multicentreimg .multicentreinfo strong{ font-size:1.6em; font-weight:600; display: block; padding-bottom: 10px;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg .multicentreinfo p{ font-size:1em;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg .multicentreinfo a{text-align: center; background: #F95539;background: var(--btnred);color: #fff;padding: 8px 15px;text-decoration: none; display: block; margin-top: 10px;border:2px solid #fff;border-radius: 50px;display: inline-block;}
.multicentre .multicentre-bx .multicentreitems .multicentreimg .multicentreinfo span.prc{font-size: 1.2em;font-weight: 600;padding-top: 10px;display: block;}


/*wheretodine*/
.wtdine{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 30px auto;}
.wtdine h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 600;}
.wtdine .wtdine-bx{ width:100%; display: flex; flex-wrap:nowrap; gap:10px; justify-content: flex-start;}
.wtdine .wtdine-bx .wtdinitems{ flex:0 0 24%; max-width:100%; background: #fff;box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);}
.wtdine .wtdine-bx .wtdinitems .wtdimg{ width:100%; height: 242px; background: #ddd;}
.wtdine .wtdine-bx .wtdinitems .wtdimg img{ width: 100%; height: 100%;}
.wtdine .wtdine-bx .wtdinitems .wtdinfo{ font-size:1.6em; line-height: 21px; padding:20px;}
.wtdine .wtdine-bx .wtdinitems .wtdinfo strong{ font-size:1.2em; font-weight:600; display: block; padding-bottom: 10px;}
.wtdine .wtdine-bx .wtdinitems .wtdinfo p{ font-size: .9em;}


/*luxury stay*/
.lstay{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 30px auto;}
.lstay h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 600;}
.lstay .lstay-bx{ width:100%; display: flex; flex-wrap:wrap; gap:10px; justify-content: center;}
.lstay .lstay-bx .lstay-item{ display: inline-flex; width:49%; background: #fff;box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);box-shadow: var(--fltshadow);}
.lstay .lstay-bx .lstay-item .lstayimg{ flex:0 0 50%; height: 300px; background: #ddd; overflow: hidden;}
.lstay .lstay-bx .lstay-item .lstayimg img{ width:100%; height: 100%; object-fit: cover;}
.lstay .lstay-bx .lstay-item .lstayinfo{ flex:0 0 50%;font-size:1.6em; line-height: 21px; padding:20px; position: relative;}
.lstay .lstay-bx .lstay-item .lstayinfo p{font-size: .9em;}
.lstay .lstay-bx .lstay-item .lstayinfo strong{ font-size:1.2em; font-weight:600; display: block; padding: 0;}
.lstay .lstay-bx .lstay-item .lstayinfo div.strgrp{ width:100%; display: flex; padding: 10px 0;}
.lstay .lstay-bx .lstay-item .lstayinfo div.strgrp svg{width: 14px;height: 14px;fill:#404C56;margin-right: 3px;}
.lstay .lstay-bx .lstay-item .lstayinfo .frmfrs{display: block;padding: 10px 0;font-size: 1.2em;font-weight: 600;color: #000; position: relative; cursor: pointer;}
.lstay .lstay-bx .lstay-item .lstayinfo  a.vdetails{color: #000;font-size: 1em;font-weight: 600;
    display: block;cursor: pointer;border: none; width: 100%; text-align: left; text-decoration: none; margin-top:10px; }
.lstay .lstay-bx .lstay-item .lstayinfo .frmfrs .frmprc{ width:100%; position: absolute; z-index: 1;}

.lstay .lstay-bx .lstay-item .lstayinfo .frmfrs:after {content: '';background: url(/assets/images/rightarrow-white.svg) no-repeat center;
    background-size: 30px;position: absolute;top: 13px;right: 0%;font-size: 2em;background-color: #404C56;
    background-color: var(--btnblack);width: 70px;height: 40px;border-radius: 25px;padding: 8px;}

/*luxury stay*/
.tltreasure{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 30px auto;}
.tltreasure h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 600;}
.tltreasure .tltreasure-bx{ width:100%; display: flex; flex-wrap:nowrap; gap:10px; justify-content: flex-start; overflow: auto; padding-bottom: 20px; scroll-snap-type: x mandatory; /* Optional: Snap effect */}
.tltreasure .tltreasure-bx .tltreasure-items{ flex:0 0 30%; background: #fff;box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);box-shadow: var(--fltshadow);}
.tltreasure .tltreasure-bx .tltreasure-items .tltreasureimg{ width:100%; height: 400px; background: #ddd; position: relative;}
.tltreasure .tltreasure-bx .tltreasure-items .tltreasureimg img{ width:100%; height: 400px; object-fit: cover;}
.tltreasure .tltreasure-bx .tltreasure-items .tltreasureimg::after {content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.19%, #000000 100%);
    position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;transition: all .5s;transition: var(--smoothness);}
.tltreasure .tltreasure-bx .tltreasure-items .tltreasureimg .tltreasureinfo{ position: absolute; bottom:0px; left:0; right:0; width:100%; font-size:1.6em; padding: 15px; line-height: 21px; color: #fff; z-index: 1; text-align:left;}
.tltreasure .tltreasure-bx .tltreasure-items .tltreasureimg .tltreasureinfo strong{ font-size:1.2em; font-weight:600; display: block; padding-bottom: 10px;}
.tltreasure .tltreasure-bx .tltreasure-items .tltreasureimg .tltreasureinfo p{ font-size:.9em;}

/* WebKit Browsers (Chrome, Edge, Safari) */
.tltreasure .tltreasure-bx::-webkit-scrollbar {
  height: 8px; /* Adjust scrollbar thickness */
}

.tltreasure .tltreasure-bx::-webkit-scrollbar-track {
  background: #f0f0f0; /* Scrollbar track color */
  border-radius: 4px;
}

.tltreasure .tltreasure-bx::-webkit-scrollbar-thumb {
  background: #888; /* Scrollbar color */
  border-radius: 4px;
}

.tltreasure .tltreasure-bx::-webkit-scrollbar-thumb:hover {
  background: #555; /* Darker on hover */
}

/* Firefox Custom Scrollbar */
.tltreasure .tltreasure-bx{
  scrollbar-width: thin;
  scrollbar-color: #888 #f0f0f0;
}




/* Style the tab links */
.yraround{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 50px auto 30px auto;}
.yraround h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 600;}
.yraround .yraround-bx{ width:100%; display: flex; flex-wrap:nowrap; gap:10px; justify-content:center; overflow: auto;}
.tab-links {list-style: none;padding: 0;margin: 0;display: flex; font-size: 1.6em; justify-content: center;}
.tab-links li {margin-right: 5px;}
.tab-links li a {display: block;padding: 10px;color: #000;text-decoration: none;padding: 10px 20px;display: block;border-radius: 20px; border: 1px solid #ddd; }
.tab-links li.active a {background-color: #b31b3f;color: #fff;box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);box-shadow: var(--fltshadow);
    border: 1px solid #ddd;}
/* Style the tab content */
.tab-content{ width:100%; max-width:900px; justify-content: center; margin: 20px auto; text-align: center;}
.tab-content .tab {display: none; font-size:1.6em; padding: 30px 0;}
.tab-content .tab strong{font-size:1.6em; font-weight:600; display: block; padding-bottom: 10px;}
.tab-content .tab p{line-height: 25px;font-size: 1em;}
.tab-content .tab.active {display: block;}

/* expert tips*/
.expert-tips{ width:100%; max-width:1340px; display: flex; flex-wrap: wrap; justify-content: center; margin: 50px auto;}
.expert-tips h2{ font-size:3em; display: block; padding-bottom: 20px; font-weight: 600;}
.expert-tips .expert-items-bx{ width:100%; display: flex; flex-wrap: nowrap; justify-content: center; gap:10px;}
.expert-tips .expert-items-bx .expert-items{ flex:0 0 33%; font-size:1.6em; text-align: left;box-shadow: -1px 1px 10px rgba(0 0 0 / 15%);
     padding: 0;}

.expert-tips .expert-items-bx .expert-items .expert-items-img{ width:100%; height: 242px; background: #ddd;display: flex;}
.expert-tips .expert-items-bx .expert-items .expert-items-img img{ width:100%; height: 242px; object-fit:cover;  }

.expert-tips .expert-items-bx .expert-items .expert-items-info{width:100%; display: flex; flex-wrap: wrap; padding: 20px;}
.expert-tips .expert-items-bx .expert-items .expert-items-info strong, .expert-tips .expert-items-bx .expert-items .expert-items-info ul{ flex:0 0 100%; line-height: 25px;}
.expert-tips .expert-items-bx .expert-items .expert-items-info strong { font-weight:600; display: block; padding: 10px; font-size: 1.4em;}
.expert-tips .expert-items-bx .expert-items .expert-items-info ul li{ font-size:.9em; position: relative; padding: 0 0 0 15px; line-height: 21px; margin: 3px 0;}
.expert-tips .expert-items-bx .expert-items .expert-items-info ul li:before{ content: '•';  position: absolute; top:0; left:0;}
.expert-tips .expert-items-bx .expert-items:nth-child(even){ background: #F2F3F7;}



.faqsection {display: block;width: 100%; max-width:900px;padding-bottom: 0;margin: 30px auto;}
.faqsection .faqquestion .question{ background: #fff;}
.faqsection .faqquestion .faqcontent strong.heading{ display: block; padding: 10px 0; font-weight:600;}
#bottomtop {background-color: #B31B3F;width: 35px;height: 35px;position: fixed;bottom: 10px;right: -100%;transition: all .5s;
    text-align: center;cursor: pointer;z-index: 999;}
.faqsection .faqquestion .question > .faqheading{ font-size: 2em;}
.faqsection .faqquestion .question > .faqheading > span{ top:20px;}

.bestdeals{width: 100%;max-width: 900px;text-align: center;justify-content: center;display: flex;flex-wrap: wrap;margin: 30px auto;font-size: 1.6em;line-height: 21px;}
.bestdeals h2{ font-size:1.8em;display: block;padding-bottom: 20px;font-weight: 600;}
.bestdeals p{font-size: 1.2em;line-height: 28px;}
.bestdeals p a{font-weight: 500;color: #000;text-decoration: underline;}



/* image content Section */
.imgintro{width: 100%; max-width: 1340px; display: flex; flex-wrap: wrap; margin: 30px auto;}
.imgintro h2{font-size: 3em; display: block; padding-bottom: 30px; font-weight: 800; width: 100%; text-align: center;}
.imgintro .colm{flex:0 0 50%; position: relative;}
.imgintro .colm .htimg{width: 100%;}
.imgintro .colm .htimg .toppic{position: absolute; top: 0; right: 30px; background-color: #b31c3f; width: 90px; height: 80px; z-index: 1;}
.imgintro .colm .htimg .toppic::after{border: 45px solid #b31c3f; border-bottom: 15px solid transparent; content: ''; z-index: 9; position: absolute; bottom: -20px; width: 0;
left: 0;}
.imgintro .colm .htimg .toppic > strong{font-weight: 700; font-size: 1.8em; color: #ffffff; text-align: center; width: 100%; display: block; padding-top: 10px; position: absolute; z-index: 999; top: 13px;}
.imgintro .colm .htimg > img{width: 100%; height: auto;}
.htlcont{display: flex; flex-wrap: wrap; flex-direction: column; padding-left: 30px;}
.contentscr{width: auto;}
.htlcont h3, .htlcont strong.htname{font-size: 2.4em; font-weight: 800; text-transform: uppercase;}
.htlcont p{font-size:1.6em; line-height: 22px; margin: 10px 0;}
.rdmore{width: auto;}
.rdmore > a{font-size: 1.6em; color: #174286; text-decoration: none; font-weight: 600;}
.cbtngrp{width:100%; margin-top:20px;}
.cbtngrp .dndetail{display:flex; flex-direction: column;}
.cbtngrp .dndetail > strong{font-size:1.8em; font-weight:700; margin: 2px 0;}
.cbtngrp .dndetail > strong > span{color:#000000; font-size: 1.5em}
.btngrp{width: 100%; margin-top: 10px;}
.btngrp ul{list-style: none; display: flex; flex-wrap: wrap; gap: 20px;}
.btngrp ul li{flex:0 0 auto;}
.btngrp ul li a{text-decoration: none; font-size: 1.6em; border: 1px solid#b31b3f; color:#b31b3f; display: block; padding:15px 20px; font-weight: 600; width:200px; text-align: center;}
.btngrp ul li a.callbg{background-color:#b31b3f; color: #ffffff;}
/* image content Section */

/* Tour Highlight Section */
.tourhighlight{width:94%;  max-width: 1340px; display: flex; flex-wrap: wrap; margin: 50px auto;}
.tourhighlight > .tourspoint{flex:0 0 480px;}
.tourhighlight > .tourspoint > strong, .tourhighlight > .toursglance > strong{font-weight: 700; font-size: 2.4em; margin-bottom: 30px; display: block;}
.tourhighlight > .tourspoint > ul{display: block; list-style: none;}
.tourhighlight > .tourspoint > ul > li{width: 100%; display: flex; flex-wrap: wrap; align-items: center; font-size: 1.8em; margin: 15px 0;}
.tourhighlight > .tourspoint > ul > li span.cateheading{padding-left: 15px;}
.tourhighlight > .tourspoint > ul > li span.starsvg{padding-left: 8px;}
.tourhighlight > .tourspoint > ul > li span.starsvg svg{fill:#404C56; width: 20px;}
.tourhighlight > .toursglance{flex:0 0 calc(100% - 480px);}
.tourhighlight > .toursglance > ul{display: block; list-style: none;}
.tourhighlight > .toursglance > ul > li{width: 100%; display: flex; flex-wrap: wrap; align-items: center; font-size: 1.8em; margin: 15px 0; position: relative; padding-left: 25px; line-height: 22px;}
.tourhighlight > .toursglance > ul > li::before{content:''; width: 10px; height: 10px; background-color: #000000; border-radius: 50px; position: absolute; left: 0; top: 5px;}
/* Tour Highlight Section */

@media screen and (max-width:1200px){
.scollspytab.fixed{top: 95px;}
.scollspytab .scrollitems ul{flex-wrap: nowrap; overflow: auto; padding-bottom: 5px;}
.topattractions .attractionlist, .wtdine .wtdine-bx{ overflow: auto; justify-content: flex-start;}
}


@media screen and (max-width:900px){
.contentarea, .expe h2, .toursection h2, .topattractions h2, .multicentre h2, .wtdine h2, .lstay h2, .tltreasure h2, .expert-tips h2, .bestdeals{ padding: 0 5%;}
	.scollspytab.fixed{ top:0}
	.banner-img > img{ height: auto;}
	.expe .exp-bx .exp-items{ width:90%;}
	.expe .exp-bx .exp-items .exp-img, .expe .exp-bx .exp-items .exp-info{ flex:0 0 100%;}
	.scollspytab .scrollitems ul{flex-wrap: nowrap; overflow: auto; padding-bottom: 15px;}
	.topattractions .attractionlist, .wtdine .wtdine-bx{ overflow: auto; justify-content: flex-start;}
	.toursection .toursection-bx .toursection-items, .topattractions .attractionlist .attractionsitems, .wtdine .wtdine-bx .wtdinitems, .tltreasure .tltreasure-bx .tltreasure-items{ flex:0 0 90%;}
	.lstay .lstay-bx{flex-wrap: nowrap; justify-content: flex-start; overflow: auto;}
	.lstay .lstay-bx .lstay-item{flex:0 0 90%; flex-wrap: wrap; justify-content: flex-start;}
	.lstay .lstay-bx .lstay-item .lstayimg, .lstay .lstay-bx .lstay-item .lstayinfo{ flex:0 0 100%;}
	
	.expert-tips .expert-items-bx, .multicentre .multicentre-bx{ flex-wrap: wrap; justify-content: flex-start; gap:10px;}
.expert-tips .expert-items-bx .expert-items, .multicentre .multicentre-bx .multicentreitems{ flex:0 0 100%; }
	.yraround .yraround-bx{ justify-content: flex-start;}
	.tab-links{flex-wrap: wrap}
	.tab-content .tab{ padding: 30px;}
	.bestdeals h2{ font-size: 1.4em; line-height: 25px;}
	.bestdeals p{ font-size: 1em; line-height: 23px;}
	
  .imgintro .colm{flex:0 0 100%;}	
  .htlcont{padding: 20px;}
  .tourhighlight > .tourspoint, .tourhighlight > .toursglance{flex:0 0 100%; padding-bottom: 20px;}
  .tourhighlight > .toursglance{padding-bottom: 0; border-top: 1px solid grey; padding-top: 20px;}
  div.tabs{overflow: hidden;}
  div.tabs ul.tab-links{flex-wrap: nowrap; overflow: auto; justify-content: flex-start;}  
  div.tabs ul.tab-links li a{white-space: nowrap;}
	
}

@media only screen and (max-width:767px){
  .cbtngrp .dndetail > strong{font-size: 1.8em;}
  .btngrp ul{gap:7px;}
  .btngrp ul li a{font-size: 1.8em; padding: 12px;}
  .tourhighlight > .tourspoint > ul > li span.starsvg{padding-left: 8px;}
  .tourhighlight > .tourspoint > ul > li span.starsvg svg{width: 15px;}
  .tourhighlight > .toursglance > ul > li{padding-left: 35px;}
  .tourhighlight > .toursglance > ul > li::before{left: 7px;}
  .imgintro h2, .topattractions h2, .multicentre h2, .lstay h2, .tltreasure h2, .expert-tips h2{font-size: 2.6em; text-align: center;}

}