@media (max-width: 2560px) and (min-width: 2000.1px){
   
    .footer {
        padding: 80px 0 140px 0;
        background-size: 100% 118%;
    }

    .service:after {
        background-size: cover;
    }

    .carousel-inner {
        height: 880px;
    }

    .cust-rw:after {
        height: 270px !important;
        width: 52% !important;
        bottom: 30px !important;
    }

    .cust-row:after {
        bottom: 26%;
        left: 0px;
        width: 48%;
    }

    .abt-rw::after {
        width: 48%;
    height: 264px;
    bottom: 133px;
    }

    .milestone {
        background-size: 54% 100% !important;
    }

    .time-line {
        left: 58px !important;
    }

    .time-line2 {
        top: 58px;
        left: -98px !important;
    }

    .time-line3 {
        left: -175px !important;
    }

    .time-line4 {
        left: -142px !important;
    }

    .time-line5 {
        left: -33px !important;
    }
    .milestone-left h2,
    .abt-right h2,
    .section-heading h2,
    .bike-right h2,
    .car-left h2,
    .trusted-left h2,
    .why-right h2 {
        font-size: 52px;
        line-height: 64px;
    }

    .milestone-left h4,
    .abt-right h4,
    .section-heading h4,
    .bike-right h4,
    .car-left h4,
    .trusted-left h4,
    .why-right h4,
    .section-heading p,
    .why-right p,
    .trusted-left p,
    .bike-right p,
    .car-left p,.milestone-left p,
    .abt-right p {
        font-size: 20px;
    }
    .bike-rw:after{
        bottom: 34px !important;
        width: 47% !important;
    }
    .car-rw:after {
        width: 47% !important;
        bottom: 54px !important;
    }
}


@media (max-width:1920px) {
    .milestone {
        background-size: 54% 100% !important;
    }

    .time-line {
        left: 18px !important;
    }

    .time-line2 {
        left: -108px !important;
    }

    .time-line3 {
        left: -172px !important;
    }

    .time-line4 {
        left: -142px !important;
    }

    .time-line5 {
        left: -45px !important;
    }

    .footer {
        background-position: 50% 19%;
        padding: 80px 0 210px 0;
    }
}

@media (max-width:1600px) {
    .footer {
        background-position: 50% 19%;
    }
}

@media (max-width:1440px) {
    .cust-rw:after {
        width: 54% !important;
        bottom: 38px !important;
    }

    .card-content {
        padding: 40px 30px;
    }

    .abt-rw::after {
        width: 47% !important;
        bottom: 138px !important;
    }

    .time-line {
        left: -52px !important;
    }

    .time-line2 {
        left: -157px !important;
    }

    .time-line3 {
        left: -213px !important;
    }

    .time-line4 {
        left: -182px !important;
    }

    .time-line5 {
        left: -76px !important;
    }

    .milestone {
        background-size: 58% 100% !important;
    }
}

@media (max-width:1024) {
    .service-box .content {
        min-height: 200px;
    }

    .num-title h2 {
        margin-bottom: 30px;
    }

    .car-rw:after {
        bottom: 134px;
    }


}
@media (max-width:1280px){
    
}
@media (max-width:1366px) and (min-width:992.1px)   {
    .lst-top:hover .list-cnt .icon, .lst-top:hover .list-cnt .content, .lst-btm:hover .list-cnt .icon, .lst-btm:hover .list-cnt .content {
        visibility: visible !important;
    }
    
    .car-driver, #fleet_rider {
        padding-top: 0 !important;
    }
    .service-box .content {
        min-height: 176px;
    }
    .carousel-inner {
        height: 525px !important;
    }
    /* .our-partner{
        padding: 100px 0;
    } */
    .our-partner{
        padding: 100px 0 150px;
    }

    section.about {
        margin-bottom: 0;
    }
    .lst-btm:hover .list-cnt{
        bottom: -125px;
    }

    .banner_content {
        top: 22%;
    }

    .breadcrumb li {
        padding: 36px 15px 36px 55px;
        font-size: 18px;
    }

    .cust-row:after {
        height: 260px !important;
        width: 46% !important;
        bottom: 28% !important;
    }

    .abt-rw::after {
        width: 47% !important;
        bottom: 167px !important;
        height: 236px !important;

    }

    .abt-left img {
        /* max-width: 390px; */
        min-height: 375px;
        object-fit: revert;
    }

    .abt-left {
        text-align: center;
    }

    .milestone {
        background-size: 55% 100% !important;
        height: 930px !important;
    }

    .milestone-right ul li {
        padding: 30px 0;
    }

    .time-line {
        left: -28px !important;
    }

    .time-line2 {
        left: -102px !important;
    }

    .time-line3 {
        left: -165px !important;
    }

    .time-line4 {
        left: -138px !important;
    }

    .time-line5 {
        left: -50px !important;
        top: 590px !important;
    }

    .bike-rw:after {
        bottom: 72px !important;
    width: 47% !important;
    }

    .car-rw:after {
        bottom: 90px !important;
        width: 47% !important;
    }
    .fleet-rw:after {
        bottom: 42px !important;


    }

    .contact .content {
        min-height: 132px;
    }

    .cust-link {
        margin-bottom: 0px;
    }

    .contact-form .input_field {
        width: 47%;
    }

    .numbers:hover:before {
        left: 262px;
        top: 176px;
    }
    span.timeline-date{
        padding: 35px 30px !important;
    }
}

