@media (max-width:1200px) {
    html, body{
        overflow-x: clip;
    }
    .hambuuefer {
        position: absolute;
        right: 22px;
        top: 21px;
        display: block;
        z-index: 999;
    }

    .aru-vel-btn{
        font-size:14px;
       padding: 7px 30px; 
    }
    .rental-tab-content .tab-pane{
        max-width: 100%;
    }
       .car-rentaltab{
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: flex;
        flex-wrap: unset;
    }
    .car-rentaltab::-webkit-scrollbar {
    height: 3px; /* horizontal scrollbar height */  
    }
    
    .car-rentaltab::-webkit-scrollbar-track {
      background: #f1f1f1; /* track color */
    }
    .whatsappicon .call-icons{
        display:block !important;
    }
    .hambuuefer i {
        font-size: 27px;
        color: var(--secondary-color);
    }
    .submenu.visible{
        display:block !important;
    }
    .header-top-sec{
        display:none;
    }
    .header-right-btn{
        display:none;
    }
    .header-botom-sec nav{
        position: fixed;
        z-index: 999999;
        background: #fff;
        top: 0;
        width: 100%;
        height: 100vh;
        left: 0;
        padding: 60px 25px 25px;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s linear;
    }
    .header-botom-sec nav.shows{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    .mega-menu{
        gap: 10px;
        justify-content: center;
        flex-direction: column;
        align-items: unset;
        padding: 0;
    }
    .mega-menu li > a{
        font-size:14px;
    }
    .mega-menu .dropdown:before{
        display:none;
    }
    
    .dropdown .dropn-btnmobile {
        position: absolute;
        right: 0;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 25px;
        top: 0;
        background: #000;
        display: block;
    }
    
    .dropdown .dropn-btnmobile i {
        color: #fff;
    }
    .mega-menu .dropdown .submenu{
        position: relative;
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        left: 0;
        width: 100%;
        margin: 10px 0 0;
        display:none;
    }
    .mega-menu .dropdown:hover .submenu{
        top:0;
    }
    .mega-menu .dropdown .submenu a{
        font-size:13px;
    }
    .close-button {
        position: absolute;
        right: 15px;
        display: block;
        top: 15px;
    }
    .close-button i {
        font-size: 27px;
        color:var(--secondary-color);
    }
}

@media (max-width:768px) {
    .contact-tabpp {
    display: flex;
    justify-content: space-between;
    }
    .car-rental-tab li:before{
        font-size:15px;
        top:0;
    }
    .contact-tabpp .nav-link {
     margin: 0; 
    font-size: 14px;
    padding: 5px 10px;
    }
    .boo-btnss{
        margin:0 auto;
        font-size:14px;
    }
    .include-excludes-content .inclu-box-poin li:before{
        width:15px;
        height:15px;
    }
    .benefit-content-box-content .benefit-box .icon img{
        width:30px;
        height:30px;
    }
    .testimonila-sec-main-box .container-fluid > .row{
        flex-direction: column-reverse;
    }
    .about-sec-intro{
        padding:3rem 0;
    }
    .tripex-destination-item .thumbnail img {
    width:auto;
    }
    .tripex-destination-item .thumbnail{
        text-align:center;
    }
    .tour-package-liding-secmm{
        padding:3rem 0;
    }
    .tour-package-liding-content p{
        text-align:justify;
    }
    .call-what-package .call-whatss img{
        width:30px;
    }
    .tripex-destination-item .thumbnail .content h4{
      font-size: 11px;
        margin: -5px;
    }
    .rental-steps{
        padding:3rem 0;
    }
    .rental-steps h4{
        font-size:16px;
    }
    .package-box-main{
        padding:20px 0;
    }
    .package-box{
        margin:0 0 10px;
    }
    .package-box .pack-icon {
   height: 30px;
        min-width: 30px;
        border-radius: 40px;
    }
    .package-box .pack-icon:before {
          font-size: 18px;
        line-height: 31px;
    }
    .tour-package-sec, .days-sec-main-packag, .include-excludes-sec{
        padding:3rem 0;
    }
    .day-night-box-book .day-items-box .day-ima-box span{
        width: 50px;
        height: 50px;
        font-size:13px;
    }
    .day-night-box-book .day-items-box .day-title{
        font-size: 17px;
        padding-bottom: 10px;
        margin: 0 auto;
    }
    .day-night-box-book .day-items-box .day-content-points li{
        font-size:14px;
    }
    .include-excludes-content .inclu-box-poin li{
        font-size:14px;
        padding-left: 25px;
    }
    .day-night-box-book .night-img-box{
        margin-top:10px;
    }
    .day-night-box-book .day-items-box{
        gap:20px;
        flex-direction: column;
        align-items: center;
    }
    .include-excludes-sec .include-excludes-main{
        margin:0 10px;
    }
    .include-excludes-content .inlu-title{
        font-size:16px;
    }
    .cta-package-main .cta-package-bg{
        padding-top:30px;
        margin:0 10px;
    }
    .packages-why-box{
        padding:20px;
        height:auto;
    }
    .packages-why-sec{
        padding:3rem 0 0;
    }
    .serv-ices-nearby-sec{
        padding:3rem 0;
    }
    .packages-why-sec .col-lg-4:not(:last-child) .packages-why-box{
        margin:0 0 20px;
    }
    .packages-why-box .iocn-title .why-title{
        font-size:16px;
    }
    .cta-package-content .section-title .sec-big-title{
        font-size:23px;
    }
    .day-night-box-book:before, .day-night-box-book:after, 
    .cta-package-main .cta-package-bg:after, .cta-package-main .cta-package-bg:before{
        display:none;
    }
    .day-night-box-book .day-items-box:not(:last-child){
        margin-bottom:30px;
    }
    .day-night-box-book .day-items-box .day-content-box{
        padding:20px;
    }
    .day-night-box-book .day-items-box .day-content-box:before {
    top:10px;
    }
   .tripex-destination-item .thumbnail .bottom-img{
   height: 91px;
    background-repeat: no-repeat;
    background-image: url(../image/bg/shapess.webp);
    
   }
    .rental-steps .step .icon-container{
        width: 100px;
        height: 100px;
        margin: 0 auto 0;
    }
    .rental-steps .step{
        margin:0;
    }
    .rental-steps .col-lg-4:not(:last-child) .step{
        margin:0 0 30px;
    }
    .features-section .feature-items {
    width: 50%;
    }
    .feature-card{
        padding:10px;
    }
    .feature-card p{
        font-size:14px;
    }
    .features-section{
        padding:3rem 0;
    }
    .activity-sec-about{
        padding:3rem 0;
    }
    .com-servi-items{
        flex-direction: column-reverse;
        margin:0;
    }
    .activity-sec-about .col-md-6:not(:last-child) .com-servi-items{
        margin:0 0 20px;
    }
    .rental-process{
        padding:3rem 0;
    }
    .process-car img {
    width: 40px;
    height: 40px;
    }
     .process-car{
         padding:30px;
     }
    .process-car h5{
        font-size:16px;
    }
    .process-car .step-number{
        width: 30px;
        height: 30px;
        font-size: 14px;
        bottom: -10px;
    }
    .com-servi-items .image-box img{
        width:100%;
    }
    .com-servi-items .content-boc-com {
    padding: 15px;
    align-items: center;
    }
    .com-servi-items .title-comper{
        font-size:16px;
    }
    .com-servi-items .icon-comm img{
        width:30px;
        height:30px;
    }
    .com-servi-items .image-box{
        max-width:100%;
    }
    .feature-card img{
        width:30px;
        height:30px;
    }
    .rental-steps .step p{
        margin:0;
    }
    .rental-steps .step .icon-container img{
        width: 40px;
    }
    .about-sec-intro .container > .row{
        flex-direction: column-reverse;
    }
    .about-sec-intro .abou-intro-img{
        overflow:hidden;
        margin-top:30px;
    }
    .about-sec-intro .abou-intro-img:after {
    width: 100%;
    height: 350px;
    }
    .booking-formif {
    padding: 15px;
  }
    .booking-tabpp{
        gap:10px;
    }
    .services-box-card:before{
        width:100%;
        height:100%;
        left:0;
        top:0;
    }
    .tripex-iconic-box{
        padding:10px;
    }
    .tripex-iconic-box .content h5 {
    font-size: 14px;
    }   
    .tripex-iconic-box .icon {
    width: 60px;
    height: 60px;
    margin-bottom:10px;
    }
    .why-choose-serve-content .section-title .sec-big-title br{
        display:none;
    }
    .why-choose-bo-services:before{
        display:none;
    }
    .why-choose-serve-bg {
    padding: 15px 0;
    margin: 0;
    gap: 10px 0;
    }
    .benefit-iconic-box .befnifi-points li{
        font-size:14px;
    }
    .why-choose-serve-content .section-title .sec-big-title {
    font-size: 18px;
    }
    .service-car-tab-content .tab-pane .row {
    gap: 10px 0;
    }
    .service-car-tabs {
        margin-bottom: 15px !important;
        gap: 10px 0;
    }
    .benefit-iconic-box .befnifi-points li .icon:before{
        font-size:16px;
    }
    .service-car-tab-content .tab-pane > .title{
        font-size:16px;
    }
    .service-car-tab-content{
        padding:10px;
    }
    .service-car-tab-content .tab-pane .ser-tab-title{
        font-size:16.5px;
    }
    .service-car-tabs .nav-link{
        padding: 5px 15px;
        font-size: 14px;
    }
    .services-liding-secmm{
    padding:3rem 0;
    }
    .section-title.text-center {
    margin-bottom: 20px;
}
    .services-box-card .title{
        max-width:100%;
    }
    .services-box-card h4 {
    line-height: 0;
    }
    .services-liding-secmm .row {
    gap: 15px 0;
    }
    .services-box-card .serv-but-link{
        bottom: 0;
        width: 25px;
        height: 25px;
        line-height:25px;
    }
    .car-ser-icon {
    padding: 0 0 10px;
    margin: 0 0 10px;
    }
  .booking-formif input,
  .booking-formif select,
  .booking-formif textarea {
    font-size: 14px;
    padding: 10px 12px;
  }

  .booking-formif .boo-btnss {
    width: 100%;   /* Full width button */
    font-size: 15px;
    padding:7px 10px;
  }
.packages-why-box .iocn-title{
    
    gap: 16px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
  .booking-tabpp .nav-link {
        width: 100%;
        padding: 7px 10px;
        text-align: center;
        font-size: 13px;
        margin: 0;
  }
  .rental-services-corousel .swiper-button-prev:after,
  .rental-services-corousel .swiper-button-next:after{
          height: 30px;
    min-width: 30px;
    display: flex;
    font-size: 9px;
  }
    .home-banner-form-sec.active{
        margin-top:-25px;
        
    }
    .services-intro-sec{
        padding: 3rem 0px;
    }
    .benefit-serv-sec{
        padding: 3rem 0;
    }
    .car-ser-box .serv-btn-box a{
        padding: 2px 7px;
        font-size: 9px;
    }
    .services-tab-sec-main {
        padding:3rem 0;
    }
    .benefit-iconic-box {
              padding: 12px;
        padding-bottom: 18px;
        margin-bottom: 23px;
    }
    .benefit-iconic-box .title{
        font-size:16px;
    }
    .why-choose-bo-services{
        padding: 3rem 0;
    }
    .thumbnail{
            border-radius: 199px;
    }
        .benefit-iconic-box .icon-titl {
                padding-bottom: 15px;
                margin-bottom: 15px;
        }
   
    .vehicle-rental-tab {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .vehicle-rental-tab .nav-item {
    width: 100%;
    text-align: center;
  }

  .vehicle-rental-tab .nav-link {
    width: 100%;
    border-radius: 6px;
    font-size: 14px;
    padding: 10px 12px;
    margin-right: 0;
  }
    .accordion .accordion-button::after{
        position:absolute;
        right:10px;
    }
    .rental-intro-sec{
        padding:2.5rem 0;
    }
    .car-card-sedtion{
        margin:0;
        padding:10px;
    }
    .car-card-sedtion .car-header .car-name{
        font-size:13px;
    }
    .car-card-sedtion .feature::before{
        width: 20px;
        height: 20px;
    }
    .car-card-sedtion .btn-book{
        font-size:13px;
    }
    .aru-vel-btn{
         font-size:13px;
    }
    .equry-title{
        margin-top: 20px;
    }
    .car-rentaltab{
        margin: 0 0 20px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: flex;
        flex-wrap: unset; 
    }
    .car-rentaltab .nav-link{
        padding-bottom: 10px;
        font-size: 15px;
    }
    .banner-sec-home, .contact-main-sec {
        padding: 2.5rem 0;
    }
    .features-main-sec, .benefits-sec-main{
        padding: 2.5rem 0;
    }
    .benefit-content-box-content .benefit-box:not(:last-child) {
    padding-bottom: 20px;
    }
    .benefit-content-box-content .benefit-box{
        gap: 20px;
    }
    .benefit-content-box-content .benefit-box .title-content h4{
        font-size:16px;
    }
    .benefit-content-box-content .benefit-box .icon {
    min-width: 45px;
    height: 45px;
    line-height:45px;
    }
    .benefit-content-box-content .benefit-box .icon:before{
        top:7px;
    }
    .rental-tab-content .tab-pane{
        max-width:100%;
    }
    .rental-detail-cta{
        padding: 0;
    }
    .why-choose-rental{
        padding:2.5rem 0;
    }
    .rental-whychoo .why-ch-box .title-content h4{
        font-size:16px;
        text-align:center;
    }
    .rental-whychoo .why-ch-box .title-content p{
        text-align:justify;
    }
    .rental-whychoo .why-ch-box:not(:last-child){
        margin: 0 0 25px;
        padding: 0 0 15px;
    }
    .why-choo-rental-img{
        margin:20px 0 30px;
    }
    .rental-whychoo .why-ch-box{
        gap: 10px;
        flex-direction: column;
    }
    .rental-whychoo .why-ch-box .icon{
        margin:0 auto;
    }
    .benefit-content-box-img{
        margin-right:0;
        margin-bottom:20px;
    }
    .beadcrump-form-box .car-retal-form .inpt-boxff, 
    .beadcrump-form-box .car-retal-form .inpt-boxff-btn{
        width:100%;
    }
    .beadcrump-form-box .veicle-retal-form .inpt-boxff input, 
    .beadcrump-form-box .veicle-retal-form .inpt-boxff select, 
    .beadcrump-form-box .veicle-retal-form .inpt-boxff textarea{
        font-size:12px;
    }
    .conatc-box-form{
        padding:10px;
    }
    .cantac-box-items {
        padding: 20px;
        border-radius: 20px;
        margin-bottom:30px;
    }
    .beadcrump-sec-main{
        padding:2.5rem 0;
    }
    .form-rental-box{
        margin-left:0;
    }
    .contact-formif input, .contact-formif select, .contact-formif textarea {
        font-size:14px;
        margin-bottom:10px;
    }
    .conatc-box-form:before{
        height: 70px;
        width: 150px;
        bottom: -12px;
    }
    .beadcrump-menu li a, .beadcrump-menu li{
        font-size:14px;
    }
    .beadcrump-menu li:not(:last-child):before{
        top:0;
    }
    .beadcrump-menu{
        margin:20px auto 0;
        flex-wrap: wrap;
    justify-content: center;
    }
    .conatc-box-form{
        overflow:hidden;
    }
    .single-sidebar-widget{
        margin:20px 0 0;
    }
    .wid-title h4{
        font-size:18px;
    }
    .rental-detail-cta .rental-cta-bg{
        margin:0 10px;
        border-radius:20px;
        padding:40px 0 0;
    }
    .cta-bookk{
        text-align:center;
    }
    .cantac-box-items .addres-box li .icon i{
        font-size:25px;
    }
    .sossmedia-book {
        margin:20px 0 0;
        justify-content: center;
    }
    .sossmedia-book li a i{
        font-size:14px;
    }
    .sossmedia-book li a{
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
    .beadcrump-sec-main .beadcrump-box-menu{
        width:100%;
        text-align:center;
    }
    .beadcrump-sec-main .beadcrump-box-menu h1{
        font-size:23px;
    }
    .whatsappicon img{
        width:35px;
        height:35px;
    }
    .process-boxss .title{
        margin:0;
    }
    .process-boxss .icon-main-bb .icon img{
        width:40px;
    }
    .about-sec-mainff .abou-content-box{
        margin-left:0;
    }
    .banner-title-box h1{
        font-size: 23px;
    }
    .banner-title-box span {
        font-size: 10px;
        margin-bottom: 10px;
    }
    .banner-sec-home{
        text-align: center;
    }
    .banner-sec-home p{
        text-align: justify;
    }
    p{
        font-size: 14px;
    }
    .banner-img-box:before{
        left: 0;
        top:20px;
        width: 310px;
        height: 310px;
    }
    .banner-carousel .swiper-wrapper {
        height: 400px;
    }
    .banner-form-box .veicle-retal-form .inpt-boxff, .banner-form-box .veicle-retal-form .inpt-boxff-btn{
        width: 100%;
    }
    .bannerform-menu .nav-link{
        font-size: 14px;
    }
    .bannerform-menu{
        max-width: fit-content;
        margin: 0 auto;
        display: flex;
    }
    .banner-form-box{
        border-radius: 10px;
    }
    .banner-form-box .veicle-retal-form .inpt-boxff input, .banner-form-box .veicle-retal-form .inpt-boxff select, .banner-form-box .veicle-retal-form .inpt-boxff textarea{
        font-size: 12px;
    }
    .bannerbtnff{
        font-size: 12px;
    }
    .about-sec-mainff{
        padding: 2.5rem  0;
    }
    .section-title .sec-big-title {
        font-size: 18px;
        text-align: center;
    }
    .boot-btn{
        font-size: 12px;
    }
    .abou-right-btn{
        margin:10px 0 0;
        text-align: center;
    }
    .about-point li .content-title .title {
        font-size: 16px;
    }
    .about-point li:not(:last-child){
        margin:0 0 10px;
    }
    .about-point li{
        gap:10px;
    }
    .about-point li .icon{
        min-width: 40px;
        height: 40px;
        line-height: 38px;
    }
    .about-point li .icon img{
        width:20px
    }
    .about-sec-mainff:before{
        display: none;
    }
    .key-number-section{
        padding:0
    }
    .key-number-main-boxss{
        clip-path: unset;
        gap: 10px;
    }
    .key-number-main-boxss{
        padding:20px;
        border-radius: 20px;
    }
    .key-number-main-boxss .key-numbe-box img{
        width:40px
    }
    .key-number-main-boxss .key-numbe-box .title-text span{
        font-size: 20px;
    }
    .key-number-main-boxss .key-numbe-box{
          flex-direction: column;  
          width: 48%;
    }
    .key-number-main-boxss .key-numbe-box .title-text{
        text-align: center;
    }
    .about-sec-mainff .row{
       flex-direction: column-reverse; 
    }
    .service-sec-home{
        padding:2.5rem 0;
    }
    .section-title {
        margin-bottom: 20px;
    }
    .car-tab-view .nav-link{
        font-size: 14px;
    }
    .car-tab-view .nav-link{
        padding-bottom:10px;
    }
    .services-btn{
        text-align: center;
    }
    .car-tab-view{
        margin:10px 0 20px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: flex;
        flex-wrap: unset;
    }
    .car-tab-view .nav-link.active:before{
        display: none;
    }
.car-tab-view::-webkit-scrollbar {
  height: 3px; /* horizontal scrollbar height */  
}

.car-tab-view::-webkit-scrollbar-track {
  background: #f1f1f1; /* track color */
}

.car-tab-view::-webkit-scrollbar-thumb {
  background: var(--secondary-color); /* scrollbar color */
  border-radius: 4px;
}
.car-ser-box .conten-title-box{
    padding:10px;
}
.conten-title-box .title-bocx .title{
    font-size: 12px !important;
}
.conten-title-box .title-bocx h4{
    line-height:0.8;
}
.conten-title-box .title-bocx {
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.service-sec-home .container .row:last-child{
    gap:10px 0;
}
.car-ser-icon .icon p {
    font-size: 10px;
}
.car-ser-icon .icon:before{
    width: 15px;
    height: 15px;  
}
.car-ser-icon .icon {
    margin-top:20px;
}
.why-choose-sec{
    padding:2.5rem 0;
    margin-bottom:2.5rem;
}
.testimonila-sec-main-box .container-fluid{
    padding-left:10px;
}
.testimonial-img img{
    position:relative;
}
.testimonila-sec-main-box .offset-1{
    margin-left:unset;
}

.why-choo-box{
    padding:20px;
}
.why-choo-box .icon{
    margin-bottom: 10px;
    text-align: center;
}
.why-choo-box .icon img{
    width: 50px;
}
.why-choo-box .title{
   font-size: 16px;
        text-align: center;
        margin-bottom: 13px;
}
.why-choose-sec .row .col-lg-3:not(:last-child){
    margin-bottom: 15px;
}
.cta-sec-mainbokk{
    padding:2.5rem 0 6.5rem;
}
.process-sec-main{
    padding: 8rem 0 2.5rem;
}
.process-boxss .title{
    font-size: 10px;
        padding: 9px;
}
.process-boxss .icon-main-bb{
          padding: 20px 0 69px 0;
}
.services-main-secss{
    padding:2.5rem 0;
}
.services-box-card .title{
           padding: 0;
        font-size: 9px;
        margin-bottom: 10px;
        line-height: 1.4;
}
.services-box-card{
    padding:10px;
}
.services-box-card{
    margin-bottom: 0;
}
.testimonila-sec-main-box, .faq-sec-main{
    padding: 2.5rem 0;
}
.accordion .accordion-button {
    font-size: 14px;
    line-height: 1.5;
    padding-right: 28px;
}
.testimonila-sec-main-box .container > .row{
    flex-direction: column-reverse;
}
.testimonila-sec-main-box .testimonial-img{
    margin-bottom:20px;
}
.testimonila-sec-main-box .testimonial-box-cone {
    margin-bottom: 20px;
}
.testimonila-sec-main-box .testimonial-box-cone p{
    margin: 0;
    text-align:justify;
}
.why-choose-sec:before{
    width:98%;
}
.quicklinks {
    gap: 15px 20px;
    margin: 0 0 20px;
    flex-wrap: wrap;
}
.quicklinks li a{
    font-size:14px;
}
.quicklinks li:not(:last-child):before{
        height: 50%;
        right: -10px;
        bottom: -4px;
}
.accordion-body{
    padding-top:0;
}
.accordion-body p{
    margin:0;
    text-align: justify;
}
.testimonial-box-sss .person-box-icon h4{
    font-size: 16px;
    margin: 0;
}
.testimonial-box-sss {
    height:100%;
}
.testimonial-carousel-main .swiper-slide{
    height: auto !important;
}

.testimonial-carousel-main .swiper-pagination-bullet {
    width: 28px !important;
    height: 3px;
}
.testimonial-carousel-main .swiper-pagination{
    left:0;
    right:0;
    margin: 0 auto;
}
.testimonial-carousel-main .swiper-wrapper {
    margin-bottom: 35px;
}
.footer-top-sec{
    padding: 20px 0;
    text-align: center;
}
.social-media-book{
    justify-content: center;
}
.footer-hight-words p{
    margin:10px 0;
}
.social-media-book li a {
    width: 30px;
    height: 30px;
    line-height: 35px;
    font-size: 10px;
}
.social-media-book li a i{
    font-size: 16px;   
}
.footer-menuaa li a {
    font-size: 13px;
}
.footer-menuaa{
    margin:0 0 15px;
}
.footer-menu-box .title{
    font-size: 14px;
    margin-bottom: 5px;
}
.footer-hight-words p{
    padding: 0;
}
.footer-addrew-fff li p span{
    font-size: 14px;
}
.footer-addrew-fff li p,
.footer-addrew-fff li a{
    font-size: 13px;
}
.cpry-sec-main{
    margin: 20px 0 0;
}
.copr-right-text p{
    text-align: center;
}
.copr-right-text a, .copr-right-text.text-end{
    text-align: center !important;
}
.package-box-main .package-box:before{
    display:none;
}
}

@media (min-width:769px) and (max-width: 900px){
    
.booking-formif {
    padding: 20px;
  }
  .package-box{
      margin:0 0 15px;
  }
  .cta-package-content .section-title .sec-big-title{
      font-size:30px;
  }
  .cta-package-main .cta-package-bg{
      padding-top:40px;
  }
  .packages-why-sec .col-lg-4:not(:last-child) .packages-why-box{
      margin:0 0 20px;
  }
  .packages-why-box{
      height:auto;
  }
  .packages-why-box .iocn-title .why-title{
      font-size:18px;
  }
  .about-sec-intro .abou-intro-img{
      margin:0 0 20px;
  }
  .day-night-box-book .day-items-box {
      gap: 40px;
  }
  .day-night-box-book .day-items-box .day-title{
      font-size:20px;
  }
  .day-night-box-book .day-items-box .day-ima-box span{
      height: 50px;
      width:50px;
      font-size:14px;
  }
  .day-night-box-book .day-items-box .day-content-box:before{
      top:10px;
  }
  .day-night-box-book:before{
      left:25px;
  }
  .day-night-box-book:after{
      left:18px;
  }
  .day-night-box-book .night-img-box{
      text-align:center;
      margin-top:20px;
  }
  .cta-package-main .cta-package-bg:after{
      bottom:20%;
      top:unset;
  }
  .cta-package-main .cta-package-bg:before{
      bottom:30%;
      top:unset;
  }
  .tripex-destination-item .thumbnail .content h4{
      font-size:17px;
  }
  .rental-steps .step{
      margin:0;
  }
  .rental-steps .step .icon-container{
        margin:auto auto 0;
        width: 100px;
        height: 100px;
  }
   .rental-steps .step .icon-container img{
       width:30px;
   }
   .features-section .feature-items {
    width: 33%;
    }
    .com-servi-items{
        flex-direction: column-reverse;
    }
    .com-servi-items .image-box img{
        width:100%;
    }
    .com-servi-items .image-box{
        max-width:100%;
    }
    .process-car{
        padding:30px 10px 30px;
    }
    .process-car h5{
        font-size:17px;
    }
    .testimonila-sec-main-box .testimonial-box-cone {
    margin-bottom: 0px;
    }
  .why-choose-serve-bg {
    padding: 30px 15px;
  }
  .tripex-iconic-box .icon {
    width: 70px;
    height: 70px;
  }
  .why-choose-serve-content .section-title .sec-big-title {
    font-size: 25px;
}
.why-choose-bo-services:before{
    display:none;
}

.tripex-iconic-box .content h5{
    font-size:16px;
}
.why-choose-serve-content .section-title .sec-big-title br{
    display:none;
}
.service-car-tab-content .tab-pane .ser-tab-title{
    font-size:20px;
}
.service-car-tab-content .tab-pane > .title{
    font-size:18px;
}
.conten-title-box .title-bocx h4{
    line-height:0.9;
}
    .banner-form-box .veicle-retal-form .inpt-boxff, 
    .banner-form-box .veicle-retal-form .inpt-boxff-btn {
    width: 49%;
    }
  .booking-formif .boo-btnss {
    font-size: 16px;
    padding: 12px 20px;
  }
    .services-box-card .title {
        font-size: 14px;
        max-width: 100%;
    }
    .accordion .accordion-button {
    font-size: 16px;
    }
    .services-box-card h4 {
    margin: 0;
    line-height: 0;
    }
    .services-box-card .serv-but-link{
        bottom: 0;
    }
    .services-box-card .serv-but-link{
        width: 30px;
        height: 30px;
        line-height: 35px;
    }
    .services-liding-secmm{
        padding:4rem 0;
    }
    .section-title.text-center {
        margin-bottom: 20px;
    }
    .services-box-card{
        padding:20px;
    }
    .services-box-card:before{
        width:100%;
        height:100%;
    }
    .benefit-serv-sec{
        padding: 3rem 0px;
    }
    .conatc-box-form{
        padding:20px;
    }
    .cantac-box-items{
        padding:20px;
        border-radius:20px;
    }
    .beadcrump-form-box .car-retal-form .inpt-boxff, 
    .beadcrump-form-box .car-retal-form .inpt-boxff-btn {
    width: 49%;
    }
    .ser-into-img {
        text-align: center;
    }
    .ser-into-img img{
        width: 100%;
    }
    .why-choose-bo-services{
        padding: 3rem 0;
    }
    .benefit-iconic-box .icon-titl{
      padding-bottom: 19px;  
    }
    .tripex-iconic-box{
        padding: 17px 15px 21px;
    }
    .aru-vel-btn{
        font-size:14px;
    }
    .benefit-content-box-img{
        text-align:center;
        margin:0 0 20px;
    }
    .why-choo-rental-img .why-in-im{
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .why-choo-rental-img{
        margin:20px 0;
    }
    .car-card-sedtion, .single-sidebar-widget{
        max-width:fit-content;
        margin:0;
    }
    .rental-detail-cta .rental-cta-bg{
        margin:0 20px;
        padding:50px 0 0;
    }
    .rental-intro-sec .col-lg-4{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .cta-bookk{
        text-align:center;
    }
    .rental-whychoo .why-ch-box {
    background-color: #FFFFFF00;
    padding: 0 0 30px;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #ececec;
    border-radius: 0px 0px 0px 0px;
    margin: 0 0 30px;
    }
     .banner-title-box h1{
        font-size:35px;
    }
    .rental-tab-content .tab-pane{
        max-width:100%;
    }
    .car-rentaltab{
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: flex;
        flex-wrap: unset;
    }
    .car-rentaltab::-webkit-scrollbar {
    height: 3px; /* horizontal scrollbar height */  
    }
    
    .car-rentaltab::-webkit-scrollbar-track {
      background: #f1f1f1; /* track color */
    }
    .benefit-content-box-img{
        margin-right:0;
    }
    .car-rentaltab::-webkit-scrollbar-thumb {
      background: var(--secondary-color); /* scrollbar color */
      border-radius: 4px;
    }
    .about-sec-mainff .row{
        flex-direction: column-reverse;
        gap:20px 0;
    }
    .why-choose-sec .col-md-6:not(:last-child){
        margin-bottom:20px;
    }
    
    .section-title .sec-big-title{
        font-size:25px;
    }
    .car-ser-box .conten-title-box{
        padding:10px;
    }
    .conten-title-box .title-bocx .title{
        font-size:15px !important;
    }
    .form-rental-box{
        margin-left:0;
    }
    .cantac-box-items .addres-box li .icon i{
        font-size:28px;
    }
    .contact-formif input, .contact-formif select, .contact-formif textarea{
        margin-bottom:15px;
    }
    .beadcrump-sec-main .beadcrump-box-menu{
        width:100%;
    }
    .beadcrump-sec-main .beadcrump-box-menu h1{
        font-size:30px;
    }
    .conatc-box-form:before{
        right: 0;
        bottom: 0;
        height: 70px;
        width: 200px;
    }
    .footer-menu-box{
        margin:0 0 20px;
    }
    .footer-hight-words p{
        font-size:16px;
    }
    .social-media-book li a {
    width: 30px;
    height: 30px;
    line-height: 35px;
    
    }
    .social-media-book li a i{
      font-size:14px;  
    }
}

@media (min-width: 901px) and (max-width : 1200px){
    .conatc-box-form{
        padding:30px;
    }
    .car-ser-box .conten-title-box{
    padding: 10px;
    }
    .cta-package-content .section-title .sec-big-title{
        font-size:30px;
    }
    .day-night-box-book .day-items-box .day-title{
        font-size:21px;
    }
    .package-box-main{
        padding:20px;
    }
    .package-box .pack-icon:before{
        height: 40px;
        min-width: 40px;
    }
    .package-box .pack-icon:before{
        font-size:20px;
        line-height:48px;
    }
    .call-what-package{
        gap:10px;
    }
    .day-night-box-book .day-items-box .day-ima-box span{
        height: 60px;
        width: 60px;
        font-size:14px;
    }
    .include-excludes-content .inlu-title{
        font-size:20px;
    }
    .tripex-destination-item .thumbnail .content h4{
        font-size:18px;
    }
    .packages-why-box .iocn-title .why-title{
        font-size:18px;
    }
    .about-sec-intro .abou-intro-img:after {
    
    width: 450px;
    height: 450px;
    }
    .features-section .feature-items {
    width: 25%;
    }
    .com-servi-items .title-comper{
        font-size:17px;
    }
    .cantac-box-items{
        padding:20px;
        border-radius:20px;
    }
    .why-choose-serve-bg{
        padding:20px 15px;
    }
    .tripex-iconic-box .content h5 {
    font-size: 16px;
    }
    .services-box-card{
        padding: 30px 0px 0px 50px;
    }
    .section-title .sec-big-title {
    font-size: 28px;
    }
    .rental-detail-cta .rental-cta-bg{
        padding:60px 0;
        margin:0 20px;
    }
    .beadcrump-sec-main .beadcrump-box-menu h1{
        font-size:30px;
    }
    .beadcrump-menu{
        padding:4px 10px;
    }
    .conatc-box-form:before{
        height: 150px;
        width: 200px;
    }
    .cantac-box-items .addres-box li .icon i{
        font-size:30px;
    }
    .banner-img-box:before{
        width:400px;
        height:400px;
        margin:0 auto;
        left:0;
        right:0;
    }
    .key-number-main-boxss{
        gap:5px;
    }
  
}