@media(max-width:1399px){
    .call-action-right .wallet-btn { right: 100px;top: -50px;}
    .call-action-right .heart-btn {left: 100px; top: -20px; }
	.main-header .nav-menu-item ul.navbar-nav li a.contact_btns{ padding: 10px 20px;}
	.filter-car-section .filter-content { padding: 0 20px 30px;}
	.filter-car-section .card-content-box { gap: 24px;}
	.filter-car-section .card-content-box .icon-box {font-size: 13px;}
	.banner-form-section .form-group select{ height: 50px;  font-size: 16px;}
    .sidebar-btn a { padding: 13px 15px !important;}
    .listing-grid-area .filter-car-section .card-content-box .icon-box span {font-size: 13px !important;}
    .listing-grid-area .filter-car-section .card-content-box {column-gap: 40px !important;}
    .filter-car-section .filter-item .filter-content .meta-content {font-size: 14px;}
    .listing-list-area .title_price_list .product-category {max-width: 320px;}
}


@media(max-width:1199px){
.hm-banner-form .form-colm {width: 33.333%;padding: 0 0 0 20px;}
.hm-banner-form .search-row {row-gap: 20px;}
.main-header .nav-menu-item ul.navbar-nav li a {font-size: 14px;font-weight: 500;color: rgba(255, 255, 255, 0.8);font-family: 'Plus Jakarta Sans', sans-serif;line-height: 22px;padding: 5px 10px;}
.main-header .nav-menu-item ul.navbar-nav li {margin: 0 0 0 19px;}
.footer-top-section .row.rows-gap {row-gap: 20px;}
.our-partner-section .partner-slider ul.partner-logo .brand-bg img {max-width: 120px;}
.collection-filter ul#myTab li button {padding: 10px 22px 10px;font-size: 14px;line-height: 22px;}
.call-to-cation-section .call-action-left {padding: 80px 0 100px 50px;position: relative;z-index: 1;}
.call-action-right .heart-btn {left: 250px;top: -20px;}
.call-action-right .wallet-btn { right: 250px;top: -50px;}
.main-header .nav-menu-item ul.navbar-nav li a.contact_btns { padding: 9px 16px;}
.banner-form-section .form-group select{ height: 50px; font-size: 16px;} 
.banner-form-section .filter-btns button[type="button"]{ padding: 13px 25px;}
.filter-car-section .filter-content { padding: 0 20px 30px;}
.filter-car-section .card-content-box .icon-box { font-size: 14px;}
.filter-grid-layout.filter-car-section .card-content-box{ flex-wrap: wrap; row-gap: 10px;}
.contact-form-section .contact-sidebar {margin-top: 20px;}
.car-details-page-section .col-xl-8 {flex: 0 0 auto;width: 66.66666667%;}
.car-details-page-section .col-xl-4 {flex: 0 0 auto;width: 33.33333333%;}
.more-about-section .section-title h2 {font-size: 30px;}
.more-about-section .section-title {padding-left: 0px;}
.book_col {display: flex;column-gap: 15px;flex-direction: column;row-gap: 15px;}
.top-header .top-right-info ul li{ font-size: 13px;}
.top-header .top-right-info ul{ column-gap: 30px;}
.listing-grid-area .filter-car-section .card-content-box .icon-box span {font-size: 14px !important;}
.listing-list-area .title_price_list {gap: 10px;}
.listing-list-area .row.product-default .product-img img {height: 360px !important;object-fit: cover;}

}


