/** tablet  ----------------------------------------**/
/** tablet Header  **/
.row.fullheader.tablet {
        background: #000;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px;
        color: #fff;
        position: fixed;
        top: 0px;
        left: 0;
        width: 100%;
        z-index: 1000;
}





.row.fullmenu.tablet {
        background: #2a2a2a;
        height: 50px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px;
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 1000;
        top: 151px;
}

/** HEADER ----------------------------------------**/
/** Top Row **/
.row.fullheader.tablet .logosearchworkshop {
        background: none;
        width: 100%;
        text-align: left;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}
.row.fullheader.tablet .acelogo {
        background: none;
        width: 30%;
        padding: 0px 0px 0px 0px;
        color: #fff;
        float: left;
}
.row.fullheader.tablet .acelogo img {
        width: 50%;
}



.row.fullheader.tablet .acesearch {
        background: none;
        width: 35%;
        float: left;
        margin: 30px 0px 0px 0px;
}

.row.fullheader.tablet .aceworkshop {
        background: none;
        width: 35%;
        color: #fff;
        float: right;
        margin: 0px 0px 10px 0px;
}
.row.fullheader.tablet .aceworkshop img {
        width: 65%;
        float: right;
}



/** Middle Row **/
.row.fullheader.tablet .addressphone {
        background: none;
        width: 100%;
        text-align: left;
        float: left;
        padding: 4px 0px 0px 0px;
        margin: 3px 0px 10px 0px;
}
.row.fullheader.tablet .address {
        width: 30%;
        float: left;
        text-align: left;
}
.row.fullheader.tablet .phone {
        float: right;
}


.row.fullheader.tablet .address a.fa-map-marker,
.row.fullheader.tablet .address a {
        color: #FFCC2A;
 }
.row.fullheader.tablet .address .fa-map-marker a:hover,
.row.fullheader.tablet .address a:hover {
        background: red;
        color: #fff;
}
.row.fullheader.tablet .address a {
        background: #2a2a2a;
        border: 0px solid #ddd;
        border-radius: 5px;
        margin: 10px 0px 10px 0px !Important;
        padding: 10px 5px;
        text-align: center;
        font-size: 1.25rem;
        font-weight: normal;
}
.row.fullheader.tablet .phone .fa-phone,
.row.fullheader.tablet .phone a {
        color: #FFCC2A;
}
.row.fullheader.tablet .phone .fa-phone a:hover,
.row.fullheader.tablet .phone a:hover {
        background: red;
        color: #fff;
}
.row.fullheader.tablet .phone a {
        background: #2a2a2a;
        border: 0px solid #ddd;
        border-radius: 5px;
        margin: 10px 0px 10px 0px !Important;
        padding: 3px 10px;
        text-align: center;
        font-size: 2.5rem;
        font-weight: normal;
}
.row.fullheader.tablet .address .fa-map-marker {
        font-size: 2rem;
        padding: 0px 5px 0px 0px;
}
.row.fullheader.tablet .phone .fa-phone {
        font-size: 2.25rem;
        padding: 0px 10px 0px 0px;
}
.row.fullheader.tablet .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 10px !Important;
}
.row.fullheader.tablet .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.tablet,
.wide_hero.page.tablet {
        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: 201px;
}
.tablet .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: 201px;
}

/** Wide Hero Content HOME ----------------------------------------**/
.tablet .container.home {
        background: none;
        margin: 70px auto 80px auto;
}
.tablet .container.home .herocontent {
        background: none;
        text-align: center;
}
.tablet .container.home .herocontent h1.h1_title {
        background: none;
        font-size: 7rem;
        line-height: 7rem;
        font-weight: 900;

}
.tablet .container.home .herocontent h1.h1_title .statementup {
        color: #FFF;
}
.tablet .container.home .herocontent h1.h1_title .statementdown {
        color: #FFCC2A;
}
.tablet .container.home .herocontent h2.h2_title {
        background: none;
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 600;
        color: #FFF;
        margin-top: 30px;
}
.tablet .container.home .herocontent h2.h2_title .statementup {
        color: #fff;
        margin-bottom: 0px;
}
.tablet .container.home .herocontent h2.h2_title .statementdown {
        color: #fff;
}

