/** MOBILE -------------------------------------------------------------- **/
/** Mobile Header -------------------------------------------------------------- **/
.row.fullheader.mobile {
    background: #000;
    margin: 50px 0px 0px 0px !Important;
    padding: 0px 0px 0px 0px;
    color: #fff;
}
.m-navbar .mobile-click-menu {
    background: red;
    margin: 0px 0px 0px 0px !Important;
    padding: 6px 30px 5px 30px;
}
.mobile-click-menu .fa-bars {
    color: #fff;
    text-shadow: none !important;
    font-size: 2rem;
}
.row.fullmenu.mobile {
    background: #2A2A2A;
    height: 50px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 1000;
    top: 0px;
}

/** HEADER **/
/** Top Row **/
.row.fullheader.mobile .logosearchworkshop {
    background: none;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


.row.fullheader.mobile .acelogo {
    background: none;
    width: 100%;
    color: #fff;
    margin: 0px auto 0px auto;
    align-content: center;
}
.row.fullheader.mobile .acelogo img {
    width: 60%;
    margin: 0px auto 0px auto;
    padding: 10px 0px;
    display: block;
}
.row.fullheader.mobile .acesearch {
    background: none;
    width: 100%;
    color: #fff;
    margin: 0px auto 0px auto;
    display: block;
}
.row.fullheader.mobile .aceworkshop {
    background: none;
    width: 100%;
    color: #fff;
    margin: 0px 0px 10px 0px;
}

.row.fullheader.mobile .aceworkshop img {
    background: none;
    width: 100%;
    margin: 30px auto 22px auto;
    padding: 0px 0px 10px 0px;
    display: block;
}
/** Middle Row **/
.row.fullheader.mobile .addressphone {
    background: none;
    width: 100%;
    text-align: left;
    float: left;
    margin: 3px 0px 10px 0px;
    padding: 0px 0px 20px 0px;
}
.row.fullheader.mobile .address {
    width: 100%;
    text-align: center;
    margin: 2px 0px 25px 0px;
}
.row.fullheader.mobile .phone {
    display: flex;
    justify-content: center;
    align-items: center;
}
.row.fullheader.mobile .address a.fa-map-marker,
.row.fullheader.mobile .address a {
    color: #FFCC2A;
 }
.row.fullheader.mobile .address .fa-map-marker a:hover,
.row.fullheader.mobile .address a:hover {
    background: red;
    color: #fff;
}
.row.fullheader.mobile .address a {
    background: #2a2a2a;
    border: 0px solid #ddd;
    border-radius: 5px;
    padding: 7px 20px 9px 20px;
    color: #FFCC2A;
    text-align: center;
    font-size: 1.5rem;
    font-weight: normal;
}
.row.fullheader.mobile .phone .fa-phone,
.row.fullheader.mobile .phone a {
    color: #FFCC2A;
}
.row.fullheader.mobile .phone .fa-phone a:hover,
.row.fullheader.mobile .phone a:hover {
    background: red;
    color: #fff;
}
.row.fullheader.mobile .phone a {
    background: #2a2a2a;
    border: 0px solid #ddd;
    border-radius: 5px;
    margin: 10px 0px 0px 0px;
    padding: 10px 35px 10px 35px;
    text-align: center;
    font-size: 2.7rem;
    font-weight: bold;
}
.row.fullheader.mobile .address .fa-map-marker {
    font-size: 1.9rem;
    padding: 0px 5px 0px 0px;
}
.row.fullheader.mobile .phone .fa-phone {
    font-size: 2.1rem;
    padding: 0px 10px 0px 0px;
}
.row.fullheader.mobile .phone a.facebook {
    background-image: url('/image/catalog/website/facebook-logo-icon_normal.png');
    background-color: #3b579d;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 3px 25px 4px 25px;
    margin: 0px 0px 0px 0px;
}
.row.fullheader.mobile .phone a:hover.facebook {
    background-image: url('/image/catalog/website/facebook-logo-icon_hover.png');
    background-color: red;
}

/** BREADCRUMBS --------------------------------------------------------------**/
.wide_breadcrumb {
    background: #ddd;
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wide_breadcrumb a.goback {
    background: #2A2A2A;
    border-radius: 5px;
    border: 0px solid #000;
    color: #FFCC2A;
    padding: 7px 15px 8px 15px;
}
.wide_breadcrumb a:hover.goback {
    background: red;
    color: #fff;
}
.wide_breadcrumb ul {
    background: #ddd;
}
.wide_breadcrumb .breadcrumb li a {
    background: none;
    margin: 0px 0px 0px 0px;
    color: #000;
    font-size: 1.1rem;
}
.wide_breadcrumb .breadcrumb li a:hover {
    text-decoration: underline;
    color: #FFF;
}

/** WIDE HERO BACKGROUNDS -------------------------------------------------------------- **/
/** Hero Backgrounds **/
.wide_hero.home.mobile,
.wide_hero.page.mobile {
    background-image: url('/image/catalog/website/backgrounds/ace-tyres-and-auto-home-page-tyre-background-mobile.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    margin-top: 0px;
}
.mobile .wide_hero.page.brand {
    background-image: url('/image/catalog/website/backgrounds/ace-tyres-and-auto-home-page-tyre-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    margin-top: 225px;
}

/** Wide Hero Content ----------------------------------------**/
.mobile .container.home {
    background: none;
    margin: 20px auto 40px auto;
}
.mobile .container.home .herocontent {
    background: none;
    text-align: center;
}
.mobile .container.home .herocontent h1.h1_title {
    background: none;
    font-size: 4rem;
    line-height: 4.75rem;
    font-weight: 900;
    margin-bottom: 15px;
}
.mobile .container.home .herocontent h1.h1_title .statementup {
    color: #FFF;
}
.mobile .container.home .herocontent h1.h1_title .statementdown {
    color: #FFCC2A;
}
.mobile .container.home .herocontent h2.h2_title {
    background: none;
    font-size: 1.75rem;
    line-height: 2.5rem;
    font-weight: 600;
    color: #FFF;
    margin-bottom: 15px;
}
.mobile .container.home .herocontent h2.h2_title .statementup {
    color: #FFF;
    margin-bottom: 15px;
}
.mobile .container.home .herocontent h2.h2_title .statementdown {
    color: #fff;
}

/** Wide Buttons **/
.mobile .container.home .herobuttons {
    background: none;
    margin-top: 40px;
    text-align: center;
}



.mobile .container.home .herobuttons .herobutton {
    background: #2A2A2A;
    border-radius: 5px;
    font-size: 2rem;
}



.mobile .container.home .herobuttons .herobutton_left {
    background: none;
    margin-bottom: 40px;
}

.mobile .container.home .herobuttons .herobutton_right {
    background: none;
}


.mobile .container.home .herobuttons .herobutton_left a {
    background: #FFCC2A;
    color: #000;
    padding: 10px 20px;
}
.mobile .container.home .herobuttons .herobutton_right a {
    background: #2A2A2A;
    color: #FFCC2A;
    padding: 10px 20px;
}
.mobile .container.home .herobuttons .herobutton_left a:hover,
.mobile .container.home .herobuttons .herobutton_right a:hover {
    background: #FF0000;
    color: #fff;
}

/** WIDE ROWS -------------------------------------------------- **/
.wide_hero.home {
    width: 100%;
}
.wide_first.home {
    width: 100%;
}
.wide_second.home {
    width: 100%;
}
.wide_third.home {
    width: 100%;
}
.wide_forth.home {
    width: 100%;
}
.wide_fifth.home {
    width: 100%;
}
.wide_sixth.home {
    width: 100%;
}
.wide_lastrow.home {
    width: 100%;
}
.wide_footer.form {
    width: 100%;
}

/** CONTAINER CONTENT ----------------------------------------**/
.mobile #common-home {
    margin-top: 0px;
}
.mobile #product-page {
    margin-top: 0px;
}
.mobile #product-category {
    margin-top: 20px;
    margin-bottom: 50px;
}
.mobile #product-product {
        margin-top: 20px;
        margin-bottom: 75px;
}
.mobile #information-information {
    margin-top: 45px;
    margin-bottom: 50px;
}
.mobile #product-search {
    margin-top: 0px;

}
.mobile #product-manufacturer {
    margin-top: 20px;
    margin-bottom: 50px;
}
.mobile #account-login {
    margin-top: 20px;
    margin-bottom: 75px;
}
.mobile #information-sitemap {
    margin-top: 20px;
    margin-bottom: 75px;
}
.mobile #product-compare {
    background: #fff;
    margin-top: 20px;
    margin-bottom: 0px;
    border-radius: 20px;
    padding: 20px 25px;
}
.mobile .category_description {
    font-size: 3rem;
    font-weight: 600;
    color: #000;
    padding: 10px 0px 20px 0px;
    text-align: center;
}