@media(max-width:991px){
.top-header .top-right-info ul li.location-icon { display: none;}
.hm-banner-slider .carousel-item img { height: 600px;}
    .footer-top-section .footer-boxs .img-fluid { max-width: 300px;}
    .footer-top-section .footer-boxs .footer-right .img-fluid {max-width: 400px;width: 100%;}
    .footer-top-section .footer-boxs .footer-right {text-align: center;}
    .our-partner-section .partner-slider ul.partner-logo .brand-bg img {max-width: 80%;}
    .footer-main-section .footer-menu ul {display: flex; justify-content: center;margin: 0;padding: 0;list-style: none;flex-wrap: wrap; row-gap: 15px;}
    .footer-main-section .hour-info {padding: 0px;}
    .top-header .top-right-info ul {display: flex;flex-wrap: wrap; justify-content: space-between; list-style: none;column-gap: 10px; padding: 0;margin: 0;}
    /* .filter-car-section #latest-car .swiper-slide {width: 50% !important;} */
    .our-partner-section::before {background-size: 400px;}
    .our-partner-section {padding: 50px 0;}
    .our-partner-section .partner-slider ul.partner-logo .brand-bg {padding: 20px 15px;}
    .our-partner-section .partner-slider ul.partner-logo {margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;column-gap: 20px;list-style: none;row-gap: 30px;}
    .our-partner-section .partner-slider ul.partner-logo li { width: calc(33.33333% - 20px);text-align: center;}
    .section-title h2 { font-size: 30px;}
    .finance-section h2 {font-size: 30px;}
    .section-title h2 br {display: none;}
    .hm-banner-form .form-colm {width: 50%;padding: 0 0 0 18px;}
    .hm-banner-form .form-colm.search-btns { width: 100%; padding: 0 0 0 18px;text-align: center;}
    .call-to-cation-section .call-action-left {padding: 80px 0 100px 50px;}
     
    .navbar-toggler .toggler-icon { width: 30px;height: 3px;border-radius: 10px;background: #fff; display: block; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; float: right;}
    .navbar-toggler .toggler-icon:nth-child(2) {width: 25px;}
    .navbar-toggler span + span {margin-top: 5px;}
    .navbar-toggler {background: transparent;width: 30px;padding: 0px;}
    .navbar-toggler .toggler-icon:nth-child(3) { width: 20px;}
    .navbar.navbar-expand-lg {justify-content: end;}
    .navbar-collapse.active {right: 0 !important; width: 100%;max-width: 300px;}
    
    .navbar-collapse {position: fixed !important;top: 0; width: 0;z-index: 99; background-color: #212220; right: -100%;transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; height: 100% !important; display: flex;align-items: center; justify-content: center !important;max-width: 300px;}
    .navbar.navbar-expand-lg {position: static;}
    .close_btn {width: 30px;height: 30px;display: flex;background-color: #ececec;padding: 0px;border-radius: 100px; position: absolute; top: 25px;  right: 25px;cursor: pointer;justify-content: center; align-items: center;}
    .close_btn img {width: 100%;max-width: 12px;}
    #navbarSupportedContent ul.navbar-nav li a {color: #fff; font-size: 16px; text-transform: uppercase;}
    .main-header .nav-menu-item #navbarSupportedContent ul.navbar-nav {align-items: flex-start;row-gap: 8px; width: 100%; padding: 0px 20px;}
    #navbarSupportedContent ul.navbar-nav li { margin: 0 0 5px;}
    .why-choose-us-section .tire-bg {display: none;}
    .why-choose-us-section .small-circle-shape {display: none;}
    .finance-section {background-image: url("../images/car-layout-bg.jpg"); background-repeat: no-repeat;background-position: center bottom;padding: 60px 0 100px !important; background-size: contain; }
    .call-action-right .wallet-btn {right: 140px;top: -50px;}
    .call-action-right .heart-btn {left: 140px; top: -20px; }
	.filter-car-section .filter-content { padding: 0 15px 25px;}
	.filter-car-section .card-content-box .icon-box{font-size: 14px;}
	.filter-car-section .card-content-box { column-gap: 30px; flex-wrap: wrap; row-gap: 15px;}
	
	.filter-listing-layout .listing-card-item { padding: 25px; position: relative;}
	.filter-listing-layout .thumb-image-wrappers { max-width: 100%;}
	.filter-listing-layout .thumb-image-wrappers img{ width: 100%;}
	.filter-listing-layout .listing-card-item .title-price-text { position: unset; padding: 0;}
	.filter-listing-layout .listing-card-item .price-meta{ right: 25px; top: 25px;}
	.buy-car-listing-section .showing-result p, .buy-car-listing-section .filter-top-bar .short-filters p, .buy-car-listing-section .filter-top-bar .short-filters select { font-size: 15px;line-height: 22px;}
	.buy-car-listing-section .filter-top-bar .filter-btns .grid_btns { width: 46px; height: 44px;}
	
    .car-details-page-section .col-xl-8 {flex: 0 0 auto;width: 100%;}
    .car-details-page-section .col-xl-4 {flex: 0 0 auto;width: 100%;}
    .car-details-page-section .list_sidebar {margin-top: 20px;}
    .inner-pages-banner .iiner-banner-title h1 {font-size: 28px; line-height:34px;}
    .car-details-page-section .product-details h3 {font-size: 28px; line-height:34px;}
    .more-about-section .row {flex-direction: column-reverse;}
    .more-about-section .about-img {margin-top: 20px;}
    .about-content-2 .process-wrapper {padding-top: 40px;}
    .iiner-banner-title p br {display: none;}
	.contact-form { margin: 0 0 35px;}
	.contact-social{ justify-content: flex-start;}
	.page-title-area.bg-img .content h2{ font-size: 36px; line-height: 42px;  margin: 0 0 10px;}
	.listing-grid-area .filter-car-section .card-content-box {column-gap: 30px !important;}
	.filter-car-section .filter-item .filter-content .meta-content {font-size: 13px;}
	
}

@media(max-width:767px){
.callus-float {width: 50px; height: 50px; bottom: 12px; left: 15px; font-size: 20px; right: auto;}
.whatsapp-float {width: 50px; height: 50px; bottom: 12px; right: 15px; font-size: 24px;}

.hm-banner-form .form-colm {width: 50%;}
.footer-top-section .row.rows-gap {row-gap: 20px;}
.footer-top-section {position: relative;}
.footer-top-section .footer-boxs .footer-right .img-fluid {max-width: 350px;width: 100%;}
.footer-top-section .footer-boxs .img-fluid {max-width: 290px;}
.footer-top-section .footer-boxs .footer-right {text-align: center;}
.collection-filter ul#myTab {row-gap: 20px;justify-content: center;}
.section-title h5.sub-heading {font-size: 18px;}
.section-title h2 {font-size: 28px;}
.footer-top-section .footer-boxs h3 {font-size: 24px;}

.hm-banner-slider .banner-description h3 {font-size: 32px;line-height: 42px;}
.hm-banner-slider .carousel-item img {height: 470px;object-fit: cover;}
.hm-banner-form {background: rgba(4, 4, 4, 0.97);position: relative;z-index: 1;left: 0;right: 0;bottom: 0;}
.hm-banner-slider .carousel-indicators {left: 0;margin: 0;top: auto;flex-direction: row;right: 0;row-gap: 15px;transform: inherit;-moz-transform: inherit;-webkit-transform: inherit;column-gap: 10px;bottom: 35px;}
.hm-banner-slider .carousel-indicators button {width: 15px;height: 15px;border-radius: 100%;margin: 0;border: 0;}
.hm-banner-form .form-colm.search-btns {width: 100%;text-align: center;}
.hm-banner-slider .banner-description p {font-size: 16px;font-weight: normal;color: rgb(255, 255, 255);font-family: 'Plus Jakarta Sans', sans-serif;line-height: 1.5;margin: 0 0 20px;}
.featured-car-section {background: #f8f8f8;padding: 50px 0;}
.filter-car-section #latest-car .swiper-slide {width: 100% !important;}
.why-choose-us-section .tire-bg {display: none;}
.why-choose-us-section {position: relative;padding: 50px 0;}
.why-choose-us-section .why-choose-content .circle-large {display: none;}
.why-choose-us-section .small-circle-shape {display: none;}
.testimonial-section .testimonials-inner .user {background-color: #DDDDDD;border-radius: 50%;height: 120px;width: 120px;left: 0;top: 25px;right: 0;margin: auto;position: relative;}
.testimonial-section .testimonials-inner .testimonial-info {margin: 0 10px 0 10px;padding: 40px 20px 40px 20px;} 
.finance-section h2 {font-size: 28px;}
.finance-section .finance-content-div p {line-height: 1.5;}
.finance-section .finance-content-div h5 {font-size: 18px;}
.finance-section {padding: 50px 0 50px;}
.our-partner-section::before {background-size: 300px;}
.our-partner-section .partner-slider ul.partner-logo {margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;column-gap: 20px;list-style: none;row-gap: 20px;}
.our-partner-section .partner-slider ul.partner-logo li {width: 45%;text-align: center;}
.our-partner-section .partner-slider ul.partner-logo .brand-bg img {max-width: 100%;}
.call-to-cation-section .call-action-left {padding: 50px 20px 30px 20px;position: relative;z-index: 1;}
.call-to-cation-section .call-action-left h2 {font-size: 28px;}
.call-to-cation-section .call-action-left p {font-size: 16px;line-height: 1.5;margin: 0 0 25px;}
.call-to-cation-section .call-action-btns {display: flex;column-gap: 10px;flex-wrap: wrap;row-gap: 15px;justify-content: start;}

.download-apps {display: none !important;}
.call-action-right .wallet-btn {display: none !important;}
.call-action-right .heart-btn {display: none !important;}
.footer-main-section .footer-menu ul {display: flex;justify-content: center;margin: 0;padding: 0;list-style: none;flex-wrap: wrap;row-gap: 10px;}
.footer-main-section .hour-info {padding: 32px 0px 0px 0px;display: flex; align-items: center;justify-content: center;flex-direction: column;}
.footer-main-section .footer-menu ul li a {font-size: 14px;line-height: 22px;}
.testimonial-section .slide-items {padding: 0px;}
.hm-banner-form .form-group select {appearance: none;height: 45px;padding: 5px 10px;font-size: 16px;border: 0;}
.hm-banner-slider .banner-description .banner-bnts {flex-wrap: wrap;row-gap: 10px;}
.choose-icon-box h5 {font-size: 18px;}
/* .top-header .top-right-info ul {display: flex;flex-wrap: wrap;justify-content: center;} */
.finance-section {background-image: url("../images/car-layout-bg.jpg");background-repeat: no-repeat;background-position: center bottom;padding: 60px 0 100px !important;background-size: contain;}
.featured-car-section .card-content-box {gap: 30px;}

.main-header .logo img {max-width: 80px;}
.call-to-cation-section {padding: 50px 0;}
.call-action-right {padding: 0 0 30px;}
.footer-top-section {position: relative;padding: 50px 0 50px;}
.testimonial-section {background: #f8f8f8;padding: 50px 0;}
.footer-main-section .footer-info ul {justify-content: center;align-items: center;  max-width: 320px;  margin: 0 auto;}
.footer-main-section .hour-info p {text-align: center;}
.footer-main-section .footer-info ul li {text-align: center;}
.banner-form-section { padding: 50px 0 0;}
.banner-form-section .banner-form-bg{ margin: 0;}
.banner-form-section .form-title h3{ font-size: 28px;}
.buy-car-listing-section .filter-top-bar .showing-result { width: 100%; text-align: center;}
.buy-car-listing-section .filter-top-bar{ justify-content: center; row-gap: 15px;}
.buy-car-listing-section .filter-top-bar .filter-right-menu{ gap: 15px;}
.list-meta span + span {margin-left: 24px;}
.inner-pages-banner.contact-us {padding: 80px 0px 80px 0px;}
.meta-content span + span::before {left: -10px !important;}
.meta-content span + span {margin-left: 14px !important;}
.inner-pages-banner.about-section-banner {min-height: 360px;}
.main-countdown-wrapper {display: flex;justify-content: space-between;column-gap: 15px;flex-wrap: wrap;row-gap: 15px;}
.countdown-box {display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: #fff;padding: 30px 15px;width: 100%;border-radius: 4px;}
.sell-content-sec h3 {font-size: 28px;}
.filter-car-section {margin-top: 0px !important;} 
.featured-car-section .slider-arrows {margin-bottom: 20px;margin-top: 20px;}
.offers-section .car-attribute {display: flex;gap: 10px;flex-wrap: wrap;row-gap: 0px;}
.featured-car-section .card-content-box {row-gap: 10px;}
.listing-grid-area .filter-car-section .filter-item .grid_btn .btn{ width: calc(100% - 30px);}
.list-slider .sync2 .swiper-slide {width: 90px;margin-right: 15px !important;}
.list-slider .swiper-container.thumb-slider { padding-top: 15px;}
.list-slider .sync2 .swiper-wrapper {justify-content: center;}
.contact-map-section .map-area iframe { height: 300px;}
.page-title-area.bg-img .content h2{ font-size: 30px; line-height: 36px;}
.page-title-area.bg-img { padding-top: 80px; padding-bottom: 80px;}
.label-product.label_sale.grid-sale-label { top: -10px; line-height:14px;}
.listing-grid-area.offer-discount-grid-layout { padding: 0 15px;}
.listing-list-area .list_title_col {padding-left: 0px;}
.listing-list-area .row.product-default .product-details .product-icon-list {gap: 35px;}
.listing-list-area .row.product-default .product-details .icon-start span {font-size: 13px;}
.listing-list-area .row.product-default .product-details .product-category {font-weight: 700;color: #39bcff;font-size: 12px;}
.listing-list-area .product-price .old-price {font-size: 13px;}
.listing-list-area .product-price h6 {font-size: 13px;}
}

@media(max-width:540px){
    .top-header .top-right-info ul li {
        max-width: 300px;
        text-align: center;
    }
}

@media(max-width:479px){
.buy-car-listing-section .filter-top-bar .short-filters { width: 100%; justify-content: center;}
.buy-car-listing-section .filter-top-bar .filter-btns { width: 100%; justify-content: center;}	
.hm-banner-slider .banner-description h3 { font-size: 28px; line-height: 34px; margin: 0 0 10px;}
.collection-filter ul#myTab{column-gap: 15px;}
.collection-filter ul#myTab li button{ padding:10px 20px;}

.product-sort-area .product-sort-list li.item.me-4 { width: 100%;}
.product-sort-area .product-sort-list li.item.me-4 .sort-item { justify-content: center; margin: 0 0 5px;}
.product-sort-area .product-sort-list { flex-wrap: wrap;}


	
}


@media(max-width:374px){
.filter-car-section .card-content-box { flex-wrap: wrap; row-gap: 15px;}
.buy-car-listing-section .filter-top-bar .short-filters select{ width: 185px;} 

}