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

    .form-time {
        display: block !important;
    }

    .form-banner {
        height: auto;
    }
}



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

    .form-banner-field p{
        text-align: center;
    }

    .service-detail-header h2 {
        font-size: 41px !important;
    }


    .expo-book .book-expo-btn {
        font-size: 15px !important;
    }

    .expo-detail p {
        font-size: 17px !important;
    }

    .expo-header h2 {
        font-size: 23px !important;
    }

    .client-header p {
        font-size: 15px !important;
    }

    .client-header h2 {
        font-size: 30px !important;
    }

    .client-testimonials {
        margin: 0px 0px 20px 0px !important;
    }

    .about-header h2 {
        font-size: 32px !important;
    }

    .car-book {
        font-size: 18px !important;
    }

    .hero-text h1 {
        font-size: 30px !important;
    }

    .hero-text-wrapper {
        display: block !important;
        max-width: 100% !important;
        /* background-color: var(--color-dim) !important; */
    }

    .hero-section {
        /* height: 700px !important; */
    }

    .form-banner-content {
        margin: 0px 0px 20px 0px !important;
    }

    .form-time {
        display: flex !important;
    }

    .contact-area {
        position: static !important;
        width: 100% !important;
        clip-path: none !important;
    }

    .contact-area:before {
        display: none !important;
    }

    .booking-car {
        display: none !important;
    }

    .online-booking::before {
        display: none !important;
    }

    .car-area {
        margin: 0px 0px 20px 0px;
    }

    .shape {
        display: none !important;
    }

    .rent-cars {
        display: none !important;
    }

    .car-image-area {
        text-align: center !important;
    }

    .about-header h6 {
        text-align: center !important;
    }

    .car-expo {
        margin: 0px 0px 30px 0px !important;
    }

    .taxi-area {
        display: none !important;
    }

    .map-area-page {
        width: 100% !important;
    }

    .srd {
        width: 100% !important;
    }


    .rental-taxi-middle {
        display: none !important;
    }

    .rental-taxi-bottom {
        display: none !important;

    }

    .hero-text h5 {
        font-size: 20px !important;
    }
}

@media (min-width: 992px) {
    .mobile-header {
        display: none;
    }
}

@media (max-width: 992px) {
    .demo-slider{
        height: auto!important;
    }
    .mobile-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
        background: #fff;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }
}

@media only screen and (max-width: 768px) {
    .about-top-slider-content {
        padding: 40px 0px 0px 0px;
    }

    .img-slider {
        height: 800px !important;
    }

    .why-list-icon i {
        font-size: 38px !important;
    }

    .about-top-slider-content p {
        font-size: 16px !important;
    }

    .about-top-slider-content h2 {
        font-size: 35px !important;
    }

    .service-detail-section p {
        font-size: 17px !important;
    }

    .service-detail-header h2 {
        font-size: 35px !important;
    }

    .expo-book .book-expo-btn {
        font-size: 14px !important;
    }

    .expo-detail p {
        font-size: 16px !important;
    }

    .expo-header h2 {
        font-size: 20px !important;
    }

    .client-header p {
        font-size: 15px !important;
    }

    .client-header h2 {
        font-size: 27px !important;
    }

    .client-info h2 {
        font-size: 20px !important;
    }

    .client-it {
        font-size: 17px !important;
    }

    .with-us-header h4 {
        font-size: 32px !important;
    }

    .offer-content h2 {
        font-size: 35px !important;
    }

    .booking-info h2 {
        font-size: 23px !important;
    }

    .about-header h2 {
        font-size: 28px !important;
    }

    .about-content p {
        font-size: 15px !important;
    }

    .car-book {
        font-size: 20px !important;
    }

    .hero-text h1 {
        font-size: 25px !important;
    }

    .hero-text h5 {
        font-size: 18px !important;
    }

    .hero-section {
        /* height: 800px !important; */
    }

    .hero-text {
        margin: 0px 0px 20px 0px !important;
    }

    .car-form {
        grid-template-columns: 1fr !important;
    }

    .rental-taxi-top {
        display: none !important;
    }

    .online-booking::after {
        display: none !important;
    }

    .online-booking {
        height: auto !important;
    }

    .service-detail-image img {
        width: 100% !important;
    }

}


@media (max-width: 991px) {
    .sticky-header {
        display: none;
    }

}



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

    .date-time-input input[type="date"],
    .date-time-input input[type="time"] {
        color: #000 !important;
        background-color: #fff !important;
        -webkit-text-fill-color: #000 !important;
    }

    .date-time-input input:focus {
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
    }

    .date-time-input i {
        color: #666 !important;
    }

    .about-us {
        padding: 20px 0px !important;
    }

    .swiper-slide {
        height: 100% !important;
    }

    .hero-text-wrapper {
        padding: 150px 0px 20px 0px !important;
    }

    .swiper-slide .ing-div {
        height: 100% !important;
    }

    .swiper-slide .ing-div img {
        height: 100% !important;
    }

    .car-are-header h2 {
        font-size: 30px !important;
    }


    .footer-info {
        text-align: center !important;
    }

    .display-line {
        text-align: center !important;
        display: inline-block;
    }

    .form-time {
        display: block !important;
    }

}



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

    .client-item{
        height: 350px;
    }
