@media(max-width:767.9px) {
    a.nav-link {
        font-size: 5px !important;
        padding: 4px !important;
    }
    .log-img{
        width: 80px !important;
    }
    .hme-img{
        width: 15px !important;
    }
    .cus-img{
        position: relative;
        top: 0;
      }
      .box-bg::before{
        display: none;
      }
      p.para.res-para{
        font-size: 10px;
      }
      .foot:before{
        display: none;

      }
      img.crl-img{
        margin-top: -31% !important;
      }
      .foot{
        background-color: #054ff2;
      }
      .desc-set1{
        margin-top:10% !important;
    }
    .banner-img3{
        background-color: #013de9;
        height: auto;
        position: relative;
        object-fit: cover;
        top: 0 !important;
      
      }
      .customer-banner{
        background-image: url(../images/customer/bg.png);
        background-repeat: no-repeat;
        background-position: top center;
        margin-top: -10% !important;
      }
      .driver-banner{
        background-image: url(../images/customer/bg.png);
        background-repeat: no-repeat;
        background-position: top center;
        margin-top: -10% !important;
      }
      .cus-bg1:before{
     display: none;
      }
      .cus-bg1{
    background-color: #013de9;
    padding-bottom: 40px;
      }
      .desc-set-cus{
        margin-bottom: 10%;
      }
      .driver-5{
        margin-top: 12%;
        margin-bottom: 3%;
      }
      .vehicle-3{
        margin-top: 12%;
        margin-bottom: 3%;
      }
      section.faq-1{
        margin-bottom: 3% !important;
      }
      section.priv-1{
        margin-bottom: 3% !important;
      }
      section.location-2 {
        padding-bottom: 3%;
      }
      .drivr-img{
        background-color: #013de9;
        padding: 12px;
        box-shadow: 0px 0px 20px 0px #ccc;
        border-radius: 50%;
        display: block !important;
        margin-right: auto !important;
        margin-left: auto !important;
        margin-top: 30px !important;
        position: relative;
      }
      .swiper-para {
        font-size: 9px !important;
        font-family: 'Montserrat' !important;
        color: #00000045 !important;
        font-weight: 600 !important;
      }
      h5.tit.swiper-txt.text-center.mt-1.p-3 {
        font-size: 15px;
        margin-top: 25px !important;
      }
      .red-btn{
        border-radius: 10px !important;
        padding: 10px 25px !important;
        font-size: 9px !important;
      }
      .vec-sho{
        margin-bottom: 5%;
      }
      .search-box{
        background-color: #fff;
        padding: 15px;
        width: 100%;
        margin: auto;
        border-radius: 10px;
        border: 1px solid #013de9;
      }
      .accordion .accordion-content p {
        font-size: 12px;
        font-weight: 300;
        margin: 2em 0;
      }
      .accordion button {
        position: relative;
        display: block;
        text-align: left;
        width: 100%;
        padding: 1em 0;
        color: #7288a2;
        font-size: 10px;
        font-weight: 600;
        border: none;
        background: none;
        outline: none;
      }
      .accordion button .icon {
        display: inline-block;
        position: absolute;
        top: 3px;
        right: 0;
        width: 22px;
        height: 22px;
        border: 1px solid;
        border-radius: 22px;
    }
    .item{
        color:#013de9;
        font-size: 14px;
      }
      /*contact*/
      .location-img-text{
        padding-top: 20px;
        justify-content: center;
      }
      .c_number{
        padding-bottom: 1.5rem;
      }
      .below_contents{
        padding-top: 2rem;
      }
      .various-contacts {
        padding-top: 100px;
      }
     .contacts-button > h4{
      padding: 5px 5px ; 
      font-size: 15px;
     }
     .inner-texts > h4{
      font-size: 20px;
     }
     /*food-delivery*/
     .mobile_png{
  width: 150px;
  position: relative;

  top: 155px;
}
/*food-delivery*/
.wave-phone{
width: 80%;
}
.banner-text > h4{
  font-size: 25px;
}
     
   .get-the-app >small{
    font-size: 10px ;
   }
      .arrows{
    width: 25px;
   }
   .card-image-1 .arrows{
  position: absolute; bottom:0; right:12px;
  border-radius: 0px 0px 10px 0px;
}
}
@media(min-width:1400.9px) {
    .driver-5{
        margin-top: 12%;
        margin-bottom: 20%;
      }
      .about-4{
        margin-bottom: 20% !important;
      }
      .vehicle-3{
        margin-top: 12%;
        margin-bottom: 20%;
      }
      .faq-1{
        margin-bottom: 15% !important;
      }
      .priv-1{
        margin-bottom: 22% !important;
      }
      .location-2 {
        padding-bottom: 17%;
      }
     
}
@media(max-width:768.9px){
    .car-cnt-set{
        display: block !important;
              }
              .car-btn{
                float: none;
                display: block;
                margin: auto;
              }
              .box-cnt-set{
                width: auto !important;
                right: 0 !important;
                padding: 30px;
              }
              h5.tit.text-end.mt-1.pt-3 {
        
                text-align: center !important;
              }
              p.para.text-dark.text-end.mt-1 {
            
                text-align: center !important;
              }
              img.img-fluid.dots.p-3 {
                float: none;
                display: block;
                margin: auto;
              }
              .location-2 .desc-set-cus {
                box-shadow: 5px 5px 15px 0px #cccccc83;
                background-color: #fff;
                padding: 25px;
                width: auto !important;
                display: block;
                position: relative;
                top: -45px;
                margin: auto;
                box-shadow: 0px 15px 25px 0px #09309f;
              }
              
}
@media(max-width:460px){
    .customer-banner{
        background-image: url(../images/customer/bg.png);
        background-repeat: no-repeat;
        background-position: top center;
        margin-top: -15% !important;
      }
      .driver-banner{
        background-image: url(../images/customer/bg.png);
        background-repeat: no-repeat;
        background-position: top center;
        margin-top: -15% !important;
      }
         .card-image-1 .arrows{
  position: absolute; bottom:0; right:49px;
  border-radius: 0px 0px 10px 0px;
}
}
@media (max-width: 991.9px){
.nav-link {
    font-size: 9px !important;
    font-weight: 600;
    color: #013fe9;
    margin: 6px !important;
    padding: 8px !important;
}
a.dropdown-item {
    color: #013de9;
    font-size: 5px !important;
    font-weight: 600;
    padding: 7px;

}
.faq-1{
    margin-bottom: 30% !important;
  }
  .priv-1{
    margin-bottom: 40% !important;
  }
  .location-2 {
    padding-bottom: 40% ;  
  }
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3px 0 3px 3px !important;
    border-left-color: #013de9 !important;
    margin-top: -3px !important;
    margin-right: 10px !important;
}
ul.dropdown-menu.show {
    position: absolute;
    top: 100%;
    margin-left: -330% !important;
}
.box-cnt-set{
    box-shadow: 0px 0px 25px 0px #cccccc6c;
    width: 430px;
    border-radius: 5px;
    padding-right: 35px;
    padding-top: 15px;
    position: relative;
    right: 70px;
  }
}
@media(max-width:575.9px) {
    .dropdown-menu{
        position:  relative !important;
       left: 0% !important;
       top: 0% ;
       margin-left: 0px !important;
    }
    ul.dropdown-menu.show {
        position: relative !important;
        top: 100%;
        margin-left: 0% !important;
    }
    .dropdown-submenu{
        box-shadow: none !important;
        top: 0% !important;
        left: 0%;
        position:  relative !important;
        
    }
    .dropdown-submenu>.dropdown-menu {
        top: 0% !important;
        left: 0% !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        box-shadow: none !important;
        border-bottom: 1px solid #ccc !important;
    }
    .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 4px 0 4px 4px !important;
        border-left-color: #013de9 !important;
        margin-top: 3px !important;
        margin-right: -10px !important;
    }
    a.nav-link{
        margin: 12px !important;
        font-size: 10px !important;
    }
    a.dropdown-item {
        color: #013de9;
        font-size: 10px !important;
        font-weight: 600;
        padding: 7px;
    
    }
    .log-img{
        width: auto !important;
    }
    .navbar-nav {
margin-top: 11%;
    }
    .frm-sec{
        display: block !important;
    }
   
     
      .form-sec{
        width:auto !important;
      }

}
@media(max-width:1399.9px){
    .nav-link {
        font-size: 12px;
        font-weight: 600;
        color: #013fe9;
        margin: 14px;
        padding: 8px !important;
    }
    .nav-btn{
        padding: 8px 28px !important;
        color: #fff !important;
    }
    .dropdown-item{
        color: #013de9;
        font-size: 9px !important;
        font-weight: 600;
        padding: 10px;
    
    }
    .dropdown-item:hover{
        color: #013de9;
        font-weight: 600;
        background-color: #013fe910;
    }
       .card-image-1 .arrows{
  position: absolute; bottom:0; right:35px;
  border-radius: 0px 0px 10px 0px;
}
}
@media(max-width:1199.9px){
    .nav-link {
        font-size: 12px;
        font-weight: 600;
        color: #013fe9;
        margin: 10px;
        padding: 8px !important;
    }
    .nav-btn{
        padding: 8px 28px !important;
        color: #fff !important;
    }
    .customer-4{
        margin-top:5%;
        margin-bottom:35%
      }
      .location-2 .desc-set-cus {
        box-shadow: 5px 5px 15px 0px #cccccc83;
        background-color: #fff;
        padding: 25px;
        width: 850px;
        display: block;
        position: relative;
        top: -45px;
        margin: auto;
        box-shadow: 0px 15px 25px 0px #09309f;
      }
}


