@media only screen and (max-width:767px) {
	.title-xl { font-size: 1.4rem; }
	.title-lg { font-size: 1.8rem;  }
	.title-sm { font-size: 1rem; }
	.header .navbar-collapse { background-color: var(--white); max-width: 190px; margin-left: auto; position: absolute; top: 40px; right: 0; }
	.header .navbar-collapse a.nav-link {color: var(--primary) !important; font-size: 15px; border-top: 1px solid var(--primary); padding: 10px; }
	.search-filter .carsearch-mob, .benefit-selling .benefit-features, .filter-co .close { display: block; }
	.explore-tab, .searchico, .testimonials-sec .sec-pic, .show-filter .filter-col-btn, br { display: none; }
	.carsearch-mob { position: relative; }
	.filtr-bar.mr-10 { margin-right: 10px; }
	.filtr-bar .btn { padding: .6rem 1.5rem; }
	/* .filtr-bar { position: absolute; top: 10px; right: 8px; } */
	.filtr-bar span { width: 20px; height: 2px; display: block; background-color: var(--primary); margin-bottom: 5px; }
	.filtr-bar span:last-child { margin-bottom: 0; }
	.explore-tab.open { display: block; right: 0; }
	.explore-tab { right: -500px; width: 100%; height: 100%; background: #fff; overflow: auto; z-index: 99999; transition: 0.5s; margin: 0; }
	.search-filter .explore-tab .tab-content .filter-col .form-group { min-width: 100%; max-width: 100%; margin-bottom: 10px; }
	.explore-tab.filter-co { position: fixed; top: 0; right: 0; width: 100%; height: 100%; }
	.search-filter .explore-tab .tab-content .filter-col { display: block; }
	.filter-co .close { position: absolute; top: 20px; right: 20px; }
	.main-banner .item .banner-content .title-xl { font-size: 40px; text-align: left; }
	.choose-car .sub-head { margin-left: 0; margin-bottom: 1rem; }
	.choose-car { transform: skewX(0deg); padding:  40px 10px; }
	.choose-car .choose-curve { transform: rotate(0) skewX(0deg); }
	.car-owned .choose-car:hover .choose-body, .car-owned .choose-car:hover .cta, .car-owned [class*='col-']:nth-child(2n) .choose-car .choose-body, .car-owned [class*='col-']:nth-child(2n) .choose-car .cta { left: 0px; }
	.explore-tab .nav-tabs { align-items: center; justify-content: center; padding-top: 15px; }
	.explore-tab .nav-tabs li { margin-bottom: 0; }
	.explore-tab .nav-tabs li .nav-link { color: var(--primary); }
	.explore-tab .nav-tabs li .nav-link.active { border-bottom: 4px solid #12172b; border-right: 0; border-left: 0; }
	.explore-range .sec-pic figcaption { position: absolute; bottom: 200px; color: var(--white); padding: 0 25px; }
	.explore-range .sec-pic .explore-cont { position: absolute; bottom: 80px; color: var(--white); padding:  0 25px; }
	.testimonials-sec { background-color: var(--white); color: var(--primary); padding-bottom: 0; margin-left: 50px; width: calc(100% - 76px); }
	.testimonials-sec::before { content: ''; display: block; width: 30px; background: url("../images/dark-liner.svg"); height: 44vh; position: absolute; left: 0; }
	.testi-slider .text-testi, .text-testi { font-size: 1.2rem; padding: 20px; background-size: 70px; }
	.testimonial-head { background: none; color: var(--primary); padding: 20px; }
	.testimonial-sec .testi-slider { color: var(--black); }
	.testimonial-head .title-head { margin: 0; }
	.leading-brand .brand-listing { flex-wrap: wrap; }
	.brand-listing .item { padding: 10px; flex: 0 0 25%; width: 25%; }
	.leading-brand .service-body li { background-size: contain; }
	.leading-brand .service-card { margin-bottom: 20px; }
	.about-sec { height: auto; background-image: none; padding-bottom: 145px; }
	.about-sec::before { width: 100%; height: 40px; top: inherit; bottom: 0; left: 0; }
	.about-sec::after { position: absolute; content: ''; bottom: 0; width: 100%; height: 190px; z-index: 5; right: -120px; background-size: 285px; background-repeat: no-repeat; background-position: bottom right; background-image: url("../images/luxury-cars.png"); }
	.about-sec .container { position: relative; z-index: 6; }
	.about-sec .short-col { margin: 0; text-align: left !important; }
	.about-sec p { font-size: 24px; }
	.about-sec .cta { text-align: left !important; display: flex; flex-direction: column; }
	.about-sec .cta .btn { margin-left: inherit; margin-bottom: 15px; }
	.how-works { background: url("../images/how-it-works.png") no-repeat; background-size: cover; background-position: right; height: 65vh; }
	.howwork-content .item { width: 100%; text-align: center; color: var(--white); }
	.how-works h3 { color: var(--white); }
	.howwork-content.owl-carousel .owl-dots .owl-dot span { width: 24px; height: 4px; border-radius: 3px; }
	.howwork-content .num { display: none; }
	.howwork-content .item .ico { width: 65px; height: 65px; }
	.leading-brand .service-footer { text-align: center; }
	.testi-slider { margin-left: 0; }
	.choose-curve .cta a { max-width: 190px; }
	.choose-car .choose-body { min-height: auto; }
	.no-worries header h3 { width: 205px; }
	.car-owned .choose-car .choose-body, .car-owned .choose-car .cta { left: 0; }
	.owned-slider .item-body .price { position: inherit; bottom: 0; }
	.owned-slider .item .item-body p { font-size: 20px; }
	/* FOOTER */
	.footer { background-position: bottom right !important; }
	.after-arrow { position: relative; font-weight: 500; }
	.after-arrow::after { content: '\f106'; position: absolute; top: 5px; right: 0; font-family: 'FontAwesome'; font-size: 12px; transition-duration: 0.5s; }
	.menu-products-container ul { max-height: 0; overflow: hidden; transition: max-height 1s ease-out 0s; display: block; }
	.footer-widget { max-width: 100%; }
	.footer-widget p { text-align: center; }
	.footer-widget.open ul { height: auto; max-height: 500px; transition: max-height 1s ease-in 0s !important; display: block; }
	.footer-widget.open h5::after { transform: rotate( 180deg); }
	.contact-short-col header { text-align: center; }
	.contact-short-col .alignright { width: 100%; }
	.contact-short-col button { width: 100%; }
	.howwork-content .item .dream-ico { background: url('../images/mob-dream-ico.svg') no-repeat; background-size: cover; }
	.howwork-content .item .surf-ico { background: url('../images/mob-surf-ico.svg') no-repeat; background-size: cover; }
	.howwork-content .item .drive-ico { background: url('../images/mob-drive-ico.svg') no-repeat; background-size: cover; }
	.howwork-content .item .ownership-ico { background: url('../images/mob-ownership-ico.svg') no-repeat; background-size: cover; }

	/* SELL CAR */
	.sell-car-banner { margin-top: 50px; }
	.sell-car-banner .banner-content {color: #fff !important;}
	.inner_banner .sell-banner, .allied-services-banner .banner-img, .mob-finance-banner .banner-img, .mob-new-car-banner .banner-img { background: url("../images/Sell-Hero-Banner.png") no-repeat; background-position: center !important; background-size: cover !important; height: 66vh; }
	.mobile-sec .banner-opt .item { font-size: 17px; padding: 0px 0; }
	.mobile-sec .banner-opt .item .ico { width: 55px; flex: 0 0 55px; }
	.mobile-sec .banner-opt .item .ico img { width: 55px; }
	.inner_banner .banner-img .banner-content { top: 35%; }
	.banner-content .title-xl { font-size: 1.5rem; text-align: center; text-transform: capitalize !important; }
	.features-col .content { text-align: center; }
	#upload-container { flex-direction: column; }
	.benefit-feature .item { width: 100%; flex: 0 0 100%; }
	.calculator-sec { box-shadow: none; }
	.our-features, .faq-tabbing, .section.product-listing, .your-choice, #car-insurance, .new-owned, .m-pb-0 { padding-bottom: 0; }
	.faq-sec .faq-pic { display: none; }
	.features-col { margin-bottom: 20px; }
	.product-detail-column .cta .btn-outline { display: none; }
	.product-detail-column .cta { text-align: center; }
	.product-detail-column .cta button { width: 100%; font-size: 22px; }
	.sell_btn {display: none;}
	/* PRE-OWNED CAR */
	/* .filter-column { position: fixed; right: 0; background: #f9f9f9; }
	.product-listing-column { margin-left: 0; }
	.product-listing-column .filter-cat { flex-wrap: wrap; white-space: nowrap; overflow: auto; }
	.filter-cat .all-cars-list { margin-bottom: 20px; }
	.filter-cat .fil-sort { flex-wrap: nowrap; width: auto; } */
	.certified-cars { padding: 20px; }
	.certified-cars .certified-list .item { flex-direction: column; }
	.certified-cars .certified-list .item .ico { width: 50px; min-width: 50px; margin: 0; }
	.certified-cars .certified-list .item .ico-txt { text-align: center; }
	.still-confuse .enter-number { flex-direction: column; align-items: inherit; }
	.enter-number .floating-label { margin: 0 0 20px 0 !important; }
	.enter-number .floating-label input { width: 100% !important; }

	/* .pro-list-sec .filter-column { min-width: 30px; max-width: 30px; z-index: 2; }
	.pro-list-sec.show-filter .filter-column { top: 0; z-index: 999; height: 100%; } */
	/* .pro-list-sec .colbtn { margin: 0; }
	.show-filter .colbtn { margin: 30px 10px 0 10px; } */
	.listing-sec .item .car-ico { height: 71px; }
	.filter-column .close { margin-left: 20px; }
	.inner_banner .searchbar .form-group { width: 100%; }
	.still-confuse, .compare-ads { background-image: none; padding: 30px; text-align: center; }
	.mob-finance-banner .banner-img { background: url("../images/finance.jpg") no-repeat; }

	/* NEW CAR */
	.vertical-tab .tab-content .fil-aja span { width: 49%; }
	.your-choice .vertical-tab .child-nav .nav-tabs li { width: 25%; }
	section.ads { padding: 0; }
	/* ABOUT */
	.breadcrumb { padding: 10px 0; }
	.choose-us-inner-content, .card-sec .card-body { text-align: center; }
	.about-content p, .launced-motozite p { margin-bottom: 0; }
	.card-sec .card-outer { margin-bottom: 20px; text-align: center; }
	

	/* CONTACT */
	.contact-banner-content { top: 50% !important; }
	.contact-banner-content .title-xl { margin-bottom: 5px; text-align: center; }
	.contact-banner-content .banner-details { font-size: 12px; }
	.contact-banner-content .banner-details .banner-cta img { width: 18px; }
	.contact-form-sec .title-head { text-align: center; }

	/* TESTIMONIALS */
	.testimonial-sec ul#myTab { padding: 0; }
	.testimonial-sec { padding-top: 0; }
	.vertical-tab .child-nav .nav-tabs .nav-link { padding: 0.5rem; font-size: 12px; text-align: center; }
	.testimonial-content .filter-section { flex-direction: column; align-items: flex-start !important; }
	.testimonial-content .filter-section .button-select { width: 100%; display: flex; justify-content: space-between; }
	.testimonial-content .testi-drop { margin: 10px 0 0 0; width: 100%; }
	/* FAQ */
	.faq-tabbing ul#myTab li.nav-item { flex: 0 0 22%; }
	.content-left-side .title-lg { font-size: 1.5rem; }
	.finance-content-sec ul { display: block; }
	.finance-content-sec.bullet-wht li { background-image: url("../images/bullet-wht-mob.svg"); padding-left: 40px; display: block; }
	.allied-services-banner .banner-img { background: url("../images/allied-services-mob-banner.png") no-repeat; }
	.inner_banner.allied-services-banner .banner-content, .inner_banner.mob-finance-banner .banner-content, .inner_banner.mob-new-car-banner .banner-content { top: 60%; }
	.insurance-features .item { flex-direction: column; text-align: center; }
	.insurance-features .item .sec-pic { text-align: center; }
	.calc-outer-box { margin: -130px 10px 0; }
	.calculator-col .content { padding: 30px 10px !important; }
	.calculator-col .content .content-inner-calc-col { width: calc(100% - 45px) !important; }
	.dashboard-content-tab .card-header { padding: 1rem 1rem; }
	.dashboard-content-tab .card-header .title-lg { font-size: 1.5rem; }
	.dashboard-content-tab .card-body { padding: 0 1rem; }
	.dashboard-content-tab .cta-card-btn { display: flex; justify-content: center; }
	.dashboard-content-tab .cta-card-btn .btn { padding: 0.6rem 2rem; }
	/* .pro-list-sec.show-filter .colbtn { display: none; }
	.pro-list-sec .colfil { width: 100%; } */
	.inner_banner .searchbar { padding: 40px 20px; display: none; }
	.howwork-pic { display: none; }
	.howwork-sec {justify-content: center; margin-left: 10%;}
	.how-works header.title-head.text-center {margin-left: 10%;}

	.pro-multi-option { position: relative; }
	.product-detail-column .item-footer { flex-wrap: wrap; }
	.product-detail-column .item-footer .col { flex: 0 0 50%; max-width: 50%; }
	.product-detail-column .price-column .exshowroom-price .price { font-size: 18px; }
	.product-detail-column .price-column .emi-price .emi-opt { font-size: 16px; }
	.extra-tab .nav-tabs .nav-link { font-size: 14px; padding: 0.5rem; }
	#highlights .icon-column .item { flex: 0 0 50% !important; }
	.scrollspy-section #scroll-spy ul.nav.nav-pills { overflow-y: hidden; }
	.express-form .cta .btn { padding: 0.6rem 1.5rem; margin: 5px !important; }
	#compare_product_section .toggle-btn-wrapper { left: calc(50% - 150px); top: 40px; z-index: 3; }
	.compare-cars .item { flex: 0 0 45%; min-width: 45%; max-width: 45%; }
	.cars-compare-column .button-wrapper a { padding: .6rem 1rem }
	.cars-compare-column .add-car small { text-align: center; }
	.compare-car-outer-row .sec-pic figure { height: auto; }
	.compare-car-outer-row .item.shine .item-body p a { min-height: 0; }
	.checkbox-wrapper { display: none; }
	.item-body a { width: 100%; }
	.pro-list-sec .colfil { overflow: scroll; }
	.express-body .item-body { padding-right: 20px; }
	.express-form { padding: 0 30px 20px; }
	.mob-fixed-cta { position: fixed; bottom: 0; left: 0; width: 100%; margin-bottom: 0 !important; z-index: 4; }
	.breadcrumb-item { font-size: 12px; }
	.breadcrumb-item+.breadcrumb-item::before { margin-top: 2px; }
	.breadcrumb-item.active { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 200px; }
	.product-detail-column { margin-top: 15px; }
	.product-detail-column .title-md { font-size: 20px; margin-bottom: 0; }
	.whats-app { bottom: 115px; }
	#return-to-top { bottom: 51px; }
}
@media only screen and (max-width:580px) {
	.prolist .item { min-width: 100%; max-width: 100%; }
	.copyright-sec { width: 220px; }
	.how-works { height: 72vh; }
	.howwork-sec, .how-works header.title-head.text-center { margin-left: 0%;}
	.search-bar.show {right: 80px;}
}
@media only screen and (max-width:479px) {
	.leading-brand .service-body li {
	    background-size: auto;
	    min-height: 35px;
	}
	.search-bar .form-group .form-control {
	    padding: 0 120px 0 40px;
	}
	.search-bar.show button.btn.btn-primary {
	    padding: 0.6rem 1.5rem;
	}
	.search-bar .form-group {
	    max-width: 360px;
	}
	.finance-content-sec li {
	    width: 100%;
	}
}

@media only screen and (min-width: 340px) and (max-width: 380px) {
	.user-dropdown .dropdown-toggle { width: 66px; }
	.img-circle { width: 20px; height: 20px; margin-top: 5px; }
	.breadcrumb-item.active { width: 150px; }

}