.form-banner-field p{
    font-size: 20px;
}


    .offer {
        padding: 20px 0 !important;
    }

    .with-us {
        padding: 10px 0px !important;
    }

    .about-us {
        padding: 10px 0px !important;
    }

    .testimonials {
        padding: 20px 0px !important;
    }

    .why-list-icon i {
        font-size: 32px !important;
    }

    .car-are-header p {
        font-size: 14px !important;
    }

    .why-list-content h3 {
        font-size: 19px !important;
    }

    .car-are-header h2 {
        font-size: 25px !important;
    }

    .red-mor {
        font-size: 14px !important;
    }

    .booking-info p {
        font-size: 15px !important;
    }

    .about-top-slider-content h2 {
        font-size: 28px !important;
    }

    .service-detail-section p {
        font-size: 15px !important;
    }

    .service-detail-header h2 {
        font-size: 30px !important;
    }

    .expo-book .book-expo-btn {
        font-size: 13px !important;
    }

    .expo-detail p {
        font-size: 15px !important;
    }

    .expo-header h2 {
        font-size: 18px !important;
    }

    .client-header p {
        font-size: 14px !important;
    }

    .client-header h2 {
        font-size: 22px !important;
    }

    .client-info h2 {
        font-size: 18px !important;
    }

    .with-us-header h4 {
        font-size: 28px !important;
    }

    .with-us-header p {
        font-size: 15px !important;
    }

    .offer-content h2 {
        font-size: 28px !important;
    }

    .booking-info h2 {
        font-size: 20px !important;
    }

    .car-form-header h2 {
        font-size: 29px !important;
    }

    .c-i-item {
        font-size: 14px !important;
    }

    .form-b-f-t {
        flex-direction: row;
    }

    .car-book {
        font-size: 16px !important;
    }

    .hero-text h1 {
        font-size: 22px !important;
    }

    .hero-text h5 {
        font-size: 16px !important;
    }

    .footer-info {
        text-align: center !important;
        margin: 0px 0px 30px 0px;
    }

    .display-line {
        text-align: center !important;
    }

    .logo-section {
        display: block;
    }

    .logo-image {
        text-align: center !important;

    }

    .logo-image img {
        margin: 0px;
    }

    .contact-num {
        font-size: 25px !important;
    }

    .contact-logo i {
        font-size: 35px !important;
    }

}

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

    .car-tab {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .with-tab::before {
        display: none;
    }

    .client-it {
        font-size: 14px !important;
    }


    .client-img img {
        width: 75px !important;
    }

    .car-tab li {
        text-align: -webkit-center;
    }

    .client-info h2 {
        font-size: 18px !important;
    }
}

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

    .form-banner-rental {
        display: block !important;
    }

    .hero-section {
        height: 800px !important;
    }

    .hero-text {
        text-align: center !important;
    }
   
}
@media only screen and (max-width: 429px) {
     .inf-num-sub {
        white-space: nowrap;
    }
}
@media only screen and (max-width: 320px) {

    .form-banner-field p{
        font-size: 20px;
    }
.inf-num-sub{
    font-size: 20px;
}

    .offer {
        padding: 20px 0 !important;
    }

    .with-us {
        padding: 10px 0px !important;
    }

    .about-us {
        padding: 15px 0px !important;
    }

    .testimonials {
        padding: 20px 0px !important;
    }





    .hero-text {
        text-align: center !important;
    }

    .form-banner-rental {
        display: block !important;
    }

}


@media (min-width: 992px) and (max-width: 1400px) {

    .service-detail-content h3 {
        font-size: 15px;
    }

}

@media (min-width: 992px) and (max-width: 1200px) {
    .top-menu li a {
        font-size: 16px !important;
    }
}

/* landing section */



@media (min-width: 768px) {
    .form-wrapper {
        flex-direction: row;
    }

}


/* main-index-page-slider */

@media (max-width: 991.98px) {

    /* Hero becomes normal flow */
    .demo-hero {
        height: auto;
    }

    /* Slider goes top */
    .demo-slider {
        position: relative;
        height: 300px;
    }

    .slide-bg {
        height: 400px;
    }

    /* Overlay stops overlapping */
    .demo-overlay {
        position: relative;
        height: auto;
        padding: 30px 0;
        background: #f5f5f5;
    }

    /* Text optional hide or center */
    .hero-text {
        text-align: center;
        margin-bottom: 30px;
    }

    /* Booking form full width */
    .booking-form {
        max-width: 100%;
        margin: 0 auto;
        border-radius: 10px;
    }

    /* Fix row alignment */
    .demo-overlay .row {
        justify-content: center;
    }
}