@media only screen and (min-width:1024px) and (max-width:1179px){
   html{font-size: 14px;}
   .trip-black-text{font-size: 9px;}
   .packagecta .ctainner .ctabtn a{padding: 6px 6px; font-size: 10px;}
   
}
@media only screen and (min-width:900px) and (max-width:1023px){
  header ul li a{font-size: 16px;}
  header h1{font-size: 1.5rem;}
  header p{font-size: .7rem;}
  footer h3{font-size: 1.1rem;}
   .trip-black-text{    font-size: 9px;}
   .copyright p{padding: 0px 0; font-size: .8rem;}
}
@media only screen and (min-width:768px) and (max-width:899px){
  header ul li a{font-size: 16px;}
  header h1{font-size: 1.5rem;}
  header p{font-size: .7rem;}
  .homeicon{padding: 8px 9px;}
  .menu ul.topmenu li a{font-size: 1rem;}
  .form-number,.details_form input {height: 33px;font-size: 14px;}
  .details_form img {width: 18px;}
  .box_inner.fixscroll{height: 283px;}
  .vehicle, .how-it-work, .recommended, .taxipackage{padding: 30px 0;}
  footer h3{font-size: 1.1rem;}
  .copyright p{padding: 0px 0; font-size: .8rem;}
  .flatbook .listone{overflow-x: inherit;    display: inline-block; white-space: inherit;}
  .flatbook .listone button{font-size: 10px;margin-bottom: 0.4rem;}
  .tourism .tourismctn h4{font-size: 12px;}
  .tourism ul li img{width: 30px;}
  .tourism .tourismctn p{font-size: .6rem;}
  .placevisit ul li{flex: 0 0 48.33%;}
  
}
@media only screen and (max-width:767px){
  header ul li a{font-size: 11px;}
  header h1{font-size: 1.3rem;}
  header p{font-size: .7rem;}
  .homeicon{padding: 7px 9px;}
  .menu ul.topmenu li a{font-size: 1rem;}
  .form-number,.details_form input {height: 33px;font-size: 11px;}
  .details_form img {width: 18px;}
  .box_inner.fixscroll{height: 283px;}
  .vehicle, .how-it-work, .recommended, .taxipackage{padding:20px 0;}
  .topmenu{white-space: nowrap;overflow-x: scroll;width: calc(100% - 42px);    scrollbar-width: none;}
  .box_inner h2{font-size: .8rem;}
  .spacemob{background: #e8dec5;height: 20px }
  .workcontainer .ha-steps-icon{height: 100px;width: 100px;padding: 20px;margin-bottom: 1rem;}
  .specialties{padding: 3rem 0;}
  .specialties h3{font-size: 22px;}
  .specialties a{margin-top: 20px;padding: 10px 20px;font-size: 1rem;}
  footer h3{font-size: .8rem;}
  footer h5{font-size: .9rem;}
  .copyright p{padding: 0px 0; font-size: .8rem;}
  .disclamier p{font-size: .7rem;}
  .flatbook .listone{scrollbar-width: none;}
  .flatbook .listone button{font-size: 10px;margin-bottom: 0.4rem;}
  .packagectn h3{font-size: 18px;}
  span.car-rate{font-size: 17px;}
  .amenties p.f12b{font-size: .8rem;}
  .amenties ul li{    font-size: .8rem;}
  .flatbook{margin-bottom: 1rem;}
  .tourism ul li{    flex: 0 0 48.33%;}
  .tourism .tourismctn h4{font-size: 12px;}
  .tourism .tourismctn p{font-size: .6rem;}
  .tourism,.pacakagebox .taxilist,.highlights{padding-bottom: 10px;}
  .pacakagebox .commonbox{margin-bottom: 0;}
  /* .packagelistone>.swiper-wrapper,.packagelistthree>.swiper-wrapper{display: block; margin-bottom: 0;} */
  .packagelistone>.swiper-wrapper .swiper-slide,.packagelistthree>.swiper-wrapper .swiper-slide{margin-bottom: 1rem;}
  .benfitsscrolltwo .swiper-slide,.benfitsscroll  .swiper-slide {margin-bottom: 0 !important;}
  .benfitsscrolltwo .swiper-slide,.benfitsscroll  .swiper-slide {margin-bottom: 0 !important;}
}
@media only screen and (max-width:575px){
  header{display: none;}
    .mobileheader{display: block; padding: 10px;background: #f6f8fc;}
    .mobileheader h1{font-size: 15px;  margin-top: 10px;text-shadow: 1px 1px 2px rgb(244 116 53);}
    .mobileheader p{margin-bottom: 0; text-align: center; font-size: 12px;}
    .mobileheader ul{list-style: none;padding-left: 0;text-align: right; margin-bottom: 7px;}
    .mobileheader ul li a{color: #000;padding-bottom: 1px;display: block;}
    .mobileheader .mobrgt{padding-right: 5px;}
    .mobileheader .moblft{padding-left: 5px;}
    .mobileheader ul img{width: 13px;}
    .mobrgt img{width: 200px;}
    .homeicon img {width: 20px;}
    .homeicon {padding: 4.5px 8px;margin-top: 5px; margin-right: 4px; margin-bottom: 5px;}
    .menu ul.topmenu{padding: 5px 5px 5px 0px;}
    .menu ul.topmenu li a{border: 1px solid #e3c16b; padding: 0.3rem 0.4rem;    font-size: .9rem;}
    .specialties h4{text-align: center;}
    .specialties h3 {font-size: 18px; text-align: center;}
    .specialties a{width: max-content; margin: 0px auto; display: block;}
    .specialties ul.count{margin-top: 1rem;}
    .mobile-cta{position: fixed;bottom: 0;    left: 0;    width: 100%;    display: flex;    background: #3a5894;    box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);    z-index: 99;}
    .mobile-cta .btn {text-align: center;   font-size: 12px;    letter-spacing: 0.5px;    font-weight: 500;    max-width: 33.33%;    flex: 0 0 33.33%;    padding: 0;    min-height: auto; position: relative;color: #fff;}
    .mobile-cta p{position: absolute;margin-bottom: 0;width: 100%; top: -12px;height: 150%; opacity: 0;}
    .mobile-cta  .btn .icon_bg {height: 40px; width: 40px;  margin: auto;  display: flex;  align-items: center;   justify-content: center;  background: #fff;  border-radius: 50%;  margin-top:-10px;  margin-bottom: 5px;  -webkit-box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);-moz-box-shadow: 0 -1px 15px rgb(0 0 0 / 7%); box-shadow: 0 -1px 15px rgb(0 0 0 / 7%);}
    .mobile-cta .icon { width: 18px;height: 18px;  object-fit: contain;  display: block;margin: auto;}
    footer{padding-bottom: 73px;}
    .copyright.designm p,.copyright p{text-align: center;}
    .clientlogo ul{    flex-flow: wrap;}
    .clientlogo ul li img {width: 110px;}
    .taxipackage #pills-tab,.carslist #pills-tab{white-space: nowrap; display: inline-block;  overflow-x: scroll; width: 100%;    scrollbar-width: none;}
    .commonbox h2{font-size: 1rem;}
    .commonbox {padding: 20px 10px; margin-bottom: 1rem;}
    .taxislider .swiper-wrapper, .packagelist .swiper-wrapper{margin-bottom: 1rem;}
    .packagectn h3{    font-size: 16px;}
    .packagectn .amenties li{font-size: .9rem;}
    .how-it-work .row{height: 350px; overflow-y: scroll;}
    .questioncolor{display: none;}
    .whychoosemobile{padding: 10px 0; display: block;background: #fff; }
    .whychoosemobile h3{text-align: center;font-size: 16px;}
    .mboslide { overflow-x: scroll; }
    .mboslide ul {margin: 0; padding: 0; list-style: none; width: 108%; display: inline-block;white-space: nowrap;}
    .mboslide ul li {font-size: 12px; width: 80%; height: 45px; vertical-align: middle;  white-space: break-spaces;  background: #ddd;  margin-bottom: 10px;   padding: 5px;  display: inline-block;} 
    .mobileslider{display: block; position: relative;}
    .mobileslider .mobilectabtn{position: absolute;bottom:47px;width: 100%;}
  .mobileslider .ctasection{background: rgb(0 0 0 / 18%); }
  .ctasection{width: calc(100% - 12px); margin: 0px 6px;}    
  .ctainner .ctabtn a{padding: 6px 12px; font-size: 13px;}
  .mobileslider .ctainner .ctaicon a img{width: 20px;}
  .mobileslider .ctainner .ctaicon a{    padding: 3px 8px;}
  .pad20 {padding: 10px;}
  .flatbook .taxiline img{height: 180px;}
  #pills-tab{padding: 6px 10px;}
  #pills-tab button{margin-right: 3px;    padding: 0 9px;    font-size: .78rem;    height: 26px;    line-height: 26px;}
  .packagelistfour .swiper-wrapper,.packagelisttwo .swiper-wrapper, .packagelistthree .swiper-wrapper,.taxislider .swiper-wrapper{margin-bottom: 2rem;}
  .highligh-car span{font-size: 11px;}
  .p-4{padding: .5rem!important;}
  .tourimg{margin-bottom: .5rem;}
  .cta_form{padding: 10px; margin-top: .5rem;}
  .cta_form label{    font-size: .8rem;}
  .cta_form input[type="submit"]{    padding: 10px 10px;    font-size: 10px;}
  .cta_form button{    margin-top: -10px;}
  .cta_form button img{width: 14px;}
  .cta_form input[type=tel]{font-size: .8rem;}
  .taxipackage #pills-tab,.carslist #pills-tab{margin-bottom: 0.5rem;}
  .carslist .taxilist{padding: 10px 0;}
  .highlights ul li{flex: 0 0 48.33%;}
  .highlights ul li p{font-size: .6rem;}
  .popmodel{padding-bottom: 100px; height: 85vh;}
  .whyus .modeltitle{font-size: 1rem;}
  .menu ul.topmenu .mobshow{display: inline-block !important;}
.menu ul.topmenu .homeshow{display: none;}
.vehicle-swiper img{height: 160px;}
.vehicle .quick16{font-size: 15px;    padding: 4px 8px;}
.tourimg img{height: 160px;}
  .scrollfix{height: 93vh; padding-bottom: 27%;}
  .placevisit ul li{flex: 0 0 48.33%; font-size: 12px; padding: 10px 6px;}  
}
@media only screen and (min-width: 600px) {
  .modal-content{height: 80vh;}
  .modal-content{width: 75%;}
  }
  @media only screen and (max-width: 600px) {
  .modal-content{ height: 75vh !important;}
  .close-btn {position: relative !important; top: -38px !important;left: 0px !important;margin: -29px auto !important;} 
  .packageenquiry {position: static; margin-top: 0;  max-width: 100%;}
  
  }

@media only screen and (max-width:478px){
  .btn-group-sm>.btn, .btn-sm{    font-size: 0.675rem;} 
  .workcontainer{padding: 10px;}
  .title{margin-bottom: 1rem;font-size: 1rem;}
  .specialties ul.count li .counter{    font-size: 2rem;}
  footer h3{    margin-top: 1rem;}
  .slider-iframe{min-height: 539px;}
  .packagecta .ctainner .ctabtn a{font-size: 10px;    padding: 6px 6px;}
  .ctainner .ctaicon a{padding: 4px;}
  .packagecta .ctainner .ctaicon a span{font-size: .6rem;}
  .farelist{width: 100%; margin: 0px 2px;}
  .mobileheader ul li a{font-size: 13px;}
  .ctainner .ctaicon a span{font-size: 10px;}
  .ctainner .ctabtn a{font-size: 12px;}
  .packagecta .ctainner .ctabtn a{font-size: 9px;}
  .modelcta .ctainner .ctaicon a img{width: 15px;}
  .modelcta .ctainner .ctaicon a span{font-size: .5rem !important;}
  .tourism ul li img{width: 20px;}
  .tourism .tourismctn h4{font-size: 10px;}
  .tourism .tourismctn p{font-size: 8px;}
  .packagecta .ctainner .ctaicon a img{width: 16px;}

}
@media only screen and (max-width:420px){
  .slider-iframe{min-height: 489px;}
  .packagecta .ctainner .ctabtn a{ padding: 5px 4px;}
  .mobileslider .mobilectabtn{bottom: 35px;}
  .ctainner .ctaicon a{padding: 3px 4px;}
  .placevisit ul li{flex: 0 0 100%;}
  .placevisit ul{overflow-y: scroll;height: 300px;}
}
@media only screen and (max-width:374px){
  .slider-iframe{min-height: 489px;}
  .mobileslider .mobilectabtn{bottom: 35px;}
  .slider-iframe {min-height: 457px;}
}