
/* Desktops */
@media(max-width:1920px){
    .country-code {
        margin: 1px 0 0 0;
    }
    .cheak_message p {
        font-size: 12px;
    }
    .have_account p {
        font-size: 12px;
    }
}


@media(max-width:1366px){
    .cheak_message p {
        font-size: 10px;
    }
    .have_account p {
        font-size: 10px;
    }
}






/***********************************************/
@media(max-width:1024px){
    .banner{
    height: 800px;
    margin-bottom: 60px;
    background-image: url("../images/Mercedes-car1.png");
    background-size: cover;

}
    .about_col_name h3 {
        font-size: 22px;
    }
    .about_col_quote p {
        font-size: 13px;
    }
    .top_vehical_btn {
        font-size: 12px;
        padding: 5px 6px;
    }
    .top_vehical_price h5 span {
        font-size: 12px;
    }
    .top_vehical_price h5 {
        font-size: 20px; 
    }
    .top_vehical_name h5 {
        font-size: 18px;
    }
    .discover_heading h4 {
        font-size: 22px;
    }
    .discover_quote p {
        font-size: 12px;
    }
    .discover_btn {
        font-size: 12px;
    }
    .review_quote h6 {
        font-size: 30px;
    }
    .cta_heading h3 {
        font-size: 30px;
    }
    .footer_col_heading h5 {
        font-size: 22px;
    }
    .footer_menu ul li a {
        font-size: 16px;
    }
    .footer_copyright p {
        font-size: 13px;
    }

    .banner{
        /*background: none;*/
        padding: 120px 0 60px 0;
    }
    /*.header {*/
    /*    background-color: #000;*/
        
    /*}*/
    .banner_right_form_main .nav-tabs .nav-link.active{
        padding: 10px 50px;
    }
    .banner_right_form_main .nav-tabs .nav-link{
        padding: 10px 50px;
    }

    /* Sign up Page CSS */
    .sign_right_main img {
        height: 695px;
    }
    .sign_up_heading h1 {
        font-size: 32px;
    }
    .sign_up_subheading h4 {
        font-size: 18px;
    }
    
}






/* Tablets */
@media(max-width:1000px){
    .partner_head_heading h3 {
        font-size: 17px;
    }

    .testimonial_slider .owl-stage-outer {
        height: 295px !important;
    }
}


@media(max-width:991px){
.banner_right {
    position: relative;
    top: 0;
}
.partners_logo img {
    width: 200px;
}
.partners_logo{
    margin: 20px 0 0 0;
}
/*.form_btn:hover .slideFBTN{*/
/*    left: 3%;*/
/*}*/
/*.form_btn:hover{*/
   
/*    padding-left: 22px;*/
/*    padding-right: 10px;*/
/*}*/

.addField_btn{
    width: 50%;
}
.beconeBTN{
    width: 50%;
}
/* * sign up page responsive */
.sign_right_main {
    margin-top: 20px;
}
.sign_right_main img {
    height: 300px;
}
.signup_left {
    margin-top: 20px;
}
.loginrow{
    display: flex;
    flex-direction: column-reverse;
}


}





