/* ------------------------------------------------book now-------------------------------------------------- */
 @media screen and (device-aspect-ratio: 375/667) {
    .booking-form-one .col-lg-6 {
        margin-left: 22px !important; /* Reset left margin for mobile view */
    }
} 
/* ----------------------iphone xr------------- */
@media screen and (device-aspect-ratio: 414/896) {
    .booking-form-one .col-lg-6 {
        margin-left: 44px !important; /* Reset left margin for mobile view */
    }
    .serv-2{
        margin-left: 48px !important;
    }
    .serv-4{
        margin-left: 48px !important;
    }
} 
/* ------------------------------iphone 12 pro ----- */
@media screen and (device-aspect-ratio: 390/844) {
   
    .serv-2{
        margin-left: 35px !important;
    }
    .serv-4{
        margin-left: 35px !important;
    }
} 


/* ------------------------------iphone 14 pro max----- */
@media screen and (device-aspect-ratio: 412/915) {
    .booking-form-one .col-lg-6 {
        margin-left: 55px !important;
    }
    .serv-2{
        margin-left: 48px !important;
    }
    .serv-4{
        margin-left: 48px !important;
    }
} 
/* ------------------------------pixel-7----- */
@media screen and (device-aspect-ratio: 430/932) {
    
    .serv-2{
        margin-left: 60px !important;
    }
    .serv-4{
        margin-left: 60px !important;
    }
} 

/* -------------------------samsung galaxy s8+---------------- */
@media screen and (device-aspect-ratio: 360/740) {
    .booking-form-one .col-lg-6 {
        margin-left: 15px !important;
    }
    .cta-style-two {
         height: 440px !important; 
    }
    .footer-logo{
        width: 40px;
    }
    .copy{
        margin-left:60px;
        margin-top: -30px;
    }
    .web{
        margin-left: -0px !important;
    }
}
/* -------------------------samsung galaxy s20 ultra---------------- */
@media screen and (device-aspect-ratio: 412/915) {
    .booking-form-one .col-lg-6 {
        margin-left: 45px !important;
    }
}
/* -------------------------ipad mini---------------- */
@media screen and (device-aspect-ratio:768/1024) {
    .booking-form-one .col-lg-6 {
        margin-left:244px !important;
    }
    .sx-how-it-work .col-lg-4, 
    .sx-how-it-work .col-md-6, 
    .sx-how-it-work .col-md-12 {
        width: 100%; /* Ensure each column takes full width */
        display: block; /* Force block display */
    }

    .sx-how-it-work .mt-box {
        margin-bottom: 30px; /* Maintain spacing between boxes */
    }
    .serv-2{
        margin-left: 1000px !important;
    }
    .serv-4{
        margin-left: 10000px !important;
    }
    
}
/* -------------------------ipad air---------------- */
@media screen and (device-aspect-ratio:820/1180) {
 .col-lg-61 {
     min-width: 20px !important;
    }
    .col_s_20{
        margin-left: -60px;
    }
    .about-image-block{
        width: 710px !important;
    }
    .sx-how-it-work .col-lg-4, 
    .sx-how-it-work .col-md-6, 
    .sx-how-it-work .col-md-12 {
        width: 100%; /* Ensure each column takes full width */
        display: block; /* Force block display */
    }

    .sx-how-it-work .mt-box {
        margin-bottom: 30px; /* Maintain spacing between boxes */
    }
    .serv-2{
        margin-left: 310px !important;
    }
    .serv-4{
        margin-left: 450px !important;
    }
    .single-taxi-one{
        margin-left: 210px;
    }
    .cta-style-two {
        height: 390px !important; 
   }
}

/* -------------------------ipad pro---------------- */
@media screen and (device-aspect-ratio:1024/1366) {
    .col-lg-61 {
        min-width: 20px !important;
       }
       .col_s_201{
        margin-left: 20px !important;
       }
       .about-image-block{
        width: 880px !important;
        margin-left:30px;
    }
    .red-line{
        width: 850px;
        margin-top: 610px;
        margin-left: -420px;
    }
    .call-block{
        margin-left: -450px;
    }
    .taxi-style-one .row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column; /* Stack elements vertically */
    }
    .serv-2{
        margin-left: 450px !important;
    }
    .serv-4{
        margin-left: 590px !important;
    }
    .single-taxi-one{
        margin-left: 350px;
        margin-bottom: 40px;
    }
   }
   /* ------------------------surface pro---------------- */
