/* 67% viewport */
@media (min-width: 1500px) {
}

@media only screen and (min-width: 1490px) {
}

/* large Desktop */
@media only screen and (min-width: 1550px) {
}

@media screen and (min-device-width: 1400px) {
}

/* desktop 1200px to 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
}

/* normal desktop */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 576px) {
}

/* tablet view */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .stellarnav.mobile > ul > li > a {
    color: #000;
  }

  .nav-bar.scroll-navbar,
  .nav-bar.scroll-navbar.scroll {
    padding: 10px;
  }

  li.nav-hover.active::before {
    background: rgb(0, 0, 0);
    left: 10px;
  }
  .nav-rightbox .stellarnav.light a.menu-toggle {
    color: #fff;
  }
  .nav-rightbox .stellarnav.light .menu-toggle span.bars span {
    background: #ede3e3;
  }
  .carbr_right img {
    width: 335px;
    height: 540px;
  }

  .clients_head {
    width: 95%;
  }
  .connect_box h3 {
    font: normal normal 600 20px/28px Poppins;
  }
  .contact_details ul li a {
    font: normal normal 500 13px/20px Poppins;
    word-wrap: break-word;
  }

  .heros_btn .btn {
    min-width: 170px;
  }

  .featureb_left,
  .featureb_right {
    max-width: 230px;
  }

  .singf_con p {
    font: normal normal normal 12px / 20px Poppins;
  }
  .singf_con h4 {
    font: normal normal 600 18px / 30px Poppins;
  }

  .singf_icon {
    width: 25%;
  }

  .joinus_img {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
}

/* mobile view */
@media only screen and (max-width: 767px) {
  .stellarnav.mobile > ul > li > a {
    color: #000;
  }

  .nav-bar.scroll-navbar,
  .nav-bar.scroll-navbar.scroll {
    padding: 10px;
  }

  li.nav-hover.active::before {
    background: rgb(0, 0, 0);
    left: 10px;
  }
  .nav-rightbox .stellarnav.light a.menu-toggle {
    color: #fff;
  }

  .nav-rightbox .stellarnav.light .menu-toggle span.bars span {
    background: #ede3e3;
  }

  .hero_sec {
    height: 100%;
    min-height: 680px;
  }

  .logo_box img {
    width: 130px;
    margin: 0 0 15px;
  }
  .herol_con h5 {
    font-size: 20px;
  }

  .herol_con h2 {
    font-size: 35px;
  }

  .herol_con {
    width: 100%;
  }

  .heros_btn .btn {
    gap: 6px;
    font-size: 12px;
    height: 45px;
    min-width: 140px;
  }

  .heros_btn .btn-light span img {
    width: 15px;
  }

  .heros_right img {
    height: 385px;
  }

  .heros_right {
    bottom: -5%;
  }

  section.special_sec {
    padding: 20% 0;
  }

  .subtitle {
    font: normal normal bold 16px / 15px Poppins;
    letter-spacing: 2.6px;
  }

  .heading_title {
    font: normal normal 600 30px/40px Poppins;
  }

  section.special_sec::before {
    top: 71%;
    z-index: -9;
  }

  .special_sec p {
    font: normal normal normal 13px / 28px Poppins;
  }

  .offersec-box {
    width: 100%;
  }

  section.offer-sec {
    min-height: 350px;
  }

  .offersec-box h2 {
    font: normal normal 600 24px / 30px Poppins;
  }

  .feature_head {
    width: 100%;
  }

  .featureb_left .single_feature {
    text-align: left;
    flex-direction: row-reverse;
  }

  section.clientsay_sec {
    padding: 80px 0;
  }

  .feature_box {
    flex-wrap: wrap;
    padding: 10px;
  }

  section.feature_sec {
    padding: 80px 0 30px;
  }
  .clients_head {
    width: 100%;
  }

  .partner_box.herol_con {
    width: 80%;
  }

  .becomep_sec {
    min-height: 360px;
  }

  .btn_subscribe {
    padding: 10px 5px;
    font-size: 12px;
  }

  .subscribe_inputbox input {
    padding: 0 33% 0 5%;
  }

  section.faq_sec {
    padding: 80px 0 25px;
  }

  .footer-list {
    justify-content: flex-start;
    width: 95%;
    margin: auto;
  }

  .footer-list {
    justify-content: flex-start;
    width: 100%;
  }

  .footer-list ul li,
  .footer-list ul li a {
    font: normal normal normal 12px / 22px Poppins;
    padding: 4px 0;
  }

  .process_box {
    flex-wrap: wrap;
  }

  .breadcrumb_con h3 {
    font: normal normal 600 30px / 35px Poppins;
    text-align: center;
  }
  .taxi_element {
    width: 50%;
    left: 4%;
  }

  .bike_element {
    width: 34%;
    right: 3%;
  }

  .bike_element::before {
    bottom: -40px;
  }

  .single_processbox {
    margin-bottom: 12%;
    padding: 0 0 8%;
  }

  .carbr_right {
    position: initial;
    margin: 10% 0 0 0;
  }

  .single_processbox::before {
    right: 45%;
    top: 100%;
    transform: rotate(90deg);
  }
  
  .carbr_left {
    padding: 30px 0 0;
  }
  section.join_us {
    padding: 80px 0 40px;
}
}

@media only screen and (max-width: 350px) {
}