@media (max-width: 1600px) {
.inner .brand-grid {width: 68%;}
.hero p {max-width: 100%;}
.inner .hero-section {height: unset;}
.hero-content {padding-top: calc(var(--header-height) - 50px);z-index: 11;}
.header-nav .nav-item {padding: 0;margin: 0 0 0 16px;}
.header-wrapper .container {padding: 0 3rem;}
.banner-text {margin-top: 40px;}
.main-title {font-size: 50px;}
.contact-socials i:before {font-size: clamp(20px, 2.5vw, 20px);}
.contact-socials i {font-size: 16px;}
.inner .hero-section img {height: 100%;object-position: top;}
li:nth-child(2).nav-item.mega-menu .mega-menu-layout .dropdown-menu>div {height: 61vh;}}

@media (min-width: 1440px) {
.inner .brand-grid {width: 70%;}
.container.py-5.internal-footer-section {top: 0;left: unset;transform: unset;}
.dealer-map img {max-width: 550px;}
.showroom-section,.showroom-content {min-height: 520px;}
.dealers .card-bg {object-fit: contain;}
div#vehicle-search-container ul.dropdown-menu.show {width: 100%;}
.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;}
div#articlesSlider {margin: 0 !important;padding: 0 !important;}
.main-title {font-size: 40px;}
.small-title {font-size: 16px;}
.hero-copy {padding-right: 30rem;}
.brandHeader .align-items-center.mx-0.row.container {padding: 0 3rem;}
button#vsf_reset_button {padding: 0.375rem;}
.header-wrapper .container {padding: 0 2rem;}
.brandHeader > .container {padding: 0 5rem;}
.w-xl-60.welcomeHeading {width: 80% !important;}
.inner-overlap {margin: -40px 3% 0;}}

@media (max-width: 1367px) {
.header-logo {max-width: 110px;}
.container.py-5.internal-footer-section {transform: unset;left: unset;top: unset;}
.modal.fade {z-index: 999999 !important;}}

@media (max-width: 1280px) {
.inner .brand-grid {width: 75%;}
.header-wrapper .container {padding: 0 2rem;}
li:nth-child(2).nav-item.mega-menu .mega-menu-layout .dropdown-menu>div {height: 70vh;}
.hero h1 {font-size: clamp(2rem, 14vw, 3rem);}
.welcomeHeading h5 {font-size: clamp(1.5rem,9vw, 3rem);}
.vehicle-links {width: 90%;}
.curve-section {padding: 30px 20px;}
.header-logo {max-width: 120px;}
.header-nav .nav-item {margin: 0 0 0 10px;}
.header-nav .nav-item:first-child {margin: 0;}
.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: 1200px) {
.dealer-quick-search {width: 50%;}
.container,
    .header-wrapper .container,
    .main-footer .container {padding-left: 2rem;padding-right: 2rem;}}

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