/** Wide Buttons **/
.tablet .container.home .herobuttons {
        background: none;
        margin-top: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0px;
}
.tablet .container.home .herobuttons .herobutton {
        background: #2A2A2A;
        float: left;
        border: 0px solid #000;
        border-radius: 5px;
        font-size: 2rem;
        padding: 10px 20px;
}
.tablet .container.home .herobuttons .herobutton_left {
        background: none;
        float: left;
        margin-right: 15px;
}
.tablet .container.home .herobuttons .herobutton_right {
        background: none;
        float: left;
        margin-right: 0px;
}
.tablet .container.home .herobuttons .herobutton_left a {
        background: #FFCC2A;
        color: #000;
}

.tablet .container.home .herobuttons .herobutton_right a {
        background: #2A2A2A;
        color: #FFCC2A;
}

.tablet .container.home .herobuttons .herobutton_left a:hover,
.tablet .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 ----------------------------------------**/
.tablet #common-home {
        margin-top: 0px;
}
.tablet #product-page {
        margin-top: 20px;
}
.tablet #product-category {
        margin-top: 20px;
        margin-bottom: 75px;
}
.tablet #product-product {
        margin-top: 20px;
        margin-bottom: 75px;
}
.tablet #information-information {
        margin-top: 20px;
        margin-bottom: 25px;
}
.tablet #product-search {
        margin-top: 20px;
        margin-bottom: 75px;
}
.tablet #product-manufacturer {
        margin-top: 20px;
        margin-bottom: 75px;
}
.tablet #account-login {
        margin-top: 20px;
        margin-bottom: 75px;
}
.tablet #information-sitemap {
        margin-top: 20px;
        margin-bottom: 75px;
}
.tablet #product-compare {
        background: #fff;
        margin-top: 20px;
        margin-bottom: 0px;
        border-radius: 20px;
        padding: 20px 25px;
}
.tablet .category_description {
        font-size: 3rem;
        font-weight: 600;
        color: #000;
        padding: 10px 0px 20px 0px;
}


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

/** [PAGE] - HERO - Content ----------------------------------------**/
.tablet .page.container.brand {
        background: red;
        margin: 50px auto 50px auto;
}
.tablet .container.page {
        background: none;
        margin: 20px auto 30px auto;
}
.tablet .container.page .herocontent {
        background: none;
        text-align: center;
}
.tablet .container.page .herocontent .h1_title {
        background: none;
        font-size: 3.5rem;
        line-height: 4.0rem;
        font-weight: 900;
}

.tablet .container.page .herocontent .h1_title .left {
        color: #FFF;
}
.tablet .container.page .herocontent .h1_title .right {
        color: #FFCC2A;
}
.tablet .container.page .herocontent .h2_title {
        background: none;
        font-size: 1.9rem;
        font-weight: 600;
        color: #FFF;
        margin-top: 5px;
}

.tablet .container.page .herocontent .h2_title .left {
        color: #FFCC2A;
}

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

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


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


/** Hateemel ----------------------------------------**/
.tablet .hateemel {
        border: 0px solid #DDD;
        padding:0px;
        margin-bottom: 0px;
        overflow: auto;
        text-shadow: none;
        font-weight: 900;
}
.tablet 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 ----------------------------------------**/
.tablet 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 **/
.tablet .special_deals_banner {
        margin-bottom: 75px;
}
.tablet .special_deals_banner .promobanners {
        margin-bottom: 75px;
}
.tablet .special_deals_banner img {
        border: 0px solid #ddd;
        width: 100%;
        border-radius: 20px;
}
.tablet .special_deals_banner .herobuttons {
        background: none;
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0px;
}
.tablet .special_deals_banner .herobuttons .herobutton {
        background: none;
        float: left;
        border: 0px solid #000;
        border-radius: 5px;
        font-size: 2.5rem;
        padding: 10px 20px;
}
.tablet .special_deals_banner .herobuttons .herobutton_left {
        background: none;
        float: left;
        margin-right: 15px;
}
.tablet .special_deals_banner .herobuttons .herobutton_right {
        background: none;
        float: left;
        margin-right: 0px;
}
.tablet .special_deals_banner .herobuttons .herobutton_left a,
.tablet .special_deals_banner .herobuttons .herobutton_right a {
        background: #FFCC2A;
        color: #000;
}
.tablet .special_deals_banner .herobuttons .herobutton_left a:hover,
.tablet .special_deals_banner .herobuttons .herobutton_right a:hover {
        background: #FF0000;
        color: #fff;
}

/** WE'VE GOT YOU COVERED ------------------------------------*/
.tablet .row-text .h5_row_text_git {
        background: none;
        font-size: 1.75rem;
        font-weight: 900;
        color: #FFCC2A;
        padding: 0px 0px 0px 0px;
}