@media (max-width:1199px) and (min-width:768px) {
    .lst-top:hover .list-cnt .icon, .lst-top:hover .list-cnt .content, .lst-btm:hover .list-cnt .icon, .lst-btm:hover .list-cnt .content {
        visibility: visible !important;
    }
    .cust-row {
        align-items: center;
    }
    .why-left img{
        min-height: 330px;
    }
    .section-heading h2, .bike-right h2, .car-left h2, .trusted-left h2, .why-right h2{
        font-size: 38px !important;
        line-height: 50px !important;
    }
    .carousel-inner {
        height: 525px !important;
    }
    .crnt-num {
        
        padding: 0px 0 100px;
    }
    section#fleet_rider {
        padding-top: 0 !important;
    }
    span.timeline-date {
        padding: 35px 30px !important;
    }

    .abt-left img {
        min-height: 356px;

    }

    .abt-rw::after {
        width: 46% !important;
        bottom: 248px !important;
        height: 207px !important;
    }

    .lst-btm:hover .list-cnt {
        bottom: -123px;
    }

    .lst-top:hover .list-cnt {
        top: -87px;
    }

    .banner_content {
        top: 26%;
        left: 46%;

    }

    .content h4 {
        font-size: 24px;
    }

    .content p {
        font-size: 16px;
    }

    .service-box .icon:after,
    .details-box .icon:after {
        left: -16px;
        bottom: -34px;
        padding: 35px;
    }

    .details-box .icon,
    .service-box .icon {
        margin-bottom: 25px;
    }

    .icon img {
        width: 40px;
        height: 40px;
    }

    .service-box {
        padding: 30px 20px;
    }

    .number-box {
        padding: 40px 30px;
    }

    .numbers {
        gap: 15px;
    }

    .numbers:hover:before {
        top: 168px;
        left: 208px;
    }

    /*.num-icon img{*/
    /*    width: 50px;*/
    /*}*/
    .cust-rw:after {
        height: 215px !important;
        bottom: 96px !important;
    }

    .breadcrumb li {
        padding: 25px 15px 25px 55px;
        font-size: 16px;
    }

    .cust-row:after {
        height: 238px !important;
        bottom: 25% !important;
    }

    .name {
        font-size: 22px;
    }

    .service-car img {
        width: 200px;
    }

    .service-shape {
        width: 50px;
        height: 155px;
        left: 102px;
    }

    .service-shape:before {
        width: 35px;
        height: 135px;
        right: 48px;
    }

    .service-shape:after {
        width: 35px;
        height: 115px;
    }

    .milestone-left h2 {
        font-size: 34px;
    }

    .timeline-details h4 {
        font-size: 20px;
        font-weight: 700;

    }

    .milestone-right ul li {
        padding: 40px 0;
    }

    .time-line {
        left: -46px !important;
    }

    .time-line2 {
        left: -107px !important;
    }

    .time-line3 {
        left: -148px !important;
        top: 218px;
    }

    .time-line4 {
        left: -120px !important;
        top: 404px;
    }

    .time-line5 {
        left: -50px !important;
        top: 578px !important;
    }

    .milestone {
        height: 908px;
    }

    .section-heading h2,
    .abt-right h2,
    .bike-right h2,
    .car-left h2,
    .trusted-left h2,
    .milestone-left h2,
    .num-title h2 {
        font-size: 30px !important;
        line-height: 40px;

    }

    .num-title h2 {
        margin-bottom: 10px;
    }

    p {
        font-size: 16px;
    }

    .bike-rw:after {
        bottom: 120px !important;
        height: 190px !important;
    }
    .fleet-rw:after {
        bottom: 80px !important;
    }

    .car-rw:after {
        bottom: 144px !important;
        height: 190px !important;
    }

    .details-box {
        padding: 55px;
    }

    .wrapper h4 {
        font-size: 28px;
    }

    .btm-icn img {
        max-width: 70px;
    }
    .our-partner,
    .car-driver {
        padding-top: 0 !important;
    }
}


