/* ===================================================
    Media Query
==================================================== */

/* Tablet Devices */

@media (max-width: 992px) {
  .padding {
    padding: 50px 0;
  }
}

@media (max-width: 992px) {
  .sm-padding {
    padding: 15px;
  }
}

@media (max-width: 992px) {
  p br {
    display: none;
  }
}

@media (max-width: 992px) {
  span br {
    display: none;
  }
}

@media (max-width: 992px) {
  .default-btn {
    padding: 0 30px;
  }
}

@media (max-width: 992px) {
  .section-heading h2 {
    font-size: 32px;
    line-height: 42px;
  }
}

@media (max-width: 992px) {
  .section-heading br {
    display: inherit;
  }
}

@media (max-width: 992px) {
  .grid-post {
    margin: 0;
  }
}

@media (max-width: 992px) {
  .about-info {
    display: block;
    column-gap: 20px;
  }
}

@media (max-width: 992px) {
  .about-info li h2 {
    margin-top: 25px;
  }
}

@media (max-width: 992px) {
  .about-img:before {
    right: 90px;
    bottom: 0;
  }
}

@media (max-width: 992px) {
  .about-img .about-img1 {
    transform: translate(-35px, -40px);
  }
}

@media (max-width: 992px) {
  .about-img .about-img2 {
    right: 30px;
    bottom: -100px;
  }
}

@media (max-width: 992px) {
  .service-section .bg-half {
    height: 496px;
  }
}

@media (max-width: 992px) {
  .swiper-outside .swiper-nav {
    display: none;
  }
}

@media (max-width: 992px) {
  .booking-car, .booking-section:before {
    display: none;
  }
}

@media (max-width: 992px) {
  .booking-section:after {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    height: 60px;
  }
}

@media (max-width: 992px) {
  .booking-wrap .section-heading h2 {
    font-size: 32px;
  }
}

@media (max-width: 992px) {
  .taxi-holder {
    background-image: none;
  }
}

@media (max-width: 992px) {
  .taxi-holder .mockup, .location-marker, .taxi-holder .taxi, .taxi-holder .charecter {
    display: none;
  }
}

@media (max-width: 992px) {
  .testimonial-section {
    padding: 50px 0;
  }
}

@media (max-width: 992px) {
  .feature-wrap {
    margin-left: 0;
    padding: 50px;
    margin-top: 80px;
  }
}

@media (max-width: 992px) {
  .footer-call p span {
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 0;
    margin-right: 20px;
  }
}

@media (max-width: 992px) {
  .cta-men {
    display: none;
  }
}

@media (max-width: 992px) {
  .cta-content h2 {
    font-size: 36px;
  }
}

@media (max-width: 992px) {
  .cta-section {
    clip-path: inherit;
  }
}

@media (max-width: 992px) {
  .cta-content {
    text-align: center;
  }
}

@media (max-width: 992px) {
  .cta-content .cta-call {
    justify-content: center;
  }
}

@media (max-width: 992px) {
  .cta-content .cta-call p span {
    text-align: left;
  }
}

@media (max-width: 992px) {
  .booking-form-2 {
    margin-bottom: 50px;
  }
}

@media (max-width: 992px) {
  .cta-section-2 .cta-content {
    text-align: left;
    margin-bottom: 35px;
    width: 50%;
  }
}

@media (max-width: 992px) {
  .cta-section-2 .cta-men {
    display: block;
    background-size: 90%;
    right: 10px;
  }
}

@media (max-width: 992px) {
  .page-header-shape {
    width: 30%;
    height: 60px;
  }
}

@media (max-width: 992px) {
  .page-header-shape:after {
    height: 45px;
  }
}

@media (max-width: 992px) {
  .video-box-inner > img {
    display: none;
  }
}

@media (max-width: 992px) {
  .taxi-details .section-heading {
    margin-top: 40px;
  }
}

@media (max-width: 992px) {
  .driver-details {
    margin-top: 40px;
  }
}

@media (max-width: 992px) {
  .testimonial-section-2 .testi-pagination .swiper-pagination {
    bottom: -20px;
  }
}

@media (max-width: 992px) {
  .contact-form-group .default-btn {
    font-size: 14px;
  }
}

/* Mobile Devices */

@media all and (max-width: 768px) {
  .padding {
    padding: 50px 0;
  }
}

@media all and (max-width: 768px) {
  .xs-padding {
    padding: 15px;
  }
}

@media all and (max-width: 768px) {
  .section-heading p br, br {
    display: none;
  }
}

@media all and (max-width: 768px) {
  .section-heading h2 {
    font-size: 24px;
    line-height: 34px;
  }
}