/*****************************************************/
@media(max-width:914px){
    .banner{
    height: 800px;
    margin-bottom: 60px;
    background-image: url("../images/Mercedes-car1.png");
    background-size: cover;

}
    .header_login {
        font-size: 14px;
        /* padding: 5px 15px; */
    }
    .header_signup {
        font-size: 14px;
        /* padding: 5px 12px; */
    }
    .banner_heading h1 {
        font-size: 36px;
    }
    .banner_quote p {
        font-size: 14px;
    }
    .btn1 {
        font-size: 14px;
    }
    .banner_right_form_main{
        margin: 20px 0 0 0;
        padding-top: 20px;
    }
    .about_col {
        margin: 10px 0;
    }
    .top_vehical_btn {
        font-size: 15px;
        padding: 5px 15px;
    }
    .top_vehical_price_heading p {
        font-size: 15px;
    }
    .top_vehical_price h5 {
        font-size: 25px;
    }
    .discover_heading h4 {
        font-size: 25px;
    }
    .discover_quote p {
        font-size: 16px;
        max-width: 70%;
    }
    .discover_btn {
        font-size: 15px;
    }
    .discover_info1 {
        left: 20px;
        bottom: 20px;
        text-align: start !important;
        transform: inherit;
    }
    .discover_colright{
        margin: 15px 0 0 0;
    }
    .review_quote h6 {
        font-size: 28px;
    }

    .banner_right {
        position: relative;
        top: 0;
    }
    .banner {
        padding: 100px 0 60px 0;
    }
    .service_patners_main{
        margin: 0;
    }
    .service_partner_left h3 {
        font-size: 25px;
    }
    .service_patners_main{
        padding: 35px 0 0 0;
    }
    .partners_logo img {
        width: 200px;
    }
    .partners_logo{
        margin: 25px 0 0 0;
    }

    
    .form_col1:after {
        position: absolute;
        content: "";
        background: #000;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        top: 23px;
        left: 10px;
    }
    
    #form_line:before {
        position: absolute;
        content: "";
        background: #000;
        width: 1px;
        height: 68px;
        top: 23px;
        left: 12px;
        z-index: 999;
    }
    .form1{
        padding-left: 20px;
    }



}





@media(max-width:767px){
    .service_partner_left h3{
        font-size: 25px!important;
    }
    .about_heading h2{
        font-size: 25px!important;
    }
    .top_loactions_heading h2{
        font-size: 25px!important;
    }
    .discover_heading h3{
        font-size: 25px;
    }
    .discover_heading h4 {
        font-size: 20px;
    }
    .discover_client_heading h5 {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
    }
    .discover_quote p {
        font-size: 15px;
        max-width: 70%;
    }
    .about_col_quote p {
        font-size: 15px;
    }
    .cta_heading h3 {
        font-size: 23px;
    }

    /* foot Accordian case */

    .ftDisp_1{
        display:none;
    }
    .ftDisp_2{
        display: block;
    }

    .footer_col .accordion-header {
        margin-bottom: 18px;
    }

    .footer_logo a{
        width: 40%;
        display: block;   
    }
}




/************************************************* Responsive */
@media (max-width: 768px) {
    .mobi-res h2, h3, p {
        text-align: center;
    }
    .banner{
    height: 800px;
    margin-bottom: 60px;
    background-image: url("../images/Mercedes-car1.png");
    background-size: cover;

}

    .footer .country-list li {
      list-style: none;
      margin-bottom: 10px;
      color: #ccc;
       text-align:left !important;
    }
    .footer .country-list li::before {
      content: "✔";
      color: #ff5722;
      margin-right: 10px;
       text-align:left !important;
    }
    .footer .contact-info i {
      color: #ff9800;
      margin-right: 8px;
       text-align: left !important;
    }
    .footer h5, p {
        text-align: center !important;
    }
    .footer p {
        font-size:15px;
    }
    .footer a {
      color: #fff;
      text-decoration: none;
    }
    .footer a:hover {
      color: #ff9800;
      text-decoration: none;
    }
    .footer {
        text-align:left;
    }
    .footer h5{
         text-align: left !important;
    }
    .footer .contact-us {
        padding-bottom: 20px;
    }
    .footer .contact-us h5{
        text-align: center !important;
        padding-bottom: 20px;
    }
    .footer .mob-cen p{
         text-align: center !important;
    }
    
    .footer .logo img{
        justify-content: start;
        align-items: center;
        display: flex;
        width:40%;
    }
    
    .butMobClick{
        padding: 10px 0px;
    }
    .clickAct{
        padding: 10px 0px;
    }
    
    .copyright-section a {
        text-decoration: none;
        color:#fff;
    }
    .copyright-section a:hover {
        text-decoration: none;
        color:#ff9800;
    }
    
    
  .app-banner {
    flex-direction: column !important;
    text-align: center;
  }
  .app-banner h3 {
    font-size: 1.2rem;
    margin-top: 10px;
  }
  .app-buttons {
    margin-top: 15px;
  }
  .app-buttons img {
    max-height: 40px;
    margin: 5px;
  }
  .footer {
    text-align: left;
    padding: 60px 15px 30px;
  }
  .footer .col-md-4 {
    margin-bottom: 30px;
  }
  .footer .logo img {
    margin: 0 auto;
  }
}