@media (max-width:991px) and (min-width:768.1px)  {
    .trusted-left,
    .why-right {
        margin-top: 105px;
    }
    .lst-top:hover .list-cnt .icon, .lst-top:hover .list-cnt .content, .lst-btm:hover .list-cnt .icon, .lst-btm:hover .list-cnt .content {
        visibility: visible !important;
    }
    .breadcrumb {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .breadcrumb li {
        width: 100%;
        justify-content: center;
        padding: 16px 20px 16px 20px;
    }
    .list-cnt .icon img {
        width: 10px;
    }
    .lst-top:hover .list-cnt{
        top: -69px;
    }
    .lst-btm:hover .list-cnt{
        bottom: -101px;
    }

    .breadcrumb li:hover{
        margin-top: 80px;
    }
    .lst-btm:hover .list-cnt{
        bottom: 65px;
        flex-direction: column-reverse;
    }
    .lst-btm .list-cnt .icon img{
        transform: rotate(180deg);
    }
    .breadcrumb li:after, .breadcrumb li:before{
        display: none;
    }
    section#fleet_rider {
        padding-top: 0 !important;
    }
    .our-partner,
    .car-driver {
        padding-top: 0 !important;
    }
    .numbers:hover:before {
        top: 178px;
        left: 163px;
    }

    .btm-icn img {
        max-width: 70px;
    }

    /*.abt-left img{*/
    /*        min-height: 305px;*/
    /*}*/
    .inner-bnr-content {
        top: -22%;
    }

    .service-box .icon:after,
    .details-box .icon:after {
        padding: 30px;
        left: -8px;
        bottom: -23px;
    }

    .trusted-right img,
    .why-left img,
    .bike-left img,
    .car-right img,
    .abt-left img,
    .milestone-left img {

        max-width: 530px;
    }

    .trusted-right,
    .why-left,
    .bike-left,
    .car-right,
    .abt-left,
    .milestone-left {
        text-align: center;
    }

    .about .offset-1 {
        margin-left: 0;
    }

    .abt-right {
        margin-top: 80px;
    }

    .inner-banner {
        height: 280px;
    }

    .carousel-inner {
        height: 400px !important;
    }

    .bnr-content-header h1 {
        font-size: 34px;
        line-height: 44px;
    }

    .bnr-content-header {
        max-width: 100%;
    }

    .banner_content {
        top: 18%;
        left: 40%;
    }

    .service-box {
        padding: 30px 20px;
    }

    .icon img {
        width: 40px;
        height: 40px;
    }

    .content h4 {
        font-size: 20px;
    }

    .content p,
    .bike-right p,
    .car-left p {
        font-size: 16px !important;
        line-height: 24px;
    }

    /*.details-box .icon, .service-box .icon{*/
    /*        margin-bottom: 10px;*/
    /*}*/
    .number-box {
        padding: 30px 10px;
    }

    /*.numbers::after{*/
    /*        left: 16px;*/
    /*}*/
    .numbers {
        gap: 10px;
    }

    /*.num-icon img {*/
    /*    width: 40px;*/
    /*    height: 40px;*/
    /*}*/
    .num-content h4 {
        font-size: 20px;
    }

    .num-content p {
        font-size: 16px;
    }

    .service-box {
        min-height: 360px;
    }

    .service-box .content {
        min-height: 180px;
    }

    .our-partner {
        padding: 50px 0 80px !important;
    }
    .breadcrumb .content h5 {
        font-size: 16px;
    }
    
    

    .cust-rw:after {
        height: 212px !important;
        bottom: 368px !important;
        width: 90% !important;
    
    
    }

    .cust-row:after {
        height: 240px !important;
    bottom: 53% !important;
    width: 90% !important;
    }

    .owl-carousel .owl-item img{
        max-width: 180px;
    }

    .why-right p {
        margin-bottom: 14px !important; 
    }

    /* .why-right {
        padding-top: 110px;
    } */

    /* .section-heading h4,
    .bike-right h4,
    .car-left h4,
    .trusted-left h4,
    .why-right h4,
    .abt-right h4,
    .milestone-left h4,
    .num-title h4 {
        margin-bottom: 14px;

    } */

    .section-heading h2,
    .bike-right h2,
    .car-left h2,
    .trusted-left h2,
    .why-right h2,
    .abt-right h2,
    .milestone-left h2,
    .num-title h2 {
        font-size: 24px !important;
        line-height: 34px !important; 
        margin-bottom: 25px;
    }

    .section-heading p,
    .bike-right p,
    .car-left p,
    .trusted-left p,
    .why-right p,
    .milestone-left p,
    .num-title p {
        font-size: 16px !important;
        margin-bottom: 40px;
        line-height: 24px;
    }
    .area-list li span{
        font-size: 16px;
    }
    .abt-rw {
        flex-direction: column;
    }

    .abt-right p {
        font-size: 16px !important;
    }

    .cust-rw {
        flex-direction: column-reverse;
        align-items: start !important;
    }

    .trusted-right img {

        min-height: 310px;
    }

    .abt-rw::after {
        width: 89% !important;
        bottom: 443px !important;
    height: 230px !important;
    }

    .about {
        padding: 80px 0 !important;
        margin-bottom: 0 !important;
    }

    .milestone-left img {
        width: 100%;
    }

    .milestone .offset-2 {
        margin-left: 0;
    }

    .milestone {
        padding: 0 0 80px;
        background: none;
        height: auto;
    }

    .milestone-right {
        position: initial;

    }

    .milestone-right ul li {
        position: initial;
    }

    .milestone-right ul li {
        position: initial !important;
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: center;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        animation-name: fadeInUp !important;
        padding: 30px;
    }

    .milestone-right ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;

    }

    .why-us .offset-1, .trust .offset-1 {
        margin-left: 0;
    }

    .timeline-details h4 {
        font-size: 20px;
        font-weight: 700;
        color: #666;
    }

    .milestone-left img {
        width: auto;
        /*max-width: 525px;*/
    }

    .timeline-details p {
        color: #666;
        font-size: 16px;
    }

    .mile-row:after {
        content: '';
        
    height: 235px;
    width: 90%;
    position: absolute;
    top: 246px;
        left: 0;
        background: #F7522E;
        border-radius: 0px 0px 80px 0px;
        z-index: -1;
    }

    .milestone-left p {
        margin-top: 85px;
    }

    .area-2 {
        margin-top: 0;
    }

    .fleet-management,
    .area,
    .trust,
    .why-us,
    .client {
        padding: 80px 0 !important;
    }

    .bike-rider,
    .details,
    .contacts {
        padding: 80px 0 !important;
    }

    .bike-rw,
    .car-rw {
        align-items: start !important;
    }

    .bike-left img,
    .car-right img {
        width: 100%;
        min-height: 280px;
    }

    .bike-rw:after {
        bottom: 168px !important;
        height: 180px !important;
        border-radius: 0px 0px 60px 0px;
    }

    .car-rw:after {
        bottom: 254px !important;
    height: 180px !important;
        border-radius: 0px 0px 0px 60px;
    }

    .fleet-rw:after {
        bottom: 96px !important;
    height: 180px !important;
        border-radius: 0px 0px 60px 0px;
    }

    .details-box .icon,
    .service-box .icon {
        padding: 7px;
    }

    .details-box {
        padding: 25px 25px;
    }

    .icon img {
        width: 35px;
        height: 35px;
    }

    .details-box .content p {
        margin-bottom: 5px;
    }

    .contact .details-box .content {
        min-height: 112px;
        margin-bottom: 0;
    }

    .contact-form {
        gap: 15px
    }

    .contact-form .input_field {
        width: 47%;
        margin-bottom: 0px;
    }

    .wrapper textarea {
        height: 100px;
        margin-top: 18px;
    }

    .wrapper h4 {
        font-size: 20px;
        margin-bottom: 35px;
    }

    .wrapper .input_field input[type="text"],
    .wrapper textarea {
        padding: 14px 20px;
        font-size: 16px;
    }

    .wrapper .btn input[type="submit"] {
        padding: 10px 30px;
        font-size: 16px;
    }


}