@media screen and (device-aspect-ratio:912/1368) {
    .col-lg-61 {
        min-width: 20px !important;
       }
       .col_s_20{
        margin-left: -60px;
       }
       .about-image-block{
        width: 780px !important;
        margin-left: -40px;
    }
    .sx-how-it-work .col-lg-4, 
    .sx-how-it-work .col-md-6, 
    .sx-how-it-work .col-md-12 {
        width: 100%; /* Ensure each column takes full width */
        display: block; /* Force block display */
    }

    .sx-how-it-work .mt-box {
        margin-bottom: 30px; /* Maintain spacing between boxes */
    }
    .serv-2{
        margin-left: 310px !important;
    }
    .serv-4{
        margin-left: 450px !important;
    }
    .single-taxi-one{
        margin-left: 210px;
    }
    .cta-style-two {
        height: 390px !important; 
   }
   }

      /* ------------------------surface duo---------------- */
@media screen and (device-aspect-ratio:540/720) {
    .booking-form-one .col-lg-6 {
        margin-left: 100px !important;

    }
    .booking-form-one .col-lg-66 {
        margin-top: -0px !important;
    }
    .serv-2{
        margin-left: 110px !important;
    }
    .serv-4{
        margin-left: 110px !important;
    }
}
/* -------------------------galazy z fold 5---------------- */
@media screen and (device-aspect-ratio: 344/882) {
    .booking-form-one .col-lg-6 {
        margin-left: 5px !important;
    }
    .serv-2{
        margin-left: 15px !important;
    }
    .serv-4{
        margin-left: 15px !important;
    }
    .cta-style-two {
        height: 440px !important; 
   }
   .footer-logo{
    width: 40px;
}
.copy{
    margin-left:60px;
    margin-top: -30px;
}
.web{
    margin-left: -0px !important;
}
}
/* -------------------------Asus zenbook fold---------------- */
@media screen and (device-aspect-ratio: 853/1280) {
    .col-lg-61 {
        min-width: 20px !important;
       }
       .col_s_20{
        margin-left: -60px;
       }
       .about-image-block{
        width: 710px !important;
    }
    .sx-how-it-work .col-lg-4, 
    .sx-how-it-work .col-md-6, 
    .sx-how-it-work .col-md-12 {
        width: 100%; /* Ensure each column takes full width */
        display: block; /* Force block display */
    }

    .sx-how-it-work .mt-box {
        margin-bottom: 30px; /* Maintain spacing between boxes */
    }
    .serv-2{
        margin-left: 310px !important;
    }
    .serv-4{
        margin-left: 450px !important;
    }
    .single-taxi-one{
        margin-left: 210px;
    }
    .cta-style-two {
        height: 390px !important; 
   }
}
/* -------------------------samsung galaxy a51/71--------------- */
@media screen and (device-aspect-ratio: 412/914) {
    .serv-2{
        margin-left: 48px !important;
    }
    .serv-4{
        margin-left: 48px !important;
    }
}

/* -------------------------Nest Hub---------------- */
@media screen and (device-aspect-ratio: 1024/600) {
    .col-lg-61 {
        min-width: 20px !important;
       }
       .col_s_201{
        margin-left: 1px !important;
       }

       .about-image-block{
        width: 930px !important;
    }
       .red-line{
        width: 850px;
        margin-top: 670px;
        margin-left: -450px;
    }
    .call-block{
        margin-left: -450px;
    }
    .taxi-style-one .row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column; /* Stack elements vertically */
    }
    .serv-2{
        margin-left: 450px !important;
    }
    .serv-4{
        margin-left: 590px !important;
    }
    .single-taxi-one{
        margin-left: 350px;
        margin-bottom: 40px;
    }
    
}
/* -------------------------Nest Hub pro---------------- */
@media screen and (device-aspect-ratio: 1280/800) {
    .col-lg-61 {
        min-width: 20px !important;
       }
       .col_s_20{
        margin-left: 40px;
       }
       .about-image-block{
        width: auto !important;
    }
    .serv-4{
        margin-left:152px !important;
    }
}
@media (max-width: 768px) {
    span.web {
        display: block;
        margin-top: 5px;
    }
    .web{
        margin-left: 55px;
    }
    .btn-secondary{
        margin-bottom: 20px;
    }
    
}
/* ------------------------------------ */