.tablet .row-text .h6_row_text_git {
        font-size: 3.5rem;
        font-weight: 900;
        padding: 10px 0px 15px 0px;
}

.tablet .row-text .p_row_text_git {
        font-size: 1.75rem;
        line-height:2.5rem;
        font-weight: 500;
        padding-bottom: 20px;
}

/** DETAILS **/
.tablet .row_details_git {
        background: none;
        padding-bottom: 25px;
}
.tablet .row_details_git ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
}
/** Phone **/
.tablet .row_details_git .contact,
.tablet .row_details_git .location {
        background: none;
        border-radius: 10px;
}
.tablet .row_details_git .contact a .phone,
.tablet .row_details_git .location a .address {
        color: #000;
        font-size: 2.5rem;
}
.tablet .row_details_git .contact a:hover .phone,
.tablet .row_details_git .location a:hover .address {
        color: #000;
}

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

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

/** Blocks **/
.tablet .row_blocks_git {
        background: none;
        width: 100%;
        float: left;
        padding: 0px 0px 0px 0px;
        border-radius: 20px;
}
.tablet .row_blocks_git .blocks {
        background: #000;
        margin: 10px 0px 0px 0px;
}
.tablet .row_blocks_git .blocks .pagelink a {
        background: #000;
        width: 100%;
        float: left;
        padding: 25px 20px 25px 10px;
        margin: 10px 0px 0px 0px;
        display: block;
        border-radius: 20px;
        color: #fff;
        font-size: 1.80rem;
        text-align: left;
}
.tablet .row_blocks_git .blocks .pagelink a .fa-circle-info {
        background: none;
        float: left;
        padding: 5px;
        margin: 0px 5px 0px 0px;
        display: block;
        border-radius: 12px;
        color: #FFCC2A;
        font-size: 3rem;
        text-align: left;
}
.tablet .row_blocks_git .blocks .pagelink a:hover .fa-circle-info {
        color: #fff;
}
.tablet .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 **/
.tablet .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;
}
.tablet .home .row-text {
        padding: 0px 0px 0px 20px;
}
.tablet .home .row-text .h5-row-text {
        text-align: left;
        font-size: 1.75rem;
        font-weight: normal;
        color: #FFCC2A;
        margin-bottom: 10px;
}
.tablet .home .row-text .h6-row-text {
        text-align: left;
        font-size: 2.5rem;
        font-weight: normal;
        color: #fff;
        margin-bottom: 15px;
}
.tablet .home .row-text .p-row-text {
        padding: 0px 40px 0px 0px;
        color: #ccc;
        font-size: 1.5rem;
}
/* Ensures elements share the space equally **/
.tablet .home .row-image,
.tablet .home .row-text {
        flex: 1;
}
/* Makes the image fully responsive **/
.tablet .home .row-image img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 15px;
        border: 1px solid #444;
}
/* Mobile responsive breakdown  */
@media (max-width: 768px) {
        .tablet .responsive-row.home  {
                flex-direction: column; /* Stacks the columns vertically */
    }
}

/** RESPONSIVE HOMEPAGE Courtesy Car **/
.tablet .responsive-row.courtesycar_home {
        width: 100%;
        margin: 0px auto 0px auto;
}
.tablet .courtesycar_home .row-text-left {
        background: #FFCC2A;
        width: 35% !important;
        float: left;
        border-radius: 15px;
        padding: 20px;
}

.tablet .courtesycar_home .row-text-right {
        background: #262628;
        width: 63% !important;
        float: right;
        border-radius: 15px;
        border: 1px solid #262628;
        padding: 53px 60px 53px 60px;
}

.tablet .courtesycar_home .row-text-left h5.h5-row-text {
        text-align: left;
        font-size: 1.75rem;
        font-weight: normal;
        margin-bottom: 10px;
        color: #000;
}
.tablet .courtesycar_home .row-text-left h6.h6-row-text {
        text-align: left;
        font-size: 2.5rem;
        font-weight: normal;
        margin-bottom: 15px;
        color: #000;
}
.tablet .courtesycar_home .row-text-left .div-row-text,
.tablet .courtesycar_home .row-text-left .div-row-text ul li {
        padding: 0px 0px 0px 0px;
        color: #000;
        font-size: 1.25rem;
}
.tablet .courtesycar_home .row-text-right h5.h5-row-text {
        text-align: left;
        font-size: 1.75rem;
        font-weight: normal;
        margin-bottom: 10px;
        color: #FFCC2A;
}
.tablet .courtesycar_home .row-text-right h6.h6-row-text {
        text-align: left;
        font-size: 3.5rem;
        font-weight: normal;
        margin-bottom: 15px;
        color: #fff;
}
.tablet .courtesycar_home .row-text-right .div-row-text,
.tablet .courtesycar_home .row-text-right .div-row-text ul li {
        padding: 0px 40px 0px 0px;
        color: #ccc;
        font-size: 1.5rem;
}

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


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