/* @media (min-width:767.1px) and (max-width:991px){
    .numbers:hover:before{
        left: 166px;
        top: 195px;
    }
    .lst-top:hover .list-cnt .icon, .lst-top:hover .list-cnt .content, .lst-btm:hover .list-cnt .icon, .lst-btm:hover .list-cnt .content {
        visibility: visible !important;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
    .service-box {
        padding: 30px 20px;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    section.service .row {
        gap: 0px !important;
    }
    .content p, .bike-right p, .car-left p {
        font-size: 16px !important;
        line-height: 24px;
    }
    .service-box .content {
        min-height: 180px;
    }
    .crnt-num{
        padding: 0px 0 100px;

    }

    .breadcrumb li:hover{
        margin-top: 80px;
    }
    .lst-btm:hover .list-cnt{
        bottom: 65px;
        flex-direction: column-reverse;
    }
    .lst-btm .list-cnt .icon img{
        transform: rotate(180deg);
    }
    .details .col-sm-12 {
        width: 33.33%;

    }

    .details-box {
        padding: 25px 25px;
    }

    .service-box .icon:after,
    .details-box .icon:after {
        padding: 30px;
        left: -8px;
        bottom: -23px;
    }

    .icon img {
        width: 35px;
        height: 35px;
    }

    .details-box .icon,
    .service-box .icon {
        padding: 7px;
    }

    .contact .details-box .content {
        min-height: 112px;
        margin-bottom: 0;
    }

    .content h4 {
        font-size: 20px;
    }

    .details-box .content p {
        margin-bottom: 5px;
    }

    .btm-icn img {
        max-width: 70px;
    }

    

    .inner-banner {
        height: 280px;
    }

    .about {
        margin-bottom: 0 !important;
    }

    .bike-rw .offset-1,
    .car-rw .offset-1 {
        margin-left: 0;
    }

    .bike-right,
    .car-left,
    .abt-right {
        margin-top: 100px;
    }

    .bike-rw:after {
        height: 214px;
    width: 87% !important;
    bottom: 382px !important;
    }
    .fleet-rw:after {
        height: 214px;
        width: 87% !important;
        bottom: 335px !important;
    }
    
    .car-driver,
    .details,
    .area,
    .about,
    .area-2 {
        padding: 80px 0 !important;
    }

    .contacts {
        padding: 0 0 80px !important;
    }

    .car-rw {
        flex-direction: column-reverse;
    }

    .car-rw:after {
        height: 219px;
    width: 87% !important;
    bottom: 408px !important;

    }

    .area-image {
        margin-top: 25px;
    }

    .abt-rw .offset-1 {
        margin-left: 0;
    }

    .abt-rw::after {
        width: 99% !important;
        bottom: 290px !important;
        height: 285px !important;
    }

    .section-heading h2,
    .bike-right h2,
    .car-left h2,
    .trusted-left h2,
    .why-right h2,
    .abt-right h2,
    .milestone-left h2,
    .num-title h2 {
        font-size: 34px !important;
        line-height: 45px !important;
    }
    .num-title h2{
        margin-bottom: 50px;
    }

    .milestone {
        padding: 0px 0 80px;
        background: none;
        height: auto;
    }

    .milestone .offset-2 {
        margin-left: 0;
    }

    .milestone-right {
        position: initial;

    }

    .milestone-right ul li {
        position: initial;
    }

    .milestone-right ul li {
        position: initial !important;
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: center;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        animation-name: fadeInUp !important;
        padding: 30px;
        gap: 30px;
    }

    .milestone-right ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;

    }

    .why-us .offset-1, .trust .offset-1 {
        margin-left: 0;
    }

    .timeline-details h4 {
        font-size: 20px;
        font-weight: 700;
        color: #666;
    }

    .milestone-left img {
        width: auto;
        max-width: 525px;
    }

    .mile-row:after {
        content: '';
        height: 296px;
        width: 88%;
        position: absolute;
        top: 236px;
        left: 0;
        background: #F7522E;
        border-radius: 0px 0px 80px 0px;
        z-index: -1;
    }

    .milestone-left p {
        margin-top: 100px;
        margin-bottom: 40px;
    }

    .area-2 {
        margin-top: 0;
    }

    .area-details {
        margin-top: 45px;
    }

    .inner-bnr-content {
        top: -49px;
    }

} */


