/* // X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap */


/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 0px) and (max-width: 575.98px) {
    :root {
        /* font size */
        --h1: 32px;
        --h2: 44px;
        --h3: 32px;
        --h4: 24px;
        --h5: 16px;
        --p: 14px;
        --caption: 12px;



    }


    .font-14 {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    p {
        font-size: 14px;
    }

    .mt-72 {
        margin-top: 36px;
    }

    .mb-72 {
        margin-bottom: 36px;
    }

    header {
        padding: 0px;
        height: 65px;
    }

    .fleet-bg {
        background: none;
    }

    .mobile-filter-div {
        display: block;
    }

    .dasktop-filter {
        display: none;
    }

    .offcanvas-body .dropdown .fiter-menu.brand {
        width: 100% !important;
    }

    .fleet-leasing-content {
        text-align: center;
        margin-bottom: 24px !important;
    }

    .fleet-leasing-content h1 {
        font-size: 32px !important;
        line-height: 48px !important;
    }

    .wheel-frem {
        overflow-x: scroll;
    }

    .wheel-frem::-webkit-scrollbar {
        background: transparent;
    }


    .wheel-tab {
        flex-wrap: nowrap !important;
        width: 780px;
    }

    .wheelr-btn {
        display: inline-block;
        width: auto !important;
        height: auto !important;
        padding: 10px 16px !important;
        margin: 0px 6px !important;

    }

    .wheelr-btn.active .cricle-wheelr {
        background: transparent;
    }

    .h3-heading {
        font-size: 20px;
        line-height: 32px;
    }

    h5 {
        font-size: 16px !important;
        line-height: 24px !important;
    }



    p,
    .accordion-button {
        line-height: 24px;

    }

    .white-btn {
        font-size: 14px !important;
    }

    header .navbar-nav .nav-item .nav-link {
        margin: 8px 0px 0px 0px !important;
        width: 100%;
        position: relative;
    }

    header .navbar-nav .nav-item .nav-link:after {
        content: "";
        position: absolute;
        height: 15px;
        width: 25px;
        display: inline-block;
        right: 11px;
        background: url("../images/rightchevron.png");
        background-repeat: no-repeat;
        transition: none !important;
    }

    header .nav-link.active {
        border-bottom: none !important;
    }


    .navbar-toggler {
        border: none !important;

    }

    .navbar {
        width: 100%;
        position: relative;
        z-index: 111;
        background: #fff;
    }

    .navbar-collapse {

        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .navbar-collapse .navbar-nav {
        margin: 0px !important;
        width: 100%;
        margin-top: 45px !important;
        gap: 30px;
        margin-bottom: 100px !important;
    }

    .last-li h4,
    .row.price-box h3 {
        font-size: 20px !important;
    }





    body {
        overflow-x: hidden;
    }

    .mb-max {
        margin-bottom: 72px !important;
    }

    .mt-max {
        margin-top: 72px !important;
    }

    .pb-max {
        padding-bottom: 36px !important;
    }

    .pt-max {
        padding-top: 36px !important;
    }

    .mt-60 {
        margin-top: 36px !important;
    }

    .mb-60 {
        margin-bottom: 36px !important;
    }



    #big {
        min-height: 233px !important;
    }

    .h2-heading {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 12px;
    }

    .para {
        line-height: 24px;
        font-size: 14px;
    }

    .align {
        flex-wrap: wrap;
    }

    .offer-card {
        margin-top: 50px !important;
    }

    .offer-card .offer-ul .offer-card-li {
        margin: 0px !important
    }

    .blue_top_nav {
        height: 80px;
        padding: 12px 20px;
    }

    .blue_top_nav .left-div img {
        width: 36px;
    }

    .blue_top_nav .left-div p {
        font-size: 10px;
        line-height: 12px;
    }

    .right-div .green-btn {
        padding: 8px;
        height: 40px;
    }

    .outer {
        padding: 15px 0px;
    }

    .thumbnail {
        margin-top: 20px;
        margin-left: 0px;
    }

    .thumbnail .item {
        margin-bottom: 0px;
    }

    .thumbnail .owl-stage {
        width: 100% !important;
        flex-direction: row;
    }

    div#thumbs .owl-stage-outer {
        width: 100% !important;
    }

    .box-warp .logo-name {
        font-size: 12px !important;
        line-height: 24px;

    }

    .box-warp .logo-name img {
        height: 20px;
    }

    .gray-banner h4 {
        font-size: 20px !important;
        line-height: 30px;
    }

    .suggestion-sec {
        margin-top: 36px !important;

    }

    .suggestion-sec .white-btn {
        background: transparent;
        margin-bottom: 50px !important;
    }

    .thumb-cricle {
        height: 72px;
        width: 72px;

    }

    .thumb-cricle svg {
        width: 36px;
    }

    .slider-card p,
    .services-card p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .services-card {
        margin-bottom: 16px;
    }

    .bg-policy {
        padding-bottom: 0px !important;
    }

    .out-chack .chack-heading {
        font-size: 16px;
        line-height: 26px;
    }

    .view-btn {
        font-size: 14px;
        line-height: 24px;
    }

    .formname {
        font-size: 14px !important;
    }

    .vichale-card hr {
        margin: 14px 0px;
    }

    .heading-space {
        padding: 13px !important;
    }

    .heading-space p {
        font-size: 14px !important;
        margin-bottom: 24px !important;
    }

    .section-heading {
        text-align: center !important;
        font-size: 24px !important;
        line-height: 36px;
        margin-top: 38px !important;
    }

    .saving-card {
        padding: 20px !important;
    }

    .saving-card hr {
        margin: 24px 0px !important;
    }

    .homepage-filter .sub-heading .saving-card h3 {
        font-size: 20px;
    }

    .mobile-view {
        display: block;
        margin-left: 17px;
    }


    .increament-card {
        padding: 30px;
        padding-bottom: auto;
        border-radius: 4px;
        background: linear-gradient(129.14deg, #67C2A5 -5.53%, #1FB486 117.63%);
        color: #fff;
    }

    .slider-pagination .swiper-pagination .swiper-pagination-bullet {
        background-color: #b4b4b4;
        width: 13px;
        height: 6px;
        border-radius: 11px;
    }

    .slider-pagination .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #33b88e;
        width: 28px;
        height: 6px;
        border-radius: 11px;
    }

    .box-warp {
        padding-left: 0px;
    }


    .box-warp h2 {
        padding-left: 6px;
    }

    .box-warp .box-warp-li a {
        padding-left: 0px;
        font-size: 14px;
    }

    .box-warp .list-unstyled .box-warp-li:first-child {
        padding-left: 0px !important;
    }

    .box-warp .list-unstyled .box-warp-li:nth-child(3) {
        padding-left: 0px !important;
    }

    .rating {
        padding: 16px 0px;
    }

    .rating .box-warp-li span.icon-star,
    .icon-star-half,
    .icon-star-outline {
        padding: 0px !important;
        margin-left: -2px;
    }

    .rating .view-review {
        padding: 0px 0px 0px 17px;
    }

    .h5-heading.active-fleet {
        display: none;
    }

    .price-box .green-btn {
        padding: 10px;
        display: inline-flex;
    }

    .tab-list h5 {
        font-size: 14px !important;
    }

    .tab-pane .tab-list {
        padding: 12px 0px;
    }

    .last-li li {
        width: 100%;
    }

    .thumbnail {
        min-height: auto !important;
    }

    .tabs {
        max-width: 100%;
        margin: 0px !important;
        padding: 12px !important;
    }

    .tabs h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px !important;
    }

    .mobile-slider {
        padding-left: 6px;

    }

    .mobile-slider2 .item {


        padding: 8px 0px 8px 10px;

    }

    .mobile-slider2 .owl-stage-outer {
        background: linear-gradient(129.14deg, #67C2A5 -5.53%, #1FB486 117.63%);
        border-radius: 8px 0px 0px 8px;
    }

    .mobile-slider2 .item h3 {
        font-size: 20px;
    }

    .mobile-slider2 .item p {
        font-size: 12px;
        line-height: 24px;
    }

    .mobile-slider.owl-theme .owl-dots .owl-dot.active span,
    .mobile-slider2.owl-theme .owl-dots .owl-dot.active span,
    .mobile-slider3.owl-theme .owl-dots .owl-dot.active span {
        width: 35px;
        background: var(--color-green);
    }

    .scroll-frame {
        overflow-x: scroll;
        margin-bottom: 24px;

    }

    .tabs {
        padding-left: 0px;
    }

    .tabs .nav-pills .nav-item {
        margin-bottom: 16px;
    }

    .chart-sec .h2-heading {
        font-size: 24px;
        line-height: 36px;
    }

    .bottom-banner {
        display: none;
    }

    .baner-card .h3-heading {
        font-size: 20px;
        text-align: center;
        margin-bottom: 8px;
        line-height: 30px;
    }

    .baner-card img {
        box-shadow: 11px 9px 0px -1px rgb(45 183 140 / 40%);
    }

    .baner-card .h3-heading+p {

        text-align: center;

    }

    .baner-card p {
        font-size: 14px !important;
    }

    .baner-card {
        padding: 20px 20px;
    }

    .baner-card img {
        height: 200px;
    }

    .baner-card .green-btn {
        margin: 20px auto;

        display: block !important;
    }

    .accordion-button {
        padding: 18px 20px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    .green .h3-heading {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .left-content,
    .right-content {
        min-width: 100%;
    }

    .green p {
        font-size: 14px;
    }

    .accordion-header {
        padding: 0px !important;
    }

    .offer2 h2,
    .offer2 h3,
    .offer2 p {
        padding: 0 1%;
    }

    section.chart-sec h2,
    section.chart-sec p {
        padding: 0 1%;
    }

    .swiper-slide {
        max-width: 80% !important;
    }

    /* indivudail page*/


    .swiper-scrollbar.swiper-scrollbar-horizontal {
        left: 30% !important;
        z-index: 50;
        height: 4px;
        width: 165px !important;
        background: rgba(100, 100, 100, 0.2);
    }

    header {


        padding: 10px 0px;
    }



    footer .container {
        background-size: 107% 29%;
        background-position: 43% 90%;
        background-repeat: no-repeat;
    }



    .footer-box h5 {
        margin-left: 0px;
    }

    .footer-box {
        align-items: flex-start;
    }

    .last-footer-li {
        margin-top: 0px;
    }


    .header-bottom .green-btn {
        display: block;
        width: 100%;
        margin-bottom: 12px;
    }

    .header-bottom {
        width: 100%;

    }


    .baner-card img {
        box-shadow: 11px 9px 0px -1px rgb(45 183 140 / 40%);
    }

    .offcanvas-body .filter-p-hedeing,
    .range-header span,
    .filter-left-label,
    .filter-right-label {
        color: #0A2439;

        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0.6000000238418579px;
        text-align: left;
    }

    .offcanvas-body .fillter-btn {
        font-size: 14px;
        color: #4A5863;

    }

    .filter-label-mobile {
        font-size: 14px;
        margin-bottom: 15px;
        font-weight: 300;
        letter-spacing: 0.6px;
    }

    .mobile-btn-filter {
        width: 100%;
        text-align: left;
        padding: 12px 16px;
        gap: 20px;
        font-size: 14px;
        height: 48px;
        background: #FFFFFF;
        border: 1px solid #DFDFDF;
        border-radius: 4px;
        font-weight: 300;
        letter-spacing: 0.6px;
    }

    .mobile-filter-dropdown {
        box-sizing: border-box;
        width: 100%;
        height: auto;
        border: 1.6px solid #2DB78C !important;
        box-shadow: 4px 4px 12px rgb(17 24 39 / 8%);
        border-radius: 4px;
        padding-left: 5px;
    }


    .chake-out {
        background: #F3F7F6;

    }

    .range-input {
        padding: 6px 16px;
        gap: 20px;
        width: 150px;
        height: 36px;
        background: #FFFFFF;
        border: 1px solid #DFDFDF;
        border-radius: 4px;
        font-weight: 300;
        letter-spacing: 0.6px;
        font-size: 14px;
    }

    .mobile-range-slider {
        width: 100%;
        float: left;
        padding: 10px 4px 0px;
    }

    .overlay-content {
        position: relative;
        width: 100%;
        margin-top: 15px;
        border-bottom: 1px solid #DFDFDF;
        padding-bottom: 34px;
    }

    .overlay-content .price-range-slider {
        width: 100%;
        float: left;
        padding: 10px 20px;
        margin-top: 20px;
    }

    .overlay-content .price-range-slider .range-bar {
        width: 73%;
        margin-left: 38px;
    }

    .overlay-content .price-range-slider .filter-right-label {
        bottom: 2px;
    }

    .overlay-content .price-range-slider .filter-left-label {
        bottom: 2px;
    }

    .overlay-content ul {
        list-style: none;
        padding-left: 0;
    }

    /* home-page */
    .fleet-leasing-home {
        padding-top: 36px;
        padding-bottom: 0px;
    }

    .map-img {
        top: 18px;
    }

    .home-slider-contant {
        padding: 32px 0px 56px;
        margin-bottom: 0px;
    }

    .home-mobileslider .owl-nav button.owl-prev {
        position: absolute;
        left: 0;
        top: 12%;
    }

    .home-mobileslider .owl-nav button.owl-next {
        position: absolute;
        right: 0;
        top: 12%;
    }

    .circle-label {
        margin-bottom: 56px;
        width: 164px;
        height: 164px;
        border: 2px solid #67C2A5;
        border-radius: 50%;
        background: var(--color-white);
        display: flex;
        position: relative;
    }

    .cricle-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        width: 100%;
    }

    .cricle-link p {
        font-size: 14px;
        line-height: 24px;
        color: #4A5863;
        font-weight: 600;
        margin-bottom: 0px;
        display: block;
        text-align: center;
        padding-top: 5px;
        height: auto;
        background: none;
        border-radius: 0;
        border: 0;
    }

    .right-label,
    .left-label {
        font-size: 14px;
    }


    .mobile-slider3 .card-eco-li {
        width: 100% !important;
        height: 295px !important;
    }

    .mobile-slider3 .card-eco-li img {
        width: 130px !important;
    }


    .leasing-gallery {
        background-position: 41% 155%;
        background-size: 369px;

    }

    .leasing-gallery .green-btn {
        margin-top: 16px !important;
        border: 1px solid #64646433;

    }

    .leasing-gallery .green-btn svg path {
        stroke: #0A2439;
    }

    .leasing-gallery .green-btn:hover svg path {
        stroke: #fff;

    }

    .eco-box {
        padding-bottom: 0px;
    }

    footer .navbar-brand img {
        height: 70px;
        width: 70px;
    }

    .footer-p {
        font-size: 14px !important;
        line-height: 24px;
        margin-bottom: 32px !important;
    }

    .icon-nav-footer {
        margin-bottom: 42px !important;
    }

    footer .navbar-nav {
        margin-bottom: 0px !important;
    }

    .copright-box {
        padding-bottom: 36px;
        padding-top: 144px;
    }

    .copright-box .order-1 .footer-link {
        font-size: 12px;
    }

    .copright-box .order-2 .footer-link {
        font-size: 14px;
    }

    ul#pills-tab2 {
        display: inline-block !important;
        overflow: scroll;
        max-width: 100%;
        white-space: nowrap;

    }

    #pills-tab2 li {
        margin-right: 10px;
    }

    ul#pills-tab2::-webkit-scrollbar {
        display: none;
    }

    div#ecopills-tabContent {
        margin-top: 0px;
    }

    ul.sponser-ul {
        flex-wrap: wrap;
        display: flex !important;
        justify-content: space-between !important;
        margin-top: 0px;
    }


    li.sponcer-logo {
        width: 150px;
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 8px;
        margin: 0px 6px 30px;
    }

    .sponcer-slider .item a img {
        display: block;
        width: 145px;
        height: 114px;
    }

    .sponcer-slider {
        display: block !important;
    }


    .scroll-frame {
        width: 100%;
        overflow-x: scroll;
        margin-bottom: 0px;
    }

    .bottom-baner-li {
        border-right: 1px solid #B3E0D2 !important;
        display: inline-block;
        padding: 16px 10px;
        width: 100%;
    }


    .distance-travel .price-range-slider {
        margin-top: 36px;
    }


    .nav-pills .nav-item button+.middle-ecsape {
        display: none;
    }

    .owl-dots {
        margin-top: 25px !important;
    }

    .offer2>p {
        padding: 0 6%;
    }

    .fleet-leasing-home .para {
        margin-bottom: 42px;
        margin-top: 4px !important;
        font-size: 16px;
        padding: 0px 18px;
        line-height: 26px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    /* faq */
    .faq .faqtabs {
        width: 800px;
    }

    .faq h1 {
        font-size: 32px;
        line-height: 48px;
    }

    .faq .para {
        margin-top: 12px !important;
    }


    .search {
        margin-top: 12px;
    }

    .faq {
        padding: 35px 0px;
    }

    .employ-info {
        padding: 0 5%;
    }

    .bottom-logo {
        width: 120px;
    }



    .ambition-slider .line {
        width: 72%;
        left: 13%;
    }

    /* partners-page */
    .partner {
        padding: 0px 2%;
        margin-bottom: 60px;
    }

    .partner p {
        padding: 0px 4%;
        font-size: 14px;
    }

    .partner .green-btn {
        font-size: 14px;
    }

    .mobile-slider3 .part-baner-box span.part-baner-details h3 {
        font-size: 24px;
    }

    #pills-tabpart {
        width: 800px;
    }

    .partsay-box h2 {
        padding: 0px 1%;
    }


    /* from */
    .from .main-lable {
        font-size: 12px;
        padding: 0px;
    }

    .cricle-wheelr {
        display: inline;
        height: 60px;
        width: 60px;
        line-height: 60px;
    }



    .comprision h2 {
        padding: 0 0%;
        font-size: 32px;
        line-height: 48px;
    }

    .comprision p {
        padding: 0 0%;
        font-size: 14px;
    }

    .gray-banner {
        padding: 20px;
    }

    .gray-banner p {
        font-size: 14px;
        padding: 0px 23px;
    }

    .gray-banner .green-btn {
        font-size: 14px !important;
    }

    .mobile-comparision .vichale-card {
        padding: 10px !important;
        margin-top: 10px;
        width: 100%;
    }

    .compaire.table {
        width: 1160px;
    }




    .sticky-table-head .table-head {
        width: 1160px;
    }

    .table-head ul li,
    .table-body ul li {
        font-size: 14px;
        padding: 12px;
        line-height: 24px;
    }

    .table-btom {
        margin-top: 0px;
        margin-bottom: 72px;
    }

    .table-btom p {
        font-size: 14px;
    }

    .fince-card-box h2 {
        padding: 0 0%;
    }

    .fince-card-box h2+p {
        padding: 0 0%;
    }





    .finance-card img {
        width: 105px !important;
    }



    .Financing .offer-card-li img {
        width: 40px;
    }

    .Financing .offer-card-li p {
        padding: auto 0 !important;
    }

    .Financing .offer-card-li h5 {

        font-size: 20px !important;
        font-weight: 700 !important;
        color: #0A2439 !important;
    }

    .Financing .offer-card .offer-ul .offer-card-li {
        margin: 0px 35px !important;
    }




    .Financing .offer-ul .offer-card-li {
        margin: auto 20px !important;
    }

    .about-ser-card {
        height: 320px;
    }

    .about-ser-card h4 {
        font-size: 20px;
    }

    .about-ser-card p {
        font-size: 14px;
    }

    .about-accrodion h2 {
        padding: 12px 0px;

    }

    .accroidon-about-content {
        padding: 16px;
    }

    .accroidon-about-content h3 {
        font-size: 20px;
        margin-bottom: 12px !important;
    }

    .stats-info h4 {
        font-size: 16px;
        margin-bottom: 0px;
    }







    .team-p {
        font-size: 14px !important;
    }

    .employ-info h5 {
        font-size: 14px;
        font-weight: 400 !important;
    }

    .feature-conttant h4 {
        font-size: 16px;
        line-height: 26px;
        margin-top: 12px;
    }

    .feature-conttant p {
        font-size: 12px;
        margin-top: -4px;
    }

    .feature-conttant .gray-btn {
        font-size: 14px;
        font-weight: 700;
        padding-left: 0px;
        margin-top: 20px;
    }

    .form-section {
        margin-top: 60px;
    }

    .form-section p {
        font-size: 14px;
        padding: 0px 5%;
    }

    .faqs-h+p,
    .search {
        font-size: 14px !important;
    }

    .faqs-h {
        font-size: 24px;
    }

    .fince-h5-heading {
        font-size: 14px !important;
    }

    .Financing .offer-card-li h3 {
        font-size: 24px !important;
    }

    .Financing .offer-card-li h5 {
        font-size: 20px !important;
    }

    .Financing .offer-card-li p,
    .fince-card-box p {
        font-size: 14px !important;
    }

    .finance-card {
        flex-direction: column;
    }

    .finance-card span.me-4 img {
        width: 32px !important;
        margin-bottom: 12px;
    }


    span.part-baner-details p {
        font-size: 14px;
    }

    #ecopills-tabContentpart h4 {
        font-size: 20px !important;
        line-height: 30px;
    }

    .accordion-button.collapsed::after,
    .accordion-button:not(.collapsed)::after {
        margin-bottom: 41px;
        margin-left: 9px;
    }

    .part-h5 {
        font-size: 20px !important;
    }

    .policy p {
        font-size: 14px;
    }


    .mobile-sticky {
        position: fixed !important;
        top: 71px;
        z-index: 111;
        background: #fff;
    }


    .mobile-sticky .wheel-tab {
        margin-top: 10px !important;
    }

    .mobile-sticky .wheel-tab .wheelr-btn {
        padding: 2px 16px !important;
    }

    .price-box-sticky {

        position: fixed !important;
        bottom: 0px;
        z-index: 111;
        background: #fff;
        width: 100%;
        left: -8px;

    }



    footer,
    .green {
        position: relative;
        z-index: 112;

    }

    /* fleet-protact-page */


    .fleet-protect-sec2 h2,
    .fleet-protect-sec2>p {
        padding: 0 5%;
    }

    .fleet-protact-p {
        font-size: 14px !important;
    }

    .fleet-protact-p+.green-btn {
        margin-top: 24px !important;
    }

    .fleet-protect-about {
        padding-top: 0px !important;
    }

    .fleet-protect-sec2 .white-btn {
        margin-top: 24px !important;
        margin-bottom: 36px !important;
    }

    .fleet-protact-card {
        padding: 12px !important;
        margin-bottom: 20px !important;
    }

    .compresive-card h4 {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .claim {
        background: #fff !important;
    }

    .claim .white-btn {
        margin-top: 20px !important;
        margin-bottom: 32px !important;
    }

    .fleet-protact-card h5 {
        font-size: 20px !important;
    }



    /* fleet-os-page */

    .partner {
        margin-bottom: 24px !important;
    }

    .fleet-os-system {
        width: 1160px;
        margin-left: -8px;
    }


    .speedometer .outer {
        padding: 30px 26px !important;
    }

    .fleet-os:first-child .fleet-li:last-child {
        padding: 8px 12px !important;
    }

    .fleet-oprtaion h2,
    .fleet-oprtaion p,
    .lease-fleet-p {
        padding: 0;
    }

    .fleet-oprtaion {
        padding-top: 0px !important;
    }

    .policey-btn {
        font-size: 14px !important;
        margin-left: 38px;
    }

    .fleet-oprtaion .policey-btn {
        margin: 12px 0px 40px !important;
    }

    .fleet-scroll-ul2 {
        width: 1160px;
    }

    .fleet-os-img {
        margin-top: 25px;
    }

    a.play-btn {
        height: 32px !important;
        width: 32px;
        line-height: 32px;
        top: 53%;
    }

    a.play-btn img {
        width: 10px;
    }

    .macbook .policy-ul li {
        font-size: 14px !important;
        margin-bottom: 12px;
    }

    .macbook {
        margin-top: 8px;
    }

    .lightbox .lb-image {
        max-width: 575px !important;
    }

    .sticky-lifince {
        display: none !important;
    }

    /* filter  */
    .filtered{
        display: inline-block !important;
        overflow: scroll;
        max-width: 100%;
        white-space: nowrap;
    }

    .filtered li{
        display: inline-block;
        float: none;
    }

    .filtered li:first-child{
        padding: 10px 16px;
        gap: 16px;
        height: 46px;
        background: #F8F8F8;
        border-radius: 4px;
        color: #4A5863;
        margin-left: 0;
    }

    .filtered::-webkit-scrollbar {
        background: transparent;
    }

    .compare-list-panel {
        padding: 20px 0;
    }
    .compare-lists{
        row-gap: 19px;
    }
    .compare-lists p{
        display: none;
    }
    .compare-lists .compare-item:nth-child(3){
        display: none;
    }
    .mobile-compare-item{
        display: flex;
    }
    .compare-lists .mobile-compare-item{
        width: 33%;
    }
    .compare-lists .mobile-compare-item .para{
        display: flex !important;
    }
    .compare-item.button{
        margin: 0;
    }
    .compare-item.button a{
        margin: 0 !important;
    }
    .sticky-table-head {
        top: 72px;
    }

    .mobilefaq .nav-link, .dropdown-item .nav-link, #v-pills-tababout .nav-link, #v-pills-tababouttwo .nav-link, #v-pills-tababoutone .nav-link {
        padding: 16px;
        text-align: left;
        position: relative;
        overflow: hidden;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.006em;
        color: #4A5863;
        margin-bottom: 20px;
        padding-right: 45px !important;
        white-space: pre-line;
        background: var(--color-white)!important;
        border: none !important;
        width: 100% !important;
    }

}





















