@media only screen and (min-width:1024px) and (max-width:1139px){
    .ourservics .serbox h4 { font-size: 15px;}
    .outstationbox .stationinner{flex: 0 0 30.33%;}
    .comparebox{    padding: 20px 20px 20px 20px;}
    .placesnear .onebox{    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;}
     .copyright p{padding: 0px 0; font-size: .8rem;}
     .feature_box p{font-size: 11px;}
     .selfdrive ul li h5 {font-size: 18px;}
     .serbox img{width: 100%;}
     .outstationbox .stationinner{    flex: 1 0 47.33%;}
     .aboutus h2{font-size: 30px;}
     .aboutus p {font-size: 13px;}
     .aboutus ul li .listimg{    flex: 0 0 21%; }
     .comparetop{width: 100%;}
     .carname{font-size: 12px;}
     .comparebox p {font-size: 10px; }
     .comparebox {padding: 19px 20px 20px 20px;}
     .comparebox ul li{font-size: 10px;}
     .comparebtn a{padding: 20px 20px 20px 20px;}
     .promisebox .promise-set1 h4{    font-size: 18px;    line-height: 28px;    margin-top: }
    .promisebox .promise-set2 .set2 img {width: 60px;  height: 60px;}
    .promisebox .promise-set2 .set2 h3 {font-size: 12px;}
    .promisebox .promise-set2 .set2 p {font-size: 10px;}
    .placesnear .onebox{font-size: 10px;}
   
  }