@media(max-width:615px){
    .partcol_adj{
        margin-top: 20px;
    }
    .partner_footer {
        margin: 20px 0 0 0;
    }
}






/********************************************** Mobiles */
@media(max-width:500px){
.banner{
    height: 800px;
    margin-bottom: 60px;
    background-image: url("../images/Mercedes-car1.png");
    background-size: cover;

}
.logo img{
    justify-content: start;
    align-items: center;
    display: flex;
    /*width:100%;*/
}
.header_location_main {
    justify-content: center;
    /* margin-top: 6px; */
}
.header_infos_main {
    gap: 10px;
}
.header_buttons {
    text-align: end !important;
    /* margin-top: 10px; */
}
.header_login {
    font-size: 14px;
    margin: 0px 5px 0 0;
    color: #fff;
}
.header_signup {
    font-size: 14px;
    color: #fff;  
}
.header {
    padding: 5px 0;
    /*background-color: #000;*/
    box-shadow: 0 0 5px rgb(0 0 0 / 0.1);
}
.banner_right_form_main {
    margin: 20px 0 0 0;
    /* background: #d1d1d1; */
    padding: 20px 15px;
    box-shadow: 0 0 5px rgb(0 0 0 / 0.1);
}
.header_location a {
    color: #fff;
}
.step-section {
    margin: -50px 0px;
      padding: 30px 0;
      text-align: center;
    }
.step-title {
  font-size: 2rem;
  /*font-weight: 700;*/
}
.banner_right h4 {
    text-align: center !important;
}
.banner_right h4 span {
    color:#ffffff !important;
}
.partner_col img{
    width: 130px !important;
}
.about_col {
    margin: 10px 0 0 0;
}
.banner_heading h1 {
    font-size: 35px;
}
.banner_quote p {
    font-size: 14px;
    max-width: 90%;
}
.top_loactions_heading h2 {
    font-size: 30px;
}
.top_loactions_quote p{
    font-size: 14px;
    max-width: 90%;
}
.about_heading h2 {
    font-size: 30px;
}
/* .discover_heading h3 {
    font-size: 30px;
} */
.discover_heading_quote p {
    font-size: 14px;
    max-width: 90%;
    margin: 0 auto;
}
.discover_col {
    margin: 10px 0;
}
.discover_info1 {
    left: 20px;
    bottom: 20px;
    text-align: start !important;
    transform: inherit !important;
}
.review_quote h6 {
    font-size: 16px;
}
.cta_heading h3 {
    font-size: 25px;
}
.copyright_right {
    align-items: start;
    justify-content: start;
    gap: 25px;
    text-align: start !important;
}
.footer_copyright p {
    font-size: 12px;
}

.banner_right {
    position: relative;
    top: 0;
}
.service_patners_main{
    margin: 0;
}
.discover_quote p {
    font-size: 14px;
}
.become_partner_btn{
    font-weight: inherit;
}
.banner_right_form_inner {
    padding: 5px 10px 10px 10px;
}
.partners_banner_right{
    margin: 20px 0 0 0;
}
.partner_head_heading{
    margin: 15px 0 0 0;
}


.partners_logo img {
    width: 150px;
    height: auto;
    object-fit: cover;
}
.partcol_adj{
    margin-top: 22px;
}
.partner_footer {
    margin: 20px 0 0 0;
}
.testimonial_quote p {
    font-size: 14px;
}
.cta_quote  h6{
    font-size: 15px;
}

.cta_heading h3 {
    font-size: 20px;
}

.cta_quote h6 {
    font-size: 14px;
}
/* Signup page responsive starts */
.country-code {
    width: 33%;
    font-size: 15px;
}
.sign_up_heading h1 {
    font-size: 30px;
}
.sign_up_subheading h4 {
    font-size: 18px;
}
.sign_right_main {
    margin-top: 20px;
}
.sign_right_main img {
    height: 300px;
}
.loginrow{
    flex-direction: column-reverse !important;
    display: flex !important;
}
.app-banner small {
    font-size: 1rem;
    margin-top: 50px;
  }
.mobi-res h2, h3, p{
    text-align: center;
}

.footer .country-list li {
      list-style: none;
      margin-bottom: 10px;
      color: #ccc;
       text-align:left !important;
    }
    .footer .country-list li::before {
      content: "✔";
      color: #ff5722;
      margin-right: 10px;
       text-align:left !important;
    }
    .footer .contact-info i {
      color: #ff9800;
      margin-right: 8px;
       text-align: left !important;
    }
    .footer h5, p {
        text-align: center !important;
    }
    .footer p {
        font-size:15px;
    }
    .footer a {
      color: #fff;
      text-decoration: none;
    }
    .footer a:hover {
      color: #ff9800;
      text-decoration: none;
    }
    .footer {
        text-align:left;
    }
    .footer h5{
         text-align: left !important;
    }
    .footer .contact-us {
        padding-bottom: 20px;
    }
    .footer .contact-us h5{
        text-align: center !important;
        padding-bottom: 20px;
    }
    .footer .mob-cen p{
         text-align: center !important;
    }
    
    .footer .logo img{
        justify-content: start;
        align-items: center;
        display: flex;
        width:70%;
    }
    
    .butMobClick{
        padding: 10px 0px;
    }
    .clickAct{
        padding: 10px 0px;
    }
    
    .copyright-section a {
        text-decoration: none;
        color:#fff;
    }
    .copyright-section a:hover {
        text-decoration: none;
        color:#ff9800;
    }


}