@media (max-width: 1024px) {
.hero-content {max-width: 90%;}
.main-header {display: flex;align-items: center;width: 100%;gap: 15px;}
.main-header .header-logo {flex-shrink: 0;margin-right: auto;}
.main-header .header-nav,
.main-header button#nav-toggler {flex-shrink: 0;}
.image-rotator-display img {height: 1024px !important;object-fit: cover;object-position: center;}
.hero-copy .col-sm-3 {max-width: 30%;flex: 30%;}
aside#ix-sidebar-VS {z-index: 999999999 !important;}}

@media (max-width: 991.98px) {
.about-intro {padding: 50px 0;}
.about-intro__content {margin: 30px auto 0;text-align: center;}
.about-intro__accent {margin-left: auto;margin-right: auto;}
.dealer-section {padding: 50px 0;}
.dealer-content {margin: 30px auto 0;}
.dealer-map img {max-width: 450px;}
.showroom-content {min-height: 500px;}
.mmg-africa {margin: 0 auto;text-align: center;}
.mmg-africa__logo {margin-left: auto;margin-right: auto;}
.mmg-news {min-height: max-content;}
.mmg-news__content {padding: 60px 15px;}
.mmg-news__background img {object-position: center;}
.brand-grid {grid-template-columns: repeat(4, 1fr);}
.image-carousel__item {height: 170px;}
.image-carousel__image img {max-width: 60%;}}

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

@media (max-width: 768px) {
#footer > div.main-footer > div > div > div:nth-child(4) {display: none;}
.mainFooterLinks .mf-links ul#menu_2_0 li:first-child {text-align: start;}
.dealer-map img {max-width: 450px;}
.dealer-map {transform: unset;}
.dealer-content, .mmg-africa {max-width: 90%;}
.mmg-news {padding: 0;}
.mmg-news > .container {min-height: unset;}
.mmg-news__content {transform: unset;}
.contact-socials {display: grid !important;grid-template-columns: repeat(2, 1fr);column-gap: 20px;row-gap: 10px;}
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;}
div#vehicle-search-container > .col-lg-3 {padding: 0 15px;}
.post-footer .container {padding: 1rem 2rem;}
.main-footer .container {padding: 0 2rem;}
.homeHighlight {gap: 10px;font-size: 28px;}
.homeHighlight::before,
    .homeHighlight::after {width: 60px;height: 12px;}
.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;}
.about-intro {padding: 30px 15px;}
.about-intro__content h1,.dealer-content h2 {font-size: clamp(34px, 10vw, 46px);}
.about-mmg p {font-size: 11px;}
.dealer-section {padding: 30px 15px;}
.dealer-content {text-align: center;}
.dealer-content h2 {justify-content: center;}
.dealer-search {margin-left: auto;margin-right: auto;}
.dealer-map {margin-bottom: 20px;}
.dealer-map img {max-width: 350px;}
.showroom-section {min-height: 550px;}
.showroom-content {min-height: 550px;align-items: flex-end;padding-bottom: 40px;}
.showroom-overlay {background: linear-gradient(180deg,rgba(0, 0, 0, .05) 20%,rgba(0, 0, 0, .9) 100%);}
.mmg-africa {max-width: 320px;}
.mmg-africa__logo {width: 150px;}
.mmg-news {position: relative;display: flex;align-items: center;overflow: hidden;color: var(--white);}
.mmg-news__background {position: absolute;inset: 0;z-index: 0;overflow: hidden;}
.mmg-news__background img {position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.mmg-news__overlay {position: absolute;inset: 0;z-index: 1;}
.mmg-news .container {position: relative;z-index: 2;}
.mmg-news__content {max-width: 400px;padding: 00;}
.mmg-news__content h2 {margin: 0 0 10px;color: var(--white);font-size: clamp(40px, 5vw, 58px);font-weight: 900;line-height: .9;letter-spacing: -2px;}
.mmg-news__content p {margin-bottom: 8px;color: var(--white);line-height: 1.25;}
.mmg-news__button {display: inline-flex;align-items: center;justify-content: center;min-width: 90px;height: 32px;margin-top: 8px;padding: 0 20px;background: #333;color: var(--white);font-size: 9px;font-weight: 700;letter-spacing: 1px;text-decoration: none;clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);box-shadow: 4px 5px 8px rgba(0, 0, 0, .45);transition: .25s ease;}
.mmg-news__button:hover {background: var(--red);color: var(--white);transform: translateY(-2px);}
.mmg-news__content {max-width: 100%;padding: 50px 20px;text-align: center;}
.mmg-news__content h2 {font-size: clamp(38px, 12vw, 52px);}
.mmg-news__content p {max-width: 450px;margin-left: auto;margin-right: auto;}
.mmg-news__background img {width: auto;min-width: 100%;object-fit: cover;object-position: center;}
.brand-section {padding: 20px 0;}
.brand-grid {grid-template-columns: repeat(2, 1fr);gap: 8px;}
.image-carousel__item {height: 140px;}
.image-carousel__link {position: absolute;inset: 0;width: 100%;height: 100%;}
.image-carousel__image {padding: 15px;}
.image-carousel__image img {max-width: 65%;height: 70%;}
.image-carousel__link:hover {height: 100%;top: 0;box-shadow: none;z-index: 1;}
.inner-overlap {margin: -80px 15px 0;border-radius: 35px 35px 0 0;padding: 24px 20px !important;}}

@media (max-width: 576px) {
.inner .brand-grid {width: 100%;}
.inner .brand-grid {display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 20px;padding: 1rem 5rem;}
.inner .brand-grid > :nth-child(-n+4) {grid-column: span 3;}
.inner .brand-grid > :nth-child(5) {grid-column: 2 / span 3;}
.inner .brand-grid > :nth-child(6) {grid-column: 5 / span 3;}
.inner .brand-grid > :nth-child(7) {grid-column: 8 / span 3;}
.inner .brand-grid {display: grid;padding: 1rem;}
body {font-size: 1rem;}
div#vehicle-search-container {padding: 0 15px;}
#widget-finance-calc-FinanceCalculatorAutoworld > div > div > div:nth-child(1) {flex: 0 0 100%;max-width: 100%;}
.article-detail .post-content.text-justify {text-align: left !important;}
.socials {margin: 1rem 0;}
.socials #menu_5_0 {display: grid;grid-template-columns: repeat(2, auto);gap: 12px;list-style: none;padding: 0;margin: 0;width: fit-content;}
.socials #menu_5_0 li:first-child {grid-column: 1 / -1;}
.socials #menu_5_0 li:first-child a {font-weight: 700;text-decoration: none;color: #fff;}
.w-100.list-container.row {padding: 0 !important;}
.mega-menu .mega-menu-layout .dropdown-menu>div>div {padding: 1rem 0;}
.mega-menu .mega-menu-layout .dropdown-menu>div>div {padding: 16px 0;}
.dealer-quick-search {width: 100%;}
.navbar-nav li.active.nav-item.mega-menu > .mega-menu-layout > a::after {color: var(--black) !important;}
.w-xl-60.welcomeHeading {width: 100% !important;}
.home .hero-content p {max-width: 100%;}
.hero h1, .welcomeHeading h5 {line-height: unset;}
.home-vehicle-search {display: none;}
.home .hero-content {justify-content: center;}
.container {padding: 1.5rem;}
.brandContent h3 {text-align: center;}
.brandContent .active.new-model-shape.tab-pane
.d-flex.flex-wrap {justify-content: center;}
.contactDealerCopy .brand-links {display: block;}
.header-wrapper .container,
.z-wrapper .container {padding: 1rem;}
.header-wishlist {margin-left: 0;}
.header-logo {max-width: 120px;}
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;}
h2.main-title {font-size: 1.5rem;}
.welcomeHeading h5 {font-size: 18px;}
h2.homeHighlight {font-size: 24px;}
.main-title br {display: none;}
.article-detail h1 {font-size: 22px !important;}
.image-rotator-display img {height: auto !important;}
section.preowned-banner {margin-top: 30px;text-align: center;}
.inner section.preowned-banner {margin-top: 0;}
.inner .banner-text {margin-bottom: 50px;}
.hero-copy {padding-right: 0;}
.brand-carousel .item {text-align: center;}
.brandCopy p {text-align: left;}
.ourBrands .homeHighlight::before,
.ourBrands .homeHighlight::after {display: none;}
.brandLinks a {padding: 0 8px;}
.vehicle-wrapper img {width: 100%;}
.vehicle-finance-enquire-header {padding: 1rem 0;}
.article-widget .card {padding: 0;}
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: var(--danger);color: var(--white);}
.dealers .card-bg {height: 200px;}
.dealers .brand-logo {width: 35px;}
.main-footer .container, .copyright, .post-footer .container {padding: 0 2rem;}
.post-footer .container.d-flex.justify-content-between {flex-direction: column-reverse;}
footer#footer {padding: 3rem 0;}
.legal {padding-bottom: 16px;}
.legal li {margin-left: 0;}
.ix-system-link .col-lg-4.col-md-6.col-12 {width: 100%;max-width: 100%;flex: 0 0 100%;margin: 0.2rem 0;}
#special-nav-filter-Specials {padding: 1rem 0;}
.swiperContainer {padding: 0 16px;}
a.btn.btn-primary.explore-btn {font-size: 14px;}
.mapSection iframe {height: 30vh;}
div#dealers-dl-dealerlogos {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;padding: 0 15px !important;}
.nms-brand-block.mx-2.mt-2 {width: max-content !important;height: max-content !important;margin: 0 !important;}
.nms-brand-block a {height: 120px;width: 120px;background-color: var(--black) !important;}}