.tablet .page.courtesycar .row-text {
        padding: 0px 0px 0px 20px;
}
.tablet .page.courtesycar .row-text .h5-row-text {
        text-align: left;
        font-size: 1.75rem;
        font-weight: normal;
        color: red;
        margin-bottom: 10px;
        padding-top: 0px;
}
.tablet .page.courtesycar .row-text .h6-row-text {
        text-align: left;
        font-size: 3.5rem;
        font-weight: normal;
        color: #000;
        margin-bottom: 15px;
}
.tablet .page.courtesycar .row-text .div-row-text,
.tablet .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 **/
.tablet .page.courtesycar .row-image,
.tablet .page.courtesycar .row-text {
        flex: 1;
}
/* Makes the image fully responsive **/
.tablet .page.courtesycar.left .row-image img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 15px;
}
.tablet .page.courtesycar.right .row-image img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 15px;
}

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

/** RESPONSIVE CONTENT FORM - Text / Image **/
.tablet .responsive-row.form {
        background: none;
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%;
        max-width: 95%;
        margin: 60px auto 60px auto;
        border-radius: 15px;
}
.tablet .form .row-text {
        padding: 0px 0px 0px 20px;
}
.tablet .form .row-text .h5-row-text {
        text-align: left;
        font-size: 1.75rem;
        font-weight: normal;
        color: red;
        margin-bottom: 10px;
}
.tablet .form .row-text .h6-row-text {
        text-align: left;
        font-size: 3.5rem;
        font-weight: normal;
        color: #111;
        margin-bottom: 15px;
}
.tablet .form .row-text .div-row-text,
.tablet .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 **/
.tablet .form .row-image,
.tablet .form .row-text {
        flex: 1;
}
/* Makes the image fully responsive **/
.tablet .form .row-image img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 15px 0px 0px 15px;
}
/* Mobile responsive breakdown  */
@media (max-width: 768px) {
        .tablet .responsive-row.form  {
                                        flex-direction: column; /* Stacks the columns vertically */
}
}

/** RESPONSIVE CONTENT PAGE - About Us **/
.mobile .information_title {
        background: none;
}
.mobile p.information_paragraph {
}




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

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

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

/** RESPONSIVE CONTENT PAGE - PAYG **/
.tablet .responsive-row.page.payg {
        background: #fff;
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%;
        margin: 0px auto 50px auto;
        border-radius: 15px;
        padding: 40px;
}
.tablet .page.payg .row-text {
        padding: 0px 0px 0px 0px;
}



.tablet .page.payg .row-text .h5-row-text {
        text-align: left;
        font-size: 1.75rem;
        font-weight: normal;
        color: red;
        margin-bottom: 10px;
        padding-top: 0px;
}
.tablet .page.payg .row-text .h6-row-text {
        text-align: left;
        font-size: 2.25rem;
        font-weight: normal;
        color: #000;
        margin-bottom: 15px;
}
.tablet .page.payg .row-text .div-row-text,
.tablet .page.payg .row-text .div-row-text ul li {
        padding: 0px 20px 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 **/
.tablet .page.payg .row-image,
.tablet .page.payg .row-text {
        flex: 1;
}
/* Makes the image fully responsive **/
.tablet .page.payg.left .row-image img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 15px;
}

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


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

/** CONTACT US ------------------------------------**/
/** HEADER - Image / Text **/
.tablet .contactus_header .container {
        width: 100%;
}
.tablet .contactus_header {
        background: #FFCC2A;
        width: 100%;
        padding: 5px 0px 0px 0px;
        margin: 0px 0px 20px 0px;
        display: block;
        border-radius: 12px;
        color: #111;
        font-size: 1.25rem;
        text-align: center;
}
.tablet .contactus_header .col-sm-3 ul .image {
        background: none;
        width: 100%;
        margin: 5px 0px 0px 0px;
}
.tablet .contactus_header .col-sm-3 img {
        width: 40%;
        padding: 0px;
        margin: 0px;
        border-radius: 10px;
}
.tablet .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;
}
.tablet .contactus_header .col-sm-3 ul {
        background: none;
        font-size: 1.35rem;
        color: #111;
        padding: 0px 0px 0px 0px;
        width: 100%;
}
.tablet .contactus_header .col-sm-3 ul li {
        background: none;
        color: #111;
        line-height: 20px;
        width: 100%;
}

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