@media(max-width:480px){
    .copyright-section a {
        text-decoration: none;
        color:#fff;
    }
    .copyright-section a:hover {
        text-decoration: none;
        color:#ff9800;
    }
    .butMobClick{
        padding: 10px 0px;
    }
    .clickAct{
        padding: 10px 0px;
    }
    .banner_right_form_main .nav-tabs .nav-link{
        padding: 10px 50px;
    }
    .banner_right_form_main .nav-tabs .nav-link.active{
        padding: 10px 20px;
    }

    .form_btn{
        width: 50%;
    }

    .partner_head_heading h3 {
        font-size: 18px;
    }
    .partners_right_body_quote{
        font-size: 15px;
    }
    .service_partner_left h3{
        font-size: 20px!important;
    }
    .about_heading h2{
        font-size: 20px!important;
    }
    .top_loactions_heading h2{
        font-size: 20px!important;
    }

    .about_col_name h3{
        font-size: 20px;
    }
    .discover_heading h3{
        font-size: 20px;
    }

    /* THANK YOU PAGE  */

    .becom_formMain form h3 {
        color: #ff8249;
        font-size: 20px;
    }

    .becom_formMain h1{
        font-size: 26px;
    }

    /* Signup page responsive starts */
    .country-code {
        width: 35%;
    }


}


@media(max-width:448px){
    .copyright-section a {
        text-decoration: none;
        color:#fff;
    }
    .copyright-section a:hover {
        text-decoration: none;
        color:#ff9800;
    }
    .butMobClick{
        padding: 10px 0px;
    }
    .clickAct{
        padding: 10px 0px;
    }
    .mobile-application small {
        font-size: 1rem;
        padding-top: 50px;
    }

}