@media (max-width:480px) {
div#dealers-dl-dealerlogos {padding: 0!important;}
div#widget-dealer-list-dl-dealerlogos .dealer-container {width: 100%;}
.fordHeader.brandHeader .brand-links {display: flex;}
.fordHeader.brandHeader .align-items-center.mx-0.row.container {justify-content: center;align-items: center;}
.fordLogo {text-align: center;margin-bottom: 0;}
.fordHeader.brandHeader .align-items-center.mx-0.row.container {padding: 0 !important;}
.inner .container.inner-overlap {margin: 0 !important;}
.inner .hero-section {height: unset;}
.hero-content {padding-top: 5rem;}
.main-header .bg-light {top: 110px;}
.hero-section.footerSection {height: unset;}
.container.py-5.internal-footer-section {top: 0;transform: unset;left: 0;}
section.vehicle-links {width: 100%;padding: 2rem;}
.vehicle-card__image {aspect-ratio: auto;height: 100%;}
.vehicle-card, .vehicle-card__title, .vehicle-card__title span, .vehicle-card:hover {transform: unset;}}

@media (max-width: 393px) {
.nms-brand-block a {height: 100px;width: 100px;}
.nms-brand-block img {width: 70px !important;height: 70px !important;}
.header-logo {max-width: 120px;}
.brandLinks a {padding: 0 8px;}
.inner .container {padding: 2rem 1rem !important;}}

