
@media screen and (min-width: 1600px){
    .whyus_hbanner.marketplace_page {background-position: center center;}
}
@media screen and (max-width: 1650px){
    .whyus_hbanner.marketplace_page, .whyus_hbanner.contactus_page, .whyus_hbanner, .whyus_hbanner.financeinfo_page { padding: 176px 0px;}

}


@media screen and (min-width: 1025px){
    .Slider-finance, .home-demo {display: flex; flex-wrap: wrap; --bs-gutter-x: 1.5rem;
                                 --bs-gutter-y: 0;
                                 display: flex;
                                 flex-wrap: wrap;
                                 margin-top: calc(var(--bs-gutter-y) * -1);
                                 margin-right: calc(var(--bs-gutter-x) * -.5);
                                 margin-left: calc(var(--bs-gutter-x) * -.5);}

    .Slider-finance .item, .home-demo .item{flex: 0 0 auto;width: 33.33333333%; position: relative;     max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }

}


@media screen and (min-width: 1024px){
    .heroform {width: 490px;}

    #gallery {max-height: 585px; overflow: hidden;}
}


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

    .whyus_hbanner.contactus_page, .whyus_hbanner.marketplace_page, .aboutus-page { padding: 185px 0px;}
    .faq-banner h1, .marketplace_page h1, .contactus_page h1, .financeinfo_page h1, .aboutus-page h1 { font-size: 36px;}


}