@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;}
    footer h3{font-size: 1rem;}
    .disclamier p{font-size: .7rem;}
    .details_form input{font-size: .8rem;}
    .copyright p{font-size: 13px;}
    .menu ul.topmenu li a{font-size: 14px;}
    .menu ul.childmenu a{font-size: 12px;}
    .homeicon{padding: 6px 9px;}
    .feature_box p{font-size: 10px;}
    .selfdrive ul li h5 {font-size: 18px;}
    .serbox img{width: 100%;}
    .outstationbox .stationinner{    flex: 1 0 47.33%;}
    .aboutus h2{font-size: 30px;}
    .aboutus p {font-size: 13px;}
    .aboutus ul li .listimg{    flex: 0 0 21%; }
    .comparetop{width: 100%;}
    .carname{font-size: 12px;}
    .comparebox p {font-size: 10px; }
    .comparebox {padding: 19px 20px 20px 20px;}
    .comparebox ul li{font-size: 10px;}
    .comparebtn a{padding: 20px 20px 20px 20px;}
    .promisebox .promise-set1 h4{    font-size: 18px;    line-height: 28px; }
   .promisebox .promise-set2 .set2 img {width: 60px;  height: 60px;}
   .promisebox .promise-set2 .set2 h3 {font-size: 12px;}
   .promisebox .promise-set2 .set2 p {font-size: 10px;}
   .specialties h3{font-size: 21px;}
   .placesnear .onebox{font-size: 10px;}
   .readlater {width: 652px;}
}
@media only screen and (max-width:767px){
    .stopover-list{
        flex-wrap: wrap;
    }
    .accordion-body{
        padding: 10px;
    }
    .route-card, .stopover-box{
        width: 100%;
        padding: 15px;
    }
    .banner-content p {
        font-size: 13px;
        margin-bottom: 0;
    }
    .banner-content h1{font-size: 22px;}
    header ul li a{font-size: 11px;}
    header h1{font-size: 1.3rem;}
    header p{font-size: 8px;}
    .logo {width: 120px;  }
    .homeicon img {width: 14px;}
    .homeicon {padding: 2.5px 7px; margin: 5px 5px 5px 0;}
    .menu ul.topmenu {overflow-x: scroll; white-space: nowrap; padding: 5px 0px;  display: block; width: calc(100% - 43px);}
    .menu ul.topmenu li a{font-size: 14px;}
    .menu ul.childmenu a{font-size: 12px;}
    .menu ul.topmenu li a {font-size: .8rem;border: 1px solid #e3c16b;background: #e5e5e5; padding: 4px 4px;}
    .menu ul.childmenu{text-align: left;width: 100%; white-space: nowrap; padding: 5px 5px; overflow-x: scroll;}
    .menu ul.childmenu a {font-size: .7rem; padding: 0.2rem 0.3rem; display: inline-block; border: 1px solid #e3c16b;  background: #e5e5e5; border-radius: 60px;margin-right: 10px; font-weight: 500;}
    footer h3,footer h5,footer .footerfirst ul li a{font-size: .8rem;}
    .disclamier p{font-size: .7rem;}
    .details_form input{font-size: .8rem;}
    .copyright p{font-size: 13px;}
    .box_inner h2{font-size: .8rem;}
    .cabpackage h2{font-size: 20px;}
    .cabpackage h4{font-size: 16px;}
    .selfdrive h2{    font-size: 20px;}
    .selfdrive ul li img {width: 64px;height: 64px;}
    .selfdrive{padding: 15px 0px 0px;}
    .selfdrive ul li h5 {font-size: 14px;}
    .selfdrive ul li p{    font-size: 9px;}
    .ourservics .serbox h4{font-size: 16px;}
    .ourservics h2, .outstation h2{font-size: 20px;}
    .outstationbox .stationinner{flex: 1 0 46.33%;    padding: 15px;}
    .outstationbox .stationinner img {width: 46px;       height: 40px;   }
    .outstationbox .stationinner h6{font-size: 12px;}
    .outstationbox .stationinner p{font-size: 10px;}
    .aboutus .aboutimg{display: block;}
    .aboutus h2 {font-size: 35px;}
    .aboutus p {font-size: 13px;}
    .comparetop{width: 100%;}
    .comparebox{margin-bottom: 50px;}
    .specialties h3{    font-size: 21px;}
    .specialties a{margin-top: 20px;  margin-bottom: 20px;    font-size: 16px;    padding: 9px 37px;}
    .promisebox{flex-wrap: wrap ;}
    .promisebox .promise-set1, .promisebox .promise-set2{        flex: 0 0 100%;}
    .promisebox .promise-set2 .set2 h3 img {width: 14px;height: 14px;}
    .promisebox .promise-set1 h4{  text-align: center;  font-size: 18px;    line-height: 28px;    margin-top:0; }
    .promisebox .promise-set1 h4 br{display: none;}
    .promisebox .promise-set2 .set2 img {width: 60px;  height: 60px;}
    .promisebox .promise-set2 .set2 h3 {font-size: 12px;}
    .promisebox .promise-set2 .set2 p {font-size: 10px;}
    .readlater{width: 100%;}
    .readbtn{width: 200px;}
    .cabbox ul{overflow-x: scroll;}
    .cabbox ul li{flex: 0 0 30%; padding: 6px;}
    .cabbox ul li p{font-size: 11px;}
    

}    
@media only screen and (min-width: 600px) {
    .modal-content.slideupcontent{height: 80vh;}
    .modal-content.slideupcontent{width: 70%;}
    }
    @media only screen and (max-width: 600px) {
        .modal-content.slideupcontent{width: 100%;}
    .modal-content.slideupcontent{ height: 75vh !important;}
    .close-btn {position: relative !important; top: -38px !important;left: 0px !important;margin: -29px auto !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: 10px;}
    .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: 80px;}
    .questioncolor {padding: 50px 0;}
    .questioncolor .col-sm-4.text-center img{padding: 15px 0; width: 100%;}
    .cabpackage {padding: 20px 0;}
    .cabpackage h2 {font-size: 18px;}
    .feature_box{height: 50px;}
    .feature_box p{font-size: 10px;}
    .selfdrive h2 {font-size: 17px;}
    .selfdrive ul li {flex: 0 0 49.33%;  margin-top: 20px;  padding-bottom: 10px; }
    .selfdrive ul li img {width: 54px; height: 54px;}
    .serbox img{width: 100%;}
    .ourservics,.outstation,.comparelist{padding: 20px 0;}
    .outstationbox{display: block;}
    .outstationbox .stationinner h6 {font-size: 15px;}
    .outstationbox .stationinner{margin-bottom: 15px;}
    .aboutus .aboutimg{display: none;}
    .aboutus h2 {font-size: 21px;}
    .aboutus h4 {margin-bottom: 10px;font-size: 13px;}
    .aboutus p {font-size: 11px;}
    .aboutus h5 {font-size: 14px;  margin-bottom: 11px;}
    .aboutus ul li .listimg{    flex: 0 0 16%;}
    .aboutus ul li h6{font-size: 15px;}
    .aboutus ul li p{font-size: 11px;}
    .comparetop h2{font-size: 20px;}
    .comparetop p{font-size: 11px;}
    .comparebtn a{padding: 10px 10px 10px 10px;}
    .promisebox{flex-wrap: wrap;}
    .promisebox .promise-set2 .set2 h3 img {width: 14px;height: 14px;}
    .promisebox .promise-set1 h4{  text-align: center;  font-size: 18px;    line-height: 28px;    margin-top:0; }
    .promisebox .promise-set1 h4 br{display: none;}
    .promisebox .promise-set2 .set2 img {width: 60px;  height: 60px;}
    .promisebox .promise-set2 .set2 h3 {font-size: 12px;}
    .promisebox .promise-set2 .set2 p {font-size: 10px;}
    .promisebox .promise-set2 {justify-content: flex-start; }
    .promisebox .promise-set2 {flex-wrap: wrap;}
    .disclamier p {font-size: .6rem;}
    .copyright p {font-size: 12px;text-align: center;    padding: 2px 0;}
    .readctn h2{    font-size: 16px;}
    .readctn p{font-size: 11px;}
    .readbtn a{font-size: 12px;}
    .readbtn a img {width: 23px; }
    .modal.fade.poupdesign .modal-dialog{transform: none; position: fixed; bottom: -100%; margin: 0;width: 100%; transition: bottom .5s ease-out;}
    .modal.show.poupdesign .modal-dialog{bottom: 0; transition: bottom .5s ease-out;}
    .poupdesign .modal-content{    border-radius: 0;}
    .view li span{font-size: 11px;}
    .recommend_box h3 {font-size: 15px;}
    .plvi{margin-top: 3px; margin-bottom: 1px;}
    .f12b{font-size: 12px;margin-top: 3px}
    .am_ttl2 li {font-size: 11px;}
    .view li{    padding: 2px 4px;    font-size: 0.8rem;}
    .recommend_box a{padding: 6px; font-size: 11px;}
    .tourimg img{height: 160px;}
    .tourbox {margin-bottom: 5px;}
   
}
@media only screen and (max-width:467px){
    .placesnear .onebox{font-size: 10px;}  
    .view li span{font-size: 10px;}
    .readlater{display: block;    margin-bottom: 2rem;}
    .readbtn {width: 150px; margin: 10px auto 0;}
 
}