﻿@media(max-width:1200px) {
    .process-image img {
        width: 100%;
        height: 190px;
    }
    .step-number {  top: -4px; left: 24px;}
    .call_strip{display:flex;     margin: 0 auto 14px;}
        .call_strip_content {
        margin: 0 auto;
        text-align: center;
    }
}

@media(max-width:992px){
    
    .call_strip{max-width: 95%;}.truck_banner_main{width:95%;}
    .hero-section {padding:1.5rem 0 2rem 0;background-position:right;}
    .cb-banner{margin:1rem auto;max-width:95%;width:95%;}.cb-avatar-holder{position:relative;left:0;transform: translate(-47%, 1%) rotate(45deg);}
    .segment-wrapper{display:unset;}
        .step-number {
        top: 10px;
        left: 49px;
           font-size: 44px;
    }
    .process-image img
 {
        width: 100%;
        height: 410px;
    }
    .car-segment-section {
    padding:60px 0;
    background: #fff;
}
    .segment-left{display:none;}
    .site_feature{
        grid-template-columns:repeat(2,1fr);
        gap:0;
        border:1px solid #e5e5e5;
        border-radius:16px;
        overflow:hidden;margin: 3rem auto 3rem;
    }
    .svc-section .row{flex-direction: column-reverse;}.svc-section{padding:16px;}

    .site_feature_item{
        border-radius:0;
        border:0;
        padding:16px 16px;
        min-height:92px;   background: #F2F2F2;
    }

    .site_feature_item:nth-child(1),
    .site_feature_item:nth-child(2){
        border-bottom:1px solid #e5e5e5;
    }

    .site_feature_item:nth-child(odd){
        border-right:1px solid #e5e5e5;
    }

    .site_feature_icon{
        width:48px;
        height:48px;
        min-width:48px;
        font-size:20px;
    }

    .site_feature_content h3{
        font-size:18px;
    }

    .site_feature_content p{
        font-size:14px;
        line-height:1.3;
    }
    .rj_top_box, .rj_bottom_box{ border:unset;    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;}
    .rj_top_box:nth-child(2n),
.rj_bottom_box:nth-child(2n){
    border-right:none;
}
        .rj_top_box:nth-child(odd),
        .rj_bottom_box:nth-child(odd) {
            border-left: 1px solid #ddd;
        }
      
  .rj_btn{    margin-top: 10px;}
    .rj_car_form{padding:0;box-shadow:none;}
    .top_border {
    border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
}
    .rj_btn { border-radius: 4px; }
    .rj_car_form .col-md-12{    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;}
    .footer-top{    padding-bottom: 10px;}
    .circle-bg{    width: 100%;
    height: 100%;    top: 72%;}
    .feature-strip{margin-top: 12rem; width:auto;}
    .hero-content
 {
    text-align: center;
    color: #fff;
    padding-top: 18rem;
    padding-right: 16px;
    padding-left: 16px;
}
    .section-heading {
    margin-bottom: 34px;
}
    .value-card{max-height: unset;}
    .car_faqquestion_heading h2{

    font-size:38px;

}

.car_faqquestion_banner img{

    height:230px;

}

    }



@media(max-width:900px) {

    .site_feature {
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
        border: 1px solid #e5e5e5;
        border-radius: 16px;
        overflow: hidden;

    }

}
@media(max-width:768px){
   
.mobileOverlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 9998;
}

.mobilePopup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.9);
    width: 95%;
    max-width: 900px;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 9999;
}

.mobileOverlay.active,
.mobilePopup.active {
    opacity: 1;
    visibility: visible;
}

.mobilePopup.active {
    transform: translate(-50%, -50%) scale(1);
}

.closePopup {
    position: absolute;
    top: 10px;
    right: 12px;
    border: none;
    background: none;
    font-size: 30px;
    cursor: pointer; display:block;
}
    .promo_card_wrapper {display:block;        margin-bottom: -51rem;
        position: relative;
        z-index: 9;  }
    .new_ad_bnnr_container{display:block;    margin-bottom: -60rem;
    position: relative;
    z-index: 9;}
 