/** BLOCK MARGINS --------------------------------**/
/** Infinite Modules Home **/
.mobile #infinite-module-html-154 { /* products_services - Tyres */
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.mobile #infinite-module-html-153 { /* products_services - Wheels/Suspension */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 45px 0px;
}
.mobile #infinite-module-html-155 { /* Google Reviews */
    margin: 0px 0px 0px 0px;
    padding: 45px 0px 45px 0px;
}
.mobile #infinite-module-html-165 { /* homepage_specials - Promos */
    margin: 0px 0px 0px 0px;
    padding: 45px 0px 35px 0px;
}
.mobile #infinite-module-html-156 { /* responsive-row home - About Us */
    margin: 0px 0px 0px 0px;
    padding: 45px 0px 45px 0px;
}
.mobile #infinite-module-html-158 { /* responsive-row home - We Keep You Moving */
    margin: 0px 0px 0px 0px !important;
    padding: 45px 0px 45px 0px;
}
.mobile #infinite-module-html-141 { /* We've Got You Covered */
    margin: 45px 0px 45px 0px;
    padding: 0px 0px 0px 0px;
}
.responsive-row.form {
    padding: 0px 0px;
}

/** [PAGE] - HERO - Content ----------------------------------------**/
.mobile .page.container.brand {
    background: red;
    margin: 50px auto 50px auto;
}
.mobile .container.page {
    background: none;
    margin: 50px auto 50px auto;
}
.mobile .container.page .herocontent {
    background: none;
    text-align: center;
}
.mobile .container.page .herocontent .h1_title {
    background: none;
    font-size: 4rem;
    line-height: 4.75rem;
    font-weight: 900;
    margin-bottom: 15px;
}
.mobile .container.page .herocontent .h1_title .left {
    color: #FFF;
}
.mobile .container.page .herocontent .h1_title .right {
    color: #FFCC2A;
}
.mobile .container.page .herocontent .h2_title {
    background: none;
    font-size: 1.75rem;
    line-height: 2.5rem;
    font-weight: 600;
    color: #FFF;
    margin-bottom: 15px;
}
.mobile .container.page .herocontent .h2_title .left {
    color: #FFCC2A;
}

.mobile .container.page .herocontent .h2_title .right {
    color: #fff;
}