@media(max-width:991.9px){
    .banner-img{
        background-image: url(../images/banner-1.png);
        background-repeat: no-repeat;
        background-position: 0;
        
    }
    .desc-set1{
        margin-top: 45%;
      }
      .cus-bg1:before{
        content: '' !important;
      background-image: url(../images/customer/bg-3.png) !important;
      background-repeat: no-repeat !important;
      background-position: top center !important;
      width: 100%;
      height: 550px !important;
      position: absolute !important;
      z-index: -1 !important;
      left: 0;
      margin-top: -10px !important;
      }
      .crl-img{
        margin-top: -21% !important;
      }
      .location-2 .desc-set-cus {
        box-shadow: 5px 5px 15px 0px #cccccc83;
        background-color: #fff;
        padding: 25px;
        width: 600px;
        display: block;
        position: relative;
        top: -45px;
        margin: auto;
        box-shadow: 0px 15px 25px 0px #09309f;
      }
}
@media  only screen and (min-width:991.9px) and (max-width:768.9px){
    .customer-4{
        margin-bottom:45%;
    }
   
}
@media(max-width:374.9px){
    .banner-img1{
        background-image: url(../images/banner-2.png);
        background-repeat: no-repeat;
        background-position:top  center;
        
    
}
    .tit-2 {
        font-family: 'fontsring';
        font-size: 35px;
        color: #fff;
    }
    .tit-1 {
        color: white;
        font-weight: 300;
        font-size: 14px;
    }
    .ico-tit{
        font-size:15px;

        }
        .para{
            font-size: 9px;
        }
           .card-image-1{
    margin-bottom: 15px;
   }
   .card-image-1 .arrows{
  position: absolute; bottom:0; right:29px;
  border-radius: 0px 0px 10px 0px;
}
        
    }
    @media only screen and (max-width: 1200px) and (min-width: 768px){
        .foot::before{
            content: "" !important; 
              position: absolute !important;
              margin-top: -290px !important;
              width: 100% !important;
              height:1050px !important;
              background-image: url(../images/footer.png) !important;
              z-index: -1 !important;
              background-position: top center !important;
              background-repeat: no-repeat !important;
          
          }
    }
