.introsection, .fltheading{max-width: 900px; width: 94%; margin: 0 auto; text-align: center; margin: 20px auto 0;}
.fltheading h1{font-size: 3.4em; font-size: clamp(2.4em, 4vw, 3.4em); margin-bottom: 15px; color: #000000; color: var(--txtblack);   font-weight: 600;}
.introsection p, .fltheading p{ line-height: 25px; font-size: 1.8em; color: var(--txtsixteen); font-weight: 400; color: #000000; color: var(--txtblack);}
#moreText, .bannerparent::after{display: none;}
#moreText h2{font-size: 3em; font-size: clamp(2em, 4vw, 3em); margin-bottom: 15px; color: #000000; color: var(--txtblack); font-weight:800; text-align: center; margin-top: 20px; margin-bottom: 10px;}
.introsection a#readMore, .fltheading a#readMore{font-size: 1.6em; color: #ff0000; margin-top: 10px; display: block;}
		.tnc{position: absolute;bottom: 5%;right: 5%;color: #fff;font-size: .9em;}
		div.filter--bx, div.HolidayType h2{ display: none;}
		div.listing--bx{ width:100%;}
		div.HolidayType .loadmores{ display: none;}
		.HolidayType .Regions .robBox{ display: block!important}
	    .flt-bx ul.h-typenew.offers-type li label.customecheck {
            padding: 2px 55px 2px 0px;
        }

        .owl-carousel .owl-item {
            padding: 0;
        }
  .holdiay-src-panel .passenger-grid-bx{
    display: none;
  }
	
div.abudhabilogo {position: absolute;top: 10px;right: 60px;}
div.abudhabilogo span {display: inline;}
div.abudhabilogo span.oneworld img {width: 55px;}
div.abudhabilogo span.abudhabi img {width: 200px;margin-left: 38px;}
div.pkgbx{ width:100%; max-width:760px; display: flex; flex-wrap:wrap; text-align: center;justify-content: center;margin: 30px auto;}
div.pkgbx h2{ font-size: 2.4em; font-weight: 600; display: block; padding-bottom: 30px;}
div.pkgbx .pkglist{ width: 100%; display: flex; justify-content: center; gap:20px;  }
div.pkgbx .pkglist .pkgitems{ flex:0 0 24%; font-size:1.6em;border: 1px solid #d5d5d5;padding: 10px; }
div.pkgbx .pkglist .pkgitems span{ line-height: 21px;font-weight: 500;color: #333;}
div.pkgbx .pkglist .pkgitems .pkgimg img{ width: 100%; max-width:100px; height: auto;}
div.pkgbx .pkglist .pkgitems .pkgimg svg{ width: 100%; max-width:120px;height: 106px; padding: 10px; }
	
.regionback{ background: #f2f2f2; padding: 50px!important;}
.regionslider{ width:100%; display: flex; justify-content: center; flex-wrap: wrap;}
.Regions{ width:100%; max-width:1280px; display: flex;  flex-wrap:nowrap; overflow: auto; justify-content:flex-start; margin:0px; font-size: 1.6em; gap:1%; padding: 10px; scrollbar-width: thin;}
.Regions .robBox{ border-radius:0; flex: 0 0 31%;-ms-flex: 0 0 31%; max-width:100%; box-shadow: 0 0 20px rgba(0,0,0,.1);}
.Regions .robBox .RegionsBox{ width: 100%; display: flex; flex-wrap: wrap; position: relative;}
.Regions .robBox .RegionsBox h4{ color:#000; font-weight:600; font-size:1.3em; padding-top: 5px; display: block; min-height: 50px; line-height: 23px;}
.Regions .robBox .RegionsBox span.str svg {fill: #f95539;width: 15px;height: 15px;}
.Regions .robBox .RegionsBox ul.offesr{width: 100%;display: block;font-size: 1em; padding:6px 0; margin:10px 0; min-height: 90px;}
.Regions .robBox .RegionsBox ul.offesr li{padding-left:20px; font-size:1em; position:relative; margin: 3px; color: #333; line-height: 20px;}
.Regions .robBox .RegionsBox ul.offesr li:before {content: url(/assets/images/offertag.svg);position: absolute;transform: scale(.5);left: -5px;
    top: -3px;}
.Regions .robBox .RegionsBox ul.offesr li span.EXOFF{ color: #f00;}
	.Regions .robBox .RegionsBox .InfoBox{ width: 100%; padding: 20px; background: #fff;}
.Regions .robBox .RegionsBox img{ width:100%;height:245px; object-fit:cover;}
.Regions .robBox .RegionsBox div.bbbasis{position: absolute;top:7px;right:7px;background:rgba(18,70,172,.8); color:#fff;font-size: 1em;padding:5px 10px;border-radius: 5px; text-transform: capitalize;}

	.Regions .robBox .RegionsBox .ngtfare{ width: 100%; display: flex; flex-wrap: wrap; line-height: 22px; color: #333;}
	.Regions .robBox .RegionsBox .ngtfare span{color: #fc5119;font-weight: 700;font-size: 1.6em;padding: 0 3px;}
	.Regions .robBox .RegionsBox .ngtfare small{ width: 100%; display: block; font-size: .9em;}
	
	.Regions .robBox .RegionsBox .viewhotelbtn{ width: 100%; background-color: #F95539;background-color: var(--btnred); color: #fff; text-align: center; padding: 15px 0; margin-top: 10px;}

	.container-fluid.yas{ padding: 50px 0;}
		.container-fluid.yas h3.subheading{display: block;font-size: 3em;text-align: center;padding-bottom: 25px;}
		.thing-do{ width:100%; display: flex; font-size: 1.6em; align-items: center; margin:10px 0; background: #f2f2f2; border:1px solid #ddd;}
		.thing-do:nth-child(odd){ background: #fff;}
		.thing-do .things-info{ flex:0 0 60%; padding: 50px;}
		.thing-do .things-img{ flex:0 0 40%; padding: 0;}
		.thing-do .things-img img{ width:100%;}
		.thing-do .things-info strong.themehead{ font-size:1.5em; font-weight: 600; display: block; font-family: 'FeijoaDisplay',sans-serif; padding-bottom: 15px;}
		.thing-do .things-info p{ line-height: 25px;}
	
		.container-fluid.yesDay{ padding: 50px 0 0 0!important; max-width:1280px;}
		.navblock {display: block; width: 100%; margin: 0 auto; position: sticky; top:0; background-color: #ffffff; z-index: 9;}
		.navblock ul {display: flex; justify-content: center;}
		.navblock ul li {flex: 0 0 auto; padding: 0 20px; border-bottom: 1px solid #454545; text-align: center;}
		.navblock ul li a {text-decoration: none; font-size:2em; color: #333; position: relative; padding:15px; display: inline-block; font-weight:600; font-family: 'FeijoaDisplay',sans-serif;}
		.navblock ul li a::after {width: 0%; height: 3px;background-color: #000000;  content: "";  position: absolute; bottom: -2px; left: 0;      transition: all 0.5s; right: 0; margin: auto;}
		.navblock ul li a:hover::after {width: 100%;}

		
		.yesDay .fullBx {display:block; width:100%; overflow:hidden; padding:30px 0 0;}
		.yesDay .fullBx h3.subheading {display:block; font-size:3em; text-align:center ;padding-bottom:25px;}
		
		.carouselBx {display:flex; width:100%; margin:0; flex-wrap:nowrap; overflow:auto; gap: 20px; padding: 20px; scrollbar-width: thin;}
		.carouselBx .box {flex:0 0 32%; padding:0; box-shadow: 0 0 20px rgba(0,0,0,.1);}
		
		.carouselBx .box .imgBx,
		.carouselBx .box .contBx {display:block; position:relative;}
		.carouselBx .box .contBx{ padding: 15px;}
		.carouselBx .box .contBx h4 {font-size:1.8em; font-weight:600; padding:15px 0; border-bottom: 1px solid #ddd;line-height: 23px;}
		.carouselBx .box .contBx p {font-size: 1.6em;line-height: 22px;padding: 10px 0;font-weight: 400;color: #666;}
		.carouselBx .box .imgBx img{ width: 100%;}
	
      div#top-coastal-spots .carouselBx, div#island-exploration .carouselBx{justify-content: center;}
		.yasmap{ width: 100%; display: flex;}
		.yasmap img{ width: 100%; height: 500px; object-fit: cover;}
		.yasmap iframe{ width: 100%;}
		.btnclick { width:100%; max-width:600px; justify-content: center; margin: 20px auto 30px auto;}
		.btnclick a[href="#searchform"]{width: 100%;display: block;background: #F95539;background: var(--btnred);padding: 15px;color: #fff;
    text-transform: uppercase;font-weight: 600;border-radius: 50px; font-size:1.6em; text-align: center;}
      
      @media screen and (max-width:1200px){
        .navblock{top: 0;}
        .navblock ul{justify-content: flex-start; flex-wrap: nowrap; overflow: auto;}
        .navblock ul li{flex:0 0 auto;}
        .navblock ul li a{font-size: 2em;}
        .carouselBx{padding: 10px; gap: 10px;}
        .carouselBx .box, .HolidayType .Regions .robBox{padding: 0; flex: 0 0 300px;}
        .carouselBx .box .imgBx figure > img{width: 100%;}
        .HolidayType .Regions{gap: 10px;}
        div#top-coastal-spots .carouselBx, div#island-exploration .carouselBx{justify-content: flex-start;}
      }

		@media screen and (max-width:767px){
			.resultfilternew{ display: none;}
			.tnc{bottom: 30%;}
			.contentarea .textinfo, .contentarea .imvideo{ width: 100%; padding: 2%;}
			.eventlist{ flex-wrap:wrap; justify-content: center;}
			.eventlist .listitem{ flex:0 0 95%; margin-bottom: 10px;}
			.thing-do{ flex-wrap:wrap; width:95%; margin: 10px auto;}
			.thing-do .things-info{ flex:0 0 100%; order: 2; padding: 30px;}
			.thing-do .things-img{ flex:0 0 100%; order: 1}
			div.pkgbx .pkglist{ flex-wrap: wrap}
			div.pkgbx .pkglist .pkgitems{ flex:0 0 45%; }
			#mb{ padding: 20px 0;}
			
			.regionback{ padding: 0!important;}
			.Regions .robBox{flex: 0 0 90%;-ms-flex: 0 0 90%;}
			.navblock{ top: 135px;}
			.navblock ul, .navblock ul li{ padding: 0;}
			.navblock ul li a{ font-size:1.6em;}
			
		}	
		
@media only screen and (max-width: 480px) {
    div.slider-bx {
        min-height: auto;
        max-height: 0;
    }
}