/** [PAGE] - HERO - Buttons **/
.mobile .container.page .herobuttons {
    background: none;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
}
.mobile .container.page .herobuttons .herobutton_left {
    background: none;
    float: left;
    margin-right: 15px;
}
.mobile .container.page .herobuttons .herobutton_left a {
    background: #FFCC2A;
    color: #000;
}
.mobile .container.page .herobuttons .herobutton_left a:hover {
    background: #FF0000;
    color: #fff;
}
.mobile .container.page .herobuttons .herobutton_right {
    background: none;
    float: left;
    margin-right: 15px;
}
.mobile .container.page .herobuttons .herobutton_right a {
    background: #2A2A2A;
    color: #FFCC2A;
}
.mobile .container.page .herobuttons .herobutton_right a:hover {
    background: #FF0000;
    color: #fff;
}
.mobile .container.page .herobuttons .herobutton {
    background: #2A2A2A;
    float: left;
    border: 0px solid #000;
    border-radius: 10px;
    font-size: 1.8rem;
    padding: 10px 20px;
    text-align: center;
}

/** [PAGE] - HEADER - Title **/
.mobile .container.page.sub {
    background: none;
    margin: 50px auto 50px auto;
}
.mobile .container.page.sub .subpageheader {
    background: none;
    text-align: center;
}
.mobile .container.page.sub .subpageheader .h1_title {
    font-size: 5.0rem;
    line-height: 5.0rem;
    font-weight: 900;
    color: #FFCC2A;
}


/** Hateemel --------------------------------------------------------*/
.mobile .hateemel {
    border: 0px solid #DDD;
    padding:0px;
    margin-bottom: 0px;
    overflow: auto;
    text-shadow: none;
    font-weight: 900;
}
.mobile h3.hateemel {
    background: #FFCC2A;
    width: 99%;
    color: #111;
    font-size: 3rem;
    text-align: center;
    margin: 50px 0px 30px 0px !important;
    padding: 15px 0px !important;
    border-radius: 10px;
}

/** UMOD ----------------------------------------**/
.mobile h3.umod_title {
    background: #FFCC2A;
    color: #111;
    font-size: 3rem;
    text-align: center;
    margin: 0px 0px 20px 0px;
    padding: 13px 0px;
    border-radius: 10px;
}

/** Special Deals Banner **/
.mobile .special_deals_banner {
    margin-bottom: 50px;
}
.mobile  .special_deals_banner .promobanners {
    margin-bottom: 30px;
}
.mobile .special_deals_banner img {
    border: 0px solid #ddd;
    border-radius: 20px;
}

.mobile .special_deals_banner .herobuttons {
    background: none;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
}
.mobile .special_deals_banner .herobuttons .herobutton {
    background: #2A2A2A;
    float: left;
    border: 0px solid #000;
    border-radius: 5px;
    font-size: 1.6rem;
    padding: 5px 10px;
}
.mobile .special_deals_banner .herobuttons .herobutton_left {
    background: none;
    float: left;
    margin-right: 15px;
}
.mobile .special_deals_banner .herobuttons .herobutton_right {
    background: none;
    float: left;
    margin-right: 0px;
}
.mobile .special_deals_banner .herobuttons .herobutton_left a,
.mobile .special_deals_banner .herobuttons .herobutton_right a {
    background: #2A2A2A;
    color: #FFCC2A;
}
.mobile .special_deals_banner .herobuttons .herobutton_left a:hover,
.mobile .special_deals_banner .herobuttons .herobutton_right a:hover {
    background: #FF0000;
    color: #fff;
}

/** WE'VE GOT YOU COVERED ------------------------------------*/
.mobile .row-text .h5_row_text_git {
    background: none;
    font-size: 1.75rem;
    font-weight: 900;
    color: #FFCC2A;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.mobile .row-text .h6_row_text_git {
    font-size: 3.5rem;
    font-weight: 900;
    padding: 10px 0px 15px 0px;
    text-align: center;
}
.mobile .row-text .p_row_text_git {
    font-size: 1.75rem;
    line-height:2.5rem;
    font-weight: 500;
    padding-bottom: 20px;
    text-align: left;
}
/** DETAILS **/
.mobile .row_details_git {
    background: none;
    padding-bottom: 25px;
}
.mobile .row_details_git ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
/** Phone **/
.mobile .row_details_git .contact,
.mobile .row_details_git .location {
    background: none;
    border-radius: 10px;
}
.mobile .row_details_git .contact a .phone,
.mobile .row_details_git .location a .address {
    color: #000;
    font-size: 1.75rem;
}
.mobile .row_details_git .contact a:hover .phone,
.mobile .row_details_git .location a:hover .address {
    color: #000;
}

.mobile .row_details_git .contact a .info,
.mobile .row_details_git .location a .info {
    color: #000;
    font-size: 1.2rem;
}
.mobile .row_details_git .contact a:hover .info,
.mobile .row_details_git .location a:hover .info {
    color: #000;
}

.mobile .row_details_git .contact a .fa-square-phone,
.mobile .row_details_git .location a .fa-location-dot {
    background: none;
    color: #000;
    font-size: 5rem;
    float: left;
}
.mobile .row_details_git .contact a:hover .fa-square-phone,
.mobile .row_details_git .location a:hover .fa-location-dot {
    color: red;
}

/** Blocks **/
.mobile .row_blocks_git {
    background: none;
    width: 100%;
    float: left;
    padding: 0px 0px 0px 0px;
    border-radius: 20px;
}
.mobile .row_blocks_git .blocks {
    background: #000;
    margin: 10px 0px 0px 0px;
}
.mobile .row_blocks_git .blocks .pagelink a {
    background: #000;
    width: 100%;
    float: left;
    padding: 30px;
    margin: 10px 0px 0px 0px;
    display: block;
    border-radius: 20px;
    color: #fff;
    font-size: 1.75rem;
    text-align: left;
}
.mobile .row_blocks_git .blocks .pagelink a .fa-circle-info {
    background: none;
    float: left;
    padding: 5px;
    margin: 0px 15px 0px 0px;
    display: block;
    border-radius: 12px;
    color: #FFCC2A;
    font-size: 3rem;
    text-align: left;
}
.mobile .row_blocks_git .blocks .pagelink a:hover .fa-circle-info {
    color: #fff;
}
.mobile .row_blocks_git .blocks .pagelink a:hover {
    background: red;
    color: #fff;
}
.bootstrap-xform {
    background: #fff;
    padding: 40px;
    border-radius: 25px;
}