.car_faqquestion_banner img{

    height:180px;

    border-radius:18px;

}

.car_faqquestion_heading{

    margin-bottom:35px;

}

.car_faqquestion_heading h2{

    font-size:30px;

}

.car_faqquestion_heading p{

    font-size:14px;

}

.car_faqquestion_title{

           padding: 12px 18px;

}

.car_faqquestion_title h3{

    font-size:15px;

    

}

.car_faqquestion_content{

    padding:0 18px;

}

.car_faqquestion_content p{

    font-size:13px;font-weight:300;line-height:unset;

}
.car_faqquestion_item.active .car_faqquestion_content{padding:8px 15px;}
.car_faqquestion_number{

    width:38px;
    height:38px;
    min-width:38px;
    font-size:15px;

}
        .car_faqquestion {
        padding: 30px 0;
     }
    .value-card{    max-height: 270px;}
    .value-heading p { line-height: 1.7; font-size: 14px;}
        .step-number {
        top: 0px;
        left: 49px;
        font-size: 44px;
    }
    .process-image img {
        width: 100%;
        height: 300px;
    }
        .value-heading h2, .section-heading h2 { font-size: 30px;}
        .section-heading p {  font-size: 14px;}
    .section-desc { font-size: 14px;  margin-bottom: 30px;}
    .segment-right h2 {  font-size: 30px;}
       .truck_banner_right img{width:unset;}
    .bottom_border{    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

      .rj_btn {
               width: 94%;
        margin: 5px 0px 0 6px;
            height: 42px;    font-size: 16px;
    }
    .hero-content h1 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 8px;
}
    .hero-content p {
    font-size: 17px;
}
    .value-rental-section {
    padding: 14px 0px;
    background: #fff;
    position: relative;
}
    .process-content p { font-size: 14px;}
    .process-content h3 { font-size: 20px;  }
        .car_business_heading h2 { font-size: 30px;}
    }



@media(max-width:680px) {
    .value-main {
    position: relative;
    margin-top: 160px;}
    .car_image {  top: -33%; }
    .value-grid {
    grid-template-columns: repeat(1, 1fr);}
    .value-card{   min-height: 140px;}
    .value-card:nth-child(2) {
    margin-top: 0px;}
   .process-image img {
        width: 100%;
        height: 280px;
    }
       .step-number {
        top: 0px;
        left: 26px;
        font-size: 36px;
    }
     .car-card {
    flex: 0 0 calc((100% - 30px) / 2);
}
       .new_offer_slider .slick-next {
    right: 0px!important;
}
    .new_offer_slider .slick-prev, .new_offer_slider .slick-next {
    width: 30px!important;
    height: 30px!important;
}
    .new_offer_slider .slick-prev:before, .new_offer_slider .slick-next:before
 {
    width: 30px !important;
    height: 30px!important;
}
}
    
@media(max-width:620px) {
    .promo_card_wrapper{margin-bottom:-55rem;}
   
}

@media(max-width:580px){
     .rj_check span {
        color: #000000;
    }
    .truck_banner_right img{width:95%;}.truck_banner_left{padding:0px 0px 22px;}.truck_banner_left h2{font-size:20px;}.truck_banner_left p{font-size:12px;}.truck_banner_left a{margin-top:10px;font-size:14px;padding: 6px 16px;border-radius:5px;}
.car_offer_top h2{font-size:20px;}.car_offer_top p{font-size:12px;}.svc-heading{font-size:22px;}.svc-desc{font-size:13px;}.svc-list-item h6{font-size:18px;font-weight:600;margin-bottom:3px;}.site_feature_item{background:unset;border:0;}.site_feature{border:0;}.site_feature_item:nth-child(2n+1) , .site_feature_item:nth-child(1), .site_feature_item:nth-child(2){border:0;}
.site_feature{margin:0;}.step_number span{width:30px;height:30px;}.booking_process_text{gap:12px;}.step_text strong{font-size:16px;margin:0;}.step_text p{font-size:10px;}
 .page_dec_top h2{font-size:20px;}.page_dec_top p{font-size:13px;}.value-card{min-height:unset;}.site_feature_item{padding:0;}.call_banner_offer_card{margin-bottom: -16.4rem !important;}
.new_ad_bnnr_container { 
        margin-bottom: -64rem;
    }
        .car_image {
        top: -24%;
    }
        .process-image img {
        width: 100%;
        height: 252px;
    }
    .feature-item{min-width:unset}
   .car-segment-section {  padding: 35px 0; }
       .step-number {
        top: 0px;
        left: 15px;
        font-size: 36px;
    }
    .car_business_heading h3 {
        font-size: 18px;
    }
    .car_business_heading p {
        font-size: 14px;
    }
  
    }