@media screen and (min-width: 1025px){
    .closetogg_mob{display: none; visibility: hidden;}



}


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

    header.innerpageHead {border-bottom: 1px solid #707070; }

    /*== mobile toggle MENU ==*/
    .mob_Ticon { display: inline-flex; cursor: pointer; flex-direction: column; justify-content: space-between;}
    .mobiletog_menu{display: none; opacity: 1;visibility: visible;}
    .InHead .mobiletog_menu{display: block;}
    .headLogPernt {padding: 17px 17px; }
    .headLogo img, .onlylogMTog img{width: 137px;}
    /* .headertog{width: 100%; text-align: right;} */
    .headertog {width: 100%; text-align: right; display: flex; align-items: center; justify-content: end; position: relative; }

    body.InHead .headertog {
        position: absolute;
        right: 0;
        top: 0;
    }
    .headLogo{padding-left: 20px; flex: 1;text-align: left;}
    .searchcart{width: 122px;}
    .onlyfordesktt{display: none; opacity: 0; visibility: hidden;}
    .mobsrH_only{display: block; opacity: 1;visibility: visible;}
    .positsearchMob {position: fixed; top: 112px; left: 0; width: 100%; z-index: 10;}
    .positsearchMob  .hserh_fuild { height: 71px; border-radius: 0px;}
    .sear_hed {padding-right: 10px; }
    .MsIconOn{font-size: var(--font24); color: var(--FirstMainColor);  margin-top: 7px;}
    .MsIconOn:hover{color: var(--SecondMainColor);}
    .MsIconOn:focus{color: var(--FirstMainColor);}
    .heroslider {padding-top: 0px !important;}

    .headNav {position: fixed; overflow-x: hidden; overflow-y: auto; top: 0; bottom: 0; width: 100%; opacity: 0; background-color: var(--PLightBG); padding: 0px; z-index: 99999; transform: translateX(-110%); -webkit-transform: translateX(-110%); transition: 0.3s; -webkit-transition: 0.3s; }
    .InHead .headNav {transform: translateX(-0%); -webkit-transform: translateX(-0%); opacity: 1; left: 0;}
    .closetogg_mob {/*background: #ffffff;*/ text-align: right; padding: 4px 9px; }
    .closetogg_mob a {color: #ffffff !important; font-size: 16px; padding: 4px; display: inline-block; cursor: pointer; }
    .onlylogMTog{width: 100%; padding: 15px 15px;}
    .JcustomNav ul.navbar-nav .navitm {display: block; width: 100%; padding: 21px 25px; border-bottom: 1px solid #707070;}
    nav.navbar.JcustomNav {width: 100%; max-width: 100%; min-width: 100%; padding-bottom: 30px; }
    li.navitm.active a{font-weight: bold; color: #6A6A6A;}
    li.navitm:hover a{font-weight: bold; color: #6A6A6A;}
    .col_list { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;margin-bottom: 30px;}
    li.dropdown.navitm .dropdown-toggle::after {right: -50px;}
    .listM_tt { font-size: var(--font18);}
    .margintopANC {margin-top: 0px; }
    .JcustomNav ul.navbar-nav .navitm .menusub_anchr { font-weight: 400 !important;}
    .topbar p { text-align: left;}
    /* .topbar{padding: 13px 15px;} */
    .navbar-nav .dropdown-menu {width: 100%;}
    .navH_perent .navbar-expand-lg .navbar-collapse {display: block;}
    .navH_perent .nav-item a {font-size: var(--font16);}
    .navH_perent .navbar-expand-lg .navbar-collapse { text-align: left;}
    .headNav .navbar {padding: 50px 0px 0px 0px; background: #ffffff;}
    ul.navbar-nav .nav-item ul.dropdown-menu{display: flex !important; flex-direction: column; display: none !important; box-shadow: none; outline: 0px; border: 0; border-top: 2px solid var(--PrimaryColor);}
    ul.navbar-nav .nav-item ul.dropdown-menu.show{display: flex !important; flex-direction: column; box-shadow: none; outline: 0px; border: 0; border-top: 2px solid var(--PrimaryColor); background: var(--TextBlack);}
    .navH_perent .nav-item a { padding: 10px 20px !important;}
    a#closmenuM {font-size: 24px; color: #000000 !important;}

    .headNav .navbar-nav { flex-direction: column !important;width: 100%;}
    .navH_perent .navbar-expand-lg .navbar-collapse{justify-content: start;}
    .navH_perent .nav-item{width: 100%; border-bottom: solid 1px #ccc}
    .navbar-expand-lg .navbar-nav .dropdown-menu{position: relative;}

    .InHead .navH_perent {display: block; visibility: visible; opacity: 1; }
    .navH_perent {display: none; visibility: hidden; opacity: 0; }
    li.nav-item.dropdown { }

    .headnav_main .row {display: flex; flex-wrap: wrap;max-width: 100%;margin: 0px;}
    .headnav_main .col-8.col-md-3.col-lg-3{flex: 0 0 auto; width: 80%;}
    .headnav_main .col-4.col-md-9.col-lg-9{flex: 0 0 auto; width: 20%;}

    .navH_perent .nav-item .dropdown-menu li .dropdown-item { color: #ffffff !important;}

    a.mob_Ticon img { }
    .navH_perent .nav-item a { 
        color: var(--PColor);
        position: relative;
    }
    .navH_perent .nav-item a.dropdown-toggle+span{
        position: absolute;
        right: 15px;
        top: 25px;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
    }
    .navH_perent .nav-item a.dropdown-toggle+span::after {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: none;
        transition: all 0.5s;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 14px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236F56F9' viewBox='0 0 9.2828 4.89817'%3E%3Cpath d='M4.64116 4.89817a.5001.5001 0 0 1-.34277-.13574L.15727.86448A.50018.50018 0 0 1 .84282.136L4.64116 3.71165 8.44.136a.50018.50018 0 0 1 .68555.72852L4.98393 4.76243A.5001.5001 0 0 1 4.64116 4.89817Z'%3E%3C/path%3E%3C/svg%3E");
        filter: brightness(0) invert(0);
    }
    .navH_perent .nav-item.show a.dropdown-toggle+span[aria-expanded="true"]::after {
        transform: rotate(180deg);
    }


    .head_mainBX {
        display: none;
    }
    .navH_perent .nav-item .dropdown-menu {
        left: 0;
    }
    .navH_perent .nav-item .dropdown-menu li .dropdown-item {
        text-align: left;
        /* font-size: var(--font14); */
        padding: 12px 20px !important;
        color: var(--PColor);
        font-weight: 400;
    }
    /*== END toggle ==*/
    .bannerppf {margin-top: 72px;}

    .HeroH { font-size: 48px;}
    .herosection { padding-bottom: 6rem;}
    .repeat_section {padding: 70px 0px; }
    .trusted_lenders .col-md-2 img { max-width: 100%; width: 100%;}

    .RDBX:nth-of-type(3) h4 { font-size: 32px;}

    /* .apply_BBX .BG_orange_BTN_BIG {padding: 15px 10px; } */

    .productListings_main {padding-top: 110px;}

    .apply_BTN .button_web01 { min-width: 100%;}
    .weekly_BX { padding: 15px 15px;}


    .marketplace_page .why_usbanner {top: 0px;}
    .sellyour_Vehicle .RPTT_Heading {margin-top: 50px;}

    .whyus_hbanner.contactus_page, .whyus_hbanner.marketplace_page, .aboutus-page {padding: 140px 0px; }

    .team-info { border: 1px solid #c9c9c9; 
                 -webkit-border: 1px solid #c9c9c9;  
                 -moz-border: 1px solid #c9c9c9; 
                 -os-border: 1px solid #c9c9c9;
                 -ms-border: 1px solid #c9c9c9;
    }

    .team-info::before{display: none;}




}





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

    .trusted_lenders .col-md-2 { width: 33.333%;}

    .heroINF_BX { padding: 20px 15px;}
    footer .col-md-3, footer .col-md-6{max-width: 100%; width: 100%;}

    .FLINK { margin-top: 30px;}
    .product_listing .col-md-3 {width: 33.333%;}

    .productListings_main, .contactus_SEC, .sellyour_CAR  {padding-top: 60px; }

    .proddeti_slideTab .col-md-8, .proddeti_slideTab .col-md-4{width: 100%;}
    .tabledet_first {margin-top: 30px;}
    .whyus_hbanner {background-position: top left;}

    .requirements .requirement-block {width: 100%; padding: 10px; }
    .requirements .requirement-block svg { width: 30px !important; height: 30px;}

    .requirement-block .image {display: none; }
    .requirement-block .content{width: 100%;}

    .aboutus-page {background-position: center right;}
    .whyus_hbanner.financeinfo_page{background-position: center center;}

     .Jlogin_left .ui-g { flex-direction: row;}
 .ui-panelgrid-blank.Jlogin_left .ui-g .ui-panelgrid-cell.ui-g-12.ui-md-4 { width: 100%;}
 .Jlogin_left .ui-panelgrid-cell.ui-g-12.ui-md-4 .ui-divider-vertical.ui-divider-solid.ui-divider-center { margin-top: 30px;}
 .ui-panelgrid.ui-widget.ui-panelgrid-blank.Jregisterbbtn {height: auto !important; padding: 30px 0px;}
 .Jlogin_left .ui-panelgrid-cell.ui-g-12.ui-md-4 .ui-divider-vertical.ui-divider-solid.ui-divider-center {padding: 30px 0;}
 .loginP_logBTN .ui-panelgrid-cell.ui-g-12.ui-md-6 {width: 50%;}

}

@media screen and (min-width: 768px){

        .change_pass_page {padding: 60px 15px; min-height: 450px;}

}



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

    .repeat_section { padding: 40px 0px;}

    .HeroH { font-size: 32px;}
    .heroheading h3 { font-size: 18px;}
    .heroheading h6 { margin-top: 10px;}
    .herosection .col-md-6:nth-of-type(1) {order: 2; margin-top: 30px;}
    .heroform{margin: auto;}
    .heroheading{margin: auto;}
    .herosection {padding: 11rem 0px 6rem 0;}
    .RPTT_Heading {font-size: 32px;}
    .product_listing .col-md-3 { width: 50%;}

    .headnav_main { padding: 8px 0px;}

    .search_btn .button_web01 {min-width: 124px;}
    .custom_inp_search { padding-right: 132px;}

    .productListings_main, .contactus_SEC, .sellyour_CAR, .finance_information_page {padding-top: 40px; }

    .allbenifits .col-md-8, .allbenifits .col-md-4{width: 100%;}
    .allbenifits .col-md-8, .whyus_video_BX{margin-top: 30px;}




    .faq-banner h1, .marketplace_page h1, .contactus_page h1, .financeinfo_page h1, .aboutus-page h1 { top: 34px;}
    .homevideo_sec {min-height: auto; height: 300px; }
    .homevideo_sec iframe { transform: scale(2.1); -webkit-transform: scale(2.1);}
    .trusted_lenders .col-md-2 img { max-height: 74px;max-width: 80%;}


    #j_idt18{margin-top: 40px;}
    .whyus_hbanner.contactus_page, .whyus_hbanner.marketplace_page, .aboutus-page, .whyus_hbanner.financeinfo_page {padding: 100px 0px; }
    .whyus_hbanner.marketplace_page {background-position: top center; background-size: 100%;min-height: 90px;padding: 0px 0px;}

    .bannerppf {margin-top: 56px;}



    .searchbar_perent .onlyforSS_RP { padding-right: 10px !important;}
    .searchbar_perent .search_products{display: flex; flex-direction: column;}
    .searchbar_perent .search_btn{width: 100%; margin-top: 10px; position: initial;}
    .searchbar_perent .col-md-4 .search_products{margin-top: 15px;}
    .searchbar_perent  .search_btn .button_web01{min-width: 100%;}

    .sellyour_Vehicle .RPTT_Heading {font-size: 28px; }
    .contact_form_BX{margin-top: 30px;}

    form.Japply_main_form table tr.ui-widget-content{display: flex !important; flex-direction: column !important; border-collapse: initial;}
    form.Japply_main_form table tr td.ui-panelgrid-cell { display: block !important; width: 100% !important; float: none !important; border-collapse: initial !important; box-sizing: initial !important;}
    .Jformobile_title{float: none !important;}

    /* body .ui-datepicker-touch-ui { min-width: auto;  max-width: 300px; width: 100%;} */

    .product_listing .col-sm-4.col-md-4.col-lg-4 { width: 50%;}

    .carsell_img {
        height: auto;
    }
    .carsell_bx {
        flex-direction: column;
    }

    .carsell_bx_details {
        width: 100%;
    }
    
   .lbcParent .carsell_img {
        height: auto;
    }
   .lbcParent .carsell_bx {
        flex-direction: column;
    }

    .lbcParent .carsell_bx_details {
        width: 100%;
    }

      .change_pass_page {padding: 30px 15px;}
      .repeat_secLog {text-align: left;}
      .logo_repet_sec {margin-top: 0px;}




}






@media screen and (max-width: 579px){
    .vehicle_PLA .row {max-width: 216px; margin: auto; }
    .vehicle_PLA .col-sm-4 + .col-sm-4{margin-top: 20px;}
    .footer_links { flex-direction: column;}
    footer { padding-top: 30px; padding-bottom: 30px;}

    .heroF_headig h6 {margin-bottom: -5px; padding-bottom: 24px; }
    .trusted_lenders .col-md-2 { width: 50%;}

    .product_listing .col-md-3 {margin-top: 15px; }
    .PRD_BX { padding: 10px 10px;}
    .PRD_title { padding-bottom: 0px;}

    .why_QT { padding: 30px 30px; padding-left: 40px;}
    .why_QT sup {font-size: 24px; top: 16px; left: 12px; }

    .faq-banner { background-position: top left;}

    .carsell_img a img {object-fit: cover; width: 100%; height: 100%; object-position: center center; }
   .lbcParent .carsell_img a img {object-fit: cover; width: 100%; height: 100%; object-position: center center; }


body .sellyour_CAR .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:nth-of-type(2), body .sellyour_CAR .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:nth-of-type(4){border-right: 1px solid #5b7478;}
body .sellyour_CAR .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:nth-of-type(3), body .sellyour_CAR .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:nth-of-type(4){border-top: 0px;}
body .sellyour_CAR  .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { width: 50%;border-top: 1px solid #5b7478; border-bottom: 1px solid #5b7478;}

}


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

    .RDBX h4 { font-size: 18px;}
    /* .product_listing .col-md-3 {width: 100%;} */
    .PRD_title p{font-size: 14px;}
    .PRD_title h3{font-size: 16px;}

    .carsell_img { height: auto;}
    .carsell_img img {
        object-fit: initial;
        width: 100%;
        height: auto;
        object-position: initial;
    }
    
   .lbcParent .carsell_img { height: auto;}
   .lbcParent .carsell_img img {
        object-fit: initial;
        width: 100%;
        height: auto;
        object-position: initial;
    }
    #mainslider_01 .carsell_img {height: 250px;}
}


.vehiclesD_backsh .col-sm-4.col-md-4.col-lg-4, .vehiclesD_backsh .col-sm-8.col-md-8.col-lg-8,
.vehiclesD_titleP .col-sm-4.col-md-4.col-lg-4, .vehiclesD_titleP .col-sm-8.col-md-8.col-lg-8{width: 100%;}