/** RESPONSIVE CONTENT HOME - Image / Text **/
.mobile .responsive-row.home {
    background: #2A2A2A;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 95%;
    margin: 0px auto 0px auto;
    border-radius: 15px;
}
.mobile .home .row-text {
    padding: 20px 0px 0px 10px;
}
.mobile .home .row-text .h5-row-text {
    text-align: left;
    font-size: 1.75rem;
    font-weight: normal;
    color: #FFCC2A;
    margin-bottom: 10px;
}
.mobile .home .row-text .h6-row-text {
    text-align: left;
    font-size: 3.5rem;
    font-weight: normal;
    color: #fff;
    margin-bottom: 15px;
}
.mobile .home .row-text .p-row-text {
    padding: 0px 20px 20px 0px;
    color: #ccc;
    font-size: 1.5rem;
}
/* Ensures elements share the space equally **/
.mobile .home .row-image,
.mobile .home .row-text {
    flex: 1;
}
/* Makes the image fully responsive **/
.mobile .home .row-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
    border: 1px solid #444;
}
/* Mobile responsive breakdown  */
@media (max-width: 768px) {
    .mobile .responsive-row.home  {
                    flex-direction: column; /* Stacks the columns vertically */
}
}

/** RESPONSIVE HOMEPAGE Courtesy Car **/
.mobile .responsive-row.courtesycar_home {
    width: 100%;
    margin: 0px auto 0px auto;
}
.mobile .courtesycar_home .row-text-left {
    background: #FFCC2A;
    width: 100% !important;
    float: left;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
}
.mobile .courtesycar_home .row-text-right {
    background: #262628;
    width: 100% !important;
    float: right;
    border-radius: 15px;
    border: 1px solid #262628;
    padding: 30px 20px 30px 20px;
    margin-bottom: 60px;
}
.mobile .courtesycar_home .row-text-left h5.h5-row-text {
    text-align: left;
    font-size: 1.75rem;
    font-weight: normal;
    margin-bottom: 10px;
    color: #000;
}
.mobile .courtesycar_home .row-text-left h6.h6-row-text {
    text-align: left;
    font-size: 2.5rem;
    font-weight: normal;
    margin-bottom: 15px;
    color: #000;
}
.mobile .courtesycar_home .row-text-left .div-row-text,
.mobile .courtesycar_home .row-text-left .div-row-text ul li {
    padding: 0px 0px 0px 0px;
    color: #000;
    font-size: 1.25rem;
}
.mobile .courtesycar_home .row-text-right h5.h5-row-text {
    text-align: center;
    font-size: 1.75rem;
    font-weight: normal;
    margin-bottom: 10px;
    color: #FFCC2A;
}
.mobile .courtesycar_home .row-text-right h6.h6-row-text {
    text-align: center;
    font-size: 3.5rem;
    font-weight: normal;
    margin-bottom: 15px;
    color: #fff;
}
.mobile .courtesycar_home .row-text-right .div-row-text,
.mobile .courtesycar_home .row-text-right .div-row-text ul li {
    padding: 0px 40px 0px 0px;
    color: #ccc;
    font-size: 1.5rem;
    text-align: center;
}

/* Ensures elements share the space equally **/
.mobile .courtesycar_home .row-text-left,
.mobile .courtesycar_home .row-text-right {
    flex: 1;
}
/* Mobile responsive breakdown  */
@media (max-width: 768px) {
    .mobile .responsive-row.courtesycar_home  {
            flex-direction: column; /* Stacks the columns vertically */
}
}

/** RESPONSIVE CONTENT PAGE - Courtesy Car **/
.mobile .responsive-row.page.courtesycar {
    background: none;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin: 0px auto 40px auto;
    border-radius: 15px;
}

.mobile .page.courtesycar .row-text {
    padding: 0px 0px 0px 0px;
}
.mobile .page.courtesycar .row-text .h5-row-text {
    text-align: center;
    font-size: 1.75rem;
    font-weight: normal;
    color: red;
    margin: 10px 0px 10px 0px;
    padding-top: 0px;
}
.mobile .page.courtesycar .row-text .h6-row-text {
    text-align: center;
    font-size: 3rem;
    font-weight: normal;
    color: #000;
    margin-bottom: 20px;
}
.mobile .page.courtesycar .row-text .div-row-text,
.mobile .page.courtesycar .row-text .div-row-text ul li {
    padding: 0px 40px 0px 0px;
    color: #000;
    font-size: 1.5rem;
}
/* Ensures elements share the space equally **/
.mobile .page.courtesycar .row-image,
.mobile .page.courtesycar .row-text {
    flex: 1;
}
/* Makes the image fully responsive **/
.mobile .page.courtesycar.left .row-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}
.mobile .page.courtesycar.right .row-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

/* Mobile responsive breakdown  */
@media (max-width: 768px) {
    .mobile .responsive-row.page.courtesycar  {
        flex-direction: column; /* Stacks the columns vertically */
}
}

/** RESPONSIVE CONTENT FORM - Text / Image **/
.mobile .responsive-row.form {
    background: none;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 100%;
    margin: 0px auto 0px auto;
    border-radius: 15px;
}
.mobile .form .row-text {
    padding: 0px 0px 0px 0px;
}
.mobile .form .row-text .h5-row-text {
    text-align: left;
    font-size: 1.75rem;
    font-weight: normal;
    color: red;
    margin-bottom: 10px;
}
.mobile .form .row-text .h6-row-text {
    text-align: left;
    font-size: 3.5rem;
    font-weight: normal;
    color: #111;
    margin-bottom: 15px;
}
.mobile .form .row-text .div-row-text,
.mobile .form .row-text .div-row-text ul li {
    padding: 0px 40px 0px 0px;
    color: #2A2A2A;
    font-size: 1.5rem;
}