@media (max-width:767px) and (min-width:480.1px){
    .bottom-footer p{
        font-size: 12px;
    }
    .lst-top:hover .list-cnt .icon, .lst-top:hover .list-cnt .content, .lst-btm:hover .list-cnt .icon, .lst-btm:hover .list-cnt .content {
        visibility: visible !important;
    }
    .breadcrumb li:hover{
        margin-top: 80px;
    }
    .lst-btm:hover .list-cnt{
        bottom: 65px;
        flex-direction: column-reverse;
    }
    .lst-btm .list-cnt .icon img{
        transform: rotate(180deg);
    }

    
    .bnr-content-header {
        width: 100%;
    }

    .banner_content {
        left: 0;
        width: 100%;
        text-align: center;
    }

    .bnr-content-header h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .carousel-inner .carousel-item>img {
        min-height: 350px;
        object-fit: cover;
    }

    .carousel-inner {
        height: 350px !important;
    }

    .trusted-right img,
    .why-left img,
    .bike-left img,
    .car-right img,
    .abt-left img,
    .milestone-left img {
        max-width: 430px;
        min-height: 300px;
    }
    .trusted-right,
    .why-left,
    .bike-left,
    .car-right,
    .abt-left,
    .milestone-left {
        text-align: center;
    }
    .abt-rw::after {
        width: 87% !important;
    bottom: 465px !important;
    height: 199px !important;
    }

    .mile-row:after {
        height: 225px !important;
    width: 88% !important;
    top: 228px !important;
    }

    .timeline-details p {
        color: #666;
        font-size: 16px;
    }

    .timeline-details h4 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .milestone-right ul li {
        padding: 30px 25px;
    }

    .milestone-left p,
    .abt-right p {
        font-size: 16px !important;
    }

    .section-heading p {
        font-size: 16px;
        line-height: 28px;
    }

    .service:after {
        display: none;
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 4%;
    }

    section.service .row {
        gap: 20px;
    }

    .cust-rw {
        flex-direction: column-reverse;
        align-items: flex-start !important;
    }
    

    .trusted-left,
    .why-right {
        margin-top: 80px;
    }

    .cust-rw:after {
        width: 86% !important;
    bottom: 338px !important;
    height: 198px !important;
        border-radius: 0px 0px 0px 60px;
    }

    .section-heading p,
    .bike-right p,
    .car-left p,
    .trusted-left p,
    .why-right p,
    .num-title p {
        margin-bottom: 30px !important;
        font-size: 16px !important;
    }

    .cust-btn {
        font-size: 14px !important;
        padding: 10px 20px !important;
    }

    .breadcrumb li {
        width: 100%;
        justify-content: center;
        padding: 16px 20px 16px 20px;
    }

    .breadcrumb {
        flex-direction: column;
        gap: 20px;
    }

    .breadcrumb li:after,
    .breadcrumb li:before {
        display: none;
    }

    .cust-row:after {
        bottom: 57% !important;
        height: 199px !important;
        width: 87% !important;
    
    }

    .fleet-management,
    .area,
    .our-partner,
    .trust,
    .why-us,
    .client,.bike-rider {
        padding: 80px 0 !important;
    }

    .our-partner,
    .car-driver, #fleet_rider, .area {
        padding-top: 0 !important;
    }
    .our-partner, .car-driver, #fleet_rider, .area{
        padding-bottom: 80px !important;
    }
    .owl-carousel .owl-item img{
        max-width: 180px;
    }
    .no-js .owl-carousel, .owl-carousel.owl-loaded{
        padding: 40px 0;
    }
}