/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    :root {
        /* font size */
        --h1: 32px;
        --h2: 44px;
        --h3: 32px;
        --h4: 24px;
        --h5: 16px;
        --p: 14px;
        --caption: 12px;



    }

    .mobile-filter-div {
        display: block;
    }

    .dasktop-filter {
        display: none;
    }

    .offcanvas-body .dropdown .fiter-menu.brand {
        width: 100% !important;
    }

    .fleet-leasing-content {
        text-align: center;
        margin-bottom: 24px !important;
    }

    .fleet-leasing-content h1 {
        font-size: 32px !important;
        line-height: 48px !important;
    }

    .wheel-frem {
        overflow-x: scroll;
    }

    .wheel-frem::-webkit-scrollbar {
        background: transparent;
    }


    .wheel-tab {
        flex-wrap: nowrap !important;
        width: 780px;
    }

    .wheelr-btn {
        display: inline-block;
        width: auto !important;
        height: auto !important;
        padding: 0px 16px !important;
        margin: 0px 6px !important;

    }




    .navbar-toggler {
        border: none !important;
    }















    .wheelr-btn.active .cricle-wheelr {
        background: transparent;
    }

    .h3-heading {
        font-size: 20px;
        line-height: 32px;
    }

    h5 {
        font-size: 16px !important;
        line-height: 24px;
    }


    p,
    .accordion-button {
        line-height: 24px;

    }

    header .navbar-nav .nav-item .nav-link {
        margin: 8px 0px 0px 0px !important;
        width: 100%;
    }




    .navbar {
        width: 100%;
        position: relative;
        z-index: 111;
        background: #fff;
    }

    .navbar-collapse {
        height: 85vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .navbar-collapse .navbar-nav {
        margin: 0px !important;
        width: 100%;
    }

    .last-li h4,
    .row.price-box h3 {
        font-size: 20px !important;
    }





    body {
        overflow-x: hidden;
    }

    .mb-max {
        margin-bottom: 72px !important;
    }

    .mt-max {
        margin-top: 72px !important;
    }

    .pb-max {
        padding-bottom: 36px !important;
    }

    .pt-max {
        padding-top: 36px !important;
    }

    .mt-60 {
        margin-top: 36px !important;
    }

    .mb-60 {
        margin-bottom: 36px !important;
    }


    #big {
        min-height: 233px !important;
    }

    .h2-heading {
        font-size: 24px;
        line-height: 36px;
    }

    .para {
        line-height: 24px;
    }

    .align {
        flex-wrap: wrap;
    }

    .offer-card .offer-ul .offer-card-li {
        margin: 0px !important
    }

    .blue_top_nav {
        height: 80px;
        padding: 12px 20px;
    }

    .blue_top_nav .left-div img {
        width: 36px;
    }

    .blue_top_nav .left-div p {
        font-size: 10px;
        line-height: 12px;
    }

    .right-div .green-btn {
        padding: 8px;
        height: 40px;
    }

    .outer {
        padding: 30px 0px;
    }

    .thumbnail {
        margin-top: 20px;
    }

    .thumbnail .owl-stage {
        width: 100% !important;
        flex-direction: row;
    }

    div#thumbs .owl-stage-outer {
        width: 100% !important;
    }

    .box-warp .logo-name {
        font-size: 12px !important;


    }

    .box-warp .logo-name img {
        height: 20px;
    }






    .box-warp {
        padding-left: 0px;
    }


    .box-warp h2 {
        padding-left: 6px;
    }

    .box-warp .box-warp-li a {
        padding-left: 0px;
    }

    .rating {
        padding: 16px 0px;
    }

    .rating .box-warp-li span.icon-star,
    .icon-star-half,
    .icon-star-outline {
        padding: 0px !important;
        margin-left: -2px;
    }

    .rating .view-review {
        padding: 0px 0px 0px 17px;
    }

    .h5-heading.active-fleet {
        display: none;
    }

    .price-box .green-btn {
        padding: 10px;
        display: inline-flex;
    }


    .last-li li {
        width: 100%;
    }

    .thumbnail {
        min-height: auto !important;
    }

    .tabs {
        max-width: 100%;
        margin: 0px !important;
        padding: 12px !important;
    }

    .tabs h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px !important;
    }

    .mobile-slider {
        padding-left: 6px;
    }

    .mobile-slider2 .item {
        background: var(--color-green);
        padding: 15px;

    }

    .mobile-slider2 .item h3 {
        font-size: 20px;
    }

    .mobile-slider.owl-theme .owl-dots .owl-dot.active span,
    .mobile-slider2.owl-theme .owl-dots .owl-dot.active span,
    .mobile-slider3.owl-theme .owl-dots .owl-dot.active span {
        width: 35px;
        background: var(--color-green);
    }

    .scroll-frame {
        overflow-x: scroll;

    }

    .tabs {
        padding-left: 0px;
    }

    .tabs .nav-pills .nav-item {
        margin-bottom: 16px;
    }

    .chart-sec .h2-heading {
        font-size: 24px;
        line-height: 36px;
    }

    .bottom-banner {
        display: none;
    }

    .baner-card .h3-heading {
        font-size: 20px;
        text-align: center;
        margin-bottom: 8px;
    }

    .baner-card img {
        box-shadow: 11px 9px 0px -1px rgb(45 183 140 / 40%);
    }

    .baner-card .h3-heading+p {

        text-align: center;

    }

    .baner-card {
        padding: 15px 8px;
    }

    .baner-card .green-btn {
        margin: 20px auto;

        display: block !important;
    }

    .accordion-button {
        padding: 18px 20px !important;
    }

    .green .h3-heading {
        font-size: 20px;
        line-height: 30px;
    }

    .left-content,
    .right-content {
        min-width: 100%;
    }

    .accordion-header {
        padding: 0px !important;
    }

    .offer2 h2,
    .offer2 h3,
    .offer2 p {
        padding: 0 1%;
    }

    section.chart-sec h2,
    section.chart-sec p {
        padding: 0 1%;
    }

    .swiper-slide {
        max-width: 80% !important;
    }

    /* indivudail page*/



    header {


        padding: 10px 0px;
    }




    footer .container {
        background-size: 107% 29%;
        background-position: 43% 90%;
        background-repeat: no-repeat;

    }



    .footer-box h5 {
        margin-left: 0px;
    }

    .footer-box {
        align-items: flex-start;
    }

    .last-footer-li {
        margin-top: 0px;
    }


    .header-bottom .green-btn {
        display: block;
        width: 100%;
        margin-bottom: 12px;
    }

    .header-bottom {
        width: 100%;

    }


    .baner-card img {
        box-shadow: 11px 9px 0px -1px rgb(45 183 140 / 40%);
    }

    .offcanvas-body .filter-p-hedeing,
    .range-header span,
    .filter-left-label,
    .filter-right-label {
        color: #0A2439;

        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0.6000000238418579px;
        text-align: left;
    }

    .offcanvas-body .fillter-btn {
        font-size: 14px;
        color: #4A5863;

    }



    /* home-page */
    .fleet-leasing-home {
        padding-top: 36px;
        padding-bottom: 0px;
    }

    .map-img {
        top: 80px;
    }

    .home-slider-contant {
        padding: 32px 0px 56px;
        margin-bottom: 0px;
    }

    .home-mobileslider .owl-nav button.owl-prev {
        position: absolute;
        left: 0;
        top: 5%;
    }

    .home-mobileslider .owl-nav button.owl-next {
        position: absolute;
        right: 0;
        top: 5%;
    }

    .circle-label {
        margin-bottom: 56px;
        width: 120px;
        height: 120px;
        border: 1px solid #DFDFDF;
        border-radius: 50%;
        background: var(--color-white);
        display: flex;
        position: relative;
    }

    .cricle-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        width: 100%;
    }

    .cricle-link p {
        font-size: 14px;
        line-height: 24px;
        color: #4A5863;
        font-weight: 600;
        margin-bottom: 0px;
        display: block;
        text-align: center;
        padding-top: 5px;
        height: auto;
        background: none;
        border-radius: 0;
        border: 0;
    }




    .mobile-slider3 .card-eco-li {
        width: 100% !important;
        height: 295px !important;
    }

    .mobile-slider3 .card-eco-li img {
        width: 130px !important;
    }


    .leasing-gallery {
        background-position: 41% 155%;
        background-size: 369px;

    }

    .eco-box {
        padding-bottom: 78px;
    }

    ul#pills-tab2 {
        display: inline-block !important;
        overflow: scroll;
        max-width: 100%;
        white-space: nowrap;

    }

    #pills-tab2 li {
        margin-right: 10px;
    }

    ul#pills-tab2::-webkit-scrollbar {
        display: none;
    }

    div#ecopills-tabContent {
        margin-top: 0px;
    }

    ul.sponser-ul {
        flex-wrap: wrap;
        display: flex !important;
        justify-content: space-between !important;
        margin-top: 0px;
    }


    li.sponcer-logo {
        width: 150px;
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 8px;
        margin: 0px 6px 30px;
    }

    .sponcer-slider .item a img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 150px;
        height: 130px;
    }

    .sponcer-slider {
        display: block !important;
    }


    .scroll-frame {
        width: 100%;
        overflow-x: scroll;
        margin-bottom: 0px;
    }

    .bottom-baner-li {
        border-right: 1px solid #B3E0D2 !important;
        display: inline-block;
        padding: 0px 12px;
        width: 100%;
    }


    .distance-travel .price-range-slider {
        margin-top: 36px;
    }


    .nav-pills .nav-item button+.middle-ecsape {
        display: none;
    }

    .owl-dots {
        margin-top: 25px !important;
    }

    .offer2>p {
        padding: 0 6%;
    }

    .fleet-leasing-home .para {
        margin-bottom: 35px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    /* faq */
    .faq .faqtabs {
        width: 800px;
    }

    .faq h1 {
        font-size: 32px;
        line-height: 48px;
    }

    .faq .para {
        margin-top: 12px !important;
    }


    .search {
        margin-top: 12px;
    }

    .faq {
        padding: 35px 0px;
    }

    .employ-info {
        padding: 0 5%;
    }

    .bottom-logo {
        width: 120px;
    }

    .feature-conttant h4 {
        font-size: 16px !important;
        line-height: 26px;
        background: red;
    }


    .ambition-slider .line {
        width: 72%;
        left: 13%;
    }

    /* partners-page */
    .partner {
        padding: 0px 2%;
        margin-bottom: 60px;
    }

    .partner p {
        padding: 0px 4%;
    }

    .mobile-slider3 .part-baner-box span.part-baner-details h3 {
        font-size: 24px;
    }

    #pills-tabpart {
        width: 800px;
    }

    .partsay-box h2 {
        padding: 0px 1%;
    }


    /* from */
    .from .main-lable {
        font-size: 12px;
        padding: 0px;
    }

    .cricle-wheelr {
        display: block;
        height: 60px;
        width: 60px;
        line-height: 60px;
    }



    .comprision h2 {
        padding: 0 0%;
    }

    .comprision p {
        padding: 0 0%;
    }

    .gray-banner {
        padding: 20px;
    }

    .mobile-comparision .vichale-card {
        padding: 10px !important;
        margin-top: 10px;
        width: 100%;
    }




    .compaire.table {
        width: 1160px;
    }




    .sticky-table-head .table-head {
        width: 1160px;
    }





    .fince-card-box h2 {
        padding: 0 0%;
    }

    .fince-card-box h2+p {
        padding: 0 0%;
    }








    .finance-card img {
        width: 105px !important;
    }


    .Financing .offer-card-li img {
        width: 40px;
    }

    .Financing .offer-card-li p {
        padding: auto 0px !important;
    }

    .Financing .offer-card-li h5 {

        font-size: 20px !important;
        font-weight: 700 !important;
        color: #0A2439 !important;
    }



    .Financing .offer-card .offer-ul .offer-card-li {
        margin: 0px 35px !important;
    }


    .Financing .offer-ul .offer-card-li {
        margin: auto 35px !important;
    }


    .sticky-lifince {
        display: none !important;
    }


}