/* Ensures elements share the space equally **/
.mobile .form .row-image,
.mobile .form .row-text {
    flex: 1;
}
/* Makes the image fully responsive **/
.mobile .form .row-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px 0px 0px 15px;
}
/* Mobile responsive breakdown  */
@media (max-width: 768px) {
    .mobile .responsive-row.form  {
        flex-direction: column; /* Stacks the columns vertically */
}
}

/** RESPONSIVE CONTENT PAGE - About Us **/
.mobile .information_title {
    background: none;
    font-size: 3rem;
}
.mobile p.information_paragraph {
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.mobile .responsive-row.page.payg {
    background: none;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin: 0px auto 30px auto;
    border-radius: 15px;
}
.mobile .page.left.payg .row-text {
    padding: 0px 0px 0px 15px;
}
.mobile .page.right.payg .row-text {
    padding: 0px 0px 0px 15px;
}
.mobile .page.payg .row-text .h5-row-text {
    text-align: center;
    font-size: 1.75rem;
    font-weight: normal;
    color: red;
    margin-bottom: 10px;
    padding-top: 0px;
}
.mobile .page.payg .row-text .h6-row-text {
    text-align: center;
    font-size: 3rem;
    font-weight: normal;
    color: #000;
    margin-bottom: 15px;
}
.mobile .page.payg .row-text .div-row-text,
.mobile .page.payg .row-text .div-row-text ul li {
    padding: 0px 10px 0px 0px;
    color: #000;
    font-size: 1.5rem;
}
.mobile .page.left.payg .row-image {
    padding: 0px 0px 0px 0px;
}
.mobile .page.right.payg .row-image {
    padding: 0px 0px 0px 0px;
}

/* Ensures elements share the space equally **/
.mobile .page.payg .row-image,
.mobile .page.payg .row-text {
    flex: 1;
}
/* Makes the image fully responsive **/
.mobile .page.left.payg .row-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}
.mobile .page.right.payg .row-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

/* Mobile responsive breakdown  */
@media (max-width: 768px) {
    .mobile .responsive-row.page.payg  {
        flex-direction: column; /* Stacks the columns vertically */
}
}

/** RESPONSIVE CONTENT PAGE - PAYG **/
.mobile .responsive-row.page.payg {
    background: none;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin: 0px auto 30px auto;
    border-radius: 15px;
}

.mobile .page.left.payg .row-text {
    padding: 0px 0px 0px 15px;
}
.mobile .page.right.payg .row-text {
    padding: 0px 0px 0px 15px;
}
.mobile .page.payg .row-text .h5-row-text {
    text-align: center;
    font-size: 1.75rem;
    font-weight: normal;
    color: red;
    margin-bottom: 10px;
    padding-top: 0px;
}
.mobile .page.payg .row-text .h6-row-text {
    text-align: center;
    font-size: 3rem;
    font-weight: normal;
    color: #000;
    margin-bottom: 15px;
}
.mobile .page.payg .row-text .div-row-text,
.mobile .page.payg .row-text .div-row-text ul li {
    padding: 0px 10px 0px 0px;
    color: #000;
    font-size: 1.5rem;
}
.mobile .page.left.payg .row-image {
    padding: 0px 0px 0px 0px;
}
.mobile .page.right.payg .row-image {
    padding: 0px 0px 0px 0px;
}

/* Ensures elements share the space equally **/
.mobile .page.payg .row-image,
.mobile .page.payg .row-text {
    flex: 1;
}
/* Makes the image fully responsive **/
.mobile .page.left.payg .row-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

.mobile .page.right.payg .row-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}


/* Mobile responsive breakdown  */
@media (max-width: 768px) {
    .mobile .responsive-row.page.payg  {
        flex-direction: column; /* Stacks the columns vertically */
}
}

/** CONTACT US ------------------------------------**/
/** HEADER - Image / Text **/
.mobile .contactus_header .container {
    width: 100%;
}
.mobile .contactus_header {
    background: #FFCC2A;
    width: 100%;
    padding: 30px 0px 30px 0px;
    margin: 0px 0px 20px 0px;
    display: block;
    border-radius: 12px;
    color: #111;
    font-size: 1.25rem;
    text-align: center;
}
.mobile .contactus_header .col-sm-3 ul .image {
    background: none;
    width: 100%;
    margin: 5px 0px 0px 0px;
}
.mobile .contactus_header .col-sm-3 img {
    width: 40%;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
}
.mobile .contactus_header .col-sm-3 h5 {
    background: none;
    font-size: 1.5rem;
    color: #111;
    font-weight: 600;
    padding: 24px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    line-height: 30px;
    text-decoration: underline;
}
.mobile .contactus_header .col-sm-3 ul {
    background: none;
    font-size: 1.35rem;
    color: #111;
    padding: 0px 0px 0px 0px;
    width: 100%;
}
.mobile .contactus_header .col-sm-3 ul li {
    background: none;
    color: #111;
    line-height: 20px;
    width: 100%;
}