@media(max-width:1175px){
    .customer-banner{
        background-image: url(../images/customer/bg.png);
        background-repeat: no-repeat;
        background-position: top center;
        margin-top: -6%;
      }
      .driver-banner{
        background-image: url(../images/customer/bg.png);
        background-repeat: no-repeat;
        background-position: top center;
        margin-top: -6%;
      }
}

@media(max-width:1100px){
    .dot-1{
        position: absolute;
        right: 17%;
    }
    .driv-dot{
        position: absolute;
        left: 17%;
        rotate: 90deg;
    }
}

@media(max-width:900px){
    .dot-1{
        position: absolute;
        right: 12%;
    }
    .driv-dot{
        position: absolute;
        left: 12%;
        rotate: 90deg;
    }
       .arrows{
    width: 35px;
   }
   .card-image-1 .arrows{
  position: absolute; bottom:0; right:12px;
  border-radius: 0px 0px 10px 0px;
}
}
@media(max-width:768px){
.dot-1 {
    position: absolute;
    right: 1%;
    margin-top: -6%;
}
.driv-dot{
    position: absolute;
    left: 1%;
    rotate: 90deg;
}
   .timer-location-schedule{
    flex-direction: column;
   }
}
@media(max-width:500px){
    
.dot-1 {
   display: none;
}
.driv-dot{
    display: none;
}
.item{
    color:#013de9;
    font-size: 12px;
  }

  /*contacts*/
  .for-map-text{
    font-size: 25px;
  }
  .inner-texts > h4{
    font-size: 9px !important;
  }
   .small{
    font-size: 6px;
  }
  .contacts-button > h4{
   font-size: 6px;
  }

  /*products*/
   .timer-location-schedule{
    flex-direction: column;
   }
   .timer-1{
padding-bottom: 2rem;
   }
   .earn-money{
    font-size: 20px;
   }
   .carBody3{
    padding-top: 25px;
   }
   .car-desc{
    padding-top: 2rem;
   }
   .read-more{
    font-size: 10px;
   }
   .get-the-app >small{
    font-size: 10px ;
   }
   .book-ride{
    font-size: 15px !important;
   }
    .timers{
  width: 80px;
 }
 /*carsharing*/
 .faq-sec{
  padding-bottom: 50px;
 }

   /*food-delivery*/
   .arrows{
    width: 50px;
   }
   .card-image-1{
    margin-bottom: 15px;
   }
   .card-image-1 .arrows{
  position: absolute; bottom:0; right:29px;
  border-radius: 0px 0px 10px 0px;
}
.cards{
  padding-bottom: 35px !important;
}
.food-delivery-text > h4{
  font-size: 20px;
}
.app-store{
  /* width: 100px; */
}
.btn-delivery{
  padding: 5px 5px;
}
.btn-delivery{
 /* width: 15px; */
}

.mobile_png{
  width: 150px;
  position: relative;

  top: 155px;
}
.timer-location-schedule{
  padding-bottom: 150px;
}
/*food-delivery*/
.wave-phone{
width: 80%;
}
.banner-text > h4{
  font-size: 25px;
}
/*help and support*/
.help-suport-page4{
  padding: 30px;
}
.support-img{
  width: 150px;
  padding: 15px;
}
  .help-support-small{
    font-size: 10px;
  }
  .help_heading_text{
    font-size: 25px;
  }
  .help-support-banner-text > p{
    font-size: 9px;
  }
  .customer-part{
    padding-top: 50px;
  }
  .customer-p{
    padding: 30px;
  }
  .cards-cotact{
padding-bottom: 100px !important;
}
}
@media(max-width:325px){
    .accordion button {
        position: relative;
        display: block;
        text-align: left;
        width: 100%;
        padding: 1em 0;
        color: #7288a2;
        font-size: 8px;
        font-weight: 600;
        border: none;
        background: none;
        outline: none;
      }
      .accordion .accordion-content p {
        font-size: 6px;
        font-weight: 300;
        margin: 2em 0;
      }
         .timer-1{
padding-bottom: 2rem;
   }
}
@media(max-width:360px){
             .card-image-1{
    margin-bottom: 15px;
   }
   .card-image-1 .arrows{
  position: absolute; bottom:0; right:23px !important;
  border-radius: 0px 0px 10px 0px;
}
}
@media  only screen  and (max-width:414px) and (min-width:400px){
     .card-image-1 .arrows{
  position: absolute; bottom:0; right:50px !important;
  border-radius: 0px 0px 10px 0px;
}
}