/*COMMAN CSS*/
@media (max-width: 991px) {
 .vacHdInner{justify-content: left !important;} 
 .vacHdInner .hdLogo{ width: 175px;}
 .vacHdInner .navmobile{top: 10px;}
 .navmobile.vecMenu{top: 9px!important; display: flex !important; align-items: center;}
 .vecMenu{
  width: 46px;
  height: 46px ;
 }
 .vecMenu img{
   width: 100%;
 }
.vacNavmheader{background: linear-gradient(90deg, #d23336 0%, #FB8A0B 100%)!important; padding: 40px 20px !important;}
.vacNavmheader .loginBtnMob img{
  border-radius: 100px;
  background: #fff;
  padding: 6px;
  width: 38px;
}
}

@media (min-width: 992px) {

}
@media (max-width: 991px) {
  body {
    padding: 0 0 80px 0;
  }

 .vacFooter .row .col-md-3{ display: none;} 
 .vacFooter .row .col-md-9{ width: 100%;}
 .vacFtContent .vacFootRow{ padding: 10px 0;}
 .vacFtContent .vacFootRow a{ min-height: 40px; margin-bottom: 6px;}

.ftNavHideMobile{ display: none;} 
.vacftMobile{ 
  background: url(../images/arrow-icon.png) no-repeat #fff;
  background-position: 97% 12px;
  color: #000 !important;
  padding: 5px 20px;
  border-radius: 50px;
  margin-bottom: 8px;
  background-size: 15px auto;
  display: block;
}
.vacftMobile.ftcontbtnshow{ background-position: 97% -31px;}


.vacftMobile + .tab-pane{ opacity:1;}
.vacFtContent .tab-panel{ display: none;}
.vacFtContent{    padding: 28px 0 28px 0;}
.ftcontshow{ display: block!important;}
}

@media (max-width: 480px) {
  .vacFtContent .vacFootRow a{ width: 33.3%;}


  .back-button, .vacbannerHome .back-button{ display: flex!important;}
.offTags{ left: auto; right: 10px;}
  .mobileShow{ display: block!important;}
.mobileHide, .vacSlider .mobileHide{ display: none!important;}
.mobile-only{ display: none!important;}





.desktopBanner{ display: none!important;}
.mobileBanner{ display: block!important;}
}
/*COMMAN CSS END*/

/*MY ACCOUNT*/

@media (max-width: 1199px) {
  .thkPackBox { display: block;}
  .thkPackBoxRight{ margin-top: 20px;}
}
@media (max-width: 767px) {
  .vacpaymentHeader .paymentTitle{ font-size: 20px; line-height: 26px; padding: 35px 20px 10px 20px;
    margin-top: 22px;
  }
  .vacpaymentHeader p{ margin-bottom: 10px;}
  .thkAmt{font-size: 17px;}
  .mayAccDetilsTab .vacDetlsTabs a { font-size: 17px;}
  .thkPayBox .thkPayBtn{font-size: 16px; width: 186px;}

.sidebar-open{right:0!important;}
.side-panel{right: -844px;}

.myaccBox .profileInfo table td{
  display: block;
}
.modal-footer .addNewCtForm{ 
  border: 0;

  justify-content: center;
  padding-top: 12px;
  /*border-top: 1px solid #2571bd;*/
  width: 100%;
}
.addNewTravellerPop .addNewCt{
  /*height: 410px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;*/
}
.acctFamBtns{
  border: 0;
  text-align: center;
  justify-content: center;
  padding-top: 12px;
  /*border-top: 1px solid #2571bd;*/
  width: 100%;
}
}
@media (max-width: 550px) {
  .vacDetlsTabs{gap: 7px;}
  .thkPayBox{ display: block;}
  .thkPayInn div{ max-width: 100%;}
  .thkPayBox .thkPayBtn{ margin-top: 20px;}
  .thkDateBox > strong { width: 44px; font-size: 25px;}
  .thkBetweenDate{ font-size: 12px;flex: 1; justify-content: center; }
  .thkPackBoxRight{ text-align: center; border-top: 1px solid #ccc; border-top: 1px solid #dddddd;
  padding: 20px 0 0 0;
  }
  .thkPlaces p{ font-size: 13px;}
  .thkPlaces p span{height: 14px;}
  .thanksBoxBorder .table-responsive th{ font-size: 12px;}
  .thanksBoxBorder{padding: 20px 12px;}
}
@media (max-width: 480px) {
  .thanxTravDetls{gap: 11px;}
  .thanksTravellers th, .thanksTravellers td{ padding: 4px 5px;}
  .mayAccDetilsTab .vacDetlsTabs a { font-size: 14px;}
  .packBokDate{/*display: block; max-width: 182px; margin: 0 auto;*/}
  .packDateSingle{ margin-top: 21px;}
  .thnkTravImg img { height: 23px;}

  .packBokDate{ justify-content: space-around; position: relative; padding-bottom: 37px;}
  .thkBetweenDate{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media (max-width: 390px) {
.thanksBoxBorder{padding: 20px 8px;}
.pdpp-cancel .tab-content { padding: 22px 12px!important;}
.fdpImg {width: 25px;}
.fdpImg img{width: auto; height: 25px;}
.flidetilsPolicyLogo p{font-size: 16px;}
}
@media (max-width: 375px) {
  .thanksTravellers h2 { font-size: 19px;}
  .mayAccDetilsTab .vacDetlsTabs a { font-size: 13px;}
}
@media (max-width: 360px) {
  .tabNonActiveCover{ flex-wrap: wrap;}
  .flitBaggage{
    margin-top: 10px;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 359px) {
  .vacDetlsTabs { gap: 5px;}
  .mayAccDetilsTab .vacDetlsTabs a { font-size: 12px;}

  .fliDtlsinRow{ padding: 22px 6px;}
  .fliDtlsinRow .fliteTime {  margin: 0 5px!important;}
  .vacMyAcct .pdpp-cancel .nav-tabs .nav-link{ padding: 8px 6px;}
  .vacMyAcct span{ font-size: 13px;}
  .incluExcluBox ul li{ font-size: 14px;}
}
/*MY ACCOUNT END*/

/*REGISTER AND LOGIN*/
@media (max-width: 768px) {
.registerBox{ display: block;}
.registerBox .formrlLeft{ width: 100%;}
.registerBox .formrlRight{ width: 100%; padding-left: 0; padding-top: 30px;}
.rlsItemText h4{ font-size: 18px;}
.rlsItemText p { font-size: 14px; }
.rlsItem { position: relative; height: 300px;}
}
@media (max-width: 480px) {
.rlsItem { position: relative; height: 240px;}
.rlFt span{ display: block; margin-bottom: 10px;}
.lsBtn{ font-size: 16px; padding: 5px 30px;}
}
@media (max-width: 360px) {
.registerBox .formrlRight h2{ font-size: 21px; line-height: 30px;}
}
/*REGISTER AND LOGIN END*/

/*HOME*/
@media (max-width: 768px) {
.topSliderContent{ position: inherit; margin-top: -272px;}
.vacSearchInn button.vachsbtn{ min-width: 104px; margin: 0 5px;}
.vacSearchInn li.vacHomeseachLow:last-of-type{ font-size: 16px;}
.vacSearchInn button.vachsbtn{ padding: 5px 12px;}

.title-1{ font-size: 30px;}
.title-2{ font-size: 26px;}


.categBtns{ flex-wrap: wrap; margin-top: 20px;}
.categText{ padding-top: 5px;}
.categBtns a { width: 17%;}

.sliderCommanText span{font-size: 16px;}
.sliderCommanText h3{font-size: 22px;}

.topSliderCover h1{ font-size: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topSliderCover h1{ font-size: 28px!important;}
  .categBtns{ margin-top: 10px; gap: 5px;}

.categBtn { background-size: 344px; width: 65px; height: 54px;}
.categBtns a{ height: 106px; padding: 10px;}

.categFlight {  background-position: -2px 3px;}
.categHotel{ background-position: -70px 2px;}
.categHolidayPackages{ background-position: -141px 2px;}
.categHotelFlight{ background-position: -209px 2px;}
.categCruise{ background-position: -277px 3px;}

.categBtns a:hover .categFlight, .categBtns a.active .categFlight {
  background-position: -3px -89px;
}
.categBtns a:hover .categHotel, .categBtns a.active .categHotel {
  background-position: -69px -89px;
}
.categBtns a:hover .categHolidayPackages, .categBtns a.active .categHolidayPackages {
  background-position: -140px -89px;
}
.categBtns a:hover .categHotelFlight, .categBtns a.active .categHotelFlight {
  background-position: -208px -89px;
}
.categBtns a:hover .categCruise, .categBtns a.active .categCruise {
  background-position: -277px -89px;
}
.categText{ font-size: 13px;}

.vacSlider .owl-nav button{width: 35px; height: 35px; background-size: 9px auto;}

.vacPickUpBoxInn{ padding: 20px;}
.vacPickUpBox{ margin-bottom: 20px;}
.viewAll.mt-5{margin-top: 1rem!important}

.vacPickTitle{font-size: 16px;}
.vacPickDate{ font-size: 12px;}

.whyBook .col-sm {flex: auto; width: 50%;}
.whyBook .borderRadiComman{ margin-bottom: 20px;}

}

@media (max-width: 600px) {
  .categBtns a { width: 18.5%;}
  .topSliderContent{ position: inherit; margin-top: -212px;}
  .vacbannerTitle{font-size: 22px !important;}
  .vactripType .checkbox-container{ flex-wrap: wrap;}
 .vacSearchInn ul { display: block; text-align: center;}
 .vacSearchInn ul li{ display: inline-block;}
  .vacSearchInn li.vacHomeseachLow:last-of-type{ margin-top: 15px;}

  .vacPickUpBoxInn .col-md-3 { width: 100%;}
  .topFlightRoutesInn .col-md-4 { width: 100%;}
}


@media (max-width: 480px) {
  .contact-info, .contact-form-get-in{ padding: 28px 16px!important;}

  .circle-container{
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    display: block;
    scrollbar-width: none;
}
.circle-container .circle{
  max-width: 60%;
  display: inline-block;
  text-align: center;
  width: 287px;
  margin-right: 10px;
  margin-left: 10px;
}
.honeymoonPackagesCover.pb-3.mb-5{margin: 0 !important;}

.sjTravels{
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  display: block;
  scrollbar-width: none;
}
.sjTravels .sjColumn-2{
  max-width: 100%;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  margin-left: 10px;
}
.sjTravels .sjColumn, .sjBottomImages{
  max-width: 100%;
  display: inline-block;
  text-align: center;
  width: 287px;
  margin-right: 10px;
  margin-left: 10px;
}
.sjTravels .sjColumn-2{
  max-width: 200%;
  display: contents;
  text-align: center;
  margin-right: 10px;
  margin-left: 10px;
}
.sjBigWidth{
  max-width: 100%;
  display: inline-block;
  text-align: center;
  width: 194px;
  margin-left: 16px;
}
.sjTravels .sjColumn .vacBox{
  display: inline-block;
  text-align: center;
  width: 180px;
  margin: 0 6px;
}
.sjBottomImages {display: inline-block!important; margin-left: 0;}

  .vacSearchInn li.vacHomeseachLow:last-of-type { display: block;}
.vacSearchInn button.vachsbtn { margin: 0 3px 10px 3px; min-width: 99px;}
.vacSearchCover{padding: 20px 12px;}

.categBtn {gap:5px; background-size: 300px; width: 55px; height: 44px; }
.categBtns a{ height: 90px; padding: 6px 10px 10px 10px;}
.categText{ font-size: 12px; font-weight: 500;}

.categFlight {  background-position: -2px 3px;}
.categHotel{ background-position: -61px 2px;}
.categHolidayPackages{ background-position: -123px 1px;}
.categHotelFlight{ background-position: -183px 2px;}
.categCruise{ background-position:-242px 1px;}

.categBtns a:hover .categFlight, .categBtns a.active .categFlight {
  background-position: -1px -79px;
}
.categBtns a:hover .categHotel, .categBtns a.active .categHotel {
  background-position: -62px -80px;
}
.categBtns a:hover .categHolidayPackages, .categBtns a.active .categHolidayPackages {
  background-position: -123px -81px;
}
.categBtns a:hover .categHotelFlight, .categBtns a.active .categHotelFlight {
  background-position: -181px -79px;
}
.categBtns a:hover .categCruise, .categBtns a.active .categCruise {
  background-position: -242px -80px;
}


  p{ font-size: 14px;}
  span{ font-size: 14px;}
  .title-1{ font-size: 22px!important;}
  .title-1 span{ font-size: inherit;}
  .titleGray{    font-size: 15px;}
  .title-2{font-size: 19px;}
  .title-2 span{ font-size: inherit;}

  .title-1.mb-5{ margin-bottom: 22px!important;}
  .titleGray.mb-5{ margin-bottom: 22px!important;}

  .sliderCommanText{ bottom: 10px;}
  .sliderCommanText h3{font-size: 18px; line-height: 20px; word-break: break-word;}

  .title-1-with-icons:before { width: 50px; left: -48px; background-size: 40px; background-position: center;}
  .title-1-with-icons:after { width: 50px; right: -48px; background-size: 40px; background-position: center;}

  .exTabs .nav-tabs li { margin: 0 2px; width: 31%;}
  .exTabs .nav-tabs li .nav-link{ 
    font-size: 13px;
    line-height: 28.5px;
    padding: 3px 6px;
    border: 1px solid #ef5803;
    border-radius: 50px;
    margin-bottom: 9px;
    width: 100%;
    text-align: center;
  }
  .exTabs .nav-tabs li .nav-link:hover, .exTabs .nav-tabs li .nav-link.active{
    border-color: #EE5702;
  }

  .topFlightRoutes{ padding: 35px 0;}
 
  .topFlightRoutesBox .tfrBoxImg img{ max-width: 80px; max-height: 80px;}

  a.viewAll{font-size: 15px;}

  .imgOverText .overText{ font-size: 14px; word-wrap: break-word;}

  .whyBook .col-sm {flex: auto; width: 50%;}
  .whyBook .borderRadiComman{ margin-bottom: 20px;  padding: 14px 14px 18px 14px;}
  .whyBook img{width: 80px; margin-bottom: 2px;}
  .whyBook h3{ font-size: 16px;}
  .ybText span{    font-size: 14px; display: none;}
  .whyBook h3{ padding-bottom: 0!important;}
}
@media (max-width: 400px) {
  .vacSearchInn button.vachsbtn{min-width: 85px; font-size: 12px; }
}
@media (max-width: 390px) {
.topSliderContent{margin-top:-192px;}
.categBtns a{padding: 6px 5px 10px 5px;}
.categText{ font-size: 11px;}

.vacSearchInn button.vachsbtn{margin: 0 2px 10px 2px;}
.thkAirLine{height: 15px;}
.travInf span{ font-size: 13px;}
.thanksTravellers td{ font-size: 13px;}

.fliteName{margin-right: 1px;}
.fliDtlsinRow .fliteTime{margin: 0 5px;}
.fliteTime .fliteTiming { font-size: 15px;}
.vacDtalsTab .accordion-item{padding: 16px 10px;}

}

@media (max-width: 375px) {
  .title-1{ font-size: 20px!important;}
  .titleGray{ font-size: 15px;}
  .title-2{font-size: 17px;}
  .title-1-with-icons:before { width: 30px; left: -34px;}
  .title-1-with-icons:after { width: 30px; right: -34px;}


  .topFlightRoutesBox .tfrBoxImg img { max-width: 50px; max-height: 50px;}
  .whyBook .borderRadiComman{ height: 105px;}
  .whyBook h3 {
    font-size: 14px;
}
  .whyBook img{ width: 52px;}

}
@media (max-width: 359px) {
.topSliderContent { margin-top: -182px;}
.vacSearchCover { padding: 20px 8px;}
.categText {font-size: 10px;}
.topSliderCover h1 { font-size: 17px !important;}
}


/*HOME END*/

/*HOLIDAY PACKAGES*/
@media (max-width: 1100px) {
.tdFiveBox .col-md-3{ width: 33%;}
.sliderCommanText h3{ font-size: 20px;}
}
@media (max-width: 1000px) {
  .tdFiveBox .col-md-3{ width: 33%;}
  .sliderCommanText h3{ font-size: 18px;}
  .holidaySearch{bottom: 12%;}
  }

@media (max-width: 991px) {
.vacExphiddenGems .vacExpOneItemImg{ border-radius: 0;}
.vacExphiddenGems .vacExpOneItemImg{  min-height: 100%;}
.vacExphiddenGems .vacExpOneItemImg img{ width: 100%!important; max-height:100%;}

.vachpSliderText{ top: 40%;}
}
  
@media (max-width: 768px) {
  .vacTopDestinations h2.title-1 strong{ font-size: 32px;}
  .sliderComman{
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    display: block;
    scrollbar-width: none;
  }
  .tdFiveBox .col-md-3{ width: 33%;
    display: inline-block;
    text-align: center;
    width: 287px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .sliderCommanText h3{ font-size: 18px;}


.vacSlider.carousel-main button{ display: inline-block;}


.honeymoonPackItemIn{  max-height:340px;}
.honeymoonPackItemIn .hmpText strong{ font-size: 24px;}
.vacEhtIcon{ width: 90px; height: 90px; margin: 15px auto auto auto;}
.vacEhtIcon img{ width: 47px;}
.vacEhtText{ font-size: 14px; line-height: 19px; margin-top: 7px;}
.vacEhtText strong{font-size: 17px;line-height: 21px; padding-bottom: 8px; }


.vacExpOneItemImg{ height: 220px;}
.vacExpOneItemImg img{ object-fit: cover; height: 100%;}
.vacExpOneItemText p{
  font-size: 18px;
  line-height: 25px;
}
.vacExpOneItemText .singleKM { width: 180px; height: 46px;     line-height: 43px;}


.circle-container {
  width: 100%;
  height: auto;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0px;
}

.circle {
  width: 49%;
  height: 100%;
  max-width: 49%;
  max-height: 49%;
  font-size: 5vw;
  transform: none;
  position: initial;
}

.vacBox a{ display: block; height: 210px;}
.vacBox img{ object-fit: cover; height: 100%;}

.vacBox.vacBoxFull a{ display: block; height: auto;}
.vaboxFullCover{ width: 100%; min-width: 100%;}
.vacBox.vacBoxFull{max-width: 100%;}



.sjTravels{flex-wrap: wrap;}
.sjColumn{ display: flex; width: 100%!important;}
.sjBottomImages{ display: flex;}
.vacBoxText strong{ display: block;}

.vacExphiddenGems .hiddenGems p{ font-size: 29px; line-height: 51px;}

.pltopSpaceMobile{ padding-top: 0!important;}
}
@media (max-width: 600px) {
  .vacListSingleSlider .vacExpOneItemText{
    left: 0;
    width: 71%;
    margin: 0 auto;
    right: 0;
  }
}
@media (max-width: 480px) {

.vacTripCover .vacTripBox{ margin-bottom: 10px;}
.vacfixed-search-btn{ border: 0;}
.vacTripCover .vacTripBox:last-child {
  margin-top: 0px;
}

#category_tab1{ display: none;}

.sliderCommanItem a{height: 198px;}

.whyBook.mb-5{ margin-bottom: 20px!important;}
.seoContent.mt-1.mb-5{ margin-bottom: 10px;}
.seoContent h2{ margin-bottom: 20px!important;}

.recentGlDesktop{ display: none;}
.recentGlMobile{
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  display: block;
  padding: 10px;
  scrollbar-width: none;
}
.recentGlMobile .recGlItem{
  display: inline-block;
  text-align: center;
  width: 216px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 25px;
}
.recentGlMobile .recGlItem img{ object-fit: cover; height: 100%; width: 100%; border-radius: 12px;}
  
.bannerSerchCvr{ background: #fff;}
.bannerSerchCvr input[type=text]{ font-size: 16px;}

.vacExpOneSlider.vacExphiddenGems.mb-5.pb-2{  margin-bottom: 1rem !important;}
.vachpSliderText{ top: 50%;}

.tdFiveBox{ padding-left: 5px;}
.tdFiveBox .col-md-3{width: 220px; padding-left: 0; padding-right: 0;}

.excOfferSlider .owl-dots{ position: absolute; bottom: 10px;}
.vacExpOneSliderInn .owl-dots{ position: absolute; bottom: 10px;}
.list-prod-slider .owl-dots{ position: absolute; bottom: 17px; }
.single-slider .owl-dots{ position: absolute; bottom: 10px;}

.vacPListSingle .vacPListSingleImg .vacHoneymoonBox{    width: 64%;}

.vacTestiMonialSliderInn .owl-dots{ position: absolute; bottom: 10px;}

.vacHPSearchCover{ bottom: -27px;}
.vacHPSearchCover .search-field form .text-field{ font-size: 18px; border-radius: 60px; }
.blogItem .blogImg{ height: 210px;}
.blogTextBtm p{ margin-bottom: 5px;}
.single-slider .vacExpOneItem img{ min-height: 100%;}

.vacExpOneItemImg{ min-height: 200px!important;}
.vacExpOneItemImg img{ object-fit: cover; width: 100%; height: 100%;}
.vacExpOneItemText{left: 59px; width: 71%;}
.vacExpOneItemText p{ font-size: 18px; line-height: 24px;}
.vacExpOneItemText .singleKM{ width: 128px; height:46px;  line-height: 45px; font-size: 16px;}
.vacSCItemImg{ max-height: 220px;}
.vacSCItemText{ padding: 10px 20px 10px 20px;}
.vacLimitTiDeals .vacBox a{ display: block; height: 100%;}
.vacBox a{ height: 180px;}
.vacBox img{ object-fit: cover; height: 100%;}

.sjColumn{ width: 119%!important; max-width: 119%!important;}

.vacExphiddenGems .hiddenGems p{ font-size: 27px; line-height: 27px; }
.vacExphiddenGems .hiddenGems .singleKM{ font-size: 14px;; }
.vacExphiddenGems .hiddenGems .singleKM strong{ font-size: 16px;}
.vacExphiddenGems .hiddenGems .singleKM{width: 220px;}

.topSliderHPContent{ width: 100%;}
.topSliderHPContent{bottom: 0;}
.vacHPackSearchCover { padding: 20px 15px; border-radius: 0;}
.vacTripCover{gap: 10px;}
.vacTripCover .vacTripBox {  width: 48%; flex: none;}
.vacTripCover .vacTripBox:nth-child(4){flex: none;}

.vacTripBox:nth-child(1){ width: 100%!important;}
.vacTripBox:nth-child(2){ width: 100%!important;}
.vacTripBox:last-child{width: 100%;}
.vacTripBox .select2-container .select2-selection--single, 
.vacTripBox .select2-container .select2-selection--single .select2-selection__rendered{ padding: 4px 10px 5px 10px;}

.vacRgadAdult label, .vacRgadChild label{ font-size: 12px;}

.vacTripCover .vacTripBox .vacTripDte{font-size: 15px;}

.vacTopDestinations.pt-5.mt-5{ padding-top: 0!important; margin-top: 0!important;}
.exTabs{ margin-top: 15px;}

.vacLimitTiDeals{ padding: 0;}
.vacColumn{min-width: 46%;}
.vacBox{width: 100%;}
.vacBox.vacBoxFull{ width: 100%;}
.vacBox.vacBoxFull a{ display: flex; height: 100%;}
.vacBoxText h3{font-size: 20px; line-height: 15px;}
.vacBoxText span{font-size: 13px; }
.vacTwoInmobile{ min-width: 100%; display: flex; flex-direction: inherit;}
.vacTwoInmobile .vacBox { width: 50%; height: 188px;}
.vacTwoInmobile .vacBox a{ height: 100%;}
.vacBoxText span{ padding: 1px 6px;}
.vacColumn.vacTwoInmobile{height: auto;}

.sjColumn.sjColumn-1{flex-direction: inherit;}
.sjColumn.sjColumn-1 .vacBox{ width: 50%; }
.sjColumn .vacBox{border: 1px solid #ccc;}

.threeDeSlider { display: none;}

.vacSliderContent.mb-5{ margin-bottom: 20px !important;}
.vacHoliPack.mb-5{margin-bottom: 20px !important;}
.blog.mb-5{margin-bottom: 20px !important;}


.vacExpOneSliderInn .vacExpOneItem img {  height: 100%; object-fit: cover;}
}

@media (max-width: 375px) {
  .vacExphiddenGems .hiddenGems p{ font-size: 22px; line-height: 22px; }
}
/*HOLIDAY PACKAGES END*/


/*LISTING*/
@media (max-width: 1299px) {
.vacPListTwo{ padding: 14px 10px 10px 10px;}
.vacPListSingle .vacPListOne{
  padding: 12px 10px 0 10px;
}
.vacPListSingle .vacPListOne ul li img {
  width: 22px;
}
.vacPListSingle .vacPListOne ul li span{
  font-size: 9px; 
}
}
@media (max-width: 1050px) {
  .searchResult{ display: block; z-index: 99;}
.vacFixedSearchMobile{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  /*height: 57vh;*/
  z-index: 100;
}
.mobile-search-bg {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}
.vacFixedSearchMobile .vacHPackSearchCover{padding: 54px 15px 26px 15px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.vacfixed-search-close{ display: block;
  display: block;
  position: absolute;
  top: 13px;
  right: 15px;
  font-size: 15px;
  text-decoration: none;

  font-size: 14px;
  line-height: 18px;
  color: #cf7713;
  text-decoration: none;
  border: 1px solid #cf7713;
  padding: 3px 10px;
  border-radius: 50px;
  background: #fff;
}



.vacSingleImgMobile{ height: 181px;}
.vacSingleImgMobile img{ max-width: 100%;}
.vac-column img {
  object-fit: cover !important;
  border-radius: 26px;
  overflow: hidden;
}

}

@media (max-width: 991px) {
  .vacPListing .row .col-md-4{ /*width: 100%;*/}


  .vacMFixBtns .shortBybx select{ border: 0; width: 148px; }
  .vacApplyfilterMobile{
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 6px 0;
    gap: 74px;
  
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 75%);
    height: 50px;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  
  .vacApplyfilterMobile .applyFilter{line-height: 27px;}
  .vacApplyfilterMobile .clearFilter{line-height: 27px; border: 1px solid #226bb4;}
  .vacFiltTitleMob{
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    z-index: 2;
    width: 100%;
    top: 0;
    height: 45px;
    padding: 10px 10px;
  }



  .vacmobfilter {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #fff;
    padding: 58px 3% 71px 3%;
    overflow-y: auto;
    height: 100vh;
  }
  .vacVidSection{ height: 300px;}

  .vacMFixBtns{ 
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #d23336 0%, #FB8A0B 100%);
    z-index: 99;
    width: 100%;
    padding: 7px 2%;
    display: flex;
    justify-content: space-between;
    align-items: end;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 75%);
    height: 50px;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    flex-direction: row-reverse;
  }
  .offerFilterBtn{ height: 41px; width: 108px !important; display: flex; align-items: center; justify-content: center;}
  .offerFilterBtn img{width: 16px;}
  .offerFilterBtn a{padding: 1px 5px!important; font-size: 14px!important; width: 100%!important;}
  .vacMFixBtns a{
    font-size: 18px;
    line-height: 7px;
    padding: 1px 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    /*border: 1px solid #666161;*/
    background: none;
    border-radius: 4px;
    margin-right: 5px;
    color:#ffffff;
    text-decoration: none;
    width: 49%;
  }
  .vacMFixBtns .shortBybx select{ background: none; font-size: 18px; color: #fff;}
  .vacMFixBtns .shortBybx select option{ color:#000;}
  .vacMFixBtns .shortBybx{ 
    color: #fff;
    font-weight: 600;
    border-right: 1px solid #ffffff;
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .shortBybx select{ padding: 0;}
}
@media (max-width: 767px) {
.vacPListDetls a{ padding: 9px 5px 9px 4px;} 
.vacPListing .row .col-md-4{ /*width: 100%;*/}
.vacListSingleSlider .vacExpOneItemImg img{ object-fit: cover; max-height: 100%;}

.vacPListTwo{}

.vacPListDetls a {
  padding: 7px 6px 7px 6px;
  text-align: center;
  line-height: 16px;
  height: 30px;
}

}
@media (max-width: 480px) {
  #seoText{ /*height: 94px!important;*/ line-height: 22px;} 


  .searchResultInn .backArrow .back-button{ position: inherit;}

  .vacPListing .row .col-md-4{ width: 100%;}
  .vacMFixBtns .shortBybx select{font-size: 14px;}
  .vacMFixBtns a{font-size: 14px;}
  .vacMFixBtns img{width: 16px;}

  .vacfixed-search-btn{
     display: block;
    text-align: center!important;
    width: 153px;
    margin: 6px auto 0 auto;
    margin: 11px auto 0 auto;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
    text-align: left;
    color: #fff;
    border-radius: 50px;
    padding: 10px 30px;
    text-decoration: none;
    background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
  }

  .vacSlider .owl-nav .owl-prev{left:0;}
  .vacSlider .owl-nav .owl-next{right:0;}

  .flightDetailsInfo a{width: 138px;}
  

}

@media (max-width: 360px) {
.vacCityName{ font-size: 12px;}
.vacTripCover .vacTripBox .vacTripDte{ font-size: 12px;}
.vacroom-guests-btn { font-size: 12px;}

}
/*LISTING END*/


/*DETAILS*/
@media (max-width:1300px) {
.vacFasilityIcon .vacFasSingleIcon img{ width: 26px;}
.vacFasSingleIcon{ font-size: 13px;}
.vacFasilityIcon{ padding: 10px 0;}
.vacActionBtns .ddActionBtn { width: 198px;}

.vacCityName{font-size: 14px;}
.vacTripCover .vacTripBox .vacTripDte{font-size: 14px;}
#vacrom-guests-btn .select-pax-text{font-size: 14px;}
.vacTripCover .vacroom-guests-btn div{font-size: 14px;}

}

@media (max-width:1200px) {
  .vacdn span{padding: 6px 4px;}

  .vacFood-title{font-size: 15px;}
  .vacFood-icon img{height: 26px;}
  .vacFood-box{}
  .vacFood-description{font-size: 15px;}
}

@media (max-width: 1070px) {
  .vacTripCover{gap: 4px;}
  .vacTripCover .vacTripBox .vacTripDte{ font-size: 14px;}
}

@media (max-width: 1050px) {
.accordion-body .detls-cardContainer{
  overflow-x: visible;
  overflow-y: visible;
}



.vacDetlsTabs{z-index: 99;}
.vacDetailsMob{ max-width: 400px;}
.hdGalleryDetls .carousel-cell img{width: 100%;}
.searchResultInn{justify-content: space-between;}
.vacfixed-search-btn{ border: 0;}
.vacTripCover .vacTripBox {  width: 48%; flex: none;}
.vacTripCover .vacTripBox:nth-child(4){flex: none;}
.vacTripBox:nth-child(1){ width: 100%!important;}
.vacTripBox:nth-child(2){ width: 100%!important;}
.vacTripBox:last-child{width: 100%;}
.vacfixed-search-btn {display: block;}
.vacTripCover .vacTripBox:last-child{ margin-top: 0;}
.vacTripCover .vacTripBox { margin-bottom: 10px;}
.vacfixed-search-btn{
  margin: 0 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  color: #fff;
  border-radius: 50px;
  padding: 10px 30px;
  text-decoration: none;
  background: linear-gradient(270deg, #0E457C 0%, #3086DC 100%);
}


  .hdetailsPage { padding-top: 0 !important;}
  .vacProdDetlsCover.vacProdDetlTopSpace{ padding-top: 12px !important;}
  .mt-5.mb-5.vacprodSpace{margin-top: 10px !important;}

  .vacDetailsMob{max-width: 400px;}

  .hdPriceBox .vacDetailsMob{max-width: 100%;}

  .vacdspace{margin-left: 0;}
  .searchResultInn{ justify-content: space-between;}
  .srLocation{ flex: 1;}
  .vacHPackSearchCover{border-radius: 0;}
  .searchResultInn{ display: flex;}
  .vacTripCover{justify-content: space-between;}
  .vacTripCover .vacTripBox{ width: 100%;}
  .vacholiPackSearchbtn{ max-width: 230px;}

  .vacdn{padding: 6px 0px 5px 0px;}
  .vacdn span { padding: 6px 10px;}

  .fddeptureDtlTime{ margin-top: 8px;}



.vacchhoInn{ padding: 14px 12px 10px 12px;}

.rgpopup-close{ display: block;} 
.fixed-search-result{transition: all 0.3s ease; display: none;}
.topSliderHPContent{ bottom: inherit;}

.detalHotSelling .col-md-3 {width: 100%;}


.vacDetlsTabs span{ padding: 0 10px;}
.vacDetlsSearchCover .hdRatings{ display: none;}
.vacDetlsSearch{ position: relative;}

.vacFooterMobileHide{ display: none;}

.hdGalleryDetls .col-md-8{ padding-left: 0; padding-right: 0;}


.vacRgBoxInn{ padding-top: 25px;}
.vac-rom-gust-box{ 
  width: 100%; 
  height: 70%; 
  overflow-y: scroll; 
  position: fixed;
  top:0;
  right: 0;  
  z-index: 101;
  border-radius: 0;
} 
.vac-rom-gust-box-bg{
  background-color: transparent;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  display: none;
}
.rgpopup-close{
  position: absolute;
  right: 0;
  top: -2px;
}
.rgpopup-close img{ height: 17px;}


.vacDetlsTabs{ /*justify-content: space-between;*/ justify-content: space-evenly; padding: 11px 12px;}
  .fixedIcon a{padding: 0 0px;}
  .bottom-to-top{right: 10px; bottom: 86px;}
  .vacroom-guests-btn{padding: 0 10px;}

  .vacRGBoxNot{font-size: 11px; margin-bottom: 3px;}
  .vacRgBoxInn h5{font-size: 15px;}
  .VacaddRoomEdit{font-size: 15px;}
  
 
  .vacaddRoom{padding: 0px 10px;}
  .vacTripCover .vacTripBox .select2-selection{    height: 38px;}
  .vacroom-guests-btn{ height: 38px;     line-height: 35px;}
  .vacTripCover .vacTripBox .vacTripDte{height: 38px;}
  .vacProddtlsSearch {
    position: fixed !important;
    /*top:-16px!important;
    bottom: inherit!important;
    width: 100%!important;*/
    z-index: 101!important;

    /*NEW CSS*/
    top: 0 !important;
  
    border-radius: 0;


}
.vacFixedSearchMobile .vacHPackSearchCover{
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
  .topSliderHPContent{
    position: fixed;
    z-index: 100;
    top:0;
    width: 100%;
    left: 0;
    right: 0;
    margin-top: 0!important;
  }
.vacDetlsBan{ height: auto;}
.vacDetlsSearchCover{ display: block;}
.vacDetlsSearch{
  width: 100%;
  max-width: 316px;
  margin: 0 auto;
}
.form-tab .search-field .vacSearchIcon{ width: 31px;}
.form-tab .search-field .vacSearchIcon img{ width: 18px;}
.form-tab .search-field form .text-field{ padding: 5px 2px 5px 32px;}

.form-tab .search-field form{flex-wrap:nowrap;}

.vacDayRating .hdRatings{ margin-bottom: 0;}

.vacchhoInn{ display: flex; gap: 16px;
  -webkit-border-top-left-radius: 25px;
  -webkit-border-top-right-radius: 25px;
  -moz-border-radius-topleft: 25px;
  -moz-border-radius-topright: 25px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.vacchhoInnLeft{ flex: 1;}






.title-3{font-size: 17px;}

.vacProdDetlsCover {
  padding-top: 68px !important;
}


.vacHdInner .vacLogo { margin-top: 3px; }


.vacSliderRight .hdPriceBox .hdoldPrice {display: block;}
.vacSliderRight .hdPriceBox .hdtlsPrice {display: block!important}
.vacDetlsPrice { padding-top: 8px;}

.vacFasilityIcon{padding: 10px 0;}
.vacFasilityIcon .vacFasSingleIcon{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.vacFasilityIcon .vacFasSingleIcon{ justify-content: start;}
.vacFasilityIcon .vacFasSingleIcon img{ /*margin: 0 auto; height: 40px;*/ margin-bottom: 9px;}
.vacFasilityIcon .vacFasSingleIcon span{ font-size: 12px; display: block; text-align: center; text-align: center; line-height: 14px;}

.vacFood-container{gap: 11px; padding: 10px;}
.vacFood-box { width: 100%;}

.endTrip img{ width: 100%; max-width: 300px;}

.incluExcluBox{padding: 25px 16px;}
.incluExcluBox ul li{font-size: 15px;}
.incluExcluBox ul li img{ width: 22px;}

.dtlsBannerInn img{ width: 100%;}

.vacDetlsTabs{padding: 11px 6px;}
.hdetailsPage .col-md-8{
  padding-left: 0;
    padding-right: 0;
}

.vacDetlsTabs a{ font-size: 16px; padding: 0 4px;}

.vacTriContainer, .vacTriHiddenBoxes{justify-content: space-between;}
.vacTriBox { width: 48%;}
.VacArrow img{ max-width: 14px;}
.VacCityText{ font-size: 12px; /*margin-bottom: 11px;*/ margin-bottom: 2px;}
.carActive img, .carDeActive img{ width: 34px;}

.vacDtalsTab .accordion-button{ padding: 0;}
.vdtDay {width: 72px; margin-right: 9px;}
.vacDtalsTab .accordion-button{ font-size: 14px;}

.vacDetls-container{margin-left: auto; margin-right: auto;}

ul.vacTripList{flex-wrap: wrap;}
ul.vacTripList li:nth-child(2n){ border-right: 0;}
ul.vacTripList li{ font-size: 13px; width: 49%; margin-bottom: 0; padding: 10px!important; border-bottom: 1px dashed #424242;}

.vacGrayTitle{ padding: 6px 8px;}


.ddActionBtn a{ font-size: 13px;}
.vacdtTransferBox .vacdtCar{ width: 31px; height: 30px; display: flex; align-items: center;}
.vacdtTransferBox .vacdtCar img { width: 18px;}
.vacdtTransferBox .vacdtCarText h4{ font-size: 14px;}
.vacDtalsTab .vacdtCarText p{font-size: 13px; text-align: left;}
.ddActionBtn span{
  margin: 7px 0;
    text-indent: -9999999px;
    display: block;
    border-bottom: 1px solid #ccc;
    height: 1px;
}
.vacDtlsFlightBoxInn{ flex-wrap: wrap;}
.vdfdetails{ width: 100%; flex: auto;}
.vdBaggage{ width: 100%; border-top: 1px solid #0000001A; border-bottom: 1px solid #0000001A; border-left: 0; border-right: 0;
 margin: 0 0 10px 0; padding:10px 0;
}
.nonRefund{ width: 100%;}

.detls-cardContainer{
  overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    display: block;
}
.detls-cardContainer .detls-card{
  display: inline-block;
    text-align: center;
    width: 190px;
    margin-right: 0;
    margin-left: 4px;
}
.vacDetlsrComan{    padding: 9px 30px 4px 30px;}
.vacDetlsPriceBox{
  position: fixed;
  bottom: 0;
  background: #fff;
  left: 0;
  margin: 0;
  z-index: 99;
}
.vacDetlsPricee{ font-size: 22px; line-height: 24px;}
.vacDetlsPricee strong{ margin: 0!important; /*padding-left: 6px;*/}
.vacDetlsBtn{ font-size: 17px; font-weight: 600; padding: 6px 12px; }
.vacDetlsBtn.mt-5{margin-top: .5rem !important;}
.vacDetlsPriceBox{min-height: auto; padding:1px 30px 6px 30px;}
.vacDetlsPriceBox .smallTxt{ font-size: 11px;}
.vacDetlsOldOffer span{font-size: 12px;     line-height: 20px;}
.vacDetlsPricee span{font-size: 12px;     line-height: 20px;}
.vacDayRating .hdRatings{ display: none;}
.vacTriBoxImg.vacTriMore{ display: none;}
.vacDetlsPricee{ margin-top: 1px; margin-bottom: 1px;}
.vacTriContMobile{
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
display: block;
}
.vacTriContMobile .vacTriBox{
display: inline-block;
width: 136px;
}
.vacTriHiddenBoxes + .vacTriBox{ display: none;}
.vacDestiLine{/*background:#fffab83d; border: 1px solid #fd8d07;*/}

.vacRecntGalleryInn:before{ display: none;}
.vacRecntGalleryInn:after{ display: none;}

.cavStayButton:not(.cavStayActive){  background-color: #ffffff; border: 1px solid #fd8d07;}

.vacListSingleSlider .vacExpOneItem img{ height: 100%; object-fit: cover;}
.vacExpOneItem img{  height: 220px;}

.vactravRevImgCover .vacTriContainer{
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
display: block;
}
.vactravRevImgCover .vacTriContainer .vacTriBox{
  display: inline-block;
  text-align: center;
  width: 127px;
  margin-right: 0;
  margin-left: 4px;
}


.vac-gallery{
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  display: block;
}
.vac-gallery img{
  display: inline-block;
  text-align: center;
  width: 110px;
  height:80px;
  margin-right: 10px;
  margin-left: 0;
}
.vac-lightbox .vac-close{
  top: 4px;
  right: 18px;
  height: 14px;
  line-height: 37px;
}


.vacProdDetlsCover .dAllReviewCard .card-horizontal{ display: block;}
.vacProdDetlsCover .dAllReviewCard .card{ background: #fff; border: 1px solid #fd8d07;}
.incluExcluBox {box-shadow: 0px 6px 18px 0px #fd8d0747;  border: 1px solid #fd8d07;}
.knowBeforeGo{}
.vacTriHideMobile{ display: none!important;}

.detalHotSelling{
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
display: block;
}
.detalHotSelling .col-md-3 {
display: inline-block;
text-align: center;
width: 287px;
margin-right: 0;
margin-left: 4px;
}

.side-panel{ /*width: 100%;*/}
.vacPanCardContent{padding: 0 15px 20px 15px; display: block;}
.vacPanCardImage{ margin-bottom: 15px; }
.vacPanCardImageInn{ /*max-height: 200px;*/ max-height: auto; overflow: hidden;}
.vacPanCardImageInn img{ object-fit: cover; border-radius: 18px;}
.vacPanCard{border: 1px solid #e7e7e7; box-shadow: 0 4px 6px rgb(255 117 21 / 34%); border-radius: 23px!important;}
.vacPanCardContent .vacPanCardContentLeft { width: 100%;}
.vacPanCardContent .vacPanCardContentRight {  width: 100%;}
.vacPanCardContentRight h5 { font-size: 20px;}
.vacAddNewhotel{margin-top: 20px; padding-left: 0; text-align: right;}
.vacPP{ display: block;}
.vacPanCardContentRight a.vacSelectHotel{ display: inline-block;}

.vacchhoInnRight a{display: inline-block; height: 34px; line-height: 16px;}
.chhotelPrice {font-size: 18px;}
.vacchhoInn p{ font-size: 12px; line-height: 14px;}
.vacchhoInn p strong{ display: block;}
.vacchhomdText{ font-size: 12px;}
.vacchhoInnLeft h5 { font-size: 14px; font-weight: bold; margin-top: -2px; margin-bottom: 0;}
.vacchhoInnRightInn{ justify-content: end; align-items: center;}
.chhotelPrice{ margin-left: 10px; line-height: 19px;}
.vacchhosmText{ font-size: 11px; text-align: left!important; display: block;}
.vacchhoInnRight .vacchhosmText{text-align: right!important;}
.vacChangeHotelCover{ right: 0; width: 100%;}
.vacPanCardImage{ width: 100%;}

.vacSearchBtn{ font-size: 14px; padding: 0 12px;
  /*position: absolute;
  right: 0;*/
  height: 100%;
}
.vacchhoInnRight a.change-update-package{ width: 143px; padding: 9px 9px; text-align: center;}


}

@media (max-width: 991px) {
  .mt-5.mb-5.vacprodSpace{ margin-top: -15px!important;}
  .vacchhoInnRight a {width: 150px;}
}

@media (max-width: 767px) {
  .relatedProd { scrollbar-width: none; }

  .vacHeader{ height: 62px;}

  .vacDetlsTabs a { font-size: 13px;}


  .flightContainer{ margin-top: 30px;}

  .vacFasilityIcon .vacFasSingleIcon{justify-content: center;}
  .vacProdDetlsCover .dhName h1{margin-top: 0.6rem !important;}
  .flickity-page-dots{   padding: 5px 10px!important;}

  .shortByCover{ display: none;}
  .seltFlightBtn button{
    min-width: auto;
    width: 100%;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
  }
  .seltFlightBtn button span{ 
    display: block;
    font-size: 12px;
    font-weight: normal;
  }

  .changeFlightBtns{ display: block; text-align: center; padding: 8px 10px;}
  .seltFlightBtn{ justify-content: center; margin-top: 10px;}

.flightFilterppAir{ margin-bottom: 10px;}

.flightDetailsPopup{    z-index: 4;}
.side-panel{width: 100%;}
.flightDetailsPopupSpace{padding: 0 15px;
  overflow-y: auto;
  padding-bottom: 180px;
}
.sidebarFlightHeader{
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 10;
}
.sidebarContent .selectFlightCover .changeFlightBtns{ 
  margin-top: 0;
  position: sticky;
  top: 0;
  z-index: 1;
  background: #eee;
  padding: 10px 10px;
}
.flightDetailsInfo{
  position: sticky;
  top: 48px;
  z-index: 10;
}
.flselect{padding: 3px 5px; font-size: 13px; width: 112px; text-align: center;}



.fd-title-1{ margin-bottom: 0;}


.flightDetails{ width: 100%!important; display: none;}
.flightDetails.active{ display: block;}
.addNewCtForm .addtravFormCove .addNewTravellerInfoInp{ /*display: block;*/} /*Add Traveller Details*/ 



.shortByCover > span{flex: 1;}
.shortByCover .tabNonActiveDate{display: inline-block !important;}
.fddeptureDtlHideMobile{ display: none;}

.vacProdDetlsCover.vacProdDetlTopSpace{padding-top: 46px !important;}
.vacFasilityIcon .vacFasSingleIcon img { width: 20px;}
.vacFasilityIcon .vacFasSingleIcon span{ font-size: 11px;}


.flightFilterppAir label{ font-weight: 600; color:#fff;}
.airline-dropdown{ height: 37px; border: 0;}
.flightFilterppAir select{ height: 37px; border: 0;}
.flightFilterpp{ 
  display: none; 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  margin-top: 0;
  margin-bottom: 0;
  padding: 42px 0;
  border-radius: 0;
  background: linear-gradient(56deg, rgba(243, 177, 100, 1) 0%, rgb(211 186 255) 100%);
}

.close-flight-flt-btn{ 
  background: #fff;
  width: 32px;
  height: 32px;
  padding: 8px;
  border-radius: 100px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.close-flight-flt-btn img{
  display: block;
  width: 100%;
  height: 100%;
  
}

.airline-ft-popup{
  display: block;
  text-align: center;
  margin-top: 20px;
}

.airline-ft-popup a{ font-size: 14px!important; font-size: 14px !important; margin: 0 8px;}
.airlineFiltApply{
  background: linear-gradient(90deg, #d23336 0%, #FB8A0B 100%) !important;
  text-decoration: none;
  padding: 8px 8px;
  border-radius: 20px;
  color: #fff;
  line-height: 16px;
  width: 80px;
  display: inline-block;
  height: 33px;
  text-align: center;
}
.airlineFiltClear{
  text-decoration: none;
  border: 1px solid #fff;
  background: #fff;
  padding: 4px 14px;
  border-radius: 28px;
  color: #d23336;
  font-weight: normal;
  line-height: 23px;
  width: 80px;
  display: inline-block;
  height: 33px;
  text-align: center;
}


.airline-filt-popup-btn{
  background: #fff;
  width: 32px;
  height: 32px;
  border-radius: 100px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.airline-filt-popup-btn img{ width: 100%; height: 100%;}

.airlineFiltPopup{ display: block;}

.change-flight-filter-mobile{ 
  display: flex;
  background: linear-gradient(90deg, #d23336 0%, #FB8A0B 100%)!important;
  position: absolute;
  bottom: 120px;
  padding: 6px 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  width: 222px;
  text-align: center;
  border-radius: 4px;
  gap: 10px;
  justify-content: space-between;
}
.change-flight-filter-mobile img{ width: 19px; margin-right: 8px;}
.change-flight-filter-mobile a{ color:#fff; text-decoration: none;}
.change-flight-filter-m{ display: flex;}
.change-flight-filter-m a{ display: flex;}
.change-flight-filter-m select{
  width: 71px;
  display: inline-block;
  background: none;
  border: 0;
  color: #fff;
}
.change-flight-filter-m select option{color: #000;}

.flightDetailsWithDate{ margin-top: 15px;}

}

@media (max-width: 600px) {
.pltopSpaceMobile{margin-top: 20px !important;}

.vacDetlsTabs a { font-size: 13px;}

.vacPayMob.vacDetailsMob{ top:inherit;}
  
  .vacHdInner .navmobile {
    top: 15px;
}
.flickity-enabled{ position: relative;}
  .carousel{ background: none;}
  .flickity-page-dots{ 

    display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 18px;
        list-style: none;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 12px;
  }
  .flickity-page-dots li{ 
    border: 0;
    background: #d4d0d0;
    width: 4px;
    height: 4px;
    margin: 0 1px;
    border-radius: 100px;
    padding: 0;
  }
  .flickity-page-dots li.is-selected{ 
    width: 21px;
    height: 4px;
    transform: none;
    border: 0 !important;
    background: linear-gradient(90deg, #C83FBE 0%, #FB8A0B 100%);
    border: 1px solid #C83FBE;
   }
  .carousel-nav{ display: none;}

 
  /* .fdpolicy-table {
    width: 100%;
    margin: 10px;
}
.fdpolicy-row {
    flex-direction: column;
    margin-bottom: 10px;
}
.fdpolicy-cell {
    border-right: none;
    border-bottom: 1px solid #ddd;
    text-align: left;
    padding: 10px;
}
.fdpolicy-cell:last-child {
    border-bottom: none;
}*/


}

@media (max-width: 525px) {



}

@media (max-width: 480px) {
  .accordion-body .detls-cardContainer{
    overflow-x: scroll;
    overflow-y: hidden;
  }


  .vacPListTwo {
    padding: 5px 10px 8px 10px;
} 
.vacPListPrice{ text-align: left;}
.vacPListPrice strong{ text-align: left;}
.vacSlider .owl-nav{ display: none;}
.detalHotSelling .col-md-3{ margin-right: -9px;}
.vacPriceListing{ justify-content: center;}

.vacFood-icon{line-height: 31px;}
.vacFood-icon-text { display: block;  }
.vacFood-title{ margin-bottom: 1px;}

.vacFood-box{ gap: 7px; display: none;}
.vacFood-box.active{ display: block; background: #e8f3ef; border: 0;}

.vacFood-box.active .vacFood-icon img { filter: invert(24%); }
.vacFood-box.active .vacFood-title, .vacFood-box.active p{color: #3d3d3d;}


.hdPriceBox{ margin-top: 2px!important; }
.vacProdDetlsCover .dhName h1{ font-size: 18px; margin-bottom: 2px;}
.vacSliderRight .dhName p { font-size: 13px;}
.hdLocation img{ width: 11px;}
.salebtns{margin-top: 15px;}
.vacPayHdLine-1 { padding-top: 0px!important;}
.vacFasilityIcon .vacFasSingleIcon img{ margin-right: 0; margin-bottom: 3px;}
.vacFasilityIcon .vacFasSingleIcon span{width: 100%;}

  .change-flight-filter-mobile{ width: 232px;}
  .change-flight-filter-m select{font-size: 14px;}
.cavStayButton{padding: 10px 12px;}

.fliteName img { width: 19px;}

.side-panel{padding: 10px 12px 20px 12px;} 
.side-panel h2{font-size: 18px;}
.flitTimeInfoRight{ min-width: 62px; padding-left: 2px;}
.flitePrice strong{font-size: 16px;}
.tabNonActiveCover span{ font-size: 13px;}
.shortByCover{ font-size: 13px;}
.flightSelt label{padding: 1rem .6rem;}
.flightSeltBox .fliteName{width: 26px;}
.fliteTime .fliteTiming{font-size: 16px;}
.fliteStop{ margin: 0 7px;}
.fliDtlsinRow .fliteTime { margin: 0 7px;}
.fliteBtm span{ font-size: 12px;}
.fliteBtm span.fltFareDetails{ font-weight: 600;}

.fliteTime { width: 70px; text-align: center;} 
.fliDtlsinRow .fliteTime { margin: 0 7px;}

.fddeptureDtlTime strong{font-size: 12px;}
.vacchhoInnRight a.change-update-package{font-size: 14px; width: 135px;}
.flitTimeInfoLeft{padding-right: 14px;}

.fd-title-1{    font-size: 19px;}

.itinerary-slider .owl-dots {
  position: absolute;
  bottom: 10px;
} 

.pdpp-cancel .tab-content{padding: 22px 20px;}
.pdpp-cancel .nav-tabs{gap: 6px;}
.pdpp-cancel .nav-tabs .nav-link{font-size: 13px; padding: 8px 10px;}

.vacFood-container{flex-wrap: nowrap;}
.vacFood-title{font-size: 12px;}
.vacFood-description{font-size: 12px;}

.vacFood-container{padding: 6px; gap: 7px; }

.vacDtalsTab .accordion-item{ padding: 7px;}
.vacFood-description{ text-align: center;}
}

@media (max-width: 440px) {
.vacDtalsTab .accordion-item .detls-card-cover{margin-right: 10px;}
}

@media (max-width: 414px) {
  .vacDtalsTab .accordion-item .detls-card-cover{margin-right: 20px;}

  .tabNonActiveCover span { font-size: 11px;}
  .fliteBtm{ gap: 8px;}
  .seltFlightBtn button{ padding: 3px 8px; font-size: 14px; min-width: 68px;}
  .flightDetailsPopupSpace span{ font-size: 12px;}
  .fliteName img{border-radius: 4px;}

  .tabNonActiveCover .fliteName{width: 18px;}

  .fddeptureDtlImg img{ width: 16px;}
  .vacchhoInn { padding: 14px 8px 10px 8px;}
  .chhotelPrice{ margin-left: 0;}
  .chhotelPrice span { font-size: 12px;}
  .fddepture{padding: 7px 4px;}
  .change-flight-filter-mobile{bottom: 99px; font-size: 14px;}

  

}
@media (max-width: 390px) {
  .vacDtalsTab .accordion-item .detls-card-cover{margin-right: 30px;}
  .vacDtalsTab .accordion-item .detls-card-cover img{ width: 100%;}

}
@media (max-width: 375px) {
  .vacDtalsTab .accordion-item .detls-card-cover{margin-right: 40px;}


  .seltFlightBtn button span{ font-size: 11px;}

 

  .flightSeltBox .fliteName{ width: 20px; margin-right: 3px;}
  .fliteName img { border-radius: 4px;}
  .vacchhoInnRight a.change-update-package {  font-size: 12px;  width: 122px;}

  .flitTimeInfoLeft { padding-right: 8px;}
  .flitePrice strong {font-size: 14px;}
}

@media (max-width: 360px) {
  .vacDtalsTab .accordion-item .detls-card-cover{margin-right: 50px;}


  .seltFlightBtn button span{font-size: 9px;}
  .shortByCover span{ font-size: 13px;}
  .side-panel h2 {font-size: 15px;}

  

  .fliteTime .fliteTiming { font-size: 14px;}
  .tabNonActiveCover span{font-size: 10px;}
  .flightSeltBox .fliteName{width: 18px;}
  .fliteName img { width: 18px;}

  .fliteTime { width: 68px;}
  .fliteStop { width: 64px;}

  .flitePrice strong { font-size: 12px;}

  .pdpp-cancel .nav-tabs .nav-link{font-size: 11px;}

}

@media (max-width: 359px) {
  .vacDtalsTab .accordion-item .detls-card-cover{margin-right: 57px;}


  .side-panel { padding: 10px 8px 20px 8px; }
  .fliteTime { width: 62px;}
  .fliteStop { width: 60px;}
  .fliteTime .fliteTiming{ font-size: 14px;}
  .flitePrice strong { font-size: 12px;}
  .flitTimeInfoRight { min-width: 54px;}
  .flitTimeInfoRight .flitePrice{ font-size: 13px;}

  
  .vacDetlsTabs a {  font-size: 12px; padding: 0 3px;}
  .chhotelPrice { font-size: 14px;}
  .vacchhoInn{ gap: 10px;}
  .vacchhoInnRight a{ width: 118px;}
  .side-panel a {font-size: 13px;}
  .change-flight-filter-m select{font-size: 13px;}
}

/*DETAILS END*/

/*PAYMENT*/
@media (max-width: 767px) {
.addNewTravellerPop .addNewCt{padding-bottom: 98px;}  
  section.commanSpace.hdetailsPage.pay-page {
    padding-top: 40px;
}
.vacpaymentHeader { padding: 21px 0 86px 0;}  
.vacProdDetlsCover { padding-top: 150px !important;}
.paymentTitle { font-size: 22px; line-height: 34px; padding-top: 10px;}
.travellerSelectItem { width: 46%;}
.radioButtonContainer { font-size: 14px;}
.vacPayHdLine-1 .vacPayHdLineLeft span{ font-size: 13px; padding: 2px 11px; margin: 0 8px 0 0;}
.vacPayHdLineAdlts{ padding-left: 14px; margin-left: 14px;}

}
@media (max-width: 600px) {
  .payLoginCovers span{
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    display: block;
  }
  .payLoginCovers{ display: block; text-align: center; margin-bottom: 20px;}
  .bottom-to-top{ bottom: 105px; width: 38px; height: 38px; line-height: 34px;}
  .bottom-to-top img{max-width: 19px;}

 .payRightBox .vacDetlsBtn { height: 36px; line-height: 23px !important;}
.vacDetlsOldOffer .gtotal{ text-decoration-line: none; }
.vacDetlsOldOffer span{ color:#fff;}
.vacDetlsOldOffer .color-orange{ color:#fff!important;}

.modal-footer .popupBtnFixed{ position: fixed; width: 100%; border-radius: 0;}
.addNewTravellerPop .addNewCt{ padding-bottom: 35px;  overflow-y: scroll; scrollbar-width: thin;}

 .vacDetailsMob{ min-height: auto; margin-top: 0;} 
.vacDetailsMob .vacPriceDetalMob{ display: none!important;}
.vacDetailsMob .vacDetlsOldOffer{ display: none!important;}
.vacDetailsMob .smallTxt{ display: none!important;}
.vacDetailsMob .vacDetlsBtn {
  margin-top: 6px !important;
  background: #ffffff;
  color: #0c4c8d;
}
.vacDetailsMob .smallTxt{ color:#fff; margin-top: 5px;}



  .priceDetlsPopup{}
  .priceDetlsPopup .vacDetlsPricee{ gap: 6px;}
  .priceDetlsPopup .vacDetlsPricee strong{ padding-left: 0;}
  .priceDetlsPopup .vacDetlsPriceBox{ position: unset;}
  .priceDetlsPopup .vacDetlsrComan{box-shadow: none; border: 0!important; padding:0!important;}
  .priceDetlsPopup .addNewCt{ padding-top: 0;}
  .priceDetlsPopup .vacPayTetl{ margin-bottom: 6px;}
  .priceDetlsPopup .vacPayTetl .smallTxt{display: none;}

  .vacmhide{background: none; border: 0; position: unset; padding: 0 !important;}


  .payRightBox{/*display: none;*/}/*for payement page*/
  .vacmhide .vacPayTetl{ display: none;}
  .vacmhide .vacFareBerkup{ /*display: none;*/}

  .vacPayFtFixed{ display: flex;}
 

  .vacPayFtFixedCover{ align-items: center;  gap: 7px;}
  .vacPayFtFixedTwo{display: block;}
  .vacDetlsBtn{height: 36px; line-height: 23px;}
  .vacPayFtFixed{ gap: 6px; justify-content: space-between;}
  .vacPayFtFixed .vacDetlsBtn{ 
    background: #ffffff;
    color: #0c4c8d;
  }
  .vacPayDtals{ flex: 1;}
  .vacPayFtFixedTwo a{ margin-top: 0!important;
    height: 26px; line-height: 13px;
  }
  .vacDetlsPricee strong { font-size: 20px;}
  .vacDetlsPriceBox .smallTxt{ margin-top: 5px;}

  .vacpaymentContnet{width: 96%;}
  .vacpaymentContnetInn{padding: 20px 16px;}
  .paymentTabs .accordion-button{    font-size: 18px;}
  .travellerDetails h2 { font-size: 18px;}


  
  .payRightCoupon{ position: unset!important;}
  .sticky-div.sticky-active .vacFareBerkup{ display: block;}
  .vacPayMob{
    position: fixed;
    bottom: 0;
 
    /*background: #fff;*/
    background: linear-gradient(90deg, #d23336 0%, #FB8A0B 100%);
    left: 0;
    margin: 0;
    z-index: 100;
    width: 100%;
    /*border-radius: 23px;*/
    border-radius: 0;
    border: 1px solid #fbb482;
    box-shadow: 0 4px 6px rgb(255 117 21 / 14%);
    padding: 10px 17px !important;
  }
  .vacPayMob strong { color: #ffffff!important;}
  .vacDetlsPriceBox .smallTxt{ color: #ffffff;}
  .vacPayFtFixedTwo a{ border-color: #fff; color:#fff;}
  .payRightBox.sticky-div .vacPayMob .vacDetlsBtn{ background: #ffffff; color: #0c4c8d;}

  .vacPayMob strong{ color: #1B5EA0;}
  .payRightBox.sticky-div .vacPayMob .vacDetlsBtn {font-size: 17px; line-height: 18px; padding: 6px 18px;  margin-top: 0 !important;}
  .payRightBox.sticky-div.sticky-active .vacPayMob .vacDetlsBtn {
       /* font-size: 17px;
        padding: 5px 12px;
        margin-top: 6px !important;*/
    }
  .vacPayMob .vacPriceDetalMob{ display: block!important;}
  .vacPayMob .vacDetlsOldOffer{ display: block!important;}
  .vacPayMob .smallTxt{ display: block!important;}
  .vacDetlsPricee span{ display: none;}
  .vacPayMob{ }

  .travellerSelect{ display: block;}
  .travellerSelectItem{ width: 100%;}
  .travellerSelectItem:first-child { border-bottom: 1px dotted #000; border-right: 0;}
  .travellerSelectItem .radioButtonContainer{ margin-top: 10px; margin-bottom: 10px;}

  .addTravellerCover{ display: block; padding: 0 0 11px 0; margin-bottom: 11px; }
  .addNewTravellerNote{ padding-top: 10px; font-size: 11px;}
  .addNewTraveller .travellerAddBtn a { font-size: 16px; }

  .tmidHeader{display: block;}
  .tmidHeaderLeft{ width: 100%;}
  .tmidHeaderRight{ margin-top: 10px; text-align: right;}
  .tmidHeader .title-4{font-size: 15px; line-height: 17px; margin-bottom: 6px !important;
    display: block;}
  .tmidHeader .smallTxt{ margin-bottom: 12px;}

  .includedBox{ display: block;}
  .includedBox .includedBoxLeft{ width: 100%;}
  .includedBox .includedBoxRight{ width: 100%;}

  .vacPayHdLine-2{ display: block; padding-top: 20px;}
}

@media (max-width: 480px) {
  .halfPayLeft span{ font-size: 13px;}
  .halfPayLeft strong{ font-size: 14px;}

  .addNewTravellerPopSize{ margin: 0 !important;}
  .addNewTravellerPopSize .modal-body{ padding-bottom: 75px;}

  .viewBenefits h3{font-size: 14x;}
.carousel.carousel-nav{ display: none;}
  
  .btn-close{    --bs-btn-close-opacity: 0.9;}
  .vbViewPrice{ width: 274px;}
  .vbViewTC{width: 102px; text-align: center; line-height: 23px; font-size: 12px;}
  .vacPayHdLine-2{ display: block;}
  .vacPayHdLineAdlts{    border-top: 1px solid #424242;    border-left: 0;
    padding-top: 7px;
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left;
    margin-top: 10px;
  }

    .popularBtn {
        padding: 5px 10px;
    }
    .tcLink { font-size: 14px;}
  .vacCustom{ display: none;} 
  .vacProdDetlsCover { padding-top: 44px !important;}
  .vacpaymentContnet{ position: unset;}
  .vacpaymentHeader{padding: 21px 0 20px 0;}
  .vacPayHdLine-1 .vacPayHdLineLeft{ flex-wrap: wrap; gap: 8px; 
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    display: block;
    scrollbar-width: none;
  }
  .vacPayHdLine-1 .vacPayHdLineLeft span strong{ display: block;}
  .vacPayHdLine-1 .vacPayHdLineLeft span{ line-height: 16px; padding: 3px 6px; margin: 0 7px 4px 0;
    min-width:126px; text-align: center;

    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  .vacPayHdLine-1{ display: block; padding-top: 14px; position: relative;}
  .vacPayHdLine-1 .vacPayHdLineRight {
    position: absolute;
    right: 0;
    top: -10px;
  }

  .vacTextStart{ font-size: 12px; padding-left: 4px;}
  .vacTimelineText span{ font-size: 11px;}

  .vacTextEnd strong{ font-size: 12px;}
  .vacMarkerEnd { left: calc(100% - 91px); }

  .commanSpace { /*padding-bottom: 110px;*/ padding-bottom: 40px; }

  .commanSpace.hdetailsPage.pt-4{ padding-bottom: 20px;}
  .vacprodSpace .row.mt-5.mb-3{ margin-top: 1rem !important;}
  .hdetailsPage .title-1.mb-5{margin-bottom: 5px !important;}
}

@media (max-width: 360px) {
  .vacPayMob{padding: 10px 8px !important;}
  .vacDetlsPricee strong{ padding-left: 0;}
  .vacDetlsOldOffer{ padding-bottom: 6px;}
}
/*PAYMENT END*/



/*NEW END*/









































































/*BLOG*/
@media screen and (max-width: 767px) {
.gridywrap div[class*=gridy]{ margin-bottom: 2px;}
.gridywrap .gridinfo {
  width: 100%;
  height: 33%;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: inherit;
}
.gridywrap .gridinfo h3 {
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  margin: 17px 0 0px 0;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.gridywrap .gridinfo h3:after{
  margin-top: 5px;
  margin-bottom: 10px;
}
.gridywrap .gridinfo p.gridexerpt {
  width: 88%;
  margin: 0 auto;
  line-height: 22px;
  color: #fff;
  transition-delay: 0.5s;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.gridywrap .gridinfo * {
  opacity: 1;
}


.blog-image{ height: 100%;}
.blog-title { font-size: 1rem;}
.vacProdListingCover p{ font-size: 14px;}

}

@media screen and (max-width: 480px) {
.owl-carousel.sBlogSlider .owl-item{ width: 260px!important;}
.owl-carousel.sBlogSlider .owl-stage{
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 100%!important;
  transform: none!important;
  transition: none!important;
}
.owl-carousel.sBlogSlider .owl-stage .owl-item{
  width: 170px;
  display: inline-block;
  margin-left: 10px!important;
  float: none;
}
.owl-carousel.sBlogSlider .owl-stage .owl-item:last-child{transform: none;}
.blog-card{ flex-direction: column;}
.blogImg { width: 100%; height: 188px;}

.blog-category-filter{ justify-content: left;}
}
/*BLOG END*/





/*HEADER*/
.navbar-toggler-icon {
 
  /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231a61ad' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");*/

  background: url(../images/menu-icon.png);
}
@media screen and (max-width: 1199px) {
  .headerLine .col-md-3{ width: 20%;}
  .tabBox label{ padding: 4px 1.5em; font-size: 15px;}
}

@media screen and (max-width: 992px) {
  .vacmob-bg{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #00000063;

  }
  .vacMobUser{ display: flex; align-items: center;}
  .vacMobUser img{ margin-right: 8px}

  .desktopMenu{ display: none;}
  .mobileMenu{ display:block;}
  .mobileMenu .nav a img {
      width: 23px;
      margin-right: 10px;
  }
  .mobileMenu .loginBtnMob img{ border-radius: 100px;}
  .mobileMenu .nav a {
    font-size: 15px;
      font-weight: 400;
      line-height: 20px;
      padding: 12px 10px 12px 20px !important;
      color: #1c1c1c !important;
      display: flex;
      align-items: center;
      border: 1px solid #ccc;
      border-radius: 14px;
      margin-bottom: 7px;
      position: relative;

      border-left: 2px solid #bd94ef;
      background: #f7f1ff;
      overflow: hidden;
  }
  .mobileMenu .nav a:hover {
      
  }
  .mobileMenu .nav a small{
    /*font-size: 12px;
    margin-left: 20px;
    background: #f5e5d4;
    margin-right: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 14px;
    border-radius: 20px;*/

    font-size: 12px;
    position: absolute;
    bottom: 0px;
    right: 0;
    margin-left: auto;
    background: #ffffffbf;
    margin-right: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
    width: 100%;
    padding-right: 20px;
  }
  .mobileMenu .nav a:hover small{ 
    
  }



  .applyfilterMobile{ display: block;}
  .navboxclose{ display: block;}
  .navmheader{ display: block;
    display: block;
    border-radius: 15px !important;
    margin: 10px;
    padding: 10px 10px !important;
  }
  .navmheader a{ padding: 0!important;}
  .hder .nav a img{ display: block;}


.headerLine{padding: 11px 0 12px 0;   background: linear-gradient(96deg, rgba(131, 29, 152, 1) 0%, #3d0969 100%);}
.innerPage .hsearchCover{ /*display: none;*/}

.navmobile{ 
  display: block !important;
  position: absolute;
  right: 9px;
  padding: 0;
  top: 17px;
} 
.headerLine .col-md-3{ margin-bottom: 0!important;}
.headerLine .col-md-3.hdRight{ display: none;}
.navmobile .navbar-toggler-icon{ width: 1.8em; height: 1.8em;}
.navboxclose{
  position: absolute;
  right: 20px;
  font-size: 21px;
  color: #c095e9;
  text-decoration: none;
  display: block;
  margin-top: 0;
  font-weight: 300;
  margin-right: 0;
  width: 34px;
  height: 34px;
  text-align: center;
  background: #fff;
  border-radius: 50px;
  line-height: 34px;
  top: 6px;
  right: 6px;
}
.navboxclose img{ width: 20px;}
.loginBtnMob img{ width: 55px; margin-right: 8px;  border-radius: 100%;}
a.loginBtnMob{ color: #fff; text-decoration: none; font-size: 15px; padding: 10px 0 0 0;}
.vacMobUserInn span{font-size: 12px;}
.mobileMenu.navboxmobile ul{ padding: 2px 0 0 0;}
.navboxmobile{ 
  position: relative;
  display: none;
  width: 75%;
  position: fixed;
  top: 0;
  z-index: 99999;
  background: #fff;
  left: 0;
  height: 100vh;
  padding: 0;
}
.navmheader{
  padding: 40px 40px;
  background: linear-gradient(56deg, rgba(243, 177, 100, 1) 0%, rgba(184, 145, 254, 1) 100%);
  -webkit-border-bottom-right-radius: 24px;
  -webkit-border-bottom-left-radius: 24px;
  -moz-border-radius-bottomright: 24px;
  -moz-border-radius-bottomleft: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;

  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, .16);
  }

  .navboxmobile ul{display: block; padding: 20px 0 0 0;}
  .navboxmobile ul li{ display: block; margin-bottom: 2px;
  
  margin: 0 10px 2px 10px;
  }

  .hder .nav li { padding: 0 0;}
  .hder .nav a{font-size: 15px; font-weight: 400; line-height: 20px; padding: 12px 10px 12px 20px!important; color: #1c1c1c!important; 
    display: flex;
    align-items: center;
  }
  .hder .nav a:hover{border-left: 2px solid #bd94ef; background: #f7f1ff;}
  .hder .nav a img{width: 23px; margin-right: 10px;}

  .hder .hdLogo { width: 89px;}
  .headerLine .col-md-3{ width: 17%;}


}
@media screen and (max-width: 480px) {
.main-popup p.check-mark{ margin: 0 0 0 -187px; width: 90%; padding-left: 22px; position: relative;}
.main-popup p.check-mark label{ margin-left: 0; width: 99%;         text-align: left;}
.main-popup p.check-mark input[type=checkbox]{ position: absolute; left: 0;}
}
@media screen and (max-width: 390px) {
  .main-popup p.check-mark { margin: 0 0 0 -173px;}
}
@media screen and (max-width: 375px) {
  .main-popup p.check-mark { margin: 0 0 0 -167px;}
}
@media screen and (max-width: 360px) {
  .main-popup p.check-mark { margin: 0 0 0 -160px;}
}
@media screen and (max-width: 360px) {
  .main-popup p.check-mark { margin: 0 0 0 -152px;}
}
/*END HEADER*/


/*FOOTER*/

/*END FOOTER*/

/*HOME*/
@media screen and (max-width: 1200px) {
.hLogoCover img {
  width: 100%;
}
.hLogoCover .ssArrow, .hLogoCover .row .ssArrow{    width: 40px; height: 40px;}
.tabBox label:nth-child(3) {padding: 4px 1.5em;}

.expText h2 { font-size: 40px;}

.owl-nav button img{width: 40px; }

}

@media screen and (max-width: 1050px) {
  .hsearchCover h1 { font-size: 2rem;}
  .tabBox label:last-child{padding-left: 1.5rem;}
}

@media screen and (max-width: 992px) {
.expCover{ /*display: none;*/}
.wbwUs .borderRadiComman{ margin-bottom: 16px;}
  
.hServIcons{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  
}

.hServIconsBox {
  width: 23%;
  height: 80px;
  background: #fff;
  border-radius: 10px;
  perspective: 1000px;
  text-align: center;
  padding: 2%;
  margin-bottom: 6px;
}
.hServIconsBox a{ color:#424242; text-decoration: none;}
.hServIconsBox img{
  height: 33px;
  width: auto;
}
.hServIconsBox span{ display: block; font-size: 13px; line-height: 13px; margin-top: 5px;}


.tabBox{display: none;}  
.hsearchCover .tabinn{ display: none;}


  h2.title-2 { font-size: 32px;}

  .filtMore{ display: none;}
  .expText span {font-size: 15px;}
  .expText h2{font-size: 30px;}
  .hsearchCover h1 { font-size: 1.5rem; padding-bottom: 20px;}
  .nhBox { font-size: 19px;}
  .nhBox span { font-size: 19px;}

  .dealText{ margin-top: 20px;}
  .gdCover .dealText h3{ font-size: 14px;}
  .gdCover .dealText span{ font-size: 14px;}

  .tabBox{width: 91%;}
  .htabIcons{}
  .tabBox label:last-child{ min-width: 213px;}
  
  .wbwUs .col-sm{ flex: inherit; width: 50%;}


  
}

@media screen and (max-width: 767px) {
  .tabBox { width: 95%;}
  .tabBox label{font-size: 12px;}
  .tabBox label:last-child { min-width: 157px;}

  .expText span { font-size: 12px;}
  .expText h2 { font-size: 20px;}

  .hMbhCover .ssArrow, .hMbhCover .row .ssArrow{ width: 38px; height: 38px;}
  .hMbhCover .expCover{margin-bottom: 0;}

  .hSingleSlider .ssArrow{ width: 38px; height: 38px;}
  .gdCover .ssArrow, .gdCover .row .ssArrow{ width: 38px; height: 38px;}

  .blogHomeSection .col-sm{width: 100%; flex: auto; margin-bottom: 20px;}

  .testihbox .testi{padding: 25px 20px;}
  .testihbox .testiTitle{font-size: 18px; line-height: 22px; padding-bottom: 0;}
  .qoutes{ width: 26px; height: 26px; right: -14px; top: -18px;}
}

@media screen and (max-width: 575px) {
  .hSingleSlider .ssArrow{ left: 0px;}
  .owl-next{right: 5px;}
  .hMbhCover .lSlideArrow, .hMbhCover .row .lSlideArrow{ left: 0!important;}
  .gdCover .lSlideArrow, .gdCover .row .lSlideArrow{ left: 0!important;}
  .hLogoCover .ssArrow, .hLogoCover .row .ssArrow{ left: 0!important;}
  .hLogoCover .rSlideArrow, .hLogoCover .row .rSlideArrow{right: 0!important; left: -12px !important;}
}

@media screen and (max-width: 480px) {
  .exploreTop .expCover{ display: none;}

  .videobox{ height: 300px;}

  .wbwUs .borderRadiComman{padding: 16px 10px;}
  .wbwUs img{ width: 60px;}
  .wbwUs h3{ font-size: 17px;}

	.tabBox{ border-top-left-radius: 14px; border-top-right-radius: 14px;}
	.tabBox label:first-child{ border-top-left-radius: 14px;}
	.tabBox label:last-child{  padding-left: 0.8rem; border-top-right-radius: 14px;}

	.tabBox label:first-child { padding: 4px 1.2em;}
	.tabBox label{font-size: 12px; line-height: 12px;}
	.tabBox label:last-child{min-width: 56px;}

	h2.title-2 { font-size: 25px; padding-bottom: 5px !important;}

	.hSingleSlider .lSlideArrow { left: -6px;}
	.hSingleSlider .rSlideArrow { right: -6px;}

	.hMbhCover .expCover{ margin-bottom: 20px;}

	.hMbhCover .lSlideArrow, .hMbhCover .row .lSlideArrow { left: 0px;}
	.hMbhCover .rSlideArrow, .hMbhCover .row .rSlideArrow { right: 0;}

	.gdCover .lSlideArrow, .gdCover .row .lSlideArrow { left: 0;}
	.gdCover .rSlideArrow, .gdCover .row .rSlideArrow{ right: 0;}

	.hLogoCover .lSlideArrow, .hLogoCover .row .lSlideArrow { left: 0;}
	.hLogoCover .rSlideArrow, .hLogoCover .row .rSlideArrow { right: 0;}


	.exptopDest .col-md-12{ margin-bottom: 10px;}

	.exptopDestinationsCover{
	  display: block!important;
	  overflow: auto hidden;
	  height: 100%;
	  scroll-behavior: smooth;
	}
	.exptopDestinations{
	  display: inline-flex;
	  -webkit-box-pack: center;
	  justify-content: center;
	  height: 100%;
	  min-width: 100%;
	  box-sizing: content-box;
	  gap: 8px;
	}
	.expMob{ 
	  position: relative;
	  width: 187px;
	}
	.expMob img{
	  height: 100%;
	  border-radius: 1rem;
	}
	.expMob .expTextMob{
	  position: absolute;
	  bottom: 10px;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	  text-align: center;
	  padding: 0 8px;
	}
	.expMob .expTextMob h2{ 
	  font-size: 17px;
	  color:#fff;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	  margin: 4px 0 0 0;
	}
	.expMob .expTextMob span{ 
	  font-size: 12px;
	  letter-spacing: .7px;
	  background: #f48129;
	  padding: 1px 12px;
	  border-radius: 50px;
	  color: #fff;
	  width: 88%;

	  display: inline-block;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	}

}
/*END HOME*/


/*HOTEL LISTING*/
@media screen and (max-width: 991px) {
.headerLine .container{ max-width:100%;}
.headerLine .container .justify-content-center{justify-content: left !important;}
.hsearchCover .hbanner .col-md-4,
.hsearchCover .hbanner .col-md-6,
.hsearchCover .hbanner .col-md-12{flex: 0 0 100%; width: 100%; margin-bottom: 10px;}
.hsearchCover .hbanner .col-md-6 .w-full{ margin-bottom: 0!important;}
.hsearchCover .hbanner .col-md-3{flex: 0 0 100%; width: 100%; margin-bottom: 10px;}
.findBtn{font-size: 1.3rem; padding: 0 2rem;}


.hlWish{top: inherit; bottom: 6px; right: 6px;}

.llineText { font-size: 12px;}
.hListn .hListnImg{width: 35%;}

  .mFixBtns{ display: none;}
.hListn{
 box-shadow:0 .125rem .25rem rgb(210 188 206) !important; 
 border: 1px solid #f3e0ef; 
}
  .filterbx h2{font-size: 20px;}
  .float-end.fltrremove{ display: none;}
  .applyfilterMobile{
    display: flex;
    justify-content: center;
    gap: 12px;
  }
  .applyfilterMobile .clearFilter{
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 4px 10px;
    border-radius: 28px;
    color: #c1238d;
    font-weight: normal;
  }
  .applyfilterMobile .applyFilter{
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #831d98;
    padding: 4px 10px;
    border-radius: 28px;
    color: #fff;
    font-weight: normal;
    background: linear-gradient(239deg, rgba(200, 35, 139, 1) 0%, rgba(131, 29, 152, 1) 100%);
  }



.ltotalHotel{ display: block;  font-size: 14px; margin-bottom: 10px;}

.sbbDesktop{ display: none;}
.mFixBtns{ display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 9999;
  width: 100%;
  padding: 7px 2%;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.mFixBtns a{
  line-height: 7px;
  padding: 1px 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  border: 1px solid #666161;
  border-radius: 4px;
  margin-right: 5px;
  color:#911e95;
  text-decoration: none;
}
.mFixBtns i{color:#911e95; margin-right: 4px;}
.shortBybx select{ border-radius: 4px; width: 170px;}
.shortBybx{text-align: right;}
.fltrclose{ font-size: 21px; color:#000; text-decoration: none; display: block;
  margin-top: 2px;
  font-weight: normal;
  margin-right: 3px;
}
.listing .col-md-3{ width: 0; padding: 0;}
.listing .col-md-9 { flex: 0 0 auto; width: 100%;}
.hRatings a{ padding: 1px 3px; font-size: 12px; margin-right: 2px;}
.hListnCalActin .hButton{ font-size: 11px;}
.listing{}
.listing{}
.filterbx{ display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background: #fff;
  padding: 4% 2% 3% 2%;
  overflow-y: auto;
  height: 100vh;
}
.filterbx h2{ position: relative; margin: 0 0 8px 0;}

.filtBx h4{font-size: 16px;}
.filterbx .checkbox-custom-label, .filterbx .radio-custom-label{ font-size: 13px;}


}

@media screen and (max-width: 767px) {
  .hListnDtls{ position: relative;}
  .flag{ top: 15px; left: 0;}
  .hListn .hListnImg{ position: initial;}
  .hListn .hListnImg .hlWish{ background: #f6f6f6; top:5px; right: 5px;}

  .hListnDtls{padding: 10px 10px 10px 10px;}
  .w-full.mb-3{ margin-bottom: 0!important;}
  .hotelSearch input[type="text"]{ /*margin-bottom: 15px;*/}
  .hListn { display: block;}
  .hListnDtls{ display: flex; }
  .hListn .hListnImg{ width: 100%; max-width: 160px; margin: 0 0 20px 0;}
  .hListnCalActin{ width: 100%;}
  .hRatings{ left: inherit; right: 12px;}
  .listing .listInner{ padding-left: 0;}

  .hListn .hListnImg{ width: 34%; margin: 0 0 33px 0;}
  .hListn .hListnImg img{width: 100%; z-index: 0; object-fit: cover; height: 100%;
    max-height: 100%;
    min-width: auto;
    min-height: 100px;
    vertical-align: middle;
  }
  .hListnDels{width: 66%; padding: 8px 2px 8px 8px;}
  .hListnDels h2 { padding-right: 19px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: inherit;}
  .hAddr{font-size: 11px;}
  .hChkList li {font-size: 12px;}
  .hOffPrice{ font-size: 11px;}
  .hfacility img{height: 16px;}

  .hListnCalActin{display: flex; justify-content: space-between; position: relative; align-items: center;}
  .hListnCalActin .holdPrice{ margin-bottom: 6px;}
  .hListnCalActin .hsalePrice{line-height: 14px;}
  .hListnCalActin .hInfo{font-size: 11px; display: block; padding-top: 5px;}
  .hRatings{left: 12px; line-height: 9px; right: inherit; margin-top: -40px; width: 33%;
    display: flex;
    justify-content: left;
    text-align: left;
    align-items: center;
    font-size: 10px;
  }
  
  .hListnCalActin{padding: 10px 12px 10px 12px;}
  .hListnCalActin .hButton{ display: none;}
  .hListnCalActin .hOffLto{margin-bottom: 0;}
  .hListnCalActin h5.hOfferPerct{ margin-bottom: 5px;}

}

@media (max-width: 600px) {
  .vac-column {
    padding: 5px;
  }

  .vac-column img {
    object-fit: contain;
  }

  .vac-column.vac-two-images img {
    width: 100%;
    margin-bottom: 5px;
  }
}


@media screen and (max-width: 480px) {
  .hListnDels h2 { padding-right: 26px; }
  .headerLine .col-md-3{ width: 100%;}
  .findBtn{ font-size: 1rem; padding: 0 1.5rem;}
  .sbyBox { display: block;}
  .shortBybx{ font-size: 13px;}
  .mFixBtns a{ line-height: 28px;  padding: 1px 34px;}

  .listing{padding-top: 26px;}
  
  .hListnDtls{padding: 5px 5px 5px 5px;}
  .flag{ font-size: 10px; left: -5px;}
  .hStrRate img{ width: 10px;}
  .hAddr{padding-left: 14px;}
  .hAddr svg{height: 12px;}

  .hRatings{left: 8px;}

  .hListn .item{ max-height: 180px; overflow: hidden;}
  
}
@media screen and (max-width: 460px) {
  .hRatings{width: 28%;}
  .hRatings{left: 6px;}
}
@media screen and (max-width: 375px) {
  .hotelSearch { padding: 20px 25px;}
  .hRatings{width: 27%;}
}
@media screen and (max-width: 360px) {
  .findBtn{ font-size: .9rem; padding: 0 1.2rem;}
  .hListnDels{ padding-left: 5px; padding-right: 5px;}
  .hOffPrice{font-size: 12px; line-height: 11px; padding: 5px 10px;}
}
@media screen and (max-width: 359px) {
  .hRatings{width: 26%;}
}
/*END HOTEL LISTING*/


/*MOBILE SEARCH SCREEN*/
@media (max-width: 992px){
.searchPageInn .row{ display: block;}
.searchPageInn .col-md-6{ flex: 0 0 auto; width: 100%; max-width: 480px; margin-left: auto; margin-right: auto;}
.searchPageInn .col-md-3{width: 100%; max-width: 480px; margin-left: auto; margin-right: auto;}
}
.searchPageInn .rs-input-group.rs-input-group-inside{ background: none;}
.searchPageInn .rs-input-group.rs-input-group-inside input{ background: none;}
/*END MOBILE SEARCH SCREEN*/

/*HOLIDAY PACKAGES LISTING*/
.ltourFacl ul li img { max-width: 27px;}
.ltourFacl ul li span { font-size: 12px;}
/*END HOLIDAY PACKAGES LISTING*/


/*DETAILS*/

@media (max-width: 992px){
  /*21SEPT2024*/
  .dtbleCover.dtbleCoverNew{ margin: 10px;} 
  .hdgalleryRoomMobile{ margin-left: 10px;}
  .detlsAdltCount{font-size: 14px;}
  .dtbleCover.dtbleCoverNew .dromHotlImgs{ padding-top: 0;}
 /*END 21SEPT2024*/
  

  .seltroomoverly{ display: none; background-color: rgba(0, 0, 0, .8); height: 100%; position: fixed; top:0; width: 100%; z-index:999;}
  .seltroombox{ display: none; position: fixed;  bottom: 0; left: 0; right: 0; z-index: 999;
    height: 90vh; background: #fff;
  }
  .seltroomboxxes{
    display: -ms-flexbox; display: -webkit-box;  display: flex; flex-flow: column;
    -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; align-items: center;
  }
  .seltroomboxInn{ background-color: #fff; margin-bottom: 64px; max-height: 80%; overflow-y: scroll; width: 94%;  margin:0 auto;
    height: 90vh;
    padding: 0 0 0 0;
  }

.seltroomTitle{width: 94%;  margin:0 auto;}
.titleMob-2{ font-size: 17px; line-height: 16px; font-weight: bold;  margin-bottom: 3px;}
.cardMobile{
    border-radius: 5px;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 17%);
    display: flex;
    justify-content: space-between;
    padding: 14px;
    border: 1px solid #eeeeee;
}
.cardMobImg{width:100px; height: 100px; border-radius: 8px; overflow: hidden;}
.cardMobImg img{ object-fit: cover; width: 100%; height: 100%;}
.cardMobContent{
  flex: 1;
  overflow: hidden;
  padding-left: 13px;
}
.cardMobile .cardMobTitle{justify-content: space-between; font-size: 21px;}
.cardMobile ul{ padding:0; margin: 0 0 0 19px;}
.cardMobile ul li{color: #6c6a6a;}
.cardMobile .cardAdltPr{ display: flex; justify-content: space-between; font-size: 13px;}
.cardMobile .cardAdltPrLft{flex: 1;}
.cardMobile .cardAdltPrRgt{display: flex; flex-direction: column; line-height: 16px;}
.cardMobile .cardPriceStrick{text-decoration: line-through;}
.cardMobile .cardBoldPrice{font-size: 16px;}
.cardMobile .cardAddi{ font-size: 15px;}
.cardMobile .cardDelete{ font-size: 15px; border: 1px solid #ccc; border-radius: 100px; width: 22px; height: 22px; text-align: center; line-height: 22px;}


  


	.innerPage{ padding: 0 0 55px 0;}
	.dockLeft .hdoldPrice{
		font-size: 13px;
		line-height: 10px;
		color: #b09bae;
		text-decoration-line: line-through;
		display: block;
	}
  .dromtypeLeft{padding-top: 10px; padding-bottom: 10px;}
  .desktopOnly{ display: none;}
  .hdGalleryDetls{margin-bottom: 20px;}
  .hdGalleryDetls .col-md-6{width: 100%; flex: auto;}
  .hdGalleryDetls .col-md-3{width: 100%; flex: auto;}
  .hdPriceBox{margin-left: 0; margin-top: 20px;}
  .amiBox{ margin-top: 22px;}
  .hdRatings{ margin-bottom: 8px;}

  .dfixcotent {display: none;}
  .allInfoBtns{ min-height: auto!important; display:flex; min-height: auto; padding: 5px 3px 2px 3px;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
    z-index: 0;
    /*21SEPT2024*/
    justify-content: space-between;
   /*END 21SEPT2024*/
    
  }
  .allInfoBtns a{ 
  /*19SEPT2024*/
padding: 8px 10px; font-size: 14px; 
/*END 19SEPT2024*/
  
  
  line-height: 22px; margin-left: 2px; margin-right: 2px; margin-bottom: 5px;
}



  .dtalsTab{padding-top: 26px;}
  .roomsBox{margin-top: 20px;}

  .droomType .row .col-md-3{ width: 100%; flex: auto;}
  .droomType .row .col-md-9{ width: 100%; flex: auto;}
  .hdgalleryMobile{ display: none!important;}
   
  .hdgalleryRoomMobile{ display: block!important;}
  .dprodrLine { width: 22.5%;}
  .sIcons a span{width: 27px; height: 27px; line-height: 27px;}

  .hsclose{display: block!important;}
  .dmobilehd{ display: block!important;}
  .dockable{ display: block!important;}
  .allInfoBtns{position: inherit; min-height: 96px;}
  
  .dfixcontinner a.hdButton{ padding: 5px 15px;}
  
  .dtbleCover .dtblehdLine.dtblehd{font-size: 11px;}
  .dtbleRow h4 {font-size: 18px;}
  .dtbleRow .smallTxt { font-size: 11px;}
  .dtbleRow li { font-size: 11px; background-size: 9px auto; background-position: 0px 4px; padding-left: 17px;}
  .hButton{ font-size: 8px; padding: 6px 8px;}
  .droomLeft{ font-size: 10px; line-height: 9px;}
  .dtbleCover .dtblehdLine input[type=text] { font-size: 13px; width: 30px;}
  .dtbleCover .dtblehdLine.dtblehd{ min-height: 21px;}
  .dtImg img { max-width: 16px;}
  .dtbleCover .dtblehdLine .hInfo{font-size: 10px; line-height: 11px;}
  ul.dromami li span{ font-size: 11px;}


  .dromHotlDesktop{display: none!important; } 
    .hdgalleryMobile{ display: block!important; overflow: auto hidden; height: 100%; scroll-behavior: smooth;}
    .hdgalleryRoomMobile{ display: block!important;
      overflow: auto hidden;
      height: 100%;
      scroll-behavior: smooth;
    }
    .hdgmroomInn{
      display: inline-flex;
      -webkit-box-pack: center;
      justify-content: center;
      height: 100%;
      min-width: 100%;
      box-sizing: content-box;
      gap: 8px;
    }
    .hdgroomSlide{ width: 187px;}
    .hdgroomSlide img{width: 100%; display: block; border-radius: 10px;}
  
  
    .hdgmInn{
      display: inline-flex;
      -webkit-box-pack: center;
      justify-content: center;
      height: 100%;
      min-width: 100%;
      box-sizing: content-box;
      gap: 8px;
    }
    .hdgSlide{ width: 187px;}
    .hdgSlide img{width: 100%; display: block; border-radius: 10px;}
  
    .hdgDesktop{ display: none!important;}
  
    .hsmobile{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 99;
      height: 100vh;
      border-radius: 0;
      padding-top: 77px;
      display: none;
    }
  
    a.hsclose{ font-size: 19px; position:absolute; top:10px; right: 10px; text-decoration: none; background: #fff; color:#000;padding: 4px;
      border-radius: 50px; width: 38px; height: 38px; line-height: 30px; text-align: center;
    } 
    .dmobilehd{     background: linear-gradient(56deg, rgba(243, 177, 100, 1) 0%, rgba(184, 145, 254, 1) 100%);
      position: sticky;
      top: 0;
      left: 0;
      width: 100%;
      padding: 7px 2%;
      z-index: 9;
    }
    
    .dmobilehdInn{ display: flex; align-items: center;}
    img.dmBack{   
      filter: drop-shadow(0px 1000px 0 #fff);
      transform: translateY(-1000px);
  
      }
	  
	  
    .innerPage .hsearchCover h1{ display: none;}
    .dsearch{ background: #fff; border-radius: 7px; padding: 3px 7px; width: 89%; margin-left: 2%; overflow: hidden;}
    .dshotelName{ font-size: 13px; display: block; font-weight: 600; text-overflow: ellipsis;
      white-space: nowrap; overflow: hidden;}
    .dsotherInfo{ font-size: 12px; display: block;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
  
    .dockable{ 
      background: #fff;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 7px 2%;
      /*21SEPT2024*/
      z-index: 98;
      /*END 21SEPT2024*/
    }
    .dockableInn{ display: flex; justify-content: space-between; align-items: center;}
    .dockRight{min-width: 168px; text-align: right;}
    .dockLeft .oldPrice{ font-size: 13px; line-height: 10px; color: #b09bae; text-decoration-line: line-through;
      display: block;
    }
    .dockLeft .tlsPrice {
      font-size: 20px;
      color: #4a2069;
      display: block;
      text-align: center;
    }
    .dockLeft .taxFee {
      font-size: 10px;
      line-height: 11px;
      color: #907793;
      word-break: break-word;
      display: block;
    }
    .bnBtn{
      font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none;
        color: #fff;
        border-radius: 50px;
        background: rgb(200, 35, 139);
        background: linear-gradient(239deg, rgba(200, 35, 139, 1) 0%, rgba(131, 29, 152, 1) 100%);
        padding: 6px 16px;
        text-transform: uppercase;
        margin-top: 0;
        display: inline-block;
    }
    .bnBtn:hover{ color:#fff;}
  
  }
  
  @media (max-width: 768px){
    /*21SEPT2024*/
    .mAmenitiesPopup ul li{width: 49%}
    /*END 21SEPT2024*/ 


    .dtbleCover{ margin-left: 5px; margin-right: 5px;}
  
    .allInfoBtns a { font-size: 13px;}
  
    .dromHotlImgs img{width: 100%;}
    .dromhtThumb img { width: 49.6%;}
    ul.dromami{ padding: 10px 0 10px 0;}
    .dtbleCover .dtblehdLine .holdPrice { font-size: 11px;}
    .dtbleCover .dtblehdLine .hsalePrice{ font-size: 16px;}
  
    .dtbleRow > div:first-child { width: 34%;}
    .dtbleRow > div:nth-child(2) { width: 12%;}
    .dtbleRow > div:nth-child(3) { width: 21%;}
    .dtbleRow > div:nth-child(4){ width: 12%;}
    .dtbleRow > div:last-child { width: 21%;}
	
	.dtbleRow h4{ font-size: 13px;}
    .hButton{ font-size: 11px;}
  }
  
  
   @media (max-width:576px) {
    .hdgallery .owl-nav .lSlideArrow { left: -5px !important;}
    .hdgallery .owl-next{right: -8px!important;}
  }
  
  @media (max-width: 525px){
    .fixed-enquiry-popup .vacFmSpace .vac-enquiry-btn{ max-width: 158px; margin: 0 auto; margin-bottom: 8px;}

    .mobileOnly,
    .dtCheapPrice{display: block!important;}

    .dhName h2{font-size: 18px; display: block;}
    .hdStrRate img {width: 11px; line-height: 7px;}
    .dhName p { font-size: 13px;}
    .hdRatingbox a{font-size: 14px; padding: 6px 6px;}
    .hdRatingbox strong{ font-size: 14px; line-height: 15px;}
    .hdRatingbox span{font-size: 10px;}
    .hdPriceBox h3{    font-size: 20px;}
    .hdPriceBox .hdgustDetls{font-size: 12px; padding-bottom: 5px!important;}
    .hdPriceBox .hdoldPrice{ display: none;}
    .hdtlsPrice{ display: none!important;}
    .hdTaxFee{ display: none!important;}
    .hdPriceBox .hdButton{ display: none!important;}
    
    .dtalsTab{ padding-top: 0; margin-top: 0px!important;}
    .roomsBox{    margin-top: 20px;}

    

    .hdRatings{ margin-bottom: 10px;}
    .hdPriceBox{margin-left: 0; margin-top: 16px;}
    .amiBox{ margin: 15px 0;}
    .hdGalleryDetls { margin-bottom: 20px;}
    .dtalsTab{ margin-top: 30px; margin-bottom: 30px;}
    .dtalsTab h2{font-size: 20px;}
    .amiLine h4{font-size: 14px;}
    .amiLine ul li{ font-size: 13px; padding: 0 0 0 20px; background-size: 13px auto;}
  
    h2.dpalTtitle{ font-size: 20px;}
    .dtour-slide .dh-title{ margin-top: 10px;}
    
    
    .droomType{ padding-bottom: 5px; border-radius: 10px;}
    .dtbleCover{ border-radius: 8px;}
   
    
    .dtbleRow{ display: flex;  flex-wrap: wrap; gap: 0;}
    .dtbleRow > div:first-child { width: 62%;padding-bottom: 0;}
    .dtbleRow > div:nth-child(2) { width: 100%; background:none; display: none;}
    .dtbleRow > div:nth-child(3) { width: 36%;}
    .dtbleRow > div:nth-child(4){ width: 100%; background:none; display: none;}
    .dtbleRow > div:last-child { width: 100%; position: relative; display: flex; flex-direction: row-reverse;
      align-items: center;
      justify-content: space-between;
      padding-top: 0;
    }

    .hdgalleryRoomMobile{ margin-bottom: 14px;}
    .dtbleCover .dtblehdLine .hInfo{text-align: right;}
    .dlastBok{ font-size: 13px;}
    .dromtypeLeft h4{font-size: 17px; line-height: 12px;}
 
    .dbkDetails{ display: flex; align-items: center; margin-bottom: 5px;}
    .dbkDetails span{font-size: 13px; padding-left: 7px; display: flex; align-items: center;}
    .dbkDetails img{ max-width: 13px; margin-right: 2px;}

    .dtInnSpace { padding: 8px 0 0px 0;}
    .droomLeft{ text-align: left;}
  
    .dtbleCover .dtblehdLine{padding-left: 10px; padding-right: 10px;}
    .dtbleRow > div:first-child .dtInnSpace{
      flex-direction: column;
      display: flex;
      padding-left: 0;
      padding-right: 0;
    }
    .dtCheapPrice span{
      padding: 4px 10px;
      background: #c1228c;
      color: #fff;
      text-align: center;
      border-radius: 50px;
    }
    .dtbleRow > div:first-child .dtInnSpace .dtCheapPrice.mobileOnly{ padding: 0; margin-bottom: 5px; display: inline-flex!important; background: none;}
    .dtbleRow ul{ margin-bottom: 0;}
    .dtbleRow > div:nth-child(3) .dtInnSpace{ 
      padding-left: 8px;
      flex-direction: column;
      align-items: flex-end;
      display: flex;
    }
    .dtbleCover .dtblehdLine .dtCheapPrice{ display: inline-block;}
    .dtbleRow li{ padding-left: 13px;}
  
    .dtImg{ justify-content: center;}
    .dtbleCover .dtblehdLine.dtblehd { display: none; padding: 5px 10px 5px 10px; min-height: 0px; background: #f8f8f8; text-align: center;}
    .dtbleRow ul{text-align: left;}
    .hButton{ margin-top: 12px;}
  
    .aminitiesBoxInn{flex-wrap: wrap;}
    .amiLine { width: 48%; padding: 10px 1%;}
  
    .dprodRating .dprodrLine{    width: 49%;}
    .dFiterBtns .btn{ font-size: 13px; margin-bottom: 10px;}
  
    .dAllReviewCard .card{ padding: 12px 5px;}
    .dAllReviewCard h4.card-title{    font-size: 19px;}

    .rtTotal{width: 64px; height: 64px; line-height: 62px; font-size: 28px;}
    .rtiMain{ margin-bottom: 12px;}
  }
  
  @media (max-width:480px) {
    .allInfoBtns{position: sticky;}
    .hdgallery .owl-prev{ width: 22px; height: 22px;}
    .hdgallery .owl-next{ width: 22px; height: 22px;}

    .hcancelPolicy{text-align: right;}
    .dtbleRow > div:nth-child(3){padding-left: 0;}
    .dtbleRow > div:nth-child(3) .dtInnSpace{padding-left: 0;}
	
	
	/*19SEPT2024*/
  .allInfoBtns{ padding: 5px 4px;}
	.allInfoBtns a{padding: 5px 3px 5px 3px!important; margin: 0;}
  /*END 19SEPT2024*/
  }
  @media (max-width:420px) {
	 /*19SEPT2024*/
	.allInfoBtns a{font-size: 12px; padding: 5px 3px;}
	.dockLeft .taxFee{ margin-bottom:4px;}
	.dockableInn span{line-height: 13px; display: inline-block;}
	/*END 19SEPT2024*/ 
  }
  @media (max-width:390px) {
    /*21SEPT2024*/
    .mAmenitiesPopup ul li{width: 100%;}
    /*END 21SEPT2024*/
    
    .hdgallery .owl-prev{ width: 26px; height: 26px;}
    .hdgallery .owl-next{ width: 26px; height: 26px;}
    .hdgallery .ssArrow{ width: 30px; height: 40px;}
	/*19SEPT2024*/
	.allInfoBtns a{font-size: 11px; padding: 5px 2px;}
	/*END 19SEPT2024*/
  }
 @media (max-width:359px) {
	/*19SEPT2024*/
	.allInfoBtns a{font-size: 10px; line-height: 17px; padding: 5px 1px;}
  
	/*END 19SEPT2024*/
 }
  /*END DETAILS*/

  /*CART*/
  @media (max-width: 1200px){
   .offCoupon .plan-type{ font-size: 14px;}
   .plan-cost{font-size: 14px;}
  }
  @media (max-width: 992px){
    .bkInfoBox .bkInfoBoxText{ margin-left: 10px;}
    .progressbarInn li{width: 175px;}
    .cart .col-md-8{ width: 100%; margin-bottom: 15px;}
    .cart .col-md-4{ width: 100%;}
    .bkInfoBoxText{margin-left: 0;}
    .continuePay{
      position: fixed;
      bottom: 0;
      border-radius: 0;
      max-width: 100%;
      left: 0;
      z-index: 99;
    }
    
  }
  @media (max-width: 768px){
    .progressbarInn li{width: 150px;}
    .bkInfoBox{ display: block;}
    .bkInfoBoxImg{ width: 100%; max-width: 500px; margin: 0 auto 20px auto;}
  
    .cartBinfo{ background: #f6f6f6; border-radius: .7rem; padding: 10px;}
    .cartBinfo div{width: 50%; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding: 10px 5px;}
    .cartBinfo div:last-child{ border-bottom: 0;}
    .cartBinfo div:nth-child(3){ border-bottom: 0;}
  
    .cartFacility ul li{    width: 49%;}
  }
  @media (max-width: 550px){
    .progressbarInn li { width: 110px;font-size: 12px;}
    .bkInfoBoxImg{ height: auto; max-height:inherit; min-height: auto;}
    .hdRatingbox a{line-height: 11px;}
  }
  @media (max-width: 390px){
    .progressbarInn li { width: 102px;font-size: 12px;}
    .plan-type{margin-right: 13px;}
  }
  @media (max-width: 360px){
    .cartFacility ul li{    width: 98%;}
  }
  @media (max-width: 359px){
    .progressbarInn li { width: 77px;font-size: 11px;}
  }
  /*END CART*/
  /*THANKS*/
  @media (max-width: 1050px){
  .hdetailsPage .col-md-4{ padding-left: 0; padding-right: 0;}
  }
  @media (max-width: 992px){
   .vacDetlsRight .vacDetlsRightInn{ position: inherit!important;}
   .vacDetlsrComan.thanksSideBar{ position: inherit!important;}

  .bookingSucessPage .col-md-8 {
    width: 100%;
    margin-bottom: 15px;
  }
  .bookingSucessPage .col-md-4 {
    width: 100%;
    margin-bottom: 15px;
  }
  .gtmtBtn {
    position: fixed;
    bottom: 0;
    border-radius: 0;
    max-width: 100%;
    left: 0;
    z-index: 99;
    margin-bottom: 0!important;
}
.bookingSucessPage .bkInfoBoxText{ margin-left: 16px;}
.btn.gtmtBtn{ padding-top: 10px; padding-bottom: 11px;}

.cartBinfo div span{font-size: 13px; color: #5d5b5bcc;}
}
@media (max-width: 768px){
  .bookingSucessPage .bkInfoBoxText{ margin-left: 0;}
  .bookingSucessPage .bkInfoBoxImg{
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px auto;
    max-height: inherit;
    min-height: auto;
  }
  .bookingSucessPage .bkInfoBoxImg img{}
}
@media (max-width: 414px){
  .cartBinfo{padding: 0;}
  .thfulDetls i{font-size: 15px;}
  .cartBinfo div strong{    font-size: 11px; line-height: 17px; display: block;}

  .vacDetlsrComan { padding: 20px 12px !important;}
}
@media (max-width: 375px){
.vacDetlsrComan.thanksSideBar .bkdList li{ font-size: 14px;}
.cartPaymentInfo li{    padding: 8px 6px 9px 6px;}
.vacDetlsrComan { padding: 20px 6px !important;}
.purchase-props span{ font-size: 13px;}
}

  /*END THANKS*/

  /*MY ACCOUNT MY TRIPS*/
  @media (max-width: 992px){
  .macHdrLeft{ padding-right: 10px;}
  .macHdrRight .gtmtBtn{ position: inherit; border-radius: 40px;
    padding-top: 5px;
    padding-bottom: 6px;
  }
  }
  @media (max-width: 768px){
  .macHdrRight .gtmtBtn{font-size: 14px; line-height: 17px;}

  .tripNavinn a{font-size: .8rem;}
  .macTrip h2{font-size: 18px;}
  .macHdrLeft p{font-size: 13px;}
  .macContent .macCol strong{font-size: 14px;}
  .macContent .macCol span{font-size: 13px;}
  .macImp li{font-size: 13px; background-size: 10px auto;}

   
  .vacMyTripPages .srvCont{padding: 40px 10px;}
  .overlopHeader .tripNavinn{
   overflow-x: scroll;
   overflow-y: hidden;
   white-space: nowrap;
   display: inline-block;
   width: 100%;
   padding: 25px 16px;
   scrollbar-width: none;
  }
  .overlopHeader .tripNavinn .hplanning-tab-item{
   width: 115px;
   display: inline-block;
   margin-left: 0;
   margin-right: 5px;
   padding: 7px 4px;
  }
  .tripNavinn a:hover, .tripNavinn a.active{ border-radius: 10px;}
  .overlopHeader .tripNavinn .hplanning-tab-item i{
   font-size: 23px;
   display: block;
   margin-bottom: 5px;
 }

  .overlopHeader .tripNavinn{border-radius: 10px;}

 .vacssection{ /*display: block!important; width: 90%;*/ gap: 10px;  margin: 0 auto;}
 .vacMyAccSearch{width: 100%;}
 .vacssection .bookingTye{ width: 100%;}

 .vacssection{ justify-content: center;}
 .vacssection h3{ margin-bottom: 0;}

 .vacMyAccSearchCover{ width: 100%; display: flex;}
 .vacMyAccSearchCover input[type=text]{ flex: 1;}
 .vacMyAccSearch, .bookingTye{ display: none!important;}

 .hotelSection .hdStrRate{ display: none;}
 .hotelSection .vacMytripBtn{ display: none;}
 .hotelSection .vacDhName p{ display: none;}
 .hotelSection .macHdr{padding-bottom: 0;}

 .hotelSection .macTrip h2{ color:#181818;}
 .hotelSection .macContent{ display: flex; flex-wrap: wrap; gap: 10px;}
 .macContent .macCol {
  padding-bottom: 10px;
  width: 48%;
}

  }
  @media (max-width: 550px){
  .macHdr{ display: block;}
  .macHdrRight{padding-bottom: 10px;}
  .macHdrRight .gtmtBtn{ max-width: 205px; padding-top: 9px; padding-bottom: 10px;}
  .macImp li{font-size: 14px;}

  .macTrip h2 {font-size: 16px;}
  .macHdrLeft p {font-size: 14px;}
  .tripNavinn a{text-align: center;}
  .macContent{ display: block;}
  .macContent .blankSpace{ display: none!important;}


  

  }
  @media (max-width: 480px){
  .tripNavinn{ padding: 8px 10px;}
  .tripNavinn a{padding: 7px 8px;}

  .hotelSection.macTrip .card{ min-height: auto;}
  .hotelSection .macContent .macCol span{ font-size: 11px;}
  .hotelSection  .macContent .macCol strong { font-size: 13px; }
  .hotelSection .macContent .macCol span.color-yellow{ display: none;}
  .hotelSection .macContent .macCol:nth-child(3){ width: 100%; }
  .hotelSection .macContent .macCol:nth-child(4){ display: none;}
  .hotelSection .macImp{ display: none;}

  .macHdr{ border: 0;    margin-bottom: 0px;}
  .macTrip h2{ font-size: 15px; color:#404040;}
  .typeIcons { width: 27px; height: 27px; margin: 0; top: 9px; left: 3px; background: none;}
  .typeIcons i{font-size: 16px; color:#fdc04a; }
  .macTrip h2 { padding-left: 16px;}
  .hotelSection .macContent .macCol strong{  color: #696969!important;}
  .vacMyAcctInn .vacMytripBtn{        background: linear-gradient(26deg, #275e95 0%, #3086DC 100%);
    max-width: 94%;
  }
  .tabsVertSpace { margin-bottom: 15px; }

.hotelSection .macContent .macCol span.black{color: #696969 !important;}

.hotelSection .emptyText .vacMytripBtn{
  width: auto!important;
  position: inherit!important;
  color:#fff!important;
  background: linear-gradient(90deg, #d23376 0%, #FB8A0B 100%);
}
.overlopHeader {
  margin-top: 0;
  left: 0;
  z-index: 99;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.overlopHeader .tripNavinn{ border-radius: 0; padding:15px 16px;}

.emptyImg img {
  max-height: 146px;
}
.emptyText h4{
  font-size: 18px;
  text-align: center;
  line-height: 26px;
  margin-top: 17px;
}
.overlopHeader .tripNavinn .hplanning-tab-item {
  width: 115px;
}
  .mbdividerLine{ display: none;}

  .hotelSection .holiday-list .macContent .macCol:nth-child(3){ width: 48%;}
  .overlopHeader .tripNavinn .hplanning-tab-item{ font-size: 12px;}
  .air-list  span.color-yellow{ display: block!important;}

  .holiday-list span.color-yellow{ display: block!important;}

  .hotelSection .vacMytripBtn{ 
    font-size: 13px;
        display: block;
        width: 37px !important;
        height: 37px !important;
        position: absolute;
        bottom: 8px;
        right: 0px;
        z-index: 1;
        color: transparent;
  }
  .hotelSection .vacMytripBtn:before{ 
    content: url(../images/white-arrow.png);
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 4px;
    z-index: 99999;
    color: #ccc;
    font-size: 22px;
    top: 0;
    line-height: 43px;
    
  }
  .vacMyTripPages .srvCont {
    padding: 40px 0;
}
  
  }
  @media (max-width: 375px){
    .tripNavinn{ padding: 8px 7px;}
    .tripNavinn a{padding: 7px 10px; margin: 0 3px;}
    .macHdrLeft p strong{ display: block;}
  }
  @media (max-width: 360px){

  }
  @media (max-width: 359px){
  .macHdrLeft .hdStrRate{ margin-bottom: 8px;}


  }
  /*END MY ACCOUNT MY TRIPS*/

/*MY ACCOUNT MY TRIPS CANCELLED*/
@media (max-width: 992px){
.order-tracking p{font-size: 12px;}
.order-tracking p span{font-size: 12px;}
.order-tracking{ padding-left: 5px; padding-right: 5px;}
.order-tracking .is-complete{width: 25px; height: 25px;}
.order-tracking .is-complete:after{ height: 13px;}
.order-tracking.completed .is-complete:after{left: 9px;}

.order-tracking .not-complete:before{height: 13px; left: 6px;}
.order-tracking .is-complete:after{ left: 8px; width: 6px;}

.order-tracking p strong{display: block; line-height: 14px;}
.order-tracking p br{ display: none;}
.macTrip h2{ margin-bottom: 3px;}
}
/*END MY ACCOUNT MY TRIPS CANCELLED*/

/*MY PROFILE*/
@media (max-width: 992px){
.myproPage>.row>.col-md-4{display: none;}
.myproPage>.row>.col-md-8{ width: 100%;}
}
/*END MY PROFILE*/

/*LOGIN DETAILS AND CHANGE PASSWORD POPUP*/
@media (max-width: 992px){
.modal__container{align-items: flex-start; margin-top: 60px;}
}
/*END LOGIN DETAILS AND CHANGE PASSWORD POPUP*/


/*MY ACCOUNT MY TRIPS DETAILS*/
@media (max-width: 1200px){
.macGustPhoto .mgPhoto{width: 23.6%;}
}
@media (max-width: 992px){
.macGustPhoto .mgPhoto{width: 23.2%;}
.macAmi ul li { width: 48.3%;}

.cartRightBox h3{font-size: 17px; margin-bottom: 10px;}
.thmanageTrip li .fas{margin-right: 5px;}

.matdPages .bkInfoBoxText{ padding-left: 10px;}

.col-md-8.col-md-8-half{ width: 100%; margin-bottom: 20px;}
.col-md-4.col-md-4-half{ width: 100%;}

}
@media (max-width: 768px){
.macGustPhoto .mgPhoto{width: 22.4%;}
.macGustPhoto .mgPhoto{width: 48.3%;}

.bkInfoBoxImgCover{width: 100%;}
.bkInfoBoxImgCover .bkInfoBoxImgMap{ margin: 0 auto; margin-bottom: 20px;}
.bkInfoBoxImgCover .bkInfoBoxImgMap img{ max-height: 80px;}
.matdPages .bkInfoBoxText{ padding-left: 0; margin-left: 0;}
.cartBinfo div{border-bottom:0;}

.ttRow .ttRowInn{font-size: 14px; line-height: 15px;}
.maccBkDetails{ font-size: 14px; gap: 15px; flex-wrap: wrap; padding-right: 0;}
.maccBkDetails .maccBkDetls:first-child{ width: 100%;}
.maccBkDetls{ width: 48%;}
.maccBkDetls .htlRom img{width: 160px;}
}
@media (max-width: 550px){
.matdPages .boxWithShadow{ padding: 12px 10px;}
.macGustPhoto{gap: 5px;}
.macGustPhoto .mgPhoto{width: 22.2%;}

.matdHdrs h1{ font-size: 22px;}

.maccBkDetails .maccBkDetls:last-child{ width: 100%;}

.maccSteps .container{ padding-left: 0; padding-right: 0;}
.maccSteps .container .col-md-12{ padding-left: 5px; padding-right: 5px;}
.tracking-item{ padding: 2rem .5rem 0.5rem 1.1rem;}
.tracking-item .tracking-content{ display: block;}
.tracking-item .tracking-content span{ margin-bottom: 10px;}
.maccdbox .mcctBtn{ width: 100px!important;}
}

@media (max-width: 480px){
.matdHdrs{ padding: 12px 15px;}
.bkdid strong{font-size: 14px;}
.matdHdrs .bkdinfo{ margin-bottom: 0;}
.maccBkDetails{gap: 10px;}

.thfulDetls h6.mb-3{ margin-bottom: 5px!important;}
.ttRow .ttRowInn{ font-size: 13px; margin-right: 8px;}
.ttRow .ttRowInn i{width: 35px;}
.boxWithShadow.bgColored .maccdbox h2{font-size: 17px;}
.macGustPhoto .mgPhoto { width: 22.9%;}
.linkFormat{ display: inline-block;}
}
@media (max-width: 414px){
.maccBkDetls{ width: 100%; padding: 5px 5px;} 
.maccBkDetails{ gap: 0;}
.ttRow{display: block;}
.ttRow .ttRowInn{ margin-bottom: 8px; justify-content: left;} 
.guestHouseInfo a.btn{ width: 100%; font-size: 13px;}
.macAmi ul li{ width: 100%;}
}
/*END MY ACCOUNT MY TRIPS DETAILS*/

/*CANCELLATION*/
@media (max-width: 480px){
.msrBox { display: block;}
.msrBox p{ font-size: 13px;}
.msrfBoxRight .vacMytripBtn{ 
  margin: 0 auto;
  width: 80% !important;
  display: block;
}
}
/*CANCELLATION END*/

/*ADD GUEST*/
@media (max-width: 992px){
.maccHotelCard .gtmtBtn{ display: none;}
.fgtAvailBtn{width: 100%;}
.fgtAvailBtn a.gtmtBtn{width: 100%;}
}
@media (max-width: 768px){
.editViewCover{display: block;}
.egtviewLeft{ width: 100%; margin-bottom: 20px;}
.egtviewRight{ width: 100%; border-left: 0; padding-top: 20px; border-top: 1px solid #f3e0ef;}
.egtviewRight .egtSpace{ padding-left: 0!important;}
.stepsag .nav-tabs.wizard li a{font-size:12px; padding: 6px 7px;}
.stepsag .nav-tabs.wizard a .nmbr, .stepsag .nav-tabs.wizard a .nmbr{    display: block; margin: 0 auto 10px auto;}
.stepsag .nav-tabs.wizard a .nmbr, .stepsag .nav-tabs.wizard a .nmbr{line-height: 26px; margin-bottom: 5px;}
}
@media (max-width: 550px){
.matdIcon{ margin-right: 10px; margin-bottom: 22px; float: left;}
.matdInn{ display: block;}
.matdBox .bkInfoBoxText h1{ font-size: 18px;}
.matdBox .bkInfoBoxText h2{font-size: 13px;}
.matdrg{ font-size: 13px; margin-top: 8px;}

.maccHotelCard .card{ max-width: 100%;}
.egtviewRight{ padding-top: 35px;}
.egtDelete{ top: -24px; right: -1px;}
}
@media (max-width: 375px){
  .egtHalf label{ line-height: 16px;}
  .egtHalf label strong{ display: block;}
  .stepsag .nav-tabs.wizard li a{padding: 6px 4px; line-height: 13px;}
  
  
}
@media (max-width: 359px){
  .egtHalf{ width: 100%;}
  .egtHalf label strong{ display: inline-block;}
}
/*END ADD GUEST*/

/*GUEST - CHANGE DATED*/
.editViewCover .egtviewLeft.w-50{ width: 100%!important;}
.editViewCover .egtviewRight.w-50{ width: 100%!important;}

@media (max-width: 480px){
  .nav-tabs.wizard li a{min-height: 80px;}
  .nav-tabs.wizard a.active, .nav-tabs.wizard a:hover{min-height: 80px;}
  .nciDate .calendar{font-size: 14px;}
  .caldarrow{ font-size: 14px; top: 12px;}
  .nciDate span{font-size: 14px;}
}
@media (max-width: 480px){
.egtviewRight .egtHalf{ margin-bottom: 10px;}
.nciDate{ margin-right: 0;}
}
/*END GUEST - CHANGE DATED*/

/*CANCEL HOTEL*/
@media (max-width: 1200px){
.cancelType label{ font-size: 15px;}
.cancelType input[type="radio"]:checked + label:after{margin-top: 1.15em; margin-left: -1.48em;}
}
@media (max-width: 768px){
  .cancelType ul li{ width: 100%;}
  .cancelType input[type="radio"]:checked + label:after{    margin-left: -1.50em;}
}
/*END CANCEL HOTEL*/

/*CONTACT US*/
@media (max-width: 992px){
.helpCenterInn .card { width: 46.5%;}
}
@media (max-width: 768px){
.helpCenterInn .card { width: 98%;}
}
/*END CONTACT US*/

/*SEARCH PAGE*/
.searchPage{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  height: 100vh;
  background: #fff;
}
.searchPage h1{
  font-weight: 600;
  text-transform: uppercase;
  font-size: 26px;
  margin-bottom: 0px;
}
.sm-text{ font-size: 14px; color:#a07db9; margin-bottom: 8px;}
.searchPage .searchPageInn{ padding: 77px 15px 15px 15px;}
.searchPage .searchIcon { background: url(../public/images/home/search-icon.png) #f1e7ee;}
.searchPage .calenderIcon { background: url(../public/images/home/calender.png) #f1e7ee;}
.searchPage .adultsIcon { background: url(../public/images/home/adults-icon.png) #f1e7ee; }

.searchPage .col-md-6, .searchPage .col-md-3{ margin-bottom: 10px!important;}
.searchPage .searchclose{
  font-size: 19px;
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  background: #c2268e;
  color: #fff;
  padding: 4px;
  border-radius: 50px;
  width: 38px;
  height: 38px;
  line-height: 30px;
  text-align: center;
}
.searchPage .hFormIcon {
  font-size: 14px;
  background-repeat: no-repeat;
  background-size: 22px auto;
  background-position: 16px 12px;
  width: 100%;
  padding: 11px 0 11px 49px;
}

.searchBtn{
  text-align: center;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  padding: 0 1.5rem;
  height: 42px;
  line-height: 42px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  text-decoration: none;
  background: linear-gradient(45deg, #831d98 0%, #c8238b 100%);
}
/*END EARCH PAGE*/