@media (max-width:480px) and (min-width:320px)  {
    .cust-row .offset-1 {
        margin-left: 0;
    }
    .bottom-footer p{
        font-size: 10px;
    }
    .no-js .owl-carousel, .owl-carousel.owl-loaded{
        padding: 50px 0;
    }
    .client .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 40px;
    }
    .details .col-sm-12 {
        width: 100%;
    }
    .client {
        padding-top: 80px;
        padding-bottom: 0 !important;
    }
    .footer {
        background-position: 50% 3% !important;
    }
    section.area-2 .row {
        flex-direction: column-reverse;
    }
    .area-list{
        margin: 30px 0;
    padding-left: 0;
    }
    .area-list li span{
        font-size: 16px;
    }
    .area-images {
        margin-bottom: 30px;
    }
    .col-md-4 {
       
        width: 100%;
    }
   
    .service-box .content {
        min-height: 0;
    }
    .num-title h2 {
        margin-bottom: 0px;
    }
   
    .lst-top:hover .list-cnt .icon, .lst-top:hover .list-cnt .content, .lst-btm:hover .list-cnt .icon, .lst-btm:hover .list-cnt .content {
        visibility: visible !important;
    }
    .breadcrumb li:hover{
        margin-top: 80px;
    }
    .lst-btm:hover .list-cnt{
        bottom: 65px;
        flex-direction: column-reverse;
    }
    .lst-btm .list-cnt .icon img{
        transform: rotate(180deg);
    }
    .numbers {
        width: 100%;
    }

    .abt-left img {
        max-width: 350px;
    }

    .abt-rw::after {
        width: 96% !important;
        bottom: 550px !important;
        height: 142px !important;
        border-radius: 0px 0px 60px 0px;
    }

    .bike-right,
    .car-left,
    .abt-right {
        margin-top: 70px;
    }

    .section-heading h2,
    .bike-right h2,
    .car-left h2,
    .trusted-left h2,
    .why-right h2,
    .abt-right h2,
    .milestone-left h2,
    .num-title h2 {
        font-size: 22px !important;
        line-height: 34px !important;
        line-height: 26px;
    }

    .section-heading p,
    .bike-right p,
    .car-left p,
    .trusted-left p,
    
    .num-title p {
        margin-bottom: 32px;
        font-size: 16px !important;
    }
    .why-right p{
        font-size: 16px !important;
    }
    .abt-right p {
        font-size: 16px !important;
        margin-bottom: 0;
    }

    .milestone-left p {
        margin-top: 70px;
        font-size: 16px;
        text-align: left;
    }

    .mile-row:after {
        top: 149px;
        height: 160px;
        width: 96%;
        border-radius: 0px 0px 60px 0px;
    }

    
    .milestone-right ul li {
        padding: 25px 20px;
    }

    .timeline-details h4 {
        font-size: 18px;
    }

    .timeline-details p {
        font-size: 16px;
    }

    .milestone-right ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .milestone-right ul li {
        flex-direction: column;
        text-align: center;
        padding: 25px 20px;
    

    }

    span.timeline-date {
        padding: 35px 30px;
    }

    .cust-footer .offset-1 {
        margin-left: 0;
    }

    .bnr-content-header h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .bnr-content-header p {
        font-size: 12px;
        margin-bottom: 25px;
    }

    .carousel-control-next-icon, .carousel-control-prev-icon{
        width: 1rem !important;
    height: 1rem !important;
    }
    .carousel-control-next, .carousel-control-prev{
        width: 7% !important;
    }
    .cust-btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    .bnr-content-header {
        width: 100%;
    }

    .carousel-inner {
        height: 310px !important;
    }

    section.service .row {
        gap: 20px !important;
    }

    .banner_content {
        left: 0;
        width: 100%;
        text-align: center;
    }

    .number-box {
        flex-direction: column;
        gap: 70px;
        padding: 40px 50px;
    }

    
    .service:after {
        background: none;
        background-image: none;
    }

  
    .numbers {
        display: flex;
        gap: 20px;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border-bottom: 1px solid #ccc;
        min-height: 235px;
    }

    .carousel-inner .carousel-item>img {

        min-height: 310px !important;
        object-fit: cover;
    }

    .crnt-num {
        padding: 0px 0 80px;
    }

    .cust-rw {
        flex-direction: column-reverse;
    }

    .trusted-left,
    .why-right {
        margin-top: 80px;
    }

    .trust .offset-1 {
        margin-left: 0;
    }

    .cust-rw:after {
        width: 96% !important;
        bottom: 454px !important;
        height: 152px !important;
    border-radius: 0px 0px 0px 60px;
    }

    .fleet-management,
    .area,
    .our-partner,
    .trust,
    .why-us {
        padding: 80px 0 !important;
    }

    .trusted-right img,
    .why-left img,
    .bike-left img,
    .car-right img,
    .abt-left img,
    .milestone-left img {

        max-width: 285px;
        min-height: 0;
    }

    .trusted-right,
    .why-left,
    .bike-left,
    .car-right,
    .abt-left,
    .milestone-left {
        text-align: center;
    }

    .our-partner,
    .car-driver {
        padding-top: 0 !important;
    }

    .breadcrumb {
        flex-direction: column;
        gap: 20px;
    }

    .breadcrumb li {
        width: 100%;
        justify-content: center;
        padding: 16px 20px 16px 20px;
        font-size: 16px;
    }

    .breadcrumb li:after,
    .breadcrumb li:before {
        display: none;
    }

    .cust-row:after {
        height: 138px !important;
    width: 97% !important;
    bottom: 72% !important;
        border-radius: 0px 0px 60px 0px;
    }

    .timeline-details p {
        color: #666;
    }

    .bike-rw:after {
        height: 162px;
        width: 96% !important;
        bottom: 485px !important;
        border-radius: 0px 0px 60px 0px;
    }

    .car-rw:after {
        height: 170px;
        width: 96% !important;
        bottom: 454px !important;
        border-radius: 0px 0px 0px 60px;
    }

    .milestone-right {
        padding: 0;
        margin-top: 25px;
    }

    .car-driver {
        padding-bottom: 0 !important;
    }

    .fleet-rw:after {
        height: 151px;
        width: 96% !important;
        bottom: 425px !important;
        border-radius: 0px 0px 60px 0px;
    }

   

    .area {
        padding-top: 0 !important;
    }

    .details .row {
        gap: 20px;
    }

    .contacts {
        padding: 0 0 80px !important;
    }

    .contact-form .input_field {
        width: 100%;
        margin-bottom: 0;
    }

    .inner-bnr-content {
        top: -30px;
    }
    .numbers:hover:before {
        left: 158px;
        top: 193px;
    }
}