/** 3x PANELS **/
.tablet .products_services .container {
        width: 100%;
}
.tablet .products_services {  /** 1 **/
        width: 100%;
        display: block;
        color: #111;
        font-size: 1.25rem;
        text-align: center;
}
.tablet .products_services .col-sm-4 ul .image {
        background: none;
        width: 100%;
}
.tablet .products_services .col-sm-4 img {
        width: 100%;
        padding: 0px;
        margin: 0px;
        border-radius: 15px 15px 0px 0px;

}
.tablet .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;
}
.tablet .products_services .col-sm-4 ul {
        background: #2A2A2A;
        font-size: 1.35rem;
        color: #111;
        padding: 0px 0px 0px 0px;
        width: 100%;
        border-radius: 15px;
}
.tablet .products_services .col-sm-4 ul li.text {
        background: none;
        color: #9F9FA9;
        line-height: 20px;
        width: 100%;
        padding: 10px 20px 10px 20px;
}
.tablet .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;
}
.tablet .products_services .col-sm-4 a ul {
        background: #2A2A2A;
}
.tablet .products_services .col-sm-4 a:hover ul {
        background: red;
        border-radius: 15px;
        color: #FFCC2A;
}
.tablet .products_services .col-sm-4 a:hover h5,
.tablet .products_services .col-sm-4 a:hover li {
        color: #fff;
}

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

/** HOMEPAGE Specials ------------------------------------**/
/** 3x PANELS **/
.tablet .homepage_specials .container {
        width: 100%;
}
.tablet .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 ul.top {
        margin: 0px 0px 0px 0px;
}
.tablet .homepage_specials .col-sm-4 ul.top {
        background: #000;
        width: 100%;
        padding: 20px;
        margin: 0px 0px 0px 0px;
        border-radius: 15px 15px 0px 0px;
}
.tablet .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;
}
.tablet .homepage_specials .col-sm-4 a ul.top {
        background: #000;
}
.tablet .homepage_specials .col-sm-4 a:hover ul.bottom {
        background: red;
        color: #FFCC2A;
}
.tablet .homepage_specials .col-sm-4 a:hover h5,
.tablet .homepage_specials .col-sm-4 a:hover li {
        color: #fff;
}
.tablet .homepage_specials .col-sm-4 h6.top_offer {
        font-size: 2.5rem;
        color: #fff;
        font-style: italic;
        font-weight: 900;
        text-align: left;
}
.tablet .homepage_specials .col-sm-4 h5.value {
        font-size: 8rem;
        color: red;
        font-style: italic;
        font-family: "Archivo Black", sans-serif;
        font-weight: 400;
}
.tablet .homepage_specials .col-sm-4 h6.bottom_offer {
        font-size: 2.5rem;
        color: #fff;
        font-style: italic;
        font-weight: 900;
        text-align: right;
}
.tablet .homepage_specials .col-sm-4 li.special_brand {
        font-size: 3rem;
        color: #FFCC2A;
        font-style: normal;
        font-weight: 900;
        text-align: center;
        padding-bottom: 20px;
        line-height: 3.25rem;
}
.tablet .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;
}
.tablet .homepage_specials .col-sm-4 li.date_range {
        font-size: 2rem;
        color: #fff;
        font-style: normal;
        font-weight: 900;
        text-align: center;
}

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

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

.tablet .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;
}
.tablet .mechanical_steps .col-sm-4 ul li {
        font-size: 1.75rem;
        color: #2A2A2A;
        padding: 0px 0px 20px 0px;
        line-height: 3rem;
}
.tablet .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;
}
.tablet .mechanical_steps .col-sm-4 ul li .fa-clipboard,
.tablet .mechanical_steps .col-sm-4 ul li .fa-thumbs-up,
.tablet .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;
}
.tablet .row .threesteps .left {
        background: red;
        padding: 5px;
        float: left;
}
.tablet .row .threesteps .right {
        background: red;
        padding: 5px;
        float: left;
}

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