@media(max-width:400px){
    .butMobClick{
        padding: 10px 0px;
    }
    .clickAct{
        padding: 10px 0px;
    }
    .banner_heading h1 {
        font-size: 30px;
    }
    .banner_form_heading h3 {
        font-size: 26px;
    }
    .review_quote h6 {
        font-size: 16px;
    }
    .service_main {
        padding: 40px 0;
    }
    .top_loactions_heading h2 {
        font-size: 26px;
    }
    /* .discover_heading h3 {
        font-size: 26px;
    } */
    .partner_col img {
        width: 100px !important;
    }
    .discover_quote p {
        font-size: 13px;
    }
    .banner_right_form_main .nav-tabs .nav-link{
        padding: 10px 35px;
    }
    .banner_right_form_main .nav-tabs .nav-link.active{
        padding: 10px 35px;
    }
    .become_partner_btn{
        font-size: 12px;
        padding: 6px 12px;
        margin: 0;
    }
    .header_location a{
        font-size: 12px;
    }
    .logo img {
        width: 90px;
    }

    .cta_heading h3{
        font-size: 18px;
    }

    .happy_customers{
        font-size: 20px;
    }

    /* sign up page responsive */
    .sign_up_subheading h4 {
        font-size: 15px;
    }
    .sign_up_heading h1 {
        font-size: 25px;
    }
    .sign_up_quote p {
        font-size: 13px;
    }
    .sign_label1 {
        font-size: 14px;
        margin: 0 0 3px 0;
    }
    .sign_btn {
        font-size: 14px;
    }
    .country-code {
        margin: 4px 0 0px 0;
    }
    .sign_right_quote_maintop h5 {
        font-size: 20px;
    }

}


@media(max-width:375px){
    .copyright-section a {
        text-decoration: none;
        color:#fff;
    }
    .copyright-section a:hover {
        text-decoration: none;
        color:#ff9800;
    }
    .butMobClick{
        padding: 10px 0px;
    }
    .clickAct{
        padding: 10px 0px;
    }
    .banner_quote p {
        max-width: 100%;
    }
    .btn1 {
        font-size: 14px;
        padding: 8px 24px;
    }
    .cta_quote h6 {
        font-size: 14px;
    }
    .become_partner_btn{
        font-size: 12px;
        padding: 6px 10px;
    }
    .header_location a{
        font-size: 12px;
    }
    .header_signup{
        font-size: 12px;
    }
    .header_login{
        font-size: 14px;
    }
    .logo img{
        width: 80px;
    }
    .header_flag img{
        width: 20px;
        height: 20px;
    }
    .banner_right_form_main .nav-tabs .nav-link{
        padding: 10px 35px;
    }
    .banner_right_form_main .nav-tabs .nav-link.active{
        padding: 10px 35px;
    }
    .testimonial_quote p {
        font-size: 13px;
    }

    .service_partner_left h3 {
        font-size: 18px !important;
    }
 
    .about_col_name h3 {
        font-size: 18px !important;
    }
    .discover_heading h3{
        font-size: 18px !important;

    }


    /* sign up page responsive */
    .sign_up_heading h1 {
        font-size: 22px;
    }
    .sign_label1 {
        font-size: 13px;
    }
}


@media(max-width:360px){
    .copyright-section a {
        text-decoration: none;
        color:#fff;
    }
    .copyright-section a:hover {
        text-decoration: none;
        color:#ff9800;
    }
    .butMobClick{
        padding: 10px 0px;
    }
    .clickAct{
        padding: 10px 0px;
    }
    .banner_right_form_main .nav-tabs .nav-link{
        padding: 10px 35px;
    }
    .banner_right_form_main .nav-tabs .nav-link.active{
        padding: 10px 35px;
    }
    .banner_right_form_inner {
        padding: 5px 10px 10px 10px;
    }
}