@media(max-width : 736px) {}



@media(max-width : 667px) {}



@media(max-width : 375px) {
   
    .lst-top:hover .list-cnt .icon, .lst-top:hover .list-cnt .content, .lst-btm:hover .list-cnt .icon, .lst-btm:hover .list-cnt .content {
        visibility: visible !important;
    }
    .inner-bnr-content h2 {
        font-size: 32px;
    }

    
    .bike-rw:after {
        bottom: 532px;
    }

    .car-rw:after {
        bottom: 535px !important;
    }

    .fleet-rw:after {
        bottom: 420px !important;
    }

    .abt-rw::after {
        bottom: 623px !important;
    }

    .mile-row:after {
        top: 162px !important;
        height: 160px !important;
    }

    /*.num-icon img{*/
    /*    width: 100px;*/
    /*}*/
    .cust-rw:after {
        bottom: 450px !important;
        height: 140px !important;
    }

    .cust-row:after {
        height: 140px;
        bottom: 73% !important;
    }

    .section-heading p,
    .bike-right p,
    .car-left p,
    .trusted-left p,
    .why-right p,
    .num-title p {
        margin-bottom: 30px;
    }

    .trusted-left,
    .why-right {
        margin-top: 75px;
    }

    .why-right p {
        margin-bottom: 15px;
    }

    .inner-bnr-content {
        top: -30px;
    }
    .numbers:hover:before {
        left: 199px !important;
        top: 173px !important;
    }
}