.tablet .mechanical .col-sm-3 h5 {
        background: none;
        font-size: 1.5rem;
        color: #FFCC2A;
        font-weight: 600;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
}
.tablet .mechanical .col-sm-3 ul li {
        font-size: 1.35rem;
        color: #ddd;
        padding: 0px 0px 20px 0px;
        line-height: 2rem;
}
.tablet .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 **/
.tablet .blockbutton.yellow a {
        background: #FFCC2A;
        margin-top: 10px;
        display: flex;
        justify-content: left;
        align-items: left;
        float: left;
        padding: 10px 20px;
        border-radius: 10px;
        font-size: 1.5rem;
        color: #000;
}

.tablet .blockbutton.yellow a:hover {
        background: #FF0000;
        color: #fff;
}
/** Black **/
.tablet .blockbutton.black a {
        background: #2A2A2A;
        margin-top: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 20px;
        border-radius: 10px;
        font-size: 1.5rem;
        color: #FFCC2A;
}


.tablet .blockbutton.black a:hover {
        background: #FF0000;
        color: #fff;
}

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


.dynamic-categories .loading {
        display: none;
        float: right;
}

/** PRODUCTS - Category **/
.tablet .form-group.compare a {
        background: none;
        text-align: left;
        font-size: 1.1rem !important;
}
.tablet .product-thumb  {
        background: #fff;
        border: 1px solid #bbb;
        border-radius: 10px;
        margin-bottom: 20px;
        overflow: auto;
}
.tablet .product-thumb .caption  {
        background: none;
        text-align: center;
        padding: 10px;
        margin-bottom: -20px !important;
}
.tablet .product-thumb .caption .product_title  {
        background: none;
        text-align: center;
}

.tablet .product-thumb .caption h4.product_title a {
        padding: 5px 0px 5px 0px;
        display: block;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-weight: 600;
}
.tablet .product-thumb .caption p  {
        background: none;
        text-align: center;
        padding: 5px 0px 15px 0px;
        font-size: 1.25rem;
        line-height: 1.9rem;
        height: 75px;
}
.tablet .product-thumb .caption p.price  {
        background: red;
        text-align: center;
        padding: 5px 0px 10px 0px;
        font-size: 2rem !important;
        font-weight: 600;
}
.tablet .product-thumb .caption p .price-new  {
        color: #000;
        font-weight: 600;
        font-size: 2rem;
}
.tablet .product-thumb .caption p .price-old  {
        font-weight: 600;
        color: red;
        font-size: 2rem;
}
.tablet .product-thumb .caption p .price-tax  {
        padding: 5px 0px 0px 0px;
        color: #000;
        font-size: 1.25rem;
        font-weight: 300;
}
.tablet .special-banner-overlay {
        line-height: 18px;
}

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

.tablet .col-sm-4 h1.productpage_title {
        font-size: 2rem;
        margin: 20px 0px 20px 0px;
        color: #FFCC2A;
}
.tablet .col-sm-4 ul.details {
        font-size: 1.5rem;
}
.tablet .col-sm-4 ul.price {
        font-size: 1.5rem;
}
.tablet .col-sm-4 ul.price li.old_price {
        font-size: 2.5rem;
        color: red;
        font-weight: 600;
}
.tablet .col-sm-4 ul.price li.new_price h2 {
        font-size: 3.5rem;
        font-weight: 600;
        color: #fff;
        padding: 5px 0px;
}
.tablet .col-sm-4 ul.price li.ex_gst {
        font-size: 1.5rem;
        color: #FFCC2A;
}
.tablet .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;
}
.tablet .col-sm-8 .tab-content {
        background: #fff;
        padding: 20px;
        border: 1px solid #ddd;
}
.tablet .tab-pane .description {
        font-size: 1.6rem;
        padding-bottom: 20px;
}

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

/** FOOTER ----------------------------------------**/
footer .tablet  {
        background: none;
        padding: 30px 0px 30px 0px;
}







footer .tablet h5 {
        font-size: 1.5rem;
        padding: 0px 0px 10px 0px;
        color: #FFCC2A;
}
footer .tablet .col-sm-3 {
        text-align: center;
        border-left: 1px solid #444444;
        border-right: 1px solid #444444;
        height: 150px;
}

/** MENU ITEM SIZE **/
.tablet 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: 2.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.75rem;
        text-align: center;
        color: #ccc;
        padding: 20px 30px 20px 30px;
}