/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    :root {
        /* font size */
        --h1: 32px;
        --h2: 44px;
        --h3: 32px;
        --h4: 24px;
        --h5: 16px;
        --p: 14px;
        --caption: 12px;



    }

    .mobile-filter-div {
        display: block;
    }

    .dasktop-filter {
        display: none;
    }

    .offcanvas-body .dropdown .fiter-menu.brand {
        width: 100% !important;
    }

    .fleet-leasing-content {
        text-align: center;
    }

    .fleet-leasing-content h1 {
        font-size: 32px !important;
        line-height: 48px !important;
    }

    .wheel-frem {
        overflow-x: scroll;
    }

    .wheel-frem::-webkit-scrollbar {
        background: transparent;
    }


    .wheel-tab {
        flex-wrap: nowrap !important;
        width: 780px;
    }

    .wheelr-btn {
        display: inline-block;
        width: auto !important;
        height: auto !important;
        padding: 0px 16px !important;
        margin: 0px 6px !important;

    }

    .wheelr-btn.active .cricle-wheelr {
        background: transparent;
    }








    .navbar-toggler {
        border: none !important;

    }


    .h3-heading {
        font-size: 20px;
        line-height: 32px;
    }

    h5 {
        font-size: 16px !important;
        line-height: 24px;
    }



    p,
    .accordion-button {
        line-height: 24px;

    }

    header .navbar-nav .nav-item .nav-link {
        margin: 8px 0px 0px 0px !important;
        width: 100%;
    }



    .navbar {
        width: 100%;
        position: relative;
        z-index: 111;
        background: #fff;
    }

    .navbar-collapse {
        height: 85vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .navbar-collapse .navbar-nav {
        margin: 0px !important;
        width: 100%;
    }

    .last-li h4,
    .row.price-box h3 {
        font-size: 20px !important;
    }





    body {
        overflow-x: hidden;
    }

    .mb-max {
        margin-bottom: 75px !important;
    }

    .mt-max {
        margin-top: 75px !important;
    }

    .pb-max {
        padding-bottom: 36px !important;
    }

    .pt-max {
        padding-top: 36px !important;
    }

    .mt-60 {
        margin-top: 36px !important;
    }

    .mb-60 {
        margin-bottom: 36px !important;
    }


    #big {
        min-height: 233px !important;
    }

    .h2-heading {
        font-size: 24px;
        line-height: 36px;
    }

    .para {
        line-height: 24px;
    }

    .align {
        flex-wrap: wrap;
    }

    .offer-card .offer-ul .offer-card-li {
        margin: 0px !important
    }

    .blue_top_nav {
        height: 80px;
        padding: 12px 20px;
    }

    .blue_top_nav .left-div img {
        width: 36px;
    }

    .blue_top_nav .left-div p {
        font-size: 10px;
        line-height: 12px;
    }

    .right-div .green-btn {
        padding: 8px;
        height: 40px;
    }

    .outer {
        padding: 30px 0px;
    }

    .thumbnail {
        margin-top: 20px;
    }

    .thumbnail .owl-stage {
        width: 100% !important;
        flex-direction: row;
    }

    div#thumbs .owl-stage-outer {
        width: 100% !important;
    }

    .box-warp .logo-name {
        font-size: 12px !important;


    }

    .box-warp .logo-name img {
        height: 20px;
    }






    .box-warp {
        padding-left: 0px;
    }


    .box-warp h2 {
        padding-left: 6px;
    }

    .box-warp .box-warp-li a {
        padding-left: 0px;
    }

    .rating {
        padding: 16px 0px;
    }

    .rating .box-warp-li span.icon-star,
    .icon-star-half,
    .icon-star-outline {
        padding: 0px !important;
        margin-left: -2px;
    }

    .rating .view-review {
        padding: 0px 0px 0px 17px;
    }

    .h5-heading.active-fleet {
        display: none;
    }

    .price-box .green-btn {
        padding: 10px;
        display: inline-flex;
    }


    .last-li li {
        width: 100%;
    }

    .thumbnail {
        min-height: auto !important;
    }

    .tabs {
        max-width: 100%;
        margin: 0px !important;
        padding: 12px !important;
    }

    .tabs h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px !important;
    }

    .mobile-slider {
        padding-left: 6px;
    }

    .mobile-slider2 .item {
        background: var(--color-green);
        padding: 15px;


    }

    .mobile-slider2 .item h3 {
        font-size: 20px;
    }

    .mobile-slider.owl-theme .owl-dots .owl-dot.active span,
    .mobile-slider2.owl-theme .owl-dots .owl-dot.active span,
    .mobile-slider3.owl-theme .owl-dots .owl-dot.active span {
        width: 35px;
        background: var(--color-green);
    }

    .scroll-frame {
        overflow-x: scroll;

    }

    .tabs {
        padding-left: 0px;
    }

    .tabs .nav-pills .nav-item {
        margin-bottom: 16px;
    }

    .chart-sec .h2-heading {
        font-size: 24px;
        line-height: 36px;
    }

    .bottom-banner {
        display: none;
    }

    .baner-card .h3-heading {
        font-size: 20px;
        text-align: center;
        margin-bottom: 8px;
    }

    .baner-card img {
        box-shadow: 11px 9px 0px -1px rgb(45 183 140 / 40%);
    }

    .baner-card .h3-heading+p {

        text-align: center;

    }

    .baner-card {
        padding: 15px 8px;
    }

    .baner-card .green-btn {
        margin: 20px auto;

        display: block !important;
    }

    .accordion-button {
        padding: 18px 20px !important;
    }

    .green .h3-heading {
        font-size: 20px;
        line-height: 30px;
    }

    .left-content,
    .right-content {
        min-width: 100%;
    }

    .accordion-header {
        padding: 0px !important;
    }

    .offer2 h2,
    .offer2 h3,
    .offer2 p {
        padding: 0 1%;
    }

    section.chart-sec h2,
    section.chart-sec p {
        padding: 0 1%;
    }

    .swiper-slide {
        max-width: 80% !important;
    }

    /* indivudail page*/



    header {


        padding: 10px 0px;
    }





    footer .conatiner {
        background-size: 107% 29%;
        background-position: 43% 90%;

        background-repeat: no-repeat;

    }



    .footer-box h5 {
        margin-left: 0px;
    }

    .footer-box {
        align-items: flex-start;
    }

    .last-footer-li {
        margin-top: 0px;
    }


    .header-bottom .green-btn {
        display: block;
        width: 100%;
        margin-bottom: 12px;
    }

    .header-bottom {
        width: 100%;

    }


    .baner-card img {
        box-shadow: 11px 9px 0px -1px rgb(45 183 140 / 40%);
    }

    .offcanvas-body .filter-p-hedeing,
    .range-header span,
    .filter-left-label,
    .filter-right-label {
        color: #0A2439;

        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0.6000000238418579px;
        text-align: left;
    }

    .offcanvas-body .fillter-btn {
        font-size: 14px;
        color: #4A5863;

    }


    /* home-page */
    .fleet-leasing-home {
        padding-top: 36px;
        padding-bottom: 0px;
    }

    .map-img {
        top: 80px;
    }

    .home-slider-contant {
        padding: 32px 0px 56px;
        margin-bottom: 0px;
    }

    .home-mobileslider .owl-nav button.owl-prev {
        position: absolute;
        left: 0;
        top: 5%;
    }

    .home-mobileslider .owl-nav button.owl-next {
        position: absolute;
        right: 0;
        top: 5%;
    }

    .circle-label {
        margin-bottom: 56px;
        width: 120px;
        height: 120px;
        border: 1px solid #DFDFDF;
        border-radius: 50%;
        background: var(--color-white);
        display: flex;
        position: relative;
    }

    .cricle-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        width: 100%;
    }

    .cricle-link p {
        font-size: 14px;
        line-height: 24px;
        color: #4A5863;
        font-weight: 600;
        margin-bottom: 0px;
        display: block;
        text-align: center;
        padding-top: 5px;
        height: auto;
        background: none;
        border-radius: 0;
        border: 0;
    }




    .mobile-slider3 .card-eco-li {
        width: 100% !important;
        height: 295px !important;
    }

    .mobile-slider3 .card-eco-li img {
        width: 130px !important;
    }


    .leasing-gallery {
        background-position: 41% 155%;
        background-size: 369px;

    }

    .eco-box {
        padding-bottom: 78px;
    }

    ul#pills-tab2 {
        display: inline-block !important;
        overflow: scroll;
        max-width: 100%;
        white-space: nowrap;

    }

    #pills-tab2 li {
        margin-right: 10px;
    }

    ul#pills-tab2::-webkit-scrollbar {
        display: none;
    }

    div#ecopills-tabContent {
        margin-top: 0px;
    }

    ul.sponser-ul {
        flex-wrap: wrap;
        display: flex !important;
        justify-content: space-between !important;
        margin-top: 0px;
    }


    li.sponcer-logo {
        width: 150px;
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 8px;
        margin: 0px 6px 30px;
    }

    .sponcer-slider .item a img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 150px;
        height: 130px;
    }

    .sponcer-slider {
        display: block !important;
    }


    .scroll-frame {
        width: 100%;
        overflow-x: scroll;
        margin-bottom: 0px;
    }

    .bottom-baner-li {
        border-right: 1px solid #B3E0D2 !important;
        display: inline-block;
        padding: 0px 12px;
        width: 100%;
    }


    .distance-travel .price-range-slider {
        margin-top: 36px;
    }


    .nav-pills .nav-item button+.middle-ecsape {
        display: none;
    }

    .owl-dots {
        margin-top: 25px !important;
    }

    .offer2>p {
        padding: 0 6%;
    }

    .fleet-leasing-home .para {
        margin-bottom: 35px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    /* faq */
    .faq .faqtabs {
        width: 800px;
    }

    .faq h1 {
        font-size: 32px;
        line-height: 48px;
    }

    .faq .para {
        margin-top: 12px !important;
    }


    .search {
        margin-top: 12px;
    }

    .faq {
        padding: 35px 0px;
    }

    .employ-info {
        padding: 0 5%;
    }

    .bottom-logo {
        width: 120px;
    }

    .feature-conttant .h4-heading {
        font-size: 16px;
        line-height: 26px;
    }

    .ambition-slider .line {
        width: 72%;
        left: 13%;
    }

    /* partners-page */
    .partner {
        padding: 0px 2%;
        margin-bottom: 60px;
    }

    .partner p {
        padding: 0px 4%;
    }

    .mobile-slider3 .part-baner-box span.part-baner-details h3 {
        font-size: 24px;
    }

    #pills-tabpart {
        width: 800px;
    }

    .partsay-box h2 {
        padding: 0px 1%;
    }


    /* from */
    .from .main-lable {
        font-size: 12px;
        padding: 0px;
    }

    .cricle-wheelr {
        display: block;
        height: 60px;
        width: 60px;
        line-height: 60px;
    }



    .comprision h2 {
        padding: 0 0%;
    }

    .comprision p {
        padding: 0 0%;
    }

    .gray-banner {
        padding: 20px;
    }

    .mobile-comparision .vichale-card {
        padding: 10px !important;
        margin-top: 10px;
        width: 100%;
    }




    .compaire.table {
        width: 1160px;
    }



    .sticky-table-head .table-head {
        width: 1160px;
    }




    .fince-card-box h2 {
        padding: 0 0%;
    }

    .fince-card-box h2+p {
        padding: 0 0%;
    }




    .finance-card img {
        width: 105px !important;
    }

    .Financing .offer-card-li {
        margin: 0px 35px;
    }

    .Financing .offer-card-li img {
        width: 40px;
    }

    .Financing .offer-card-li p {
        padding: auto 0px !important;
    }

    .Financing .offer-card-li h5 {

        font-size: 20px !important;
        font-weight: 700 !important;
        color: #0A2439 !important;
    }





    .Financing .offer-ul .offer-card-li {
        margin: auto 35px !important;
    }



}


