@media (max-width:1460px) {

}

@media (max-width:1024px) {

.inner-main .sidebar{position: relative;   width: 100%;   padding: 20px 20px;   border-radius: 20px;}
.inner-main .sidebar .user-profile{gap: 20px; position: relative;}
.inner-main .sidebar .user-profile .user-img{width: 70px;height: 70px;}
.inner-main .sidebar .user-profile .side-menu{display: block; position: absolute; right: 0; top: 22px;}
.inner-main .sidebar ul.after-menu li a{  padding: 10px 0;}

}


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

    .mobile-header .rightside .btn-search input{  padding-right: 25px;}
    .mobile-header .rightside .btn-search input.active{width: 250px;}

    .main-header{display: none}
    .mobile-header{position: fixed;    z-index: 9; top: 15px; left: 0px; width: 100%; display: flex; padding: 12px 30px; align-items: center; justify-content: space-between;  transition: all 0.3s;}
    .mobile-header .logo{width: 38px; height: 38px}
    .mobile-header .logo img{width: 100%}
    .mobile-header .rightside{display: flex; align-items: center;}
    .mobile-header .rightside a{margin-left: 15px}
    .menu-link{position: absolute; background: #fff; top: 62px; right: -300px; border-radius: 20px 0 0 20px; padding: 18px;  transition: all 0.3s; box-shadow: -8px 0px 34px 0px rgba(167, 163, 163, 0.25);}
    .menu-link.active{right: 0px;  transition: all 0.3s;}
    .menu-link ul.link{margin: 0px; padding: 0px; list-style: none}
    .menu-link ul.link li{margin: 0 0 5px 0}
    .menu-link ul.link li a{color: #000; display: block; padding: 8px 0px; font-size: 15px; border-radius: 6px}
    .menu-link ul.link li a:hover{background: #ececec;  padding: 8px 15px;}
    .menu-link ul.link li a.active{background: #ececec;  padding: 8px 15px;}
    .menu-link .btn-black{font-family: 'Cabinet Grotesk Medium'; background: #000; line-height: 40px; padding: 0 66px; border-radius: 10px; color: #FFF; font-size: 14px; font-weight: 500; position: relative; z-index: 1; text-decoration: none;}
    .mobile-header.scrolled{background: #000; top: 0px;  transition: all 0.3s; padding: 12px 15px}


    .home-banner-area{margin-top: 15px}
    .home-banner-area .search-area{height: 300px;}
    .home-banner-area .search-block {position: relative; top: 0; left: 0; margin-left: 0; width: 100%; z-index: 4; background: #000; padding: 20px; border-radius: 0 0 15px 15px; margin-top: -50px;}
    .home-banner-area .search-block::before{content: ''; position: absolute; top: -60px; left: 0px; width: 100%; height: 60px; z-index: 1; background: linear-gradient(1deg, #000 1.4%, rgba(0, 0, 0, 0.00) 99.26%);}
    .home-banner-area .search-block .form-control{padding: 15px 20px}
    .home-banner-area .search-block .mb-2{margin-bottom: 15px !important;}
    .home-banner-area .search-block .d-flex{flex-wrap: wrap;}
    .home-banner-area .search-block .custom-select.age-select,
    .home-banner-area .search-block .custom-select.type-select{padding-right: 25px}
    .home-banner-area .search-block .custom-select.age-select,
    .home-banner-area .search-block .custom-select.type-select,
    .home-banner-area .search-block .custom-select.brand-select{width: 33.33%; margin: 0 0 10px 0}
    .home-banner-area .search-block .price-range{width: 50%;}
    .home-banner-area .search-block .btn-search{width: 40%; bottom: 20px; right: 20px; border: #fff 1px solid}

    .brand-area .container{padding-right: 0px }
    .brand-area .titlebar{display: block;}
    .brand-area .titlebar h2{font-size: 24px; line-height: 30px}
    .brand-area .swiper-slide {max-width: 100px !important;}

    .collection-area{padding: 0px 0px 40px 0px }
    .collection-area .container{padding-right: 0px}
    .collection-area h2{font-size: 24px; line-height: 30px}
    .collection-area p{margin: 0 0 20px 0; padding-right: 15px}
    .collection-area .swiper-slide{width: 190px}
    .collection-area .collection-block{padding: 22px 15px 130px 15px}
    .collection-area .collection-block .name{font-size: 16px}
    .collection-area .collection-block .name a{min-height: 35px;}
    .collection-area .collection-block .btn-arrow,
    .collection-area .collection-block:hover .btn-arrow{top: 20px; right: 15px; opacity: 1;}
    .collection-area .collection-block .available{font-size: 12px; line-height: 16px}
    .collection-area .collection-block .car-img{width: 240px; left: 20px;}

    .exclusiveoffer-area{padding: 0 0 40px 0}
    .exclusiveoffer-area h2{font-size: 24px; line-height: 30px}
    .exclusiveoffer-area .banner-area{display: flex;}
    /* .exclusiveoffer-area .banner-area .banner-1{width: 100%; padding: 25px; min-height: 320px; margin-bottom: 15px}
    .exclusiveoffer-area .banner-area .banner-1 img{height: 224px; right: -103px; position: absolute; bottom: 0;}
    .exclusiveoffer-area .banner-area .banner-1::before{top: 82px; right: 18px; width: 160px; height: 195px;} */
    .exclusiveoffer-area .banner-area .banner-1{width: 100%; min-height: 320px;}
    .exclusiveoffer-area .banner-area .banner-1 .swiper-slide{width: 100%; padding: 25px; min-height: 320px;}
    .exclusiveoffer-area .banner-area .banner-1 .swiper-slide img{height: 224px; right: -103px; position: absolute; bottom: 0;}
    .exclusiveoffer-area .banner-area .banner-1::before{top: 82px; right: 18px; width: 160px; height: 195px; background-size: contain;}
    .exclusiveoffer-area .banner-area h3{font-size: 20px}
    .exclusiveoffer-area .banner-area .sub{font-size: 16px}
    /* .exclusiveoffer-area .banner-area .banner-2{width: 100%; padding: 25px; text-align: left; min-height: auto;}
    .exclusiveoffer-area .banner-area .banner-2::before{content: none}
    .exclusiveoffer-area .banner-area .banner-2 img {position: relative; bottom: 0; left: 0; width: 100%; margin-top: 25px;} */
    .exclusiveoffer-area .banner-area .banner-2{width: 100%; text-align: left; min-height: 320px;}
    .exclusiveoffer-area .banner-area .banner-2 .swiper-slide{width: 100%; padding: 25px; text-align: left; min-height: 320px;}
    .exclusiveoffer-area .banner-area .banner-2::before{top: 82px; right: 18px; width: 160px; height: 195px; left: auto;    background-size: contain;}
    .exclusiveoffer-area .banner-area .banner-2 .swiper-slide img {position: relative; bottom: 0; left: 0; width: 100%; margin-top: 25px;}

    .car-list-section{padding: 0 0 40px 0}
    .car-list-section .container{padding-right: 0px}
    .car-list-section .titlebar{display: block;}
    .car-list-section .titlebar h2{font-size: 24px; line-height: 30px}
    .car-list-section .swiper-slide{width: 210px}
    .car-block{border-radius: 18px; margin-bottom: 38px}
    .car-block .car-img{height: 150px}
    .car-block .car-img .brand-logo {height: 24px; top: 15px; left: 15px;}
    .car-block .car-img .btn-wishlist{top: 15px; right: 15px; padding: 4px; width: 20px; height: 20px;}
    .car-block .car-img .bottombar{padding: 10px}
    .car-block .car-img .bottombar .carname{font-size: 12px; margin: 0 0 5px 0}
    .car-block .car-img .bottombar .price{font-size: 11px}
    .car-block .car-img .bottombar .price del{margin-right: 5px; font-size: 11px}
    .car-block .car-img .bottombar .price span{font-size: 8px}
    .car-block .car-img .bottombar .km{font-size: 10px; right: 10px; bottom: 10px}
    .car-block .car-detail{padding: 12px 6px;}
    .car-block .car-detail ul.car-info li{font-size: 10px; padding: 5px 10px; margin-right: 5px}
    .car-block .car-detail ul.car-info li svg{margin-right: 2px; width: 10px; height: 10px; vertical-align: sub;}
    .car-block .car-detail .logo {width: 80px; height: 40px; margin-left: 8px}
    .car-block .car-detail .rightside ul li{font-size: 8px; line-height: 12px; margin: 6px 0}

    .document-section{padding: 0 0 25px 0}
    .document-section h2{font-size: 24px; line-height: 30px; margin: 0 0 20px 0}
    .document-section .document-flex{display: block;}
    .document-section .document-flex .document-block{width: 100%;  margin-bottom: 15px; height: 220px; min-height: auto}
    .document-section .document-flex .document-block .photo-block {width: 100%; height: 100%;}
    .document-section .document-flex .document-block .content-block {width: 100%; padding: 25px 30px;}
    .document-section .document-flex .document-block .content-block h3{font-size: 20px; line-height: 26px}
    .document-section .document-flex .document-block .content-block ul li{font-size: 16px; line-height: 186%;}
    .document-section .document-flex .document-block .content-block ul li::before {top: 6px}

    .register-banner-area{padding: 0 0 40px 0}
    .register-banner-area .banner-flex{padding: 36px 0; background-size: cover;}
    .register-banner-area .banner-flex h2{font-size: 22px; line-height: 28px; margin: 0 0 10px 0}

    .why-hire-car-area{padding: 0 0 30px 0}
    .why-hire-car-area h2{font-size: 24px; line-height: 30px}
    .why-hire-car-area p{width: 100%; margin: 0 0 20px 0}
    .why-hire-car-area ul.photo-list{display: block;}
    .why-hire-car-area ul.photo-list li{width: 100%; margin-bottom: 12px}
    .why-hire-car-area ul.photo-list li .photo-block{height: 214px}

    .testimonial-main .testimonial-inner{padding: 120px 0 35px 0}
    .testimonial-main .testimonial-inner .sliderarea{width: 100%; padding: 0px 35px}
    .testimonial-main .testimonial-inner h2{position: relative; top: 0px; font-size: 34px; line-height: 42px; margin: 0 0 14px 0}

    .faq-section .accordion-item .accordion-button{font-size: 16px; line-height: 20px}
    .faq-section .accordion-item .accordion-button::before {top: 28px;}
    .faq-section .accordion-item .accordion-button::after {top: 36px;}
    .faq-section .accordion-item .accordion-button.collapsed::before {top: 28px;}

    .updateddaily-section{padding: 0 0 20px 0}
    .updateddaily-section .light-box{padding: 70px 30px 40px 30px}
    .updateddaily-section .light-box h2{font-size: 20px; line-height: 25px}
    .updateddaily-section .light-box .sub{width: 100%; margin: 0 0 25px 0}
    .updateddaily-section .light-box .inner-area{display: block;}
    .updateddaily-section .light-box .inner-area .content-block{width: 100%; margin-top: 25px}
    .updateddaily-section .light-box .inner-area .content-block h3{font-size: 20px; line-height: 25px; margin: 0 0 10px 0}
    .updateddaily-section .btn-faqlink{font-size: 20px; padding: 12px 25px}

    .footer-area{padding: 30px 28px 22px 28px; margin: 0 0 20px 0}
    .footer-area .d-flex{flex-wrap: wrap; gap:0px}
    .footer-area .logo-area{width: 100%}
    .footer-area .newsletter-area{width: 50%; margin-bottom: 15px; padding-right: 30px}
    .footer-area .footer-link{width: 25%;  margin-bottom: 15px}
    .footer-area h2{font-size: 20px; line-height: 28px}
    .footer-area p{font-size: 12px}
    .footer-area ul.link li a{font-size: 13px}
    .footer-area .newsletter-area .info{font-size: 13px}
    .footer-area .newsletter-block{display: block;}
    .footer-area .newsletter-block .btn-primary{justify-content: center; padding: 10px; margin-top: 10px}
    .footer-area .copyright{font-size: 12px; text-align: left; margin: 0px}

    .signin-page{margin: 15px 0 20px 0}
    .signin-page .form-block{display: block; height: auto;}
    .signin-page .form-block .leftside{width: 100%; height: 520px;}
    .signin-page .form-block .leftside::before {content: none}
    .signin-page .form-block .rightside{width: 100%; padding: 25px}
    .signin-page .form-block h1{font-size: 26px; line-height: 32px}
    .signin-page .form-block .mb-3 {margin-bottom: 14px !important;}

    .rent-banner-area{margin: 15px 0 25px 0}
    .rent-banner-area .inner-area{padding: 100px 15px 100px 15px; height: auto;}
    .rent-banner-area .inner-area .content-area h1{font-size: 20px; line-height: 25px}
    .rent-banner-area .inner-area .content-area p{font-size: 12px}

    .car-list-page{padding: 0 0 30px 0}
    .car-list-page .btn-filter{border: 1px solid #E9E9E9 ; color: #000; text-align: center; display: flex; align-items: center; width: 100%; margin-bottom: 14px; border-radius: 10px; background: #fff; justify-content: center; padding: 7px; }
    .car-list-page .btn-filter svg{margin-right: 10px;}
    .car-list-page .d-flex {display: block !important;}
    .car-list-page .d-flex .filter-area{width: 100%; padding: 0px; display: none}
    .car-list-page .d-flex .filter-area .sticky{position: relative; top: auto;}
    .car-list-page .d-flex .filter-area.active {position: fixed; top: 0px; left: 0px; background: #fff; display: block; z-index: 9; height: 100%; overflow: scroll;}
    .car-list-page .d-flex .filter-area .border-block{padding: 20px; border: none; margin: 0px}
    .car-list-page .d-flex .filter-area .border-block .accordion-item{padding: 0px}
    .car-list-page .d-flex .filter-area .border-block .accordion-item .accordion-button{padding: 10px 0px 10px 0px}
    .car-list-page .d-flex .filter-area .guide-detail {padding: 0 20px 20px 20px;}
    .car-list-page .d-flex .filter-area .border-block .title{justify-content: space-between; align-items: center; margin: 0 0 10px 0}
    .car-list-page .d-flex .filter-area .border-block .title .close-filter{background: transparent; border: none; padding: 0px; width: 38px; height: 38px; display: block;}
    .car-list-page .d-flex .filter-area .border-block .title .close-filter svg{width: 100%; margin: 0px; height: 100%}
    .car-list-page .d-flex .list-area{width: 100%}
    .car-list-page .d-flex ul.apply-filter-list{flex-wrap: wrap;}
    .car-list-page .d-flex ul.apply-filter-list li{margin-bottom: 10px}


    .car-list-page ul.carlist-area li .car-info-block .car-photo-area{height: 200px}
    .car-list-page ul.carlist-area li .car-info-block .car-photo-area .bottombar .name{font-size: 14px; margin: 0 0 5px 0}
    .car-list-page ul.carlist-area li .car-info-block .car-photo-area .bottombar ul.car-info li{font-size: 10px; padding: 4px 8px}
    .car-list-page ul.carlist-area li .car-info-block .car-photo-area .bottombar ul.car-info li svg {margin-right: 2px; width: 9px; height: 9px;}
    .car-list-page ul.carlist-area li .car-info-block .car-photo-area .brand-logo{height: 24px; top: 15px; left: 15px;}
    .car-list-page ul.carlist-area li .car-info-block .car-photo-area .btn-wishlist{top: 15px; right: 15px; padding: 4px; width: 20px; height: 20px;}
    .car-list-page ul.carlist-area li .car-info-block .car-photo-area .btn-verified{top: 16px; left: 50px;}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block{padding: 15px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block{margin-bottom: 6px;}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block .price{font-size: 12px;}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block .price span{font-size: 10px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block .price del{font-size: 12px; margin-right: 10px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block .km{font-size: 10px; line-height: 20px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .d-flex {display: flex !important;}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .complogo {width: 65px; height: 32px;}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .location{font-size: 9px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .leftside{width: auto;}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .leftside ul li{font-size: 10px; line-height: 14px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .leftside ul li::before {top: 1px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .btn-area{margin-top: 5px; gap:5px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .btn-area a{font-size: 10px; padding: 8px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .btn-area a img{width: 14px}

    /* Specific Car Selection */
    .specifing-yacht-banner-area {margin: 15px 0 0 0;}
    .specifing-banner-area .inner-area{ height: 190px; }
    .specifing-detail{ column-gap: 20px; }
    .specifing-detail .left-detail-area{ width: 63%; }
    .specifing-detail .side-cart-area{ width: 34.15%; }

    .specifing-detail .left-detail-area .detail-car .image-area .vrified{ padding: 20px 15px; }
    .specifing-detail .left-detail-area .detail-car .image-area .contain-area{ padding: 9px 0px 0px 20px; width: 77%; }
    .specifing-detail .left-detail-area .detail-car .image-area .contain-area h3{ font-size: 20px; }
    .specifing-detail .left-detail-area .detail-car .image-area .contain-area .car-feature{ flex-wrap: wrap; }
    .specifing-detail .left-detail-area .detail-car .image-area .contain-area .car-feature li{ margin: 5px 0px; }
    .specifing-detail .left-detail-area .detail-car .pricing-contain{ padding: 0px 20px 14px 20px; }
    .specifing-detail .left-detail-area .detail-car .pricing-contain table tbody tr td{ width: auto !important; padding: 14px !important; font-size: 16px; }
    .specifing-detail .left-detail-area .detail-car .pricing-contain table tbody tr th{ width: auto !important; padding: 14px !important; font-size: 16px; }
    .specifing-detail .left-detail-area .detail-car .monthly-commitment{ padding: 0px 20px 14px 20px; }
    .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td{ width: 120px !important; font-size: 16px; }
    .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td .dropdown-arrow{ width: 120px !important; font-size: 16px; }
    .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td select{ width: 120px !important; font-size: 16px; }

    .specifing-detail .left-detail-area .spec-featurearea { padding: 30px 20px; }
    .specifing-detail .left-detail-area .spec-featurearea .conant-main .contain-area li{ width: 100%;}
    .specifing-detail .left-detail-area .car-disciption{ column-gap: 20px;}
    .specifing-detail .left-detail-area .car-disciption .contain-area p{ font-size: 13px; }
    .specifing-detail .left-detail-area .car-disciption .contain-area .rectras .color-area .cart-right .cart .color-box{ width: 15px; height: 15px; }
    .specifing-detail .left-detail-area .car-disciption .contain-area .prize-area .title{ font-size: 13px; }
    .specifing-detail .left-detail-area .car-disciption .contain-area .prize-area .prize{ font-size: 13px; }

    .specifing-detail .side-cart-area .address-area{ padding: 27px 10px; margin-top: 20px; }
    .specifing-detail .side-cart-area .address-area h5{ font-size: 17px; }
    .specifing-detail .side-cart-area .address-area iframe{ height: 150px; }
    .specifing-detail .side-cart-area .address-area .cart-area .cart-design{ padding: 10px 10px 10px 10px; }
    .specifing-detail .side-cart-area .address-area .cart-area .cart-design p{ font-size: 11px; }
    .specifing-detail .side-cart-area .address-area .retal-car-trifty{ margin-top: 20px; margin-bottom: 25px; }
    .specifing-detail .side-cart-area .address-area .retal-car-trifty svg{ top: 9px; }
    .specifing-detail .side-cart-area .address-area .retal-car-trifty #cars-rental-time{ padding: 13px 15px 13px 15px; }
    .specifing-detail .side-cart-area .address-area .retal-car-trifty .dropdown-arrow::after{ top: 13px; }
    .specifing-detail .side-cart-area .address-area .location-add p{ font-size: 13px; }

    .specifing-detail .side-cart-area .tags-area{ padding: 22px 20px; }
    .specifing-detail .side-cart-area .tags-area ul{ column-gap: 3px; row-gap: 3px; }
    .specifing-detail .side-cart-area .tags-area ul li a{ padding: 5px 13px; }

    .specifing-detail .side-cart-area .listed-by{padding: 20px 10px;}
    .specifing-detail .side-cart-area .listed-by p{ margin-top: 15px; }
    .specifing-detail .side-cart-area .listed-by .image-list{ height: 60px; }
    .specifing-detail .side-cart-area .listed-by .btn-area{ flex-wrap: wrap; justify-content: center; gap: 3px; }
    .specifing-detail .side-cart-area .listed-by .btn-area a{ width: 49%; }

    .specifing-detail .side-cart-area .listed-by .retal-car-trifty svg{ top: 8px; left: 8px; }
    .specifing-detail .side-cart-area .listed-by .retal-car-trifty #cars-rental{ padding: 13px 17px 13px 40px; }

    /* about us */

    .about-banner-area{  margin: 15px 0 0 0;}
    .about-banner-area .inner-area{min-height: 550px;}
    .about-banner-area .inner-area .content-area h1{font-size: 24px; line-height: 30px;   margin: 0 0 10px 0;}
    .about-banner-area .inner-area .content-area{  padding: 90px 0 0 40px;   width: 95%;}
    .about-banner-area .inner-area .content-area p{font-size: 15px;  line-height: 24px;margin: 0px 0px 15px 0px;}
    .about-banner-area .inner-area .content-area p:last-of-type{padding-right: 50%}
    .about-banner-area .inner-area .content-area .car-image{width: 665px;bottom: -150px;right: -275px;}
    .about-banner-area .inner-area::after {content: none;}

    .mission-area {padding: 35px 0 0 0}
    .mission-area .detail-box{  padding: 25px;}
    .mission-area .detail-box h2{font-size: 24px; line-height: 30px;}

    .sets-us-apart {  padding: 60px 0 0 0;}
    .sets-us-apart .content-area{padding-left: 35%;}
    .sets-us-apart .content-area .set-us-box{  padding: 20px;   border-radius: 20px;  margin-bottom: 20px;}
    .sets-us-apart .content-area::after {content: none;}
    .sets-us-apart .content-area .car-image{  width: 800px;   bottom: 0;}
    .sets-us-apart .content-area h2 {font-size: 24px; line-height: 30px; padding: 20px 0 65px 0;}
    .sets-us-apart .content-area .set-us-box h3{font-size: 20px;  line-height: 22px;  margin-bottom: 7px;}

    .experience-area h2{  font-size: 24px;   margin-bottom: 15px;}
    .experience-area .experience-flex {gap:25px}
    .experience-area .experience-box{  padding: 20px ; border-radius: 20px;}
    .experience-area .experience-box .box-title{  font-size: 22px;margin-bottom: 15px;}
    .experience-area .experience-box ul li{ line-height: 22px;   margin-bottom: 10px;}
    .experience-area .experience-box ul li::before {top: 5px;}

    /* brand-list */

    .brand-banner-area{margin-top: 15px}
    .brand-banner-area .inner-area{min-height: 300px;   padding: 80px 0 60px 0;}
    .brand-banner-area .inner-area .content-area h1 {font-size: 28px; margin: 0;}
    .brand-banner-area .inner-area .content-area {  width: 75%;}

    .brand-list-area h2 {font-size: 24px;   margin-bottom: 20px;}
    .brand-list-area .brand-list{gap:20px;grid-template-columns: repeat(auto-fit, minmax(calc(25% - 25px), 1fr));}
    .brand-list-area .brand-list .brand-box{padding: 25px 20px;}

    /* list-your-car */

    .list-banner-area{margin-top: 15px}
    .list-banner-area .list-flex{  flex-direction: column; align-items: start;}
    .list-banner-area .list-flex .inner-area {min-height: 350px;width: 100%;}
    .list-banner-area .list-flex .inner-area::before {background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 42.55%);}
    .list-banner-area .list-flex .inner-area .content-area{  padding: 0 0 0 40px;}
    .list-banner-area .list-flex .inner-area .content-area h1{font-size: 28px; margin: 0; line-height: 32px;}
    .list-banner-area .list-flex .right-form{width: 100%; padding: 40px;  margin-top: 0px;}
    .list-banner-area .list-flex .right-form h2{font-size: 24px; line-height: 30px;  margin-bottom: 20px;}
    .list-banner-area .list-flex .right-form .form-bottom .btn-submit{margin: 15px 0 15px 0;}
    .list-banner-area .bottom-area{padding: 30px 30px 30px 40px;gap: 25px;}
    .list-banner-area .bottom-area h3 {font-size: 22px;line-height: 30px;width: 55%;}
    .list-banner-area .bottom-area ul{width: 45%;}
    .list-banner-area .bottom-area ul li{line-height: 22px;}
    .list-banner-area .bottom-area li::before {top: 5px;}

    .why-join{margin: 35px 0 30px 0;}
    .why-join .inner-area .content-area {padding-left: 40px; width: 50%;}
    .why-join .inner-area {  min-height: 385px;  padding: 150px 0 0px 0;}
    .why-join .inner-area .content-area h2{  font-size: 24px;line-height: 30px; margin: 0 0 5px 0;}
    .why-join .box-list{padding: 0 40px 0 40px; column-gap: 50px;}
    .why-join .box-list .join-box{width: 46.2%; }
    .why-join .box-list .join-box h3 {font-size: 22px;line-height: 30px;  margin-bottom: 5px;}

    .three-detail {margin-bottom: 30px;}
    .three-detail .content-area {padding: 40px 0;}
    .three-detail .content-area .join-box { padding: 0 15px;}
    .three-detail .content-area .join-box h3{font-size: 22px;line-height: 30px;}

    /* Companies */

    .companies-area {padding: 25px 0 0 0}
    .companies-area h2{font-size: 24px; line-height: 22px; margin-bottom: 25px}
    .companies-area ul.find-companies{  gap: 16px; }

    .result-section .result-area .result-tab{ padding-top: 20px;}
    .result-section .result-area .result-tab .leftside { width: 15%; }
    .result-section .result-area .result-tab .leftside .letter{font-size: 42px;}
    .result-section .result-area .result-tab .leftside .letter-big{  font-size: 130px;  top: -25px;}
    .result-section .result-area .result-tab .rightside{padding-bottom: 30px;  width: 85%; }
    .result-section .result-area .result-tab .rightside ul.name-list {  gap: 15px;   margin: 0 0 30px 0;   height: 102px;}
    .result-section .result-area .result-tab .rightside ul.name-list li a{padding:10px 12px;}
    .result-section .result-area .result-tab .rightside .no-result {  font-size: 24px; min-height: 110px;}

    /* contact-us */

    .faq-banner-area {margin: 15px 0 0 0;}
    .faq-banner-area .inner-area{min-height: 210px;padding: 90px 0 0px 0;}
    .faq-banner-area .inner-area .content-area {  width: 95%;}
    .faq-banner-area .inner-area .content-area h1 {font-size: 20px; line-height: 22px;   margin: 0 0 10px 0;}

     .support-main {padding: 25px 0;}
     .support-main .support-flex {display: grid; gap:25px; grid-template-columns: repeat(auto-fit, minmax(calc(50% - 30px), 1fr));}
     .support-main .support-flex .support-box {  padding: 30px;}
     .support-main .support-flex .support-box h3{  font-size: 24px;  line-height: 27px;}
     .support-main .support-flex .support-box p{font-size: 16px;line-height: 24px;}

     .contact-form .form-area {margin-bottom: 25px;}
     .contact-form .form-area h2{font-size: 24px;line-height: 22px; }
     .contact-form .form-area .fields{column-gap: 30px;justify-content: space-between;}
     .contact-form .form-area .fields .form-group{width: 48%;}

     /* faq */

     .faq-page {margin-top: 30px;}

     /* blog-detail */

     .detail-banner-area{margin: 15px 0 0 0}
     .detail-banner-area .inner-area{min-height: 300px;}
     .detail-banner-area .inner-area .content-area {left: 15px;bottom: 20px;}

     .blog-detail-section{padding: 25px 0;}
     .blog-detail-section .content-area h2{font-size: 24px;line-height: 22px; margin-bottom: 15px;}
     .blog-detail-section .btn-area{margin-top: 25px;}
     .blog-detail-section .btn-area a.link{font-size: 20px;}
     .blog-detail-section .btn-area a.link svg {width: 25px}

     /* profile */

     .profile-banner-area{margin: 15px 0 0 0}
     .profile-banner-area .inner-area{min-height: 210px;}

     .inner-main{margin: 30px 0 30px 0; padding: 0}
     .inner-main .content-main-wapper{ margin-top: 20px;   min-height: auto;}
     .inner-main .content-main-wapper h1 {  font-size: 24px;}

     ul.pagination{  padding: 30px 0 30px 0;}

     /* Specific Car Selection */

     .specifing-banner-area {margin: 15px 0 0 0}
     .specifing-yacht-banner-area { height: 190px; }
     .specifing-detail.yart-area .left-detail-area .spec-featurearea.yart-specs-feature .conant-main .contain-area li{ width: 100%; }
     .specifing-detail.yart-area .left-detail-area .spec-featurearea .conant-main .contain-area li{ width: 50%; }

     /*404 Error*/

     .error-area {margin: 15px 0 25px 0;}
     .error-area .inner-area{ height: 586px; }

     /*Blog list*/

     .blog-list-banner-area {margin: 15px 0 0 0;}
     .blog-list-area { margin-top: 30px; display: grid; flex-wrap: wrap; gap: 34px; grid-template-columns: repeat(auto-fit, minmax(calc(36% - 30px), 1fr)); }
     .blog-list-banner-area .inner-area { border-radius: 30px; overflow: hidden; position: relative; width: 100%; height: 272px; padding: 100px 0 79px 0; }

     .quick-search{  top: 80px;right: -655px;}
     .quick-search .search-block {width: 655px;padding: 40px;}
     .quick-search .search-block .form-control{padding: 15px 20px}
     .quick-search .search-block .mb-2{margin-bottom: 15px !important;}
     .quick-search .search-block .d-flex{flex-wrap: wrap;}
     .quick-search .search-block .custom-select.age-select,
     .quick-search .search-block .custom-select.type-select{padding-right: 25px}
     .quick-search .search-block .custom-select.age-select,
     .quick-search .search-block .custom-select.type-select,
     .quick-search .search-block .custom-select.brand-select{width: 33.33%; margin: 0 0 10px 0}

     .empty-wishlist{height: 300px;}
     .empty-wishlist .empty-wishlist-contain h5{  font-size: 32px;  margin-bottom: 10px;}
}

@media (max-width: 767px) {

    .mobile-header .rightside .btn-search input{padding-right: 25px;}
    .mobile-header .rightside .btn-search input.active{width: 175px;}

    .main-header{display: none}
    .mobile-header{position: fixed; top: 15px; left: 0px; width: 100%; display: flex; z-index: 5;padding: 12px 30px; align-items: center; justify-content: space-between;  transition: all 0.3s;}
    .mobile-header .logo{width: 38px; height: 38px}
    .mobile-header .logo img{width: 100%}
    .mobile-header .rightside{display: flex; align-items: center;}
    .mobile-header .rightside a{margin-left: 15px}
    .menu-link{position: absolute; background: #fff; top: 62px; right: -300px; border-radius: 20px 0 0 20px; padding: 18px;  transition: all 0.3s; box-shadow: -8px 0px 34px 0px rgba(167, 163, 163, 0.25);}
    .menu-link.active{right: 0px;  transition: all 0.3s;}
    .menu-link ul.link{margin: 0px; padding: 0px; list-style: none}
    .menu-link ul.link li{margin: 0 0 5px 0}
    .menu-link ul.link li a{color: #000; display: block; padding: 8px 0px; font-size: 15px; border-radius: 6px}
    .menu-link ul.link li a:hover{background: #ececec;  padding: 8px 15px;}
    .menu-link ul.link li a.active{background: #ececec;  padding: 8px 15px;}
    .menu-link .btn-black{font-family: 'Cabinet Grotesk Medium'; background: #000; line-height: 40px; padding: 0 66px; border-radius: 10px; color: #FFF; font-size: 14px; font-weight: 500; position: relative; z-index: 1; text-decoration: none;}
    .mobile-header.scrolled{background: #000; top: 0px;  transition: all 0.3s; padding: 12px 15px}


    .home-banner-area{margin-top: 15px}
    .home-banner-area .search-area{height: 300px;}
    .home-banner-area .search-block {position: relative; overflow: hidden; top: 0; left: 0; margin-left: 0; width: 100%; z-index: 4; background: #000; padding: 20px; border-radius: 0 0 15px 15px; margin-top: -50px;}
    .home-banner-area .search-block::before{content: ''; position: absolute; top: -60px; left: 0px; width: 100%; height: 60px; z-index: 1; background: linear-gradient(1deg, #000 1.4%, rgba(0, 0, 0, 0.00) 99.26%);}
    .home-banner-area .search-block .form-control{padding: 15px 20px}
    .home-banner-area .search-block .mb-2{margin-bottom: 15px !important;}
    .home-banner-area .search-block .d-flex{display: block !important;}
    .home-banner-area .search-block .custom-select.age-select,
    .home-banner-area .search-block .custom-select.type-select,
    .home-banner-area .search-block .custom-select.brand-select{width: 100%; margin: 0 0 10px 0}
    .home-banner-area .search-block .price-range{width: 100%; margin-bottom: 20px}
    .home-banner-area .search-block .btn-search{width: 100%; position: relative; border: #fff 1px solid}
    .home-banner-area .search-block .price-range .irs--round{width: 92%;}
    .brand-area .container{padding-right: 0px }
    .brand-area .titlebar{display: block;}
    .brand-area .titlebar h2{font-size: 24px; line-height: 30px}
    .brand-area .swiper-slide {max-width: 100px !important;}

    .collection-area{padding: 0px 0px 40px 0px }
    .collection-area .container{padding-right: 0px}
    .collection-area h2{font-size: 24px; line-height: 30px}
    .collection-area p{margin: 0 0 20px 0; padding-right: 15px}
    .collection-area .swiper-slide{width: 190px; padding-bottom: 0px;}
    .collection-area .collection-block{padding: 22px 15px 130px 15px}
    .collection-area .collection-block .name{font-size: 16px}
    .collection-area .collection-block .name a{min-height: 35px;}
    .collection-area .collection-block .btn-arrow,
    .collection-area .collection-block:hover .btn-arrow{top: 20px; right: 15px; opacity: 1;}
    .collection-area .collection-block .available{font-size: 12px; line-height: 16px}
    .collection-area .collection-block .car-img{width: 240px; left: 20px;}
    .collection-area .swiper-scrollbar{display: none;}
    .collection-area .arrow-area{position: relative; right: auto;}

    .exclusiveoffer-area{padding: 0 0 40px 0}
    .exclusiveoffer-area h2{font-size: 24px; line-height: 30px}
    .exclusiveoffer-area .banner-area{display: block;}
    /* .exclusiveoffer-area .banner-area .banner-1{width: 100%; padding: 25px; min-height: 320px; margin-bottom: 15px}
    .exclusiveoffer-area .banner-area .banner-1 img{height: 224px; right: -103px; position: absolute; bottom: 0;}
    .exclusiveoffer-area .banner-area .banner-1::before{top: 82px; right: 18px; width: 160px; height: 195px;} */

    .exclusiveoffer-area .banner-area .banner-1{width: 100%; min-height: 320px; margin-bottom: 15px}
    .exclusiveoffer-area .banner-area .banner-1 .swiper-slide{width: 100%; padding: 25px; min-height: 320px;}
    .exclusiveoffer-area .banner-area .banner-1 .swiper-slide img{height: 224px; right: -103px; position: absolute; bottom: 0;}
    .exclusiveoffer-area .banner-area .banner-1::before{top: 82px; right: 18px; width: 160px; height: 195px; background-size: contain;}

    .exclusiveoffer-area .banner-area h3{font-size: 20px}
    .exclusiveoffer-area .banner-area .sub{font-size: 16px}
    /* .exclusiveoffer-area .banner-area .banner-2{width: 100%; padding: 25px; text-align: left; min-height: auto;}
    .exclusiveoffer-area .banner-area .banner-2::before{content: none}
    .exclusiveoffer-area .banner-area .banner-2 img {position: relative; bottom: 0; left: 0; width: 100%; margin-top: 25px;} */

    .exclusiveoffer-area .banner-area .banner-2{width: 100%; padding: 25px; text-align: left; min-height: auto;}
    .exclusiveoffer-area .banner-area .banner-2 .swiper-slide{width: 100%; padding: 25px; text-align: left; min-height: auto;}
    .exclusiveoffer-area .banner-area .banner-2::before{content: none}
    .exclusiveoffer-area .banner-area .banner-2 .swiper-slide img {position: relative; bottom: 0; left: 0; width: 100%; margin-top: 25px;}

    .car-list-section{padding: 0 0 40px 0}
    .car-list-section .container{padding-right: 0px}
    .car-list-section .titlebar{display: block;}
    .car-list-section .titlebar h2{font-size: 24px; line-height: 30px}
    .car-list-section .swiper-slide{width: 230px}
    .car-block{border-radius: 18px; margin-bottom: 38px}
    .car-block .car-img{height: 150px}
    .car-block .car-img .brand-logo {height: 24px; top: 15px; left: 15px;}
    .car-block .car-img .btn-wishlist{top: 15px; right: 15px; padding: 4px; width: 20px; height: 20px;}
    .car-block .car-img .bottombar{padding: 10px}
    .car-block .car-img .bottombar .carname{font-size: 12px; margin: 0 0 5px 0}
    .car-block .car-img .bottombar .price{font-size: 11px}
    .car-block .car-img .bottombar .price del{margin-right: 5px; font-size: 11px}
    .car-block .car-img .bottombar .price span{font-size: 8px}
    .car-block .car-img .bottombar .km{font-size: 10px; right: 10px; bottom: 10px}
    .car-block .car-detail{padding: 12px 6px;}
    .car-block .car-detail ul.car-info li{font-size: 10px; padding: 5px 10px; margin-right: 5px}
    .car-block .car-detail ul.car-info li svg{margin-right: 2px; width: 10px; height: 10px; vertical-align: sub;}
    .car-block .car-detail .logo {width: 80px; height: 40px; margin-left: 8px}
    .car-block .car-detail .rightside ul li{font-size: 8px; line-height: 12px; margin: 6px 0}

    .yacht-info-block{border-radius: 18px;}
    .yacht-info-block .yacht-photo-area{height: 170px;}
    .yacht-info-block .yacht-detail-block{padding: 12px;}
    .yacht-info-block .yacht-photo-area .btn-verified{top: 15px; left: 15px;}
    .yacht-info-block .yacht-photo-area .btn-wishlist{top: 15px; right: 15px; padding: 4px; width: 20px; height: 20px;}
    .yacht-info-block .yacht-detail-block .price-block{display: block; margin-bottom: 10px;}
    .yacht-info-block .yacht-detail-block .price-block .price{width: 100%; font-size: 14px; line-height: 18px;}
    .yacht-info-block .yacht-photo-area .bottombar .name{font-size: 12px; margin: 0 0 5px 0}
    .yacht-info-block .yacht-photo-area .bottombar ul.car-info li{padding: 5px 10px; font-size: 9px; line-height: 18px; text-align: center;}
    .yacht-info-block .yacht-photo-area .bottombar ul.car-info li svg{margin-right: 0;}
    .yacht-info-block .yacht-detail-block .d-flex{display: block !important;}
    .yacht-info-block .yacht-detail-block .leftside {width: 100%;}
    .yacht-info-block .yacht-detail-block .leftside ul li{font-size: 10px; line-height: 12px; margin: 6px 0}
    .yacht-info-block .yacht-detail-block .leftside ul li::before {top: 0px}
    .yacht-info-block .yacht-detail-block .complogo {width: 75px; height: 40px;}
    .yacht-info-block .yacht-detail-block .complogo img{left: 0px}
    .yacht-info-block .yacht-detail-block .location{justify-content: flex-start; margin-top: 5px;}

    .car-list-page ul.carlist-area li .yacht-info-block{border-radius: 18px;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area{height: 170px;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block{padding: 12px;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .btn-verified{top: 15px; left: 15px;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .btn-wishlist{top: 15px; right: 15px; padding: 4px; width: 20px; height: 20px;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .price-block{display: block; margin-bottom: 10px;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .price-block .price{width: 100%; font-size: 14px; line-height: 18px;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .bottombar .name{font-size: 12px; margin: 0 0 5px 0}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .bottombar ul.car-info li{padding: 5px 10px; font-size: 9px; line-height: 18px; text-align: center;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .bottombar ul.car-info li svg{margin-right: 0;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .d-flex{display: flex !important;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .leftside {width: 50%;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .rightside{width: 50%; text-align: right; align-items: end; display: flex; flex-direction: column;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .leftside ul li{font-size: 10px; line-height: 12px; margin: 6px 0}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .leftside ul li::before {top: 0px}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .complogo {width: 75px; height: 40px;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .complogo img{right: 0px}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .location{ font-size: 10px; line-height: 12px; margin-top: 5px;}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .btn-area{margin-top: 5px; gap:5px}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .btn-area a{font-size: 10px; padding: 8px}
    .car-list-page ul.carlist-area li .yacht-info-block .yacht-detail-block .btn-area a img{width: 14px}

    .document-section{padding: 0 0 25px 0}
    .document-section h2{font-size: 24px; line-height: 30px; margin: 0 0 20px 0}
    .document-section .document-flex{display: block;}
    .document-section .document-flex .document-block{width: 100%; display: block; margin-bottom: 15px}
    .document-section .document-flex .document-block .photo-block {width: 100%; height: 200px;}
    .document-section .document-flex .document-block .content-block {width: 100%; padding: 25px 30px;}
    .document-section .document-flex .document-block .content-block h3{font-size: 20px; line-height: 26px}
    .document-section .document-flex .document-block .content-block ul li{font-size: 16px; line-height: 186%;}
    .document-section .document-flex .document-block .content-block ul li::before {top: 6px}

    .register-banner-area{padding: 0 0 40px 0}
    .register-banner-area .banner-flex{padding: 36px 0; background-size: cover;}
    .register-banner-area .banner-flex h2{font-size: 22px; line-height: 28px; margin: 0 0 10px 0}

    .why-hire-car-area{padding: 0 0 30px 0}
    .why-hire-car-area h2{font-size: 24px; line-height: 30px}
    .why-hire-car-area p{width: 100%; margin: 0 0 20px 0}
    .why-hire-car-area ul.photo-list{display: block;}
    .why-hire-car-area ul.photo-list li{width: 100%; margin-bottom: 12px}
    .why-hire-car-area ul.photo-list li .photo-block{height: 214px}

    .testimonial-main .testimonial-inner{padding: 120px 0 35px 0}
    .testimonial-main .testimonial-inner .sliderarea{width: 100%; padding: 0px 35px}
    .testimonial-main .testimonial-inner h2{position: relative; top: 0px; font-size: 34px; line-height: 42px; margin: 0 0 14px 0}
    .faq-section .accordion-item .accordion-button{font-size: 16px; line-height: 20px;   padding: 26px 30px 15px 0px;}
    .faq-section .accordion-item .accordion-button::before {top: 28px;}
    .faq-section .accordion-item .accordion-button::after {top: 36px;}
    .faq-section .accordion-item .accordion-button.collapsed::before {top: 28px;}

    .updateddaily-section{padding: 0 0 20px 0}
    .updateddaily-section .light-box{padding: 70px 30px 40px 30px}
    .updateddaily-section .light-box h2{font-size: 20px; line-height: 25px}
    .updateddaily-section .light-box .sub{width: 100%; margin: 0 0 25px 0}
    .updateddaily-section .light-box .inner-area{display: block;}
    .updateddaily-section .light-box .inner-area .content-block{width: 100%; margin-top: 25px}
    .updateddaily-section .light-box .inner-area .content-block h3{font-size: 20px; line-height: 25px; margin: 0 0 10px 0}
    .updateddaily-section .btn-faqlink{font-size: 20px; padding: 12px 25px}

    .footer-area{padding: 30px 28px 22px 28px; margin: 0 0 20px 0}
    .footer-area .d-flex{display: block !important;}
    .footer-area .logo-area{width: 100%}
    .footer-area .newsletter-area{width: 100%; margin-bottom: 15px}
    .footer-area .footer-link{width: 100%;  margin-bottom: 15px}
    .footer-area h2{font-size: 20px; line-height: 28px}
    .footer-area p{font-size: 12px}
    .footer-area ul.link li a{font-size: 13px}
    .footer-area .newsletter-area .info{font-size: 13px}
    .footer-area .newsletter-block{display: block;}
    .footer-area .newsletter-block .btn-primary{justify-content: center; padding: 10px; margin-top: 10px}
    .footer-area .copyright{font-size: 12px; text-align: left; margin: 0px}

    .signin-page{margin: 15px 0 20px 0}
    .signin-page .form-block{display: block; height: auto;}
    .signin-page .form-block .leftside{width: 100%; height: 320px;min-height: 320px;}
    .signin-page .form-block .leftside::before {content: none}
    .signin-page .form-block .rightside{width: 100%; padding: 25px}
    .signin-page .form-block h1{font-size: 26px; line-height: 32px}
    .signin-page .form-block .mb-3 {margin-bottom: 14px !important;}

    .rent-banner-area{margin: 15px 0 25px 0}
    .rent-banner-area .inner-area{padding: 100px 15px 55px 15px; height: auto;}
    .rent-banner-area .inner-area .content-area h1{font-size: 20px; line-height: 25px}
    .rent-banner-area .inner-area .content-area p{font-size: 12px}

    .car-list-page{padding: 0 0 30px 0}
    .car-list-page .btn-filter{border: 1px solid #E9E9E9 ; color: #000; text-align: center; display: flex; align-items: center; width: 100%; margin-bottom: 14px; border-radius: 10px; background: #fff; justify-content: center; padding: 7px; }
    .car-list-page .btn-filter svg{margin-right: 10px;}
    .car-list-page .d-flex {display: block !important;}
    .car-list-page .d-flex .filter-area{width: 100%; padding: 0px; display: none}
    .car-list-page .d-flex .filter-area .sticky{position: relative; top: auto;}
    .car-list-page .d-flex .filter-area.active {position: fixed; top: 0px; left: 0px; background: #fff; display: block; z-index: 9; height: 100%; overflow: scroll;}
    .car-list-page .d-flex .filter-area .border-block{padding: 20px; border: none; margin: 0px}
    .car-list-page .d-flex .filter-area .border-block .accordion-item{padding: 0px}
    .car-list-page .d-flex .filter-area .border-block .accordion-item .accordion-button{padding: 10px 0px 10px 0px}
    .car-list-page .d-flex .filter-area .guide-detail {padding: 0 20px 20px 20px;}
    .car-list-page .d-flex .filter-area .border-block .title{justify-content: space-between; align-items: center; margin: 0 0 10px 0}
    .car-list-page .d-flex .filter-area .border-block .title .close-filter{background: transparent; border: none; padding: 0px; width: 38px; height: 38px; display: block;}
    .car-list-page .d-flex .filter-area .border-block .title .close-filter svg{width: 100%; margin: 0px; height: 100%}
    .car-list-page .d-flex .list-area{width: 100%}
    .car-list-page .d-flex .sort-area{display: block;}
    .car-list-page .d-flex .sort-area p{margin-bottom: 8px}
    .car-list-page .d-flex ul.apply-filter-list{flex-wrap: wrap;}
    .car-list-page .d-flex ul.apply-filter-list li{margin-bottom: 10px}
    .car-list-page ul.carlist-area{margin: 0px; display: block;}
    .car-list-page ul.carlist-area li{width: 100%; padding: 0px; margin-bottom: 15px}

    .car-list-page ul.carlist-area li .car-info-block .car-photo-area{height: 200px}
    .car-list-page ul.carlist-area li .car-info-block .car-photo-area .bottombar .name{font-size: 14px; margin: 0 0 5px 0}
    .car-list-page ul.carlist-area li .car-info-block .car-photo-area .bottombar ul.car-info li{font-size: 10px; padding: 4px 8px}
    .car-list-page ul.carlist-area li .car-info-block .car-photo-area .bottombar ul.car-info li svg {margin-right: 2px; width: 9px; height: 9px;}
    .car-list-page ul.carlist-area li .car-info-block .car-photo-area .brand-logo{height: 24px; top: 15px; left: 15px;}
    .car-list-page ul.carlist-area li .car-info-block .car-photo-area .btn-wishlist{top: 15px; right: 15px; padding: 4px; width: 20px; height: 20px;}
    .car-list-page ul.carlist-area li .car-info-block .car-photo-area .btn-verified{top: 16px; left: 50px;}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block{padding: 15px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block{margin-bottom: 6px;}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block .price{font-size: 12px;}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block .price span{font-size: 10px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block .price del{font-size: 12px; margin-right: 10px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .price-block .km{font-size: 10px; line-height: 20px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .d-flex {display: flex !important;}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .complogo {width: 65px; height: 32px;}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .location{font-size: 9px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .leftside{width: auto;}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .leftside ul li{font-size: 10px; line-height: 14px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .leftside ul li::before {top: 1px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .btn-area{margin-top: 5px; gap:5px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .btn-area a{font-size: 10px; padding: 8px}
    .car-list-page ul.carlist-area li .car-info-block .car-detail-block .btn-area a img{width: 14px}

    /* Specific Car Selection */

    .specifing-yacht-banner-area {margin: 15px 0 0 0;}
    .specifing-banner-area {margin: 15px 0 0 0}
    .specifing-banner-area .inner-area{ height: 180px; }
    .specifing-detail .left-detail-area{ width: 100%; }
    .specifing-detail .side-cart-area{ width: 100%; }

    .specifing-detail .left-detail-area .detail-car{ border-radius: 20px; }
    .specifing-detail .left-detail-area .detail-car .image-area{ height: 250px; border-radius: 20px; }
    .specifing-detail .left-detail-area .detail-car .image-area .contain-area{ padding: 10px 10px 0px 10px; width: 100%; }
    .specifing-detail .left-detail-area .detail-car .image-area .contain-area h3{ font-size: 16px; margin-bottom: 8px; }
    .specifing-detail .left-detail-area .detail-car .image-area .contain-area .car-feature{ flex-wrap: wrap; padding-bottom: 15px; }
    .specifing-detail .left-detail-area .detail-car .image-area .contain-area .car-feature li{ margin-bottom: 10px; font-size: 10px; }
    .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider{ border-radius: 20px; }
    .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider .swiper-slide{ border-radius: 20px; }
    .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider .swiper-slide img{ border-radius: 20px; }
    .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider .swiper-button-next{ height: 23px; width: 23px; }
    .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider .swiper-button-prev{ height: 23px; width: 23px; }
    .specifing-detail .left-detail-area .detail-car .image-area .cardetailslider .arrow-area{ bottom: 120px; width: 58px; }
    .specifing-detail .left-detail-area .detail-car .image-area .vrified{ padding: 10px 10px 10px 10px; }
    .specifing-detail .left-detail-area .detail-car .image-area .vrified .verified-area{ padding: 0px 7px; }
    .specifing-detail .left-detail-area .detail-car .image-area .vrified .verified-area svg{ height: 10px; width: 10px; }
    .specifing-detail .left-detail-area .detail-car .image-area .vrified .verified-area span{ font-size: 9px; }
    .specifing-detail .left-detail-area .detail-car .pricing-contain{ padding: 0px 10px; }
    .specifing-detail .left-detail-area .detail-car .pricing-contain h4{ font-size: 17px; }
    .specifing-detail .left-detail-area .detail-car .pricing-contain table tbody tr th{ width: auto !important; font-size: 13px; padding: 9px !important;}
    .specifing-detail .left-detail-area .detail-car .pricing-contain table tbody tr td{ width: auto !important; font-size: 13px; padding: 9px !important;}
    .specifing-detail .left-detail-area .detail-car .monthly-commitment{ padding: 0px 10px; }
    .specifing-detail .left-detail-area .detail-car .monthly-commitment h4{ font-size: 17px; padding-top: 23px; }
    .specifing-detail .left-detail-area .detail-car p{ padding: 10px 10px 0px 10px; font-size: 12px; }

    .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr { display: flex; flex-wrap: wrap; }
    .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td{ border: none; padding: 0px;  margin: 10px 0px;  width: 100%  !important}

    .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td .dropdown-arrow{ width: 100% !important; }
    .specifing-detail .left-detail-area .detail-car .monthly-commitment table tbody tr td select{ width: 100% !important;  }
    .specifing-detail .left-detail-area .spec-featurearea{ padding: 40px 10px 0px 10px;; border-radius: 20px; flex-direction: column;}
    .specifing-detail .left-detail-area .spec-featurearea h5{ font-size: 16px; }
    .specifing-detail .left-detail-area .spec-featurearea svg { margin-bottom: 12px; margin-top: 7px; }
    .specifing-detail .left-detail-area .spec-featurearea .specs.conant-main{ width: 100%; height: auto;}
    .specifing-detail .left-detail-area .spec-featurearea .features.conant-main{ width: 100%; height: auto;}
    .specifing-detail .left-detail-area .spec-featurearea .conant-main .contain-area{ width: 100%;}
    .specifing-detail .left-detail-area .spec-featurearea .conant-main .contain-area li{ width: 100%; }
    .specifing-detail .left-detail-area .spec-featurearea .button-more{display: none;}

    .specifing-detail .left-detail-area .car-disciption { flex-direction: column; }
    .specifing-detail .left-detail-area .car-disciption .contain-area{ width: 100%; }
    .specifing-detail .left-detail-area .car-disciption .contain-area .rectras .color-area{  padding-bottom: 15px; margin-bottom: 25px; }
    .specifing-detail .side-cart-area .listed-by{ padding: 20px 10px; border-radius: 20px; }
    .specifing-detail .side-cart-area .listed-by p{ margin-top: 10px; }
    .specifing-detail .side-cart-area .listed-by .image-list{ height: 70px; }
    .specifing-detail .side-cart-area .address-area{ padding: 27px 10px; margin-top: 30px; border-radius: 20px; }
    .specifing-detail .side-cart-area .address-area .retal-car-trifty{ margin-bottom: 26px; }
    .specifing-detail .side-cart-area .address-area .cart-area .cart-design{ padding: 11px 9px 9px 9px; }
    .specifing-detail .side-cart-area .tags-area{ padding: 22px 10px; border-radius: 20px; }
    .car-contain-area{ margin-top: 0px; }
    .car-contain-area .cart h3{ font-size: 24px; }

    /* about us */

    .about-banner-area{  margin: 15px 0 0 0;}
    .about-banner-area .inner-area{min-height: 550px;}
    .about-banner-area .inner-area .content-area h1{font-size: 20px; line-height: 22px;   margin: 0 0 10px 0;}
    .about-banner-area .inner-area .content-area{ padding: 80px 15px 15px 15px; width: 100%;}
    .about-banner-area .inner-area .content-area p{font-size: 15px;  line-height: 24px;margin: 0px 0px 15px 0px;}
    .about-banner-area .inner-area .content-area p:last-of-type{padding-right: 0%}
    .about-banner-area .inner-area .content-area .car-image{display: none;}
    .about-banner-area .inner-area::after {content: none;}

    .mission-area {padding: 35px 0 0 0}
    .mission-area .detail-box{  padding: 25px; margin-bottom: 30px;display: block; height: auto;}
    .mission-area .detail-box h2{font-size: 20px; line-height: 22px;}

    .sets-us-apart {  padding: 0px 0 0 0;}
    .sets-us-apart .content-area{padding-left: 0%;}
    .sets-us-apart .content-area .set-us-box{  padding: 20px;   border-radius: 20px;  margin-bottom: 30px;}
    .sets-us-apart .content-area::after {content: none;}
    .sets-us-apart .content-area .car-image{ display: none;}
    .sets-us-apart .content-area h2 {font-size: 20px; line-height: 22px; padding: 20px 0 ;}
    .sets-us-apart .content-area h2 br {display: none;  }
    .sets-us-apart .content-area .set-us-box h3{font-size: 20px;  line-height: 22px;  margin-bottom: 7px;}

    .experience-area{  padding: 20px 0 30px 0;}
    .experience-area h2{  font-size: 24px;   margin-bottom: 15px;}
    .experience-area .experience-flex {gap:30px ; flex-direction: column;}
    .experience-area .experience-box{padding: 20px ; width: 100%; border-radius: 20px;}
    .experience-area .experience-box .box-title{  font-size: 22px;margin-bottom: 15px;}
    .experience-area .experience-box ul li{ line-height: 22px;   margin-bottom: 10px;}
    .experience-area .experience-box ul li::before {top: 5px;}

    /* brand-list */

    .about-banner-area{  margin: 15px 0 0 0;}
    .about-banner-area .inner-area{min-height: 550px;}
    .about-banner-area .inner-area .content-area h1{font-size: 20px; line-height: 22px;   margin: 0 0 10px 0;}
    .about-banner-area .inner-area .content-area{ padding: 80px 15px 15px 15px; width: 100%;}
    .about-banner-area .inner-area .content-area p{font-size: 15px;  line-height: 24px;margin: 0px 0px 15px 0px;}
    .about-banner-area .inner-area .content-area p:last-of-type{padding-right: 0%}
    .about-banner-area .inner-area .content-area .car-image{display: none;}
    .about-banner-area .inner-area::after {content: none;}

    .brand-banner-area {margin: 15px 0 0 0;}
    .brand-banner-area .inner-area{min-height: 335px;padding: 70px 0 25px 0;}
    .brand-banner-area .inner-area .content-area {  width: 95%;}
    .brand-banner-area .inner-area .content-area h1 {font-size: 20px; line-height: 22px;   margin: 0 0 10px 0;}

    .brand-list-area h2 {font-size: 20px; margin-bottom: 15px;}
    .brand-list-area .brand-list{gap:20px;grid-template-columns: repeat(auto-fit, minmax(calc(50% - 25px), 1fr));}
    .brand-list-area .brand-list .brand-box{  border-radius: 20px;  padding: 25px 20px;}
    .brand-list-area .brand-list .brand-box .name{  font-size: 16px;   padding-bottom: 20px;}


    /* Companies */

    .companies-area {padding: 25px 0 0 0}
    .companies-area h2{font-size: 20px; line-height: 22px; margin-bottom: 20px}
    .companies-area ul.find-companies{  gap: 10px; }
    .companies-area ul.find-companies li{  font-size: 18px;  width: 30px;  height: 30px;}

    .result-section .result-area .result-tab{ padding-top: 20px; flex-direction: column;}
    .result-section .result-area .result-tab .leftside {width: 100%; min-height: 130px;}
    .result-section .result-area .result-tab .leftside .letter{font-size: 42px;}
    .result-section .result-area .result-tab .leftside .letter-big{  font-size: 130px;  top: -25px;}
    .result-section .result-area .result-tab .rightside{padding-bottom: 20px;  width: 100%; }
    .result-section .result-area .result-tab .rightside ul.name-list {  gap: 10px;   margin: 0 0 20px 0;   height: 150px;}
    .result-section .result-area .result-tab .rightside ul.name-list li a{padding:10px 12px;}
    .result-section .result-area .result-tab .rightside .no-result {  font-size: 24px; min-height: 80px;}


    /* list-your-car */

    .list-banner-area{margin-top: 15px}
    .list-banner-area .list-flex{  flex-direction: column; align-items: start;}
    .list-banner-area .list-flex .inner-area {min-height: 350px;width: 100%;}
    .list-banner-area .list-flex .inner-area::before {background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 42.55%);}
    .list-banner-area .list-flex .inner-area .content-area{  padding: 185px 0 0 20px;}
    .list-banner-area .list-flex .inner-area .content-area h1{font-size: 20px; line-height: 22px;}
    .list-banner-area .list-flex .inner-area .content-area p {line-height: 20px;min-height: 150px;}
    .list-banner-area .list-flex .right-form{width: 100%; padding: 20px;  margin-top: 0px;}
    .list-banner-area .list-flex .right-form h2{font-size: 20px; line-height: 22px;  margin-bottom: 15px;}
    .list-banner-area .list-flex .right-form .field-area .form-group{ width: 100%; margin-bottom: 20px;}
    .list-banner-area .list-flex .right-form .field-area .form-group .rent-radiobutton{padding-top: 0;}
    .list-banner-area .list-flex .right-form .form-bottom .btn-submit{margin: 0px 0 15px 0; width: 100%}
    .list-banner-area .list-flex .right-form .form-bottom p{line-height: 20px;}

    .list-banner-area .bottom-area{padding: 20px 20px 20px 20px;gap: 25px;flex-direction: column;}
    .list-banner-area .bottom-area h3 {font-size: 18px;line-height: 24px;width: 100%;}
    .list-banner-area .bottom-area ul{width: 100%;}
    .list-banner-area .bottom-area ul li{line-height: 22px;}
    .list-banner-area .bottom-area li::before {top: 5px;}

    .why-join{margin: 30px 0;}
    .why-join .inner-area .content-area {padding-left: 20px; width: 60%;}
    .why-join .inner-area {  min-height: 325px;  padding: 60px 0 0px 0;   border-radius: 20px 20px 0 0;}
    .why-join .inner-area::before {bottom: -70px;}
    .why-join .inner-area .content-area h2{  font-size: 20px;line-height: 22px; margin: 0 0 5px 0;}
    .why-join .box-list{padding: 0 20px 0 20px;  border-radius: 0 0 20px 20px;}
    .why-join .box-list .join-box{width: 100%; margin: 0px 0px 30px 0px}
    .why-join .box-list .join-box h3 {font-size: 18px;line-height: 22px;  margin-bottom: 5px;}
    .why-join .box-list .join-box p{  line-height: 22px;}

    .three-detail {margin-bottom: 30px;}
    .three-detail .content-area {padding: 20px 0; border-radius: 20px; flex-direction: column; gap:30px}
    .three-detail .content-area .join-box { padding: 0 30px; width: 100%}
    .three-detail .content-area .join-box .icon{  margin-bottom: 15px;}
    .three-detail .content-area .join-box h3{font-size: 18px;line-height: 22px;}
    .three-detail .content-area .join-box p{  line-height: 22px;}

    /* contact-us */

    .faq-banner-area {margin: 15px 0 0 0;}
    .faq-banner-area .inner-area{min-height: 180px;padding: 70px 0 25px 0;}
    .faq-banner-area .inner-area .content-area {  width: 95%;}
    .faq-banner-area .inner-area .content-area h1 {font-size: 20px; line-height: 22px;   margin: 0 0 10px 0;}

     .support-main {padding: 25px 0;}
     .support-main .support-flex {display: grid; gap:10px; grid-template-columns: repeat(auto-fit, minmax(calc(50% - 10px), 1fr));}
     .support-main .support-flex .support-box {padding: 15px; text-align: center;}
     .support-main .support-flex .support-box .icon svg{width: 40px; height: 40px;}
     .support-main .support-flex .support-box h3{font-size: 15px; line-height: 18px; margin: 0px;}
     .support-main .support-flex .support-box p{font-size: 16px;line-height: 24px;}

     .contact-form .form-area {margin-bottom: 20px;}
     .contact-form .form-area h2{font-size: 20px;line-height: 22px; }
     .contact-form .form-area .fields{column-gap: 30px;justify-content: space-between;}
     .contact-form .form-area .fields .form-group{width: 100%;}

     /* faq */

     .faq-page {margin-top: 30px;}

     /* blog-detail */

     .detail-banner-area{margin: 15px 0 0 0}
     .detail-banner-area .inner-area{min-height: 180px;}
     .detail-banner-area .inner-area .content-area {left: 15px;bottom: 20px;}
     .detail-banner-area .inner-area .content-area a.back{font-size: 18px;}
     .detail-banner-area .inner-area .content-area a.back svg{width: 10px}

     .blog-detail-section{padding: 20px 0;}
     .blog-detail-section .content-area h2{font-size: 20px;line-height: 22px; margin-bottom: 15px;}
     .blog-detail-section .btn-area{margin-top: 20px;}
     .blog-detail-section .btn-area a.link{font-size: 18px;}
     .blog-detail-section .btn-area a.link svg {width: 25px}

     /* profile */

     .profile-banner-area{margin: 15px 0 0 0}
     .profile-banner-area .inner-area{min-height: 180px;}

     .inner-main{margin: 30px 0 30px 0; padding: 0}
     .inner-main .content-main-wapper{ margin-top: 20px;   min-height: auto;}
     .inner-main .content-main-wapper h1 {font-size: 20px;line-height: 22px;}
     .inner-main .content-main-wapper .form-block{padding: 20px;}

     ul.pagination{padding: 30px 0 30px 0;}
     div.pagination{padding: 30px 0 30px 0;}

     /* Specific Car Selection */

     .specifing-yacht-banner-area .inner-area{ height: 180px; }
     .specifing-detail.yart-area .left-detail-area .spec-featurearea.yart-specs-feature .conant-main .contain-area li{ width: 100%; }
     .specifing-detail.yart-area .left-detail-area .spec-featurearea .conant-main .contain-area li{ width: 100%; }
     .specifing-detail.yart-area .left-detail-area .car-disciption .contain-area p{ width: 100%; }
     .specifing-detail.yart-area .left-detail-area .car-disciption .contain-area .rental p:nth-child(1){ width: 100%; }

     /*404 Error*/

     .error-area {margin: 15px 0 25px 0;}
     .error-area .inner-area{ height: 274px; }
     .error-area .inner-area .content-area{ left: 20px; bottom: 20px; }
     .error-area .inner-area .content-area h1{ font-size: 20px; }
     .error-area .inner-area .content-area p { width: 245px; font-size: 12px; font-weight: 400; line-height: 150.5%; }

     /*Blog List*/
     .blog-list-banner-area {margin: 15px 0 0 0;}
     .blog-list-banner-area .inner-area{ height: 257px; padding: 89px 0 89px 0; }
     .blog-list-area{grid-template-columns: repeat(auto-fit, minmax(calc(100% - 5px), 1fr));}
     .blog-list-area .blog-list-cart .image-area{ height: 191px; }
     .blog-list-area .blog-list-cart h4{ font-size: 18px; padding: 20px 15px 0px 15px; }
     .blog-list-area .blog-list-cart p{ padding: 0px 15px 0px 15px; line-height: 157%; font-size: 13px;}
     .blog-list-area .blog-list-cart .readmore-btn-area{ padding: 0px 15spx 24px 15px; }

     /*popup*/

     #before-login .modal-dialog{ min-width: auto; }
     #before-login .modal-content .login-popup{ display: block; }
     #before-login .modal-content .login-popup .left-area{ height: 206px; }
     #before-login .modal-content .login-popup .right-area{  padding: 10px 25px 10px 31px; text-align: center; }
     #before-login .modal-content .login-popup .btn-close-popup{  z-index: 1;}
     #before-login .modal-content .login-popup .btn-close-popup svg path{stroke: #fff;}
     #after-login .modal-dialog{ min-width: auto; }
     #after-login .modal-content .login-popup{ display: block;     overflow: auto;}
     #after-login .modal-content .login-popup .left-area{ padding: 23px 15px 15px 15px; }
     #after-login .modal-content .login-popup .right-area{ padding: 15px; }
     #after-login .modal-content .login-popup .left-area .img-area{ width: 100%; }
     #after-login .modal-content .login-popup .left-area .car-cart-popup h3{ margin-top: 15px; }



     .quick-search{ top: 0px;right: -100%;width: 100%;}
     .quick-search.active {right: 0;width: 100%; z-index: 5; top:80px}
     .quick-search.active .icon-area{top: -107px;transform: rotate(90deg);margin-left: -37px;left: 50%;width: 75px;height: 140px;display: flex;align-items: center;position: absolute;}
     .quick-search .search-block {padding: 30px; width: 100%;  border-radius: 30px;}
     .quick-search .search-block .form-control{padding: 15px 20px}
     .quick-search .search-block .mb-2{margin-bottom: 15px !important;}
     .quick-search .search-block .d-flex{flex-direction: column;}
     .quick-search .search-block .price-range{width: 100%}
     .quick-search .search-block .custom-select.age-select,
     .quick-search .search-block .custom-select.type-select,
     .quick-search .search-block .custom-select.brand-select{width: 100%; margin: 0 0 10px 0}
     .quick-search .search-block .btn-search{margin: 20px 0 0 0;  min-width: 100%;}

     .empty-wishlist{height: 250px;}
     .empty-wishlist .empty-wishlist-contain h5{  font-size: 28px;  margin-bottom: 10px;}

}

.vrified .brand-logo {
    height: 25px;
    width: 50px;
    top: 20px;
    left: 20px;
    position: absolute;
    z-index: 3;
}

.vrified .brand-logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

@media (max-width: 350px) {
    .brand-list-area .brand-list
    {
        gap:20px;
        grid-template-columns: repeat(auto-fit, minmax(calc(100% - 0px), 1fr));
    }
}

.car-list-page ul.carlist-area li .yacht-info-block .yacht-photo-area .bottombar .name a {
    font-family: 'Cabinet Grotesk';
    color: #FFF;
    font-size: 23px;
    font-weight: 700;
    line-height: 115%;
    text-transform: capitalize;
    margin: 0 0 12px 0;
}

.btn.btn-explore {
  background-color: #8A153B;
  color: #fff;
}