@media (hover: none) {
.image-carousel__link:hover .image-carousel__image img {transform: none;}}
.about-mmg {position: relative;overflow: hidden;background: var(--dark);color: var(--white);font-family: Arial, sans-serif;}
.about-mmg p {line-height: 1.35;margin-bottom: 14px;}
.about-mmg img {max-width: 100%;width: 80%;margin: 0 auto;text-align: center;}
.about-intro__image {display: flex;justify-content: center;align-items: center;}
.about-intro__content {max-width: 600px;margin-left: auto;}
.about-intro__content h1 {position: relative;margin: 0 0 20px;font-size: clamp(38px, 4vw, 58px);line-height: normal;font-weight: 900;}
.about-intro__content h1 span {display: block;}
.about-intro__content h1 span::after {content: "/";color: var(--red);margin-left: 8px;}
.about-intro__accent {width: 45px;height: 4px;background: var(--red);margin-bottom: 20px;}
.about-btn {display: inline-flex;align-items: center;justify-content: center;min-width: 95px;min-height: 32px;padding: 7px 20px;background: var(--gray);color: var(--white);letter-spacing: 1px;text-decoration: none;clip-path: polygon(
        8% 0,
        100% 0,
        92% 100%,
        0 100%
    );transition: .25s ease;text-align: left;}
.about-btn:hover {background: var(--red);color: var(--white);transform: translateY(-2px);}
.dealer-content {max-width: 600px;}
.dealer-eyebrow {font-size: 18px;font-weight: 800;}
.dealer-eyebrow span {color: var(--primary);}
.dealer-content h2 {display: flex;align-items: center;gap: 8px;margin: 0 0 10px;font-size: clamp(38px, 4vw, 58px);font-weight: 900;letter-spacing: -2px;}
.dealer-content h2 i {color: var(--primary);font-style: normal;font-size: 55px;}
.dealer-search {width: 100%;max-width: 260px;height: 28px;display: flex;align-items: center;justify-content: space-between;padding: 0 14px;border: 2px solid var(--white);border-radius: 20px;margin: 10px 0 14px;}
.dealer-search span {font-size: 7px;font-weight: 700;letter-spacing: 1px;}
.dealer-search strong {color: var(--red);font-size: 10px;}
.dealer-map {display: flex;justify-content: center;align-items: center;}
.dealer-map img {width: 100%;object-fit: contain;}
.showroom-section {position: relative;min-height: 480px;overflow: hidden;}
.showroom-bg {position: absolute;inset: 0;}
.showroom-bg img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.showroom-overlay {position: absolute;inset: 0;background: linear-gradient(90deg,rgba(0, 0, 0, .9) 0%,rgba(0, 0, 0, .9) 100%,rgba(0, 0, 0, .9) 100%);}
.showroom-content {position: relative;z-index: 2;min-height: 550px;display: flex;align-items: center;}
.mmg-africa {max-width: 600px;margin-top: 3rem;}
.mmg-africa__logo {margin-bottom: 20px;}
.mmg-africa p {line-height: 1.3;text-align: left;}

@media screen and (max-width: 1024px) and (orientation: landscape) {
.inner .container.inner-overlap {margin: 0 !important;padding: 2rem !important;width: 100%;max-width: 100%;box-sizing: border-box;}}
.mmg-africa img {width: 50%;padding: 1rem 0 1.5rem;}

@media screen and (max-width: 991px) and (orientation: landscape) {
#footer > div.main-footer > div > div > div:nth-child(4) {display: none;}
.socials {margin: 1rem 0;}
.socials #menu_5_0 {display: grid;grid-template-columns: repeat(2, auto);gap: 12px;list-style: none;padding: 0;margin: 0;width: fit-content;}
.socials #menu_5_0 li:first-child {grid-column: 1 / -1;}
.socials #menu_5_0 li:first-child a {font-weight: 700;text-decoration: none;color: #fff;}
.contactDealerCopy .brand-links {flex-wrap: wrap;gap: 20px;}}

@media screen and (max-width: 480px) and (orientation: landscape) {
.inner .brand-grid {padding: unset;}
.fordHeader.brandHeader .brand-links {display: flex;}
.fordHeader.brandHeader .align-items-center.mx-0.row.container {justify-content: center;align-items: center;}
.fordLogo {text-align: center;margin-bottom: 0;}
.fordHeader.brandHeader .align-items-center.mx-0.row.container {padding: 0 !important;}}

@media screen and (max-width: 393px) and (orientation: landscape) {
.dealer-map img {width: 70%;}}