.container-fluid .col-12{padding: 0;}
.container-fluid .row{margin: 0;}
.offcanvas .btn-close {
filter: invert(0) !important;
}
#link-heading a.download-btn {
background-color: #dd0c29 !important;
color: white !important;
}
#link-heading a.download-btn:hover {
background-color: black !important;
color: white !important;
}
.offcanvas-backdrop{
z-index: 1 !important;
}
.video-container {
position: relative;
width: 100%; padding-bottom: 20.83%;
overflow: hidden;
background: black; }
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.helpie-faq-col ul{padding-left: 0;}
.sub-heading{
font-weight: bold;
color: #d50032;
text-decoration: underline;
}
html{overflow-x: hidden !important;}
h1{
font-family: "Montserrat", serif;
font-weight: 800;
}
.bg-red{background-color: #dd0c29;}
.bg-black{background-color: black;}
.bg-grey{background-color: rgb(121, 122, 125);}
.text-red{color: #dd0c29;}
.text-black{color: black;}
.text-grey{color: rgb(121, 122, 125);}
.text-white{color: white !important;}
.btn-red{
background-color: #dd0c29 !important;
color: white !important;
}
.btn-grey{
background-color: #555 !important;
color: white !important;
padding: 10px 25px !important;
font-weight: bold;
border-radius: 11px;
text-decoration: none;
}
.btn-grey:hover{
background-color: black !important;
color: #dd0c29 !important;
}
.btn-black{
background-color: black !important;
color: white !important;
}
.btn-red:hover{
background-color: black !important;
color: white !important;
}
.btn-black{
background-color: darkgrey !important;
color: white !important;
}
.btn-primary{
background-color: #dd0c29 !important;
border-color: #dd0c29 !important;
}
.btn-primary:hover{
background-color: black !important;
border-color: black !important;
}
.modal-header{
background-color: #dd0c29;
color: white;
}
img{
max-width: 100%;
height: auto;
}
.wp-block-button{width: auto !important;}
.wp-block-button__link{width: max-content !important;}
.wp-block-button__link:hover{
background-color: black !important;
color: white !important;
}
.mobile-hide{display: block;}
.mobile-show{display: none;}
.section-clip-bottom-2, .section-clip-bottom{
padding-bottom: 10px;
margin-bottom: -80px;
position: relative;
}
.section-clip-bottom{
clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% 95%, 75% 100%, 0 95%);
z-index: 9;
}
.section-clip-bottom-2{
clip-path: polygon(0% 0%, 75% 5%, 100% 0%, 100% 0%, 100% 90%, 15% 98%, 0 90%);
z-index: 8;
}
.red-underline{
text-decoration: underline #dd0c29;
}
hr{ opacity: 1 !important;
}    #car-image{
width: 100%;
max-width: 1000px;
height: auto;
display: block;
margin: 0 auto 5px;
}
#offcanvasNavbar{
position: relative;
left: auto;
right: auto;
z-index: 2;
}
#menu-social-links li a{
background: black;
color: white;
font-size: 1.5rem;
width: 35px;
height: 35px;
margin: 4px;
justify-content: center;
align-items: center;
display: flex;
text-decoration: navajowhite;
border-radius: 100%;  
font-size: 20px;    
}
.top-number a{
color: black !important;
text-decoration: none;
}
.top-number a:hover{ color: #dd0c29 !important;}
#mynavbar{
position: relative;
top: 0;
left: auto;
right: auto;
}
#mynavbar li a{
color: white;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
text-align: center;
padding: 20px;
display: block;
border: 1px solid black;
background-color: black;
}
#mynavbar li a:hover, 
#mynavbar .current_page_item a{
color: white;
background-color: #dd0c29;
border: 1px solid #dd0c29;
}
#mynavbar .sub-menu{
margin-left: 0;
list-style: none;
position: absolute;
display: block; 
max-height: 0; 
overflow: hidden; 
opacity: 0; 
transition: max-height 0.3s ease, opacity 0.3s ease; 
padding: 0;
margin: 0;
z-index: 9;
}
#mynavbar .menu-item-has-children:hover .sub-menu{
max-height: 500px; 
opacity: 1;
}
#mynavbar .sub-menu a{
background-color: black;
padding: 10px;
}
.car-menu{
position: relative;
min-height: 220px;
display: flex;
flex-direction: column;
justify-content: center;
}
.navbar-toggler{
position: absolute;
top: 10px;
right: 10px;
z-index: 999;
}
#driving-gif{
overflow: hidden;
position: absolute;
border: 0;
width: 100vw;
left: -15px;
bottom: 0;
}
#driving-gif img{
max-width: 2200px !important;
width: 100%;
}    .nearest-store-btn{
top: 20px;
left: 0;
right: 0;
z-index: 99;
background-color: rgb(121, 122, 125) !important;
color: white !important;
padding: 10px 25px !important;
font-weight: bold;
border-radius: 11px;
text-decoration: none;
width: 80%;
margin: auto;
width: max-content;
}
.nearest-store-btn:hover{background-color: black !important;}
.nearest-store-btn a{ 
font-size: 20px;
text-decoration: none;
color: white;
}
#main-foot h3{
border-bottom: 2px solid #dd0c29;
padding-bottom: 15px;
width: fit-content;
margin-bottom: 10px;
}
#menu-follow-us-menu i {width: 20px;}
#main-foot li{
list-style: none;
padding-left: 0;
}
#main-foot li a{
color: white;
list-style: none;
text-decoration: none;
}
#main-foot li a:hover{
color: #dd0c29;
text-decoration: underline;
}
footer .bottom-angled{
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7)), url(https://autozone.co.za/wp-content/uploads/2025/02/carbon-square.jpg);;
clip-path: polygon(0 0%, 15% 12%, 100% 0%, 100% 100%, 100% 100%, 0 100%);
}
#menu-social-links svg{width: 60%;}
#main-foot svg{width: 18px;}
#menu-social-links svg path, #main-foot svg path {fill: white;}
#bottom-section{
background-size: cover !important;
background-position: center !important;
}
#bottom-section .row{
padding-top: 10%;
justify-content: center;
align-items: center;
}
.bottom-content {
position: relative;
border: 2px solid;
border-radius: 25px;
padding: 15px 20px;
margin-right: -150px;
padding-right: 150px !important;
}
.bottom-content img{
--smush-placeholder-width: 282px;
--smush-placeholder-aspect-ratio: 282/218;
width: 60px;
position: absolute;
top: -30px;
left: 30px;
}
.bottom-content-image {
position: relative;
}    .side-bar{width: 300px !important;}
.side-bar-container{
padding: 20px;
border: 2px solid #dd0c29;
border-radius: 25px;
margin-right: 20px;
}
.article-image{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 20%;
}
.article-border{
border: 2px solid rgba(0,0,0,0.1);
border-radius: 25px;
overflow: hidden;
}
.single-article .click-hand{
padding: 15px;
margin-right: 10px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.single-article .read-more{
text-decoration: navajowhite;
color: black;
font-weight: bold;
text-transform: uppercase;
font-size: 20px;
}
.paginated a, .paginated .current{
border: 1px solid rgba(0,0,0,0.2);
padding: 3px 12px;
display: inline-block;
text-decoration: navajowhite;
text-transform: uppercase;
color: black;
background: white;
}
.paginated .current{
background: black;
color: white;
}
.side-bar-links a{
color: black;
text-decoration: none;
text-transform: capitalize;
font-weight: bold;
}
.side-bar-links a:hover{color: #dd0c29;}
.side-bar .side-bar-cats .floating-bg{
position: absolute;
top: 0;
bottom: -23px;
right: -20px;
left: -100vw;
border-radius: 20px;
z-index: -1;
}
.side-bar-cats a{
color: white;
text-decoration: none;
}
.side-bar-cats a:hover{color: black;}
.side-bar #load-more{
margin-left: -400px;
width: 600px;
text-align: end;
background: white;
border: white;
border-radius: 5px;
padding: 3px;
padding-right: 3px;
padding-right: 12px;
}    .dealsSection .deal-content,
.locationSection .location-content{
z-index: 9;
}
.dealsSection  .background-red{
background: rgba(222,11,39,0.8);
width: 150%;
height: 70%;
position: absolute;
border-radius: 25px;
right: 10%;
}
.locationSection  .background-grey{
background: rgba(0,0,0,0.8);
width: 150%;
height: 70%;
position: absolute;
border-radius: 25px; 
left: 10%;
}
#front-middle{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#front-middle .click-icon{
width: 50px;
height: 45px;
display: inline-block;
background-size: contain;
padding-right: 10px;
background-repeat: no-repeat;
background-position: center;
}
#front-middle .dealsSection,#front-middle .locationSection{
position: relative; }
#front-middle .location-content {margin-left: auto;}
#front-middle .vehicleSection{
left: 0;
right: 0;
width: fit-content;
margin: auto;
z-index: 999;
}
.shop-banner{padding-bottom: 60px;}
.shop-banner{
position: relative;
z-index: 999;
}    #profile-page .profile-section-1{
margin-bottom: 120px;
padding-top: 100px;
background-image: url(https://autozone.co.za/wp-content/uploads/2025/02/profile-1-background.jpg);
background-size: cover;
background-position: center;
}
#profile-page .profile-section-1 img{ margin-bottom: -100px; }
#team-members{
clip-path: polygon(0 5%, 80% 0%, 100% 5%, 100% 95%, 15% 100%, 0 92%);
padding: 60px;
margin-bottom: -40px;
}
.single-member .member-image{
padding: 50%;
border-radius: 100%;
position: relative;
background-size: cover;
background-position: center;
}
.single-member .member-circle{
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transition: ease-in-out all 600ms;
}
.single-member .member-circle:hover{
opacity: .8;
}    #page-image{
height: 40vh;
background-size: cover !important;
background-position: center !important;
clip-path: polygon(0 0%, 100% 0%, 100% 0%, 100% 90%, 15% 100%, 0 92%);
}
.terms-page-menu li a{
background: black;
padding: 10px 15px;
font-weight: bold;
color: white !important;
text-decoration: none;
}
.terms-page-menu li a:hover, .terms-page-menu .current-menu-item a{background: #dd0c29;}    #single-post .article-sidebar {
border-right: 2px solid #dd0c29;
padding-right: 20px !important;
}
#single-post .article-content h1{
background: #dd0c29;
clip-path: polygon(0% 0%, 0% 0%, 25% 0%, 100% 0%, 100% 95%, 25% 100%, 0 95%);
padding: 20px 10px 25px;
color: white;
}
.post-meta p, .post-meta ul{margin-bottom: 0 !important;}
.post-categories{
list-style: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
}
.post-categories a{
text-decoration: none;
color: #dd0c29;
padding: 0 5px;
border-left: 2px solid #dd0c29;
}
.post-categories a:hover{color: black;}
.post-categories li:first-child a{
margin-left: 5px;
border-left: none;
} #single-post .article-content a{
color: #dd0c29;
font-weight: bold;
}
#single-post .tb-button__link{color: white !important;}
#event-map iframe{width: 100%  !important;}        .about-section-1{margin-bottom: -100px;}
.about-section-1 .wp-block-group:nth-child(1) {margin-bottom: 0;}
.about-section-2{
background: linear-gradient(0deg, rgba(0,0, 0, 0.5), rgba(0,0, 0, 0.5)), url(https://autozone.co.za/wp-content/uploads/2025/02/about-section-2-bg.jpg);
padding: 80px 0;
background-size: cover;
background-position: bottom center;
clip-path: polygon(0% 0%, 0% 0%, 25% 8%, 100% 0%, 100% 90%, 25% 100%, 0 90%);
}
.about-section-3{
background: white;
position: relative;
z-index: 99;
padding-top: 50px;
clip-path: polygon(0% 0%, 0% 0%, 25% 0%, 100% 0%, 100% 95%, 25% 100%, 0 95%);
margin-bottom: -120px;
}
#about-bottom{
padding: 150px 0;
} #about-middle{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background: rgba(0, 0, 0, 0.1);
}
#about-middle .click-icon{
width: 50px;
height: 45px;
display: inline-block;
background-size: contain;
padding-right: 10px;
background-repeat: no-repeat;
background-position: center;
}
#about-middle .dealsSection .background-red{
background: linear-gradient(0deg, rgba(221,12, 41, 0.8), rgba(221,12, 41, 0.8)), url(https://autozone.co.za/wp-content/uploads/2025/02/about-passion.png);
background-size: contain;
background-position: center;
}
#about-middle .laptop-section .background-grey{
position: absolute;
height: 200px;
right: -100vw;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
bottom: 100px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
z-index: -1;
}
#about-middle .dealsSection{
position: relative;
margin-top: 100px;
}
#about-middle .laptop-section{  margin-top: -30%;
} #about-bottom .click-icon{
width: 50px;
height: 45px;
display: inline-block;
background-size: contain;
padding-right: 10px;
background-repeat: no-repeat;
background-position: center;
}    #contact-header{
background-size: cover;
background-position: bottom left;
}
#contact-header .image-header-block{
height: 300px;
background-position: top center !important;
background-size: cover !important;
border-radius: 25px;
display: flex;
align-items: center;
max-width: 80vw;
margin: auto;
}
#contact-header .store-locator-btn a{
position: absolute;
bottom: -40px;
right: -50px;    
}
#contact-header .store-locator-btn img {
max-width: 200px;
width: 100%;
}
.contact-left{
position: relative;
color: white;
padding: 50px;
}
.contact-left .whatsapp-btn {
background: #dd0c29;
font-weight: bold;
padding: 10px 20px;
display: block;
width: max-content;
border-radius: 10px;
text-decoration: navajowhite;
}  
.contact-left .whatsapp-btn:hover{
background: white;
color: #dd0c29;
}  
.contact-left a{color: white;}
.contact-left a:hover{color: #dd0c29;}
.contact-left::before{
content: "";
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://autozone.co.za/wp-content/uploads/2025/02/contact-center-l.jpg);
position: absolute;
top: 0;
bottom: 20%;
right: 0;
left: -100%;
z-index: -1;
border-radius: 25px;
background-size: cover;
}
#contact-bottom .section-background{
left: 20%;
top: -20px;
bottom: -10px;
right: 0;
position: absolute;
border-radius: 25px;
}
#contact-bottom .left-image {
margin-left: -100px;
position: absolute;
left: 0;
top: -40px;
}
#contact-bottom .flag-background img{max-width: 140%;}
#contact-bottom .left-image img{min-width: 120%;}
#contact-bottom .angled-image {
width: 100%;
position: absolute;
top: 10px;
bottom: -56px;
left: 0;
right: 0;
background-size: cover;
background-position: bottom;
z-index: -1;
clip-path: polygon(0 0%, 15% 12%, 100% 0%, 100% 82%, 15% 100%, 0 82%);
}    .timeline-section{padding: 60px !important;}
.timeline-section::before{
content: "";
background-color: rgba(0, 0, 0, 0.1);
width: 20%;
position: absolute;
left: 0;
right: 0;
margin: auto;
z-index: -1;
top: 0;
bottom: 0;
height: 100%;
}    #vacancy-page .modal{z-index: 99999;}    #scrollToTopBtn{
position: sticky;
top: 90vh;
z-index: 10;
width: 100%;
margin-top: 10px;
background: #d50032;
}
#location-page #offcanvasStores{
padding: 20px;
overflow: scroll;
}
#location-page .store-location-btn{
position: absolute;
top: 60px;
left: 20px;
z-index: 99;
}
#location-page .locations-side{position: absolute;}
#location-page .map-block{
max-height: 80vh;
min-height: 80vh;
flex-basis: 100%;
}
#location-page .locations-side{z-index: 9999;}
#location-page .map-block{ overflow: hidden;
margin-bottom: -50px !important;
}
#location-page .contact-details a{color: #d50032;}
.map-block{margin: 0 !important;}
.store-block{
padding: 20px;
overflow-x: scroll;
max-height: 90vh;
min-width: 340px;
}
.store-location p{
margin: 0;
}
.view-store, .store-btn a{
background: #797a7d;
border: 1px solid black;
color: white !important;
padding: 5px 10px;
margin: 0 10px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
text-decoration: none;
}
.store-btn a:hover{ background: #d50032;}
.store-list{list-style: none;}
.store-list h4 a{
padding: 5px 10px;
background-color: #797a7d;
width: 100%;
display: block;
color: white;
background: #d50032;
list-style: none;
text-decoration: none;
padding: 10px;
}
.store-list h4 a:hover{
background-color:#d50032 !important;
color: white;
}
.store-list a:hover{color: #d50032;}
.store-list p{ 
font-size: 14px;
font-weight: bold;
}
.store-list h6{
margin-bottom: 0;
font-size: 20px;
}
#toolset-maps-distance-center{
width:100%!important;
}
#toolset-maps-distance-value{
width: 100%!important; float: left!important;
margin-bottom: 5px;
}
.js-toolset-maps-distance-unit{
width: 50%!important;
display: none!important;
pointer-events:none!important;
}
.js-toolset-maps-distance-current-location{
width:100%!important;
color:white!important;
background-color: #d50032!important;
padding: 5px 0px 5px 0px!important;
margin-top:10px!important;
margin-bottom:10px!important;
}
.map-marker a{color: #d50032;}
.map-marker button{
background: #d50032;
border: 2px solid #d50032;
width: 100%;
margin: auto;
}
.gm-style-iw-ch{display: none !important;}
.gm-ui-hover-effect > span:nth-child(1) {margin: 0;}
#js-map-elements h6{
font-weight: bold;
color: #d50032;
text-transform: uppercase;
text-decoration: underline;
}     #single-store form label, #single-store form .frm_primary_label{color: white !important;}
#single-store form .frm_button_submit {
background-color: #dc0a29;
padding: 10px;
font-weight: bold;
color: white;
text-transform: uppercase;
border-color: #d50032;
width: 100%;
}
#single-store .contact-address i, #single-store .contact-address p{
display: inline-block;
margin-bottom: 0;
}
#single-store i{
min-width: 20px;
color: #d50032;
text-align: center;
}
#single-store a{
text-decoration: underline;
color: black;
}
#single-store a:hover{
color: #d50032;
}
#single-store .store-details{
border: 2px solid #d50032;
}
#single-store h1{
clip-path: polygon(0% 0%, 0% 0%, 25% 0%, 100% 0%, 100% 95%, 25% 100%, 0 95%);
padding: 20px 10px 25px;
}
#store-locator .map-sidebar{
max-height: 70vh;
overflow: scroll;
}
#navigateBtn{
background-color: #dc0a29;
padding: 10px;
font-weight: bold;
color: white;
text-transform: uppercase;
border-color: #d50032;
}
#navigateBtn:hover{background-color: black;}        #tribe-events-pg-template .tribe-events-schedule::before{
content: "DATE: ";
font-weight: bold;
padding-right: 5px;
} 
#tribe-events-pg-template .tribe-events-cost::before{content: "Ticket Price: ";}
#tribe-events-pg-template .tribe-events-single-event-title {
background: #dd0c29;
clip-path: polygon(0% 0%, 0% 0%, 25% 0%, 100% 0%, 100% 95%, 25% 100%, 0 95%);
padding: 20px 10px 25px;
color: white;
text-align: center;
}
.tribe-events-event-image img{width: 100%;}
#tribe-events-pg-template .tribe-events-single-section{width: 100%;}
#tribe-events-pg-template .tribe-events-venue-map{min-width: 50%;}
#tribe-events-pg-template .tribe-events-venue-map iframe{
height: 400px;
max-height: 400px;
}
#tribe-events-pg-template .tribe-common-c-btn-border {
background-color: #d50032;
color: white;
border-color: #d50032;
fill: white;
}
#tribe-events-pg-template  .tribe-events-meta-group .tribe-events-single-section-title {
text-transform:uppercase;
font-weight: bold;
font-size: 20px;
text-decoration: underline;
color: #d50032;
}
#tribe-events-pg-template a{color: #d50032 !important;}
#tribe-events-pg-template a:hover{color: black !important;}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border,
.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button{
background-color: #d50032;
color: white;
border: #d50032;
}
.tribe-common .tribe-common-c-btn-border:hover, .tribe-common a.tribe-common-c-btn-border:hover,
.tribe-events .tribe-events-c-search__button:hover, .tribe-events button.tribe-events-c-search__button:hover{
background-color: #797a7d !important;
}
.tribe-common a:not(.tribe-common-anchor--unstyle), .tribe-common a:not(.tribe-common-anchor--unstyle):active, .tribe-common a:not(.tribe-common-anchor--unstyle):focus, .tribe-common a:not(.tribe-common-anchor--unstyle):hover, .tribe-common a:not(.tribe-common-anchor--unstyle):visited{ 
color: #d50032 !important;
}        @media only screen and (max-width: 1200px){
#driving-gif img{
max-width: 1800px !important;
width: 1800px !important;
}
#contact-header .store-locator-btn a {right: 0;}
#front-middle .container-xl {overflow: hidden;}
}
@media only screen and (max-width: 991px){
.car-menu{
height: 25vw;
min-height: 0;
}
.car-menu .row{
height: 100%;
align-items: flex-end !important;
}
#car-image{
display: block;
margin: auto auto 0;
}
.navbar{border-bottom: 2px solid;}
#offcanvasNavbar {
max-height: 100vh;
overflow-y: auto;
overflow-x: hidden;
background: black !important;
padding: 0 !important;
right: 0;
left: inherit;
position: fixed !important;
-webkit-overflow-scrolling: touch;
}
#offcanvasNavbar:not(.show) {
visibility: hidden;
pointer-events: none;
}
#mynavbar{
top: 0;
padding: 0;
}
#mynavbar .sub-menu{
position: relative;
opacity: 1;
max-height: initial !important;
}
#mynavbar .sub-menu a {
background-color: #797a7d;
border-color: #797a7d;
font-size: 16px;
}
#mynavbar{
top: 50px;
z-index: 999;
}  
#category-archive .single-article .article-image{padding:50%;} 
#category-archive .single-article p{display:none;} 
#category-archive .side-bar{width: 350px !important;}
#contact-bottom .left-image img {min-width: 150%;}
#contact-bottom .left-image {top: -30px;}
#contact-bottom .flag-background img {max-width: 35vw;}     
.about-section-1 {margin-bottom: -70px;}
#team-members {clip-path: polygon(0 2%, 80% 0%, 100% 2%, 100% 95%, 15% 98%, 0 97%);}
.about-section-2 {clip-path: polygon(0% 0%, 0% 0%, 25% 3%, 100% 0%, 100% 97%, 25% 100%, 0 98%);}
.section-clip-bottom-2{clip-path: polygon(0% 0%, 75% 5%, 100% 0%, 100% 0%, 100% 98%, 15% 100%, 0 98%);}
.section-clip-bottom {
clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% 98%, 75% 100%, 0 98%);
margin-bottom: -10px;
}
#contact-bottom .angled-image {clip-path: polygon(0 0%, 15% 2%, 100% 0%, 100% 95%, 15% 100%, 0 96%) !important;}
footer .bottom-angled {clip-path: polygon(0 0%, 15% 2%, 100% 0%, 100% 100%, 100% 100%, 0 100%) !important;}
#about-middle .laptop-section .background-grey{ right: 0; }
}
@media only screen and (max-width: 767px){
#contact-bottom .left-image {
top: 0;
position: relative;
}
#contact-bottom .left-image img {min-width: 100%;}
#contact-bottom .left-image {
margin-left: 0;
top: 0; 
}
#contact-bottom .section-background {
top: 200px;
bottom: 0px;
left: 10px;
}
#contact-bottom .flag-background{align-self: end;}
#contact-bottom .flag-background img{
max-width: 55vw;
margin-bottom: 30px;
}
#about-middle .laptop-section {
margin-top: -10%;
margin-bottom: 10%;
}
#about-middle .laptop-section .background-grey {
right: 0;
left: 40px;
}
.bottom-content {
margin-right: 0;
padding-right: 20px !important;
}
#single-post .article-sidebar{
padding: 1rem !important;
border-right: none;
}
#category-archive .side-bar-links {display: none;}      
#category-archive .side-bar{width: 100% !important;}
#category-archive .row{flex-direction: column;}
#category-archive #category-container {
display: flex;
flex-wrap: wrap;
}
#category-container .category-list{ padding: 10px 20px;}
#category-container .category-list hr{display: none;}
.article-loop{width: 100%;}
.about-section-1 {margin-bottom: -70px;} .car-menu .container-fluid {position: inherit !important;}
#round-image{
padding: 50% !important;
border-radius: 100%;
background-size: cover;
}
#front-middle .vehicleSection {
position: relative !important;
height: 40vh !important;
position: relative !important;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
#front-middle .vehicleSection img{
transform: rotate(90deg);
width: auto;
max-height: 80vh;
}
.mobile-hide{display: none;}
.mobile-show{display: block;}
.family-content a{
position: relative;
width: 100%;
}
.familySection{margin-top: 0;}
.familySection .background-grey{
position: absolute !important;
bottom: 0;
}
.familySection a{bottom: 0;}
.partsSection img,
.partsSection {
position: relative;
}        
#team-members{padding: 0;}
.timeline-section{padding: 20px !important;}
}
@media only screen and (max-width: 575px){ .gm-style .gm-style-iw-c{
padding: 10px !important;
width: 80vw !important;
min-width: 80vw !important;
}
.map-marker h6{display: none;}
#main-foot .nearest-store-btn i{width: 100%;}
#main-foot .nearest-store-btn{
top: 0;
margin-bottom: -40px;
position: relative !important;
max-width: 80%;
}
.locationSection .background-grey,
.dealsSection  .background-red {
width: 95%;
right: auto;
left: auto;
}
#contact-bottom .flag-background img {max-width: 100vw;}
#contact-bottom .section-background {
top: 10%;
bottom: 0;
left: 10px;
right: 10px;
}
#main-foot .footer-menu{ 
text-align: center !important; padding-bottom: 0px !important;
}
#main-foot .footer-menu h3{ margin: 10px auto !important; }    
footer .bottom-angled{clip-path: polygon(0 0%, 15% 8%, 100% 0%, 100% 100%, 100% 100%, 0 100%);}
} .car-menu{
position: relative;
}
.car-menu-bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
display: block;
}
.car-menu .container-fluid{
position: relative;
z-index: 1;
height: 100%;
}