@media(max-width : 320px) {
    .lst-top:hover .list-cnt .icon, .lst-top:hover .list-cnt .content, .lst-btm:hover .list-cnt .icon, .lst-btm:hover .list-cnt .content {
        visibility: visible !important;
    }
    a.navbar-brand img {
        max-width: 180px;
    }

    a.navbar-brand img {
        max-width: 180px;
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 5%;
    }

    .cust-rw:after {
        bottom: 500px;
        height: 140px;
        border-radius: 0px 0px 20px 0px;
        width: 82%;
    }

    .cust-row:after {
        height: 140px;
        bottom: 77%;
        border-radius: 0px 0px 0 20px;
        width: 70%;
    }

    .inner-bnr-content {
        top: -30px;
    }
}

@media(min-width:390px) and (max-width:400px) {
    .lst-top:hover .list-cnt .icon, .lst-top:hover .list-cnt .content, .lst-btm:hover .list-cnt .icon, .lst-btm:hover .list-cnt .content {
        visibility: visible !important;
    }
    .numbers:hover:before {
        left: 211px !important;
        top: 174px !important;
    }

    .inner-bnr-content {
        top: -30px;
    }

    .abt-rw::after {
        width: 97% !important;
        bottom: 611px !important;
        height: 160px !important;
    }
    

    .inner-bnr-content h2 {
        font-size: 30px;
    }

    .mile-row:after {
        top: 140px;
    }

    .bike-rw:after {
        bottom: 505px !important;
    }

    .car-rw:after {
        height: 148px;
        bottom: 474px !important;
    }

    .fleet-rw:after {
        height: 146px;
        bottom: 430px !important;
    }
    
}
@media (max-width:412px){
    
    /* .number-box{
        padding: 40px 60px;
    } */
    .cust-rw:after{
        width: 95%;
    bottom: 392px;
    }
    .cust-row:after{
        bottom: 71%;
    }
    .title h2{
        margin-bottom: 35px;
    }
    .numbers:hover:before {
        left: 227px;
        top: 175px;
    }
}
@media only screen and (max-width:480px) {
    .lst-top:hover .list-cnt .icon, .lst-top:hover .list-cnt .content, .lst-btm:hover .list-cnt .icon, .lst-btm:hover .list-cnt .content {
        visibility: visible !important;
    }
}