@media all and (max-width: 768px) {
  .about-img {
    margin-bottom: 80px;
    margin-top: 15px;
  }
}

@media all and (max-width: 768px) {
  .about-img:before {
    right: 75px;
    bottom: -35px;
    height: calc(100% + 50px);
  }
}

@media all and (max-width: 768px) {
  .about-img .about-img1 {
    max-width: 240px;
    transform: translate(20px, 10px);
  }
}

@media all and (max-width: 768px) {
  .about-img .about-img2 {
    right: 15px;
    bottom: 30px;
  }
}

@media all and (max-width: 768px) {
  .service-section .bg-half {
    height: 547px;
  }
}

@media all and (max-width: 768px) {
  .booking-form {
    grid-template-columns: 1fr;
  }
}

@media all and (max-width: 768px) {
  .booking-section:after {
    display: none;
  }
}

@media all and (max-width: 768px) {
  .booking-wrap .section-heading h2 {
    font-size: 24px;
  }
}

@media all and (max-width: 768px) {
  .cta-content h2 {
    font-size: 24px;
    line-height: 32px;
  }
}

@media all and (max-width: 768px) {
  .cta-content .cta-call p a {
    font-size: 22px;
  }
}

@media all and (max-width: 768px) {
  .footer-top .brand:before {
    clip-path: inherit;
  }
}

@media all and (max-width: 768px) {
  .footer-top-wrap {
    background-color: #222;
    overflow: hidden;
  }
}

@media all and (max-width: 768px) {
  .footer-call p span, .footer-call p a {
    font-size: 20px;
  }
}

@media all and (max-width: 768px) {
  .footer-top .brand {
    display: block;
    padding: 50px 30px;
  }
}

@media all and (max-width: 768px) {
  .footer-top .brand p {
    padding: 0;
    margin-top: 20px;
  }
}

@media all and (max-width: 768px) {
  .footer-top .brand p:before {
    display: none;
  }
}

@media all and (max-width: 768px) {
  .footer-mid-wrap {
    padding: 50px 0 100px 0;
  }
}

@media all and (max-width: 768px) {
  .main-slider-2 .swiper-nav {
    display: none;
  }
}

@media all and (max-width: 768px) {
  .booking-form-2 .col-lg-8 {
    padding: 50px 20px;
  }
}

@media all and (max-width: 768px) {
  .booking-form-2 {
    clip-path: none;
  }
}

@media all and (max-width: 768px) {
  .cta-section-2:before, .cta-section-2 .cta-content {
    width: 100%;
  }
}

@media all and (max-width: 768px) {
  .cta-section-2 .cta-men {
    display: none;
  }
}

@media all and (max-width: 768px) {
  .page-header-shape {
    width: 40%;
    height: 50px;
  }
}

@media all and (max-width: 768px) {
  .page-header-shape:after {
    height: 35px;
    left: -100px;
  }
}

@media all and (max-width: 768px) {
  .service-details-list, .service-features {
    grid-template-columns: 1fr;
  }
}

@media all and (max-width: 768px) {
  .service-details-list > div {
    margin-top: 20px;
  }
}

@media all and (max-width: 768px) {
  .taxi-details-img img {
    margin-left: 0;
    margin-top: 30px;
  }
}

@media all and (max-width: 768px) {
  .taxi-details-img .price {
    right: 35px;
    top: 10px;
  }
}

@media all and (max-width: 768px) {
  .taxi-features {
    grid-template-columns: 1fr;
  }
}

@media all and (max-width: 768px) {
  .taxi-booking-form {
    grid-template-columns: 1fr;
  }
}

@media all and (max-width: 768px) {
  .contact-form-group {
    display: block;
  }
}

@media all and (max-width: 768px) {
  .contact-form-group .form-field:not(:last-of-type) {
    margin-bottom: 20px;
  }
}

@media all and (max-width: 768px) {
  .contact-section .contact-details li {
    display: block;
  }
}

@media all and (max-width: 768px) {
  .contact-section .contact-details li i {
    display: block;
    margin-bottom: 15px;
  }
}

@media all and (max-width: 580px) {
  #scrollup {
    bottom: 20px;
    right: 20px;
  }
}

@media all and (max-width: 580px) {
  .pricing-tab-menu li:not(:last-of-type) {
    padding-right: 25px;
  }
}

@media all and (max-width: 580px) {
  .pricing-tab-menu li:not(:last-of-type):before {
    width: 15px;
    right: 5px;
  }
}

@media all and (max-width: 580px) {
  #pricing-tab-content .tab-pane {
    margin-top: 15px;
  }
}

@media all and (max-width: 580px) {
  .app-feature li:not(:last-of-type) {
    margin-bottom: 20px;
  }
}