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

    .heading-text {

       font-size: 22px;

        line-height: 25px;

    }



    /* banner-sec */

    .banner-sec::before{

        /* background: linear-gradient(270.7deg, #8DBF20 5.63%, #6B960E 103.1%);

        top: 139px;

        height: 100%; */

        display: none;

    }

    .banner-text {

        padding-top: 0px;

    }

    .banner-head {

        font-size: 35px;

        line-height: 26px;

    }

    .p-head {

        font-size: 18px;

        line-height: 20px;

    }

    .ride-details {

        top: 35px;

        /* background: #fff;

        border-radius: 15px;

        box-shadow: 2px 2px 11px rgb(0 0 0 / 14%); */

    }

    .ride-details .tab-content {

        background: #fff;

        border-radius: 15px;

        box-shadow: 2px 2px 11px rgb(0 0 0 / 14%);

    }

    .ride-details ul.nav.nav-tabs {

        width: 100%;

    }

    .ride-details ul.nav-tabs .nav-link {

        width: 50%;

    }

    .location-part {

        width: 100%;

        height: 100%;

    }

    .search-box {

        border-right: 0;

    }

    .search-box .form-control {

        border: 1px solid #D5D3D3;

        padding: 10px;

    }

    .flow-btn {

        border: 1px solid #1E2541;

        width: 48%;

        margin-top: 22px;

    }

    .ride-details .p-text {

        color: #252525d9;

        text-align: center;

    }

    /* booking-part */

    .book-data {

        width: 100%;

        height: 100%;

        border-radius: 10px;

        margin: 0px auto;

        padding: 24px 0;

    }

    .data-table {

        margin-bottom: 10px;

    }

    .data-table .p-text {

        width: 75%;

    }



    /* location-sec */

    section.locations-sec,

    section.rent-sec,

    section.earnings-sec,

    section.rental-sec,

    section.accident-sec {

        padding: 10px 0;

    }

    .loc-item {

        width: 100%;

    }

    .loc-item::before{

        width: 100%;

        height: 100%;

    }

    .owl-nav {

        top: -56px;

    }

    /* rent-to-earn sec */

    .rent-img,

    .earn-img,

    .form-img {

        width: 100%;

        height: 100%;

        margin: 10px auto;

    }

    .earn-btn,

    .create-btn,

    .earnlogin-btn {

        padding: 10px;

        width:auto;

    }

    .earn-text {

        width: 100%;

    }

    .rental-img {

        width: 100%;

        height: 190px;

    }

    section.rentalfeatures-sec {

        width: 100%;

        height: 100%;

        padding: 25px 0;

    }

    .accident-part {

        padding: 28px 10px;

    }

    .acci-text {

        width: 100%;

    }

    .form-data::before{

        display: none;

    }

    .form-img {

        margin: 20px 0 0 0 ;

    }

}

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

    .p-feature {

        width: 60%;

    }

    .p-insure {

        width: 85%;

    }

}

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

    .heading-text {

        font-size: 25px;

        line-height: 30px;

    }

    .banner-text {

        padding-top:50px;

    }

    .banner-head {

        font-size: 50px;

        line-height: 24px;

    }

    .p-head {

        font-size: 18px;

    }

    .ride-details ul.nav.nav-tabs {

        width: 35%;

    }

    .flow-btn {

        float: left;

        width: 100%;

    }

    section.booking-sec,

    section.locations-sec,

    section.rent-sec,

    section.earnings-sec,

    section.accident-sec {

        padding: 10px 0;

    }

    .book-data {

        width: 100%;

        margin: 15px auto;

        padding-bottom: 20px;

    }

    .loc-item {

        width: 100%;

    }

    .loc-item::before{

        width: 100%;

        height: 100%;

    }

    .rent-img,

    .earn-img {

        width: 100%;

        height: 100%;

    }

    .rental-img {

        width: 352px;

        height: 200px;

    }

    .p-feature {

        width: 65%;

    }

    .p-insure {

        width: 100%;

    }

    .form-img{

        width: 260px;

        height: 220px;

    }

    .rental-img img {

        top: 35px;

    }

    .accident-table .heading-text {

        width: 90%;

    }

}