/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .mobile-slider2 {
        display: none !important;
    }

    .mobile-slider3 {
        display: none !important;
    }

    .swiper-slide {
        max-width: 28% !important;
    }

    .sponcer-slider {
        display: none !important;
    }

    .scroll-frame {
        width: 100%;
        overflow-x: hidden;
        margin-bottom: -15px !important;
    }

    .empty-item {
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100px;
    }
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1199.98px) and (max-width: 1400px) {
    .mobile-slider2 {
        display: none !important;
    }

    .fleet-leasing-home .green-btn {
        margin-top: 42px !important;
    }

    .mobile-slider3 {
        display: none !important;
    }

    .swiper-slide {
        max-width: 28% !important;
    }

    .fleet-leasing-home .para {

        font-size: 20px;
        line-height: 32px;
    }

    .scroll-frame {
        margin-bottom: -15px !important;

    }

    .heading-space {
        padding: 0 15% !important;
    }

    .sponcer-slider {
        display: none !important;
    }



    .scroll-frame {
        width: 100%;
    }

    .compare-lists {
        flex-wrap: nowrap;
    }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) and (max-width: 2560px) {
    .mobile-slider2 {
        display: none !important;
    }

    .mobile-slider3 {
        display: none !important;
    }

    .swiper-slide {
        max-width: 28% !important;
    }

    .fleet-leasing-home .para {

        font-size: 20px;
        line-height: 32px;
    }

    .fleet-leasing-home .green-btn {
        margin-top: 42px !important;
    }

    .heading-space {
        padding: 0 15% !important;
    }

    .sponcer-slider {
        display: none !important;
    }

    .scroll-frame {

        margin-bottom: -15px !important;
    }

    .number-img {
        right: -411px;
    }

}