/** PRODUCTS & SERVICES ------------------------------------**/
/** 2x PANELS **/
.mobile .products_services .container {
    width: 100%;
}
.mobile .products_services {  /** 1 **/
    width: 100%;
    display: block;
    color: #111;
    font-size: 1.25rem;
    text-align: center;
}
.mobile .products_services .col-sm-6 ul .image {
    background: none;
    width: 100%;
}
.mobile .products_services .col-sm-6 img {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-radius: 15px 15px 0px 0px;
    height: 200px;
}
.mobile .products_services .col-sm-6 h5 {
    background: none;
    font-size: 2rem;
    color: #fff;
    font-weight: 600;
    padding: 25px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.mobile .products_services .col-sm-6 ul {
    background: #2A2A2A;
    font-size: 1.35rem;
    color: #111;
    padding: 0px 0px 0px 0px;
    width: 100%;
    border-radius: 15px;
}
.mobile .products_services .col-sm-6 ul li.text {
    background: none;
    color: #9F9FA9;
    line-height: 20px;
    width: 100%;
    padding: 10px 20px 10px 20px;
}
.mobile .products_services .col-sm-6 ul li.footer_comment {
    background: none;
    color: #FFCC2A;
    line-height: 20px;
    width: 100%;
    padding: 10px 20px 30px 20px;
    font-weight: 600;
}
.mobile .products_services .col-sm-6 a ul {
    background: #2A2A2A;
}
.mobile .products_services .col-sm-6 a:hover ul {
    background: red;
    border-radius: 15px;
    color: #FFCC2A;
}
.mobile .products_services .col-sm-6 a:hover h5,
.mobile .products_services .col-sm-6 a:hover li {
    color: #fff;
}

/** 3x PANELS **/
.mobile .products_services .container {
    width: 100%;
}
.mobile .products_services {  /** 1 **/
    width: 100%;
    display: block;
    color: #111;
    font-size: 1.25rem;
    text-align: center;
}
.mobile .products_services .col-sm-4 ul .image {
    background: none;
    width: 100%;
}
.mobile .products_services .col-sm-4 img {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-radius: 15px 15px 0px 0px;
    height: 200px;
}
.mobile .products_services .col-sm-4 h5 {
    background: none;
    font-size: 2rem;
    color: #fff;
    font-weight: 600;
    padding: 25px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.mobile .products_services .col-sm-4 ul {
    background: #2A2A2A;
    font-size: 1.35rem;
    color: #111;
    padding: 0px 0px 0px 0px;
    width: 100%;
    border-radius: 15px;
}
.mobile .products_services .col-sm-4 ul li.text {
    background: none;
    color: #9F9FA9;
    line-height: 20px;
    width: 100%;
    padding: 10px 20px 10px 20px;
}
.mobile .products_services .col-sm-4 ul li.footer_comment {
    background: none;
    color: #FFCC2A;
    line-height: 20px;
    width: 100%;
    padding: 10px 20px 30px 20px;
    font-weight: 600;
}
.mobile .products_services .col-sm-4 a ul {
    background: #2A2A2A;
}
.mobile .products_services .col-sm-4 a:hover ul {
    background: red;
    border-radius: 15px;
    color: #FFCC2A;
}
.mobile .products_services .col-sm-4 a:hover h5,
.mobile .products_services .col-sm-4 a:hover li {
    color: #fff;
}

/** PRODUCTS & SERVICES ------------------------------------**/
/** 4x PANELS **/
.mobile .products_services .container {
    width: 100%;
}
.mobile .products_services { /* 2 */
    width: 100%;
    display: block;
    color: #111;
    font-size: 1.25rem;
    text-align: center;
}
.mobile .products_services .col-sm-3 ul .image {
    background: none;
    width: 100%;
    margin: 0px 0px 0px 0px;
}
.mobile .products_services .col-sm-3 img {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-radius: 15px 15px 0px 0px;
}
.mobile .products_services .col-sm-3 h5 {
    background: none;
    font-size: 2rem;
    color: #fff;
    font-weight: 600;
    padding: 25px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.mobile .products_services .col-sm-3 ul {
    background: #2A2A2A;
    font-size: 1.35rem;
    color: #111;
    padding: 0px 0px 0px 0px;
    width: 100%;
    border-radius: 15px;
}
.mobile .products_services .col-sm-3 ul li.text {
    background: none;
    color: #9F9FA9;
    line-height: 20px;
    width: 100%;
    padding: 10px 20px 10px 20px;
}
.mobile .products_services .col-sm-3 ul li.footer_comment {
    background: none;
    color: #FFCC2A;
    line-height: 20px;
    width: 100%;
    padding: 10px 20px 30px 20px;
    font-weight: 600;
}
.mobile .products_services .col-sm-3 a ul {
    background: #2A2A2A;
}
.mobile .products_services .col-sm-3 a:hover ul {
    background: red;
    border-radius: 15px;
    color: #FFCC2A;
}
.mobile .products_services .col-sm-3 a:hover h5,
.mobile .products_services .col-sm-3 a:hover li {
    color: #fff;
}

/** HOMEPAGE Specials ------------------------------------**/
/** 3x PANELS **/
.mobile .homepage_specials .container {
    width: 100%;
}
.mobile .homepage_specials {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display: block;
    color: #111;
    font-size: 1.25rem;
    text-align: center;
}
.mobile .homepage_specials .col-sm-4 {
    margin: 0px 0px 20px 0px;
}
.mobile .homepage_specials .col-sm-4 ul.top {
    background: #000;
    width: 100%;
    padding: 20px;
    margin: 0px 0px 0px 0px;
    border-radius: 15px 15px 0px 0px;
}
.mobile .homepage_specials .col-sm-4 ul.bottom {
    background: #2A2A2A;
    width: 100%;
    padding: 25px 20px;
    margin: 0px 0px 0px 0px;
    border-radius: 0px 0px 15px 15px;
}
.mobile .homepage_specials .col-sm-4 a ul.top {
    background: #000;
}
.mobile .homepage_specials .col-sm-4 a:hover ul.bottom {
    background: red;
    color: #FFCC2A;
}
.mobile .homepage_specials .col-sm-4 a:hover h5,
.mobile .homepage_specials .col-sm-4 a:hover li {
    color: #fff;
}
.mobile .homepage_specials .col-sm-4 h6.top_offer {
    font-size: 2.5rem;
    color: #fff;
    font-style: italic;
    font-weight: 900;
    text-align: left;
}
.mobile .homepage_specials .col-sm-4 h5.value {
    font-size: 8rem;
    color: red;
    font-style: italic;
    font-family: "Archivo Black", sans-serif;
    font-weight: 400;
}
.mobile .homepage_specials .col-sm-4 h6.bottom_offer {
    font-size: 2.5rem;
    color: #fff;
    font-style: italic;
    font-weight: 900;
    text-align: right;
}
.mobile .homepage_specials .col-sm-4 li.special_brand {
    font-size: 2.75rem;
    color: #FFCC2A;
    font-style: normal;
    font-weight: 900;
    text-align: center;
    padding-bottom: 20px;
}

.mobile .homepage_specials .col-sm-4 li.special_detail {
    font-size: 1.5rem;
    color: #ddd;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    padding-bottom: 20px;
}
.mobile .homepage_specials .col-sm-4 li.date_range {
    font-size: 1.75rem;
    color: #fff;
    font-style: normal;
    font-weight: 900;
    text-align: center;
}

/** AUTO SERVICES STEPS ------------------------------------**/
/** RESPONSIVE CONTENT In Good Hands **/
.mobile .responsive-row.page.ingoodhands {
    background: #fff;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin: 0px auto 30px auto;
    border-radius: 15px;
}
.mobile .page.ingoodhands .row-text {
    padding: 0px 0px 0px 20px;
}
.mobile .page.ingoodhands .row-text .h5-row-text {
    text-align: center;
    font-size: 1.75rem;
    font-weight: normal;
    color: red;
    margin-bottom: 10px;
    padding-top: 0px;
}
.mobile .page.ingoodhands .row-text .h6-row-text {
    background: none;
    text-align: center;
    font-size: 3rem;
    font-weight: normal;
    color: #000;
    margin-bottom: 15px;
}
.mobile .page.ingoodhands .row-text .div-row-text,
.mobile .page.ingoodhands .row-text .div-row-text ul li {
    padding: 0px 15px 25px 0px;
    color: #000;
    font-size: 1.5rem;
}
/* Ensures elements share the space equally **/
.mobile .page.ingoodhands .row-image,
.mobile .page.ingoodhands .row-text {
    flex: 1;
}
/* Makes the image fully responsive **/
.mobile .page.ingoodhands .row-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px 15px 0px 0px;
}

/* Mobile responsive breakdown  */
@media (max-width: 768px) {
    .mobile .responsive-row.page.ingoodhands  {
        flex-direction: column; /* Stacks the columns vertically */
}
}
/** 3x PANELS **/
.mobile .mechanical_steps .container {
    width: 100%;
    margin: 0px 0px;
}
.mobile .mechanical_steps {
    width: 100%;
}
.mobile .mechanical_steps .row .col-sm-4 {
    background: #FFCC2A;
    display: block;
    margin: 0px 0px 20px 0px;
    width: 100%;
    text-align: center;
    border-radius: 15px;
    padding: 35px 20px 10px 20px;
}

.mobile .mechanical_steps .col-sm-4 h5 {
    background: none;
    font-size: 2.75rem;
    color: #2A2A2A;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
.mobile .mechanical_steps .col-sm-4 ul li {
    font-size: 1.75rem;
    color: #2A2A2A;
    padding: 0px 0px 20px 0px;
    line-height: 3rem;
}
.mobile .mechanical_steps .col-sm-4 ul li .fa-check {
    background: red;
    padding: 5px;
    border-radius: 15px;
    color: #fff;
    font-size: 2.25rem;
    text-align: center;
}
.mobile .mechanical_steps .col-sm-4 ul li .fa-clipboard,
.mobile .mechanical_steps .col-sm-4 ul li .fa-thumbs-up,
.mobile .mechanical_steps .col-sm-4 ul li .fa-credit-card {
    background: none;
    padding: 5px;
    border-radius: 2px;
    color: #000;
    font-size: 6rem;
    text-align: center;
    font-weight: normal;
}
.mobile .row .threesteps .left {
    background: red;
    padding: 5px;
    float: left;
}
.mobile .row .threesteps .right {
    background: red;
    padding: 5px;
    float: left;
}

/** 4x PANELS **/
.mobile .mechanical .container {
    width: 100%;
    margin: 0px 0px;
}
.mobile .mechanical {
    width: 100%;
}
.mobile .mechanical .row .col-sm-3 {
    background: #2A2A2A;
    display: block;
    margin: 20px 0px 20px 0px;
    width: 100%;
    text-align: center;
    border-radius: 15px;
    padding: 35px 20px 10px 20px;
}

.mobile .mechanical .col-sm-3 h5 {
    background: none;
    font-size: 2rem;
    color: #FFCC2A;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
.mobile .mechanical .col-sm-3 ul li {
    font-size: 1.35rem;
    color: #ddd;
    padding: 0px 0px 20px 0px;
    line-height: 2rem;
}
.mobile .mechanical .col-sm-3 ul li .fa-check {
    background: #FFCC2A;
    padding: 5px;
    border-radius: 5px;
    color: #000;
    font-size: 2.25rem;
    font-weight: 600;
    text-align: center;
    padding: 10px;
}

/** BLOCK BUTTONS --------------------------------- **/
/** Yellow **/
.mobile .blockbutton.yellow a {
    background: #FFCC2A;
    width: 100%;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
    float: left;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 1.5rem;
    text-align: center;
    color: #000;
}
.mobile .blockbutton.yellow a:hover {
    background: #FF0000;
    color: #fff;
}
/** Black **/
.mobile .blockbutton.black a {
    background: #2A2A2A;
    width: 100%;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
    float: left;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 1.5rem;
    text-align: center;
    color: #FFCC2A;
}
.mobile .blockbutton.black a:hover {
    background: #FF0000;
    color: #fff;
}

/** DYNAMIC CATEGORIES ----------------------------------------**/
/** Dynamic Cats #50 - TYRES - Home Page  **/
.mobile .dynamic-categories {
    background: #FFCC2A;
    margin: 0px 0px 19px 0px!important;
    padding: 15px;
    border: 1px solid none;
    border-radius: 15px;
}
.mobile .dynamic-categories h3 {
    background: none;
    margin-top: 0px;
    padding: 0px 0px 10px 0px;
    color: #000;
    text-align: center;
    font-size: 2rem;
}
.mobile .dynamic-categories .box-content {
    background: none;
    width: 100%;
    padding-top: 0px !important;
    margin: 0px auto 0px auto;
    text-align: center;
}
.mobile .dynamic-categories select,
.mobile .dynamic-categories .select2-container,
.mobile .dynamic-categories .go-button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 10px;
    width: 95%;
}
.dynamic-categories .loading {
    display: none;
    float: right;
}

/** PRODUCTS - Category **/
.mobile .form-group.compare {
    text-align: center;
}


.mobile .product-thumb  {
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: auto;
}
.mobile .product-thumb .caption  {
    background: none;
    text-align: center;
    padding: 20px 20px 0px 20px;
}

.mobile .product-thumb .caption .product_title  {
    background: none;
    text-align: center;
}

.mobile .product-thumb .caption h4.product_title a {
    display: block;
    font-size: 1.75rem;
    line-height: 2.5rem;
    font-weight: 600;
}

.mobile .product-thumb .caption p  {
    background: none;
    text-align: center;
    padding: 5px 0px 10px 0px;
    font-size: 1.4rem;
    line-height: 1.9rem;
    height: 60px;
}
.mobile .product-thumb .caption p.price  {
    background: none;
    text-align: center;
    padding: 5px 0px 10px 0px;
    font-size: 2.5rem !important;
    line-height: 1.9rem;
    font-weight: 600;
}
.mobile .product-thumb .caption p .price-new  {
    font-size: 2.5rem;
    color: #000;
    font-weight: 600;
}
.mobile .product-thumb .caption p .price-old  {
    font-size: 2.5rem;
    font-weight: 600;
    color: red;
}
.mobile .product-thumb .caption p .price-tax  {
    padding: 5px 0px 0px 0px;
    color: #000;
    font-weight: 300;
}
.mobile .special-banner-overlay {
    line-height: 18px;
}

/** PRODUCTS - Products ------------------------------------- **/
.mobile ul.thumbnails li a {
    background: #fff;
    border-radius: 20px !important;
    margin-bottom: 20px;
    padding: 36px;
}
.mobile .col-sm-4.product_details {
    background: #000;
    border-radius: 20px !important;
    padding: 25px;
    color: #fff;
}
.mobile .col-sm-4.product_details .brand a {
    color: #75d1ff;
}
.mobile .col-sm-4.product_details .brand a:hover {
    color: #fff;
}

.mobile .col-sm-4 h1.productpage_title {
    font-size: 2rem;
    margin: 20px 0px 20px 0px;
    color: #FFCC2A;
}
.mobile .col-sm-4 ul.details {
    font-size: 1.5rem;
}
.mobile .col-sm-4 ul.price {
    font-size: 1.5rem;
}
.mobile .col-sm-4 ul.price li.old_price {
    font-size: 2.5rem;
    color: red;
    font-weight: 600;
}
.mobile .col-sm-4 ul.price li.new_price h2 {
    font-size: 3.5rem;
    font-weight: 600;
    color: #fff;
    padding: 5px 0px;
}
.mobile .col-sm-4 ul.price li.ex_gst {
    font-size: 1.5rem;
    color: #FFCC2A;
}
.mobile .col-sm-8 .nav-tabs {
    background: #fff;
    margin-bottom: 0px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
}
.mobile .col-sm-8 .tab-content {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
}
.mobile .tab-pane .description {
    font-size: 1.6rem;
    padding-bottom: 20px;
}

.mobile .product-thumb .caption p.price  {
    background: none;
    text-align: center;
    padding: 5px 0px 10px 0px;
    font-size: 2rem;
    line-height: 1.9rem;
}
.mobile .product-thumb .caption p .price-new  {
    color: #000;
}
.mobile .product-thumb .caption p .price-old  {
    font-weight: 600;
    color: red;
}
.mobile .product-thumb .caption p .price-tax  {
    padding: 5px 0px 0px 0px;
    color: #000;
}

/** FOOTER ----------------------------------------**/
.mobile footer {
    padding: 60px 0px;
}
.mobile footer .col-sm-3 {
    width: 100%;
    text-align: center;
    padding: 0px 0px 30px 0px;
    margin: 0px 0px 30px 0px;
}
.mobile footer .col-sm-3 h5 {
    font-size: 1.5rem;
    padding: 0px 0px 10px 0px;
    color: #FFCC2A;
}
.mobile footer .col-sm-3 .list-unstyled {
    background: none;
    font-size: 1.5rem;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #FFCC2A;
}

/** MENU ITEM SIZE **/
.mobile ul.main-ui a {
    font-size: 1.1rem !important;
}

/** FORMS -----------------*/
.xform-desc {
    font-size: 2rem;
    color: #000;
    text-align: center;
}
/** Acknowledgement To Country --------------------------------- **/
.acknowledgement {
    width: 100%;
    font-size: 2rem;
    padding: 30px 0px 60px 0px;
    text-align: center;
    color: #FFCC2A;
}
.acknowledgement .title {
    width: 100%;
    font-size: 2rem;
    padding: 20px 0px 0px 0px;
    text-align: center;
    color: #FFCC2A;
    text-decoration: underline;
    text-underline-offset: 0.4em;
}
.acknowledgement .text {
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
    color: #ccc;
    padding: 20px 30px 20px 30px;
}