@media(max-width:480px){.cb-banner{margin: 1rem auto 1rem;width:100%;max-width:100%;border-radius:0;padding: 15px 33px;}.cb-text .cb-headline{font-size:14px;}.cb-text .cb-phone{font-size:15px;}.cb-btn{display:none;}
    .site_feature_item{padding:0px;}.cb-avatar-holder{width: 62px;height: 45px;}
    .promo_card_wrapper{margin-bottom:-45rem;}.booking_process_box .col-6{width:100%;}.call_banner_offer_card{margin-bottom: -12.4rem !important;}
    .new_ad_bnnr_container {
        margin-bottom: -53rem;
    }
    .car_faqquestion_item{

    gap:10px;

}

.car_faqquestion_heading h2{

    font-size:22px;

}

.car_faqquestion_banner img{

    height:150px;

}
        .segment-right h2 { font-size: 22px;  }
    .car_business_heading h2 { font-size: 22px;}
    .car-card {
    flex: 0 0 calc((100% - -119px) / 2);
}
        .site_feature_content h3 {  font-size:15px; font-weight:500; }.site_feature_content p{font-size:13px;}.site_feature_item{min-height:60px;}.booking_car_left h2{font-size:16px;}.booking_car_left p{font-size:12px;}.booking_car_right span{font-size:12px;padding:6px 11px;}
        .site_feature_icon img {
    width: 25px;
}
    .value-card p {
    color: #000;
    line-height: 1.8;
    font-size: 13px; margin:0;
}
        .value-heading p {     font-size: 13px;   }
        .value-grid{    gap:4px;}
    .process-content p { font-size: 13px;}
    .car_image img {
    width: 250px;
   max-width: unset; 
    transition: .4s;
}
           .car_image {
        top: -29%;
    }
        .step-number {
        top: -2px;
        left: 20px;
        font-size: 32px;
    }
        .process-image img {
        width: 100%;
        height: 200px;
    }
    
    
        .hero-content h1{ font-size: 18px;}.booking_process_text{left:58%;}
        .hero-content p {
        font-size: 14px;
    }
        .hero-content p br{
       display:none;
    }
        .hero-content {  padding-top: 10rem; }
        .process-content h3 { font-size: 20px;}
        .process-content p {  font-size: 14px;}
            .value-main { margin-top: 134px; }
                .value-heading h2, .section-heading h2 {  font-size: 22px }
                .site_feature_icon {
        width:35px;
        height:35px;
        min-width:35px;
        font-size: 20px;background:unset;
    }
    }


@media(max-width:420px) {
    .process-image img {
        width: 100%;
        height: 172px;
    }
        .step-number {
                top: 1px;
        left: 14px;
        font-size: 24px;
    }
}
@media(max-width:380px){
        .call_banner_offer_card {
        margin-bottom: -13.4rem !important;
    }
             .cookie-active .call_banner_offer_card {
        margin-bottom: -14.4rem !important;
    }
    .car-card {
    flex: 0 0 calc((100% - -143px) / 2);
}
        
        .process-image img {
        width: 100%;
        height: 162px;
    }

    }

input:-internal-autofill-selected
{background-color:unset !important;}