@media(max-width:1600px) {
.header-nav .nav-item {padding: 0;}
.header-wrapper .container {padding: 0 3rem;}
.header-nav .nav-item {margin: 0 0 0 16px;}
.banner-text {margin-top: 40px;}
.main-title {font-size: 50px;}
.inner .hero-section {height: unset;}
.inner .hero-section img {height: 100%;object-fit: contain;object-position: top;}}

@media(max-width:1440px) { 
  .dealers .card-bg {
    object-fit: contain;
}
div#vehicle-search-container ul.dropdown-menu.show {min-width: max-content;}
.inner .container, #divRenderBody > div > div:nth-child(5) {padding: 1.5rem 3rem;}
.ix-system-terms.p-0.m-0.container {padding: 1.5rem 3rem !important;}
.ShowButtonsAtTop .pr-0.col-1 {padding-left: 5px;}
.z-wrapper .container {max-width: 100%;}
div#articlesSlider {padding: 0 !important;margin: 0 !important;}
.main-title {font-size: 40px;}
.small-title {font-size: 16px;}
.hero-copy {padding-right: 30rem;}
.inner .hero-section {height: unset;}
button#vsf_reset_button {padding: .375rem;}
.header-wrapper .container {padding: 0 2rem;}}

@media(max-width:1280px) { 
.curve-section {padding: 30px 20px;}
.header-logo {max-width: 200px;}
.header-nav .nav-item:first-child {margin: 0;}
.header-nav .nav-item {margin: 0 0 0 10px;}
.changanHeader .container {padding: 1.5rem 2rem;}
div#vehicle_search_area_VS .d-flex.pt-2.pt-sm-1.pt-md-0.mb-2 {flex-direction: column;}
div#DepartmentFilterButtons {width: 100% !important;}
div#vehicle_search_area_VS .d-flex.pt-2.pt-sm-1.pt-md-0.mb-2 a.align-self-center.small {align-self: flex-start !important;margin-top: 5px;}}

@media(max-width:1160px) { 
.mega-menu .mega-menu-layout .dropdown-menu>div>div {overflow: unset;}
.navbar-nav li.active.nav-item.mega-menu:hover > .mega-menu-layout > a:after {color: #000000 !important;}
.inner .hero-copy p {font-size: 16px;}
.inner .hero-copy h1 {font-size: 40px;}
.main-title {font-size: 2.5rem;}
.inner .container {padding: 2rem !important;margin: 0 !important;}
.header-wrapper .container, .z-wrapper .container {padding: 1rem 2rem;}
.homeHighlight::before, .homeHighlight::after {width: 50px;}
.hero-copy {padding-right: 10rem;}
mega-menu:hover .mega-menu-layout a.mega-menu-dropdown:after {content: '\f067';border: 0;}
.mega-menu:hover .mega-menu-layout.show a.mega-menu-dropdown:after, .navbar-nav .dropdown.show .dropdown-toggle::after {content: '\f068';border: 0;}
.main-header .bg-light #collapse-navigation.show {display: block!important;padding: 0 20px 20px;height: 100vh;overflow: scroll;}
.header-wrapper li a:not(:only-child):after {float: right;content: '\f067';font-size: 16px;top: 0;position: relative;border: 0;font-family: "Font Awesome 5 Free";font-weight: 700;margin-right: .5rem;}
.header-wrapper .navbar-expand-lg .navbar-nav .dropdown-menu {left: 0!important;right: unset!important;transform: unset!important;position: relative;background-color: transparent;border: 0;text-align: left!important;width: 100%;}
.header-wrapper .navbar-expand-lg .navbar-nav .dropdown-menu a {text-align: left;color: #1b1c22 !important;font-size: 14px;font-weight: bolder;padding: 5px 15px;}
.header-wrapper .mainmenu li.dropdown.show a:after {border: 0;content: '\f068';font-size: 16px;top: 5px;position: relative;font-family: "Font Awesome 5 Free";font-weight: 700;color: #000!important;}
.main-header .navbar #collapse-navigation.show .navbar-nav .nav-item {padding: 0;height: unset;}
.main-header .header-nav #collapse-navigation.show .nav-item .nav-link {font-weight: bolder;padding: 15px;text-transform: uppercase;text-align: left;}
.main-header .bg-light {position: absolute;width: 100%;top: 90px;left: 0;padding: 0;background-color: transparent !important;}
.main-header .bg-light #collapse-navigation {order: 4;z-index: 1;flex-basis: 100%;background-color: #fff;}
.main-header .bg-light #collapse-navigation .navbar-nav {height: auto;-ms-flex-direction: column;flex-direction: column;}
.main-header .navbar #collapse-navigation .navbar-nav .nav-item {margin: 0!important;flex-direction: column;align-items: flex-start;border-bottom: 1px solid #efefef;padding: 20px;}
.main-header #collapse-navigation .nav-item:nth-child(2) .nav-link {transition-delay: .30s;}
.main-header #collapse-navigation .nav-item .nav-link {line-height: 20px;padding: 0;font-size: 16px;width: 100%!important;color: #fff;opacity: 0;-ms-transform: scale(1.15) translateY(-3rem) translateX(-3rem);transform: scale(1.15) translateY(-3rem) translateX(-3rem);transition: transform .5s cubic-bezier(.4, .01, .165, .99),opacity .6s cubic-bezier(.4, .01, .165, .99);}
.container.formSection.py-3 h2.text-white,.mega-menu-dropdown:after {color: #000!important;}
.mega-menu-layout {width: 100%;}
button.nt-wrapper {display: flex;cursor: pointer;gap: 8px;flex-direction: column;align-items: end;position: relative;height: 64px;width: 64px;justify-content: center;background-color: transparent;border: 0;padding-right: 0;}
.icon-bar {height: 2px;background: rgba(0 0 0);width: 32px;position: absolute;transition: .3s ease-in-out;top: 50%;transform: translateY(-50%);}
span#top-burger {transform: translateY(-8px);}
span#middle-burger {width: 40px;}
span#bottom-burger {transform: translateY(6px);}
.nav-toggler.open span#top-burger {transform: translateY(0);rotate: 45deg;}
.nav-toggler.open span#middle-burger {transform: translateX(230%);}
.nav-toggler.open span#bottom-burger {transform: translateY(0);rotate: -45deg;}
.main-menu-mobile .mm_mbl-menu .navbar-light {padding-top: 1rem;}
.mm_mbl-menu .dropdown-menu.show {display: contents;}
.mm_mbl-menu .dropdown-menu.show a {text-transform: uppercase;}
.mainBanner {height: 50vh;}
.main-header #nav-toggler {display: flex;margin: 7px 0 7px 16px;z-index: 10;align-items: center;}
.main-header #nav-toggler.collapsed:after {margin-top: 18px;}
.main-header {align-items: center;}
.collapse:not(.show) {display: none!important;}
.main-header .header-nav #collapse-navigation.show .nav-item .nav-link {text-transform: capitalize;width: 100%!important;color: #1b1c22;opacity: 1;-ms-transform: scale(1) translateY(0) translateX(0);transform: scale(1) translateY(0) translateX(0);text-transform: capitalize;font-size: 14px;}
.hero p {font-size: 20px;}
li.active.nav-item a {background-color: transparent;color: #000 !important;border-radius: 0;}
section.preowned-banner {margin-top: -50px;}
.mega-menu-content.mm-dealers.mm-container {padding-top: 0px;}
.mega-menu:hover .mega-menu-layout a.mega-menu-dropdown:after {border: 0;content: '\f067';}
.navbar-light .navbar-brand {display: none;}
#collapse-navigation>ul>li:nth-child(3) .mega-menu-layout .dropdown-menu>div {padding: 0px;}
.mblDealers {padding: 0px !important;}
.container, #divRenderBody > div > div:nth-child(5) {padding: 1.5rem;}
.ix-system-terms.p-0.m-0.container {padding: 1.5rem !important;}
.header-nav .nav-item:last-child .dropdown-menu {margin: 0;box-shadow: none;}
.main-header .bg-light #collapse-navigation .navbar-nav .dropdown .dropdown-menu a:after {display: none;}
.navbar-nav li.active.nav-item.mega-menu:hover > .mega-menu-layout > a {background-color: transparent;color: #000 !important;}
.navbar-expand-lg .navbar-nav .nav-link:hover {background-color: transparent;color: #000 !important;border-radius: 20px;}
div[id^=vehicle_search_area] .ShowButtonsAtTop .col-6 {width: 50%!important;flex: 0 0 50%;max-width: 50%;margin: 0 0 5px!important;}
div[id^=wish-icon-] {margin: 0!important;width: 100%!important;}
div#vehicleBar_FinanceButton * {margin: unset!important;}}

@media(max-width:1024px) {
.image-rotator-display img {object-fit: cover;object-position: center;height: 1024px!important;}
.hero-copy .col-sm-3 {max-width: 30%;flex: 30%;}}

@media(max-width:836px) {
.mapSection iframe {height: 30vh;}
.ContactInfo>div,.mapSection .card.text-center.border-0.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-12 {border-radius: 0;top: 0;margin-bottom: 2rem;box-shadow: none;}
.ContactInfo>div {box-shadow: rgba(0,0,0,.05) 0 6px 24px 0,rgba(0,0,0,.08) 0 0 0 1px;}
.mega-menu .mega-menu-layout .dropdown-menu>div>div {overflow-y: unset;}
div#info-buttons-NewModelsPas .col-4 {max-width: 100%;}
divdiv#info-buttons-NewModelsPas {flex-direction: column;}
.home .hero-content  p {text-align: justify;}
.home .hero-content {max-width: 84%;}
.homeHighlight::before {left: 20%;}
.homeHighlight::after {right: 20%;}
.ourBrands .homeHighlight::before {left: 13%;}
.ourBrands .homeHighlight::after {right: 13%;}
.mf-links.fl-acc.menu {flex-basis: auto;height: 30px;overflow: hidden;position: relative;padding: 10px 0;margin: .5rem 0;}
.mf-links.fl-acc.menu li:first-child {margin: 0;}
.mf-links.fl-acc.menu li:first-child a {font-weight: 700;font-size: 15px;line-height: 22px;letter-spacing: .05px;pointer-events: none;margin-bottom: 1rem;}
.mf-links.fl-acc.menu:after {content: "\f078";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;right: 0;top: 10px;color: #fff;font-size: 16px;padding: 0 10px;}
.mf-links.fl-acc.menu.open:after {content: "\f077";color: #fff;}
.mf-links.fl-acc.menu.open {height: inherit;}
.mainFooterLinks {padding: 1rem 0;}
.post-footer {padding-bottom: 0!important;}
.socials li:nth-child(2) {width: unset;pointer-events: unset;margin: 0 1rem 0 0;}
.socials ul li {margin: 0 1rem 0 0;}
#vehicle_search_area_LexusVS .d-flex.pt-2.pt-sm-1.pt-md-0.mb-2, .mainFooterLinks, .new-model-list .nav.nav-tabs, div#info-buttons-NewModels, div#info-buttons-NewModelsPas, div#vehicle_search_area_used .d-flex.pt-2.pt-sm-1.pt-md-0.mb-2, div#vehicle_search_area_used>.row.m-0 {flex-direction: column;}
.main-footer .container {padding: 0 5rem;}
footer#footer {padding: 3rem 0 1rem;}
.z-wrapper .container {max-width: 100%;}
.highlight::before {left: 0%;}
.highlight::after {right: 0;}
section.preowned-banner {margin-top: 0;}
h2.main-title {font-size: 40px;}
.vehicle-wrapper {text-align: center;}
#info-buttons-NewModels .col-4 {max-width: 100%;}
div#info-buttons-NewModels {flex-direction: column;}
.new-model-list .nav.nav-tabs {flex-direction: column;}
.new-model-list .nav.nav-tabs li {border-bottom: 1px solid #ccc;}
div#vehicle_search_area_used .d-flex.pt-2.pt-sm-1.pt-md-0.mb-2 {flex-direction: column;}
div#DepartmentFilterButtons {width: 100% !important;}
div#vehicle_search_area_used .d-flex.pt-2.pt-sm-1.pt-md-0.mb-2 a.align-self-center.small {align-self: flex-start !important;margin-top: 5px;}
div[id^=vehicle_search_area] .ShowButtonsAtTop .col-6 {width: 50%!important;flex: 0 0 50%;max-width: 50%;margin: 0 0 5px!important;}
div[id^=wish-icon-] {margin: 0!important;width: 100%!important;}
div#vehicleBar_FinanceButton * {margin: unset!important;}
.ix-system-link .mx-auto.col-12.col-lg-6.col-md-8.row {max-width: 100%;flex: 100%;}
.ix-system-link .col-lg-4.col-md-6.col-12 {flex: 0 0 33.333333%;max-width: 33.333333%;}
.ix-system-link {margin: 15px 0 10px !important;}
#special-nav-filter-Specials {padding: 1rem 0;}
#special-nav-all-Specials .card-body {margin-top: 1rem;}
#special-nav-filter-Specials > .row > .col-4 {flex: 0 0 100%;max-width: 100%;}
div#special-nav-filter-Specials {padding: 1rem;align-items: center;}
.FinanceCalc-expanded  .irs, .FinanceCalc-expanded  .form-group.vsfin {height: unset !important;}
.row.w-100.no-gutters.FinanceCalc-expanded.p-3 {justify-content: center;}
.vehicle-wrapper {display: flex;align-items: center;}
.inner section.preowned-banner {padding: 0 !important;}
.inner section.preowned-banner .container {padding-top: 0 !important;}
.inner .vehicle-wrapper {min-height: unset;}
div#vehicle-search-container > .col-lg-3 {padding: 0;}
div#DepartmentFilterButtons button {padding: .4rem;}
.inner .container {padding: 1.5rem !important;}}

@media(max-width:768px) {
div#vehicle_search_area_VS > .row.m-0 {flex-direction: column;}
div#vehicle_search_area_VS > .row.m-0 > .col-lg-3.col-md-3.col-12, div#vehicle_search_area_VS > .row.m-0 > .col-md-9.col-12 {max-width: 100%;}
div#vehicle_search_area_VS .d-flex.pt-2.pt-sm-1.pt-md-0.mb-2 {flex-direction: column;}
div#DepartmentFilterButtons {width: 100% !important;}
div#vehicle_search_area_VS .d-flex.pt-2.pt-sm-1.pt-md-0.mb-2 a.align-self-center.small {align-self: flex-start !important;margin-top: 5px;}
.post-footer .container {padding: 1rem 2rem;}
.homeHighlight::before, .homeHighlight::after {width: 60px;height: 12px;}
.homeHighlight {gap: 10px;font-size: 28px;}
.hero h1 {font-size: 32px;}
.hero p {font-size: 14px;}
.scroll-down {width: 50px;height: 50px;}
.main-title {font-size: 36px;}
.vehicle-wrapper {text-align: center;}
.bakkie-img {position: relative;display: block;margin: 20px auto 0;}
.main-footer .container {padding: 0 2rem;}
div#vehicle-search-container > .col-lg-3 {padding: 0 15px;}}

@media (max-width: 576px) {
.brandContent h3 {text-align: center;}
.contactDealerCopy .brand-links {display: block;}
.image-rotator-display img {height: auto!important;}
.container {padding: 1.5rem;}
.brandContent .active.new-model-shape.tab-pane .d-flex.flex-wrap {justify-content: center;}
.welcomeHeading h5 {font-size: 18px;}
h2.homeHighlight {font-size: 24px;}
a.btn.btn-primary.explore-btn {font-size: 14px;}
section.preowned-banner {margin-top: 30px;text-align: center;}
.brand-carousel .item {text-align: center;}
.ourBrands .homeHighlight::before, .ourBrands .homeHighlight::after {display: none;}
.vehicle-wrapper img {width: 100%;}
.ix-system-link .col-lg-4.col-md-6.col-12 {flex: 0 0 100%;max-width: 100%;margin: .2rem 0;}
div#widget-forms-Contact {margin-top: 1rem;}
ul#special-nav-tabs-Specials li {width: 100%;}
ul#special-nav-tabs-Specials .nav-tabs .nav-item.show .nav-link, ul#special-nav-tabs-Specials .nav-link.active {border: 0;}
#widget-personnel-personel ul.nav.mx-0.nav-tabs {flex-direction: column;}
#widget-personnel-personel ul.nav.mx-0.nav-tabs li a.active {border: 0;background-color: #dc3545;color: #fff;}
.badge-secondary {background-color: #303c49;}
.dealers .card-bg {height: 200px;}
.dealers .brand-logo {width: 35px;}
.main-footer .container, .post-footer .container {padding: 0 2rem;}
.post-footer .container.d-flex.justify-content-between {flex-direction: column-reverse;}
.legal li {margin-left: 0;}
.legal {padding-bottom: 16px;}
footer#footer {padding: 3rem 0;}
.homeHighlight::before, .homeHighlight::after {display: none;}
.main-title br {display: none;}
h2 {font-size: 30px;}
.inner section.preowned-banner {margin-top: 0;}
.inner .banner-text {margin-bottom: 50px;}
.brandCopy p {text-align: left;}
.article-widget .card {padding: 0;}
.header-wrapper .container, .z-wrapper .container {padding: 1rem;}
.header-wishlist {margin-left: 0;}
.swiperContainer {padding: 0 16px;}
h1 {font-size: 1.6rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.2rem;}
h4 {font-size: 1.1rem;}
h5, h6 {font-size: 1rem;}
.article-detail h1 {font-size: 22px !important;}
.vehicle-finance-enquire-header {padding: 1rem 0;}
h2.main-title {font-size: 1.5rem;}}

@media (max-width: 393px) {
.header-logo {max-width: 180px;}
.brandLinks a {padding: 0 8px;}
.inner .container {padding: 2rem 1rem !important;}}