/** DESKTOP  ----------------------------------------**/
/** Desktop Header  **/
.row.fullheader.desktop {
    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.desktop {
    background: #2a2a2a;
    height: 50px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 1000;
    top: 175px;
}

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



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

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



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


.row.fullheader.desktop .address a.fa-map-marker,
.row.fullheader.desktop .address a {
    color: #FFCC2A;
 }
.row.fullheader.desktop .address .fa-map-marker a:hover,
.row.fullheader.desktop .address a:hover {
    background: red !Important;
    color: #fff;
}
.row.fullheader.desktop .address a {
    background: #2a2a2a;
    border: 0px solid #ddd;
    border-radius: 5px;
    margin: 10px 0px 10px 0px !Important;
    padding: 10px 15px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: normal;
}
.row.fullheader.desktop .phone .fa-phone,
.row.fullheader.desktop .phone a {
    color: #FFCC2A;
}
.row.fullheader.desktop .phone .fa-phone a:hover,
.row.fullheader.desktop .phone a:hover {
    background: red !Important;
    color: #fff;
}
.row.fullheader.desktop .phone a {
    background: #2a2a2a;
    border: 0px solid #ddd;
    border-radius: 5px;
    margin: 10px 0px 10px 0px !Important;
    padding: 3px 16px;
    text-align: center;
    font-size: 2.5rem;
    font-weight: normal;
}
.row.fullheader.desktop .address .fa-map-marker {
    font-size: 2rem;
    padding: 0px 5px 0px 0px;
}
.row.fullheader.desktop .phone .fa-phone {
    font-size: 2.6rem;
    padding: 0px 10px 0px 0px;
}
.row.fullheader.desktop .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.desktop .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.desktop,
.wide_hero.page.desktop,
.desktop .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 HOME ----------------------------------------**/
.desktop .container.home {
    background: none;
    margin: 80px auto 90px auto;
}
.desktop .container.home .herocontent {
    background: none;
    text-align: center;
}
.desktop .container.home .herocontent h1.h1_title {
    background: none;
    font-size: 9rem;
    line-height: 8.5rem;
    font-weight: 900;

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

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

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

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


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

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

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

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

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

/** [PAGE] - HERO - Buttons **/
.desktop .container.page .herobuttons {
    background: none;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
}
.desktop .container.page .herobuttons .herobutton_left {
    background: none;
    float: left;
    margin-right: 15px;
}
.desktop .container.page .herobuttons .herobutton_left a {
    background: #FFCC2A;
    color: #000;
}
.desktop .container.page .herobuttons .herobutton_left a:hover {
    background: #FF0000;
    color: #fff;
}
.desktop .container.page .herobuttons .herobutton_right {
    background: none;
    float: left;
    margin-right: 15px;
}
.desktop .container.page .herobuttons .herobutton_right a {
    background: #2A2A2A;
    color: #FFCC2A;
}
.desktop .container.page .herobuttons .herobutton_right a:hover {
    background: #FF0000;
    color: #fff;
}
.desktop .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 ----------------------------------------**/
.desktop .container.page.sub {
    background: none;
    margin: 50px auto 50px auto;
}
.desktop .container.page.sub .subpageheader {
    background: none;
    text-align: center;
}
.desktop .container.page.sub .subpageheader .h1_title {
    font-size: 5.0rem;
    line-height: 5.0rem;
    font-weight: 900;
    color: #FFCC2A;
}


/** Hateemel ----------------------------------------**/
.desktop .hateemel {
    border: 0px solid #DDD;
    padding:0px;
    margin-bottom: 0px;
    overflow: auto;
    text-shadow: none;
    font-weight: 900;
}
.desktop 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 ----------------------------------------**/
.desktop 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 **/
.desktop .special_deals_banner {
    margin-bottom: 75px;
}
.desktop .special_deals_banner .promobanners {
    margin-bottom: 75px;
}
.desktop .special_deals_banner img {
    border: 0px solid #ddd;
    border-radius: 20px;
}

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

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

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

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

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

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

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

/** Blocks **/
.desktop .row_blocks_git {
    background: none;
    width: 100%;
    float: left;
    padding: 0px 0px 0px 0px;
    border-radius: 20px;
}
.desktop .row_blocks_git .blocks {
    background: #000;
    margin: 10px 0px 0px 0px;
}
.desktop .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: 2rem;
    text-align: left;
}
.desktop .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;
}
.desktop .row_blocks_git .blocks .pagelink a:hover .fa-circle-info {
    color: #fff;
}
.desktop .row_blocks_git .blocks .pagelink a:hover {
    background: red !important;
    color: #fff;
}
.bootstrap-xform {
    background: #fff;
    padding: 40px;
    border-radius: 25px;
}

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

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

.desktop .courtesycar_home .row-text-right {
    background: #262628;
    width: 70% !important;
    float: right;
    border-radius: 15px;
    border: 1px solid #262628;
    padding: 65px 60px 67px 60px;
}

.desktop .courtesycar_home .row-text-left h5.h5-row-text {
    text-align: left;
    font-size: 1.75rem;
    font-weight: normal;
    margin-bottom: 10px;
    color: #000;
}
.desktop .courtesycar_home .row-text-left h6.h6-row-text {
    text-align: left;
    font-size: 2.5rem;
    font-weight: normal;
    margin-bottom: 15px;
    color: #000;
}
.desktop .courtesycar_home .row-text-left .div-row-text,
.desktop .courtesycar_home .row-text-left .div-row-text ul li {
    padding: 0px 0px 0px 0px;
    color: #000;
    font-size: 1.25rem;
}
.desktop .courtesycar_home .row-text-right h5.h5-row-text {
    text-align: left;
    font-size: 1.75rem;
    font-weight: normal;
    margin-bottom: 10px;
    color: #FFCC2A;
}
.desktop .courtesycar_home .row-text-right h6.h6-row-text {
    text-align: left;
    font-size: 3.5rem;
    font-weight: normal;
    margin-bottom: 15px;
    color: #fff;
}
.desktop .courtesycar_home .row-text-right .div-row-text,
.desktop .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 **/
.desktop .courtesycar_home .row-text-left,
.desktop .courtesycar_home .row-text-right {
    flex: 1;
}
/* Mobile responsive breakdown  */
@media (max-width: 768px) {
    .desktop .responsive-row.courtesycar_home  {
            flex-direction: column; /* Stacks the columns vertically */
}
}


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

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

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

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

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




.desktop .responsive-row.page.aboutus {
    background: #fff;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin: 0px auto 75px auto;
    border-radius: 15px;
}
.desktop .page.left.aboutus .row-text {
    padding: 20px;
}
.desktop .page.right.aboutus .row-text {
    padding: 20px;
}
.desktop .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;
}
.desktop .page.aboutus .row-text .h6-row-text {
    text-align: left;
    font-size: 3.5rem;
    font-weight: normal;
    color: #000;
    margin-bottom: 15px;
}
.desktop .page.aboutus .row-text .div-row-text,
.desktop .page.aboutus .row-text .div-row-text ul li {
    padding: 0px 40px 0px 0px;
    color: #000;
    font-size: 1.5rem;
}
.desktop .page.left.aboutus .row-image {
    padding: 0px 0px 0px 20px;
}
.desktop .page.right.aboutus .row-image {
    padding: 0px 20px 0px 20px;
}

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

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

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

.desktop .page.payg .row-text {
    padding: 0px 0px 0px 20px;
}



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

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

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

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

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

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

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

.desktop .homepage_specials .col-sm-4 li.special_detail {
    font-size: 1.65rem;
    color: #ddd;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    padding-bottom: 20px;
}
.desktop .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 **/
.desktop .responsive-row.page.ingoodhands {
    background: #fff;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin: 0px auto 30px auto;
    border-radius: 15px;
}
.desktop .page.ingoodhands .row-text {
    padding: 0px 0px 0px 20px;
}
.desktop .page.ingoodhands .row-text .h5-row-text {
    text-align: left;
    font-size: 1.75rem;
    font-weight: normal;
    color: red;
    margin-bottom: 10px;
    padding-top: 0px;
}
.desktop .page.ingoodhands .row-text .h6-row-text {
    text-align: left;
    font-size: 3.5rem;
    font-weight: normal;
    color: #000;
    margin-bottom: 15px;
}

.desktop .page.ingoodhands .row-text .div-row-text,
.desktop .page.ingoodhands .row-text .div-row-text ul li {
    padding: 0px 40px 0px 0px;
    color: #000;
    font-size: 1.5rem;
}
/* Ensures elements share the space equally **/
.desktop .page.ingoodhands .row-image,
.desktop .page.ingoodhands .row-text {
    flex: 1;
}
/* Makes the image fully responsive **/
.desktop .page.ingoodhands .row-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px 0px 0px 15px;
}

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

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

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

.desktop .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;
}
.desktop .mechanical .col-sm-3 ul li {
    font-size: 1.35rem;
    color: #ddd;
    padding: 0px 0px 20px 0px;
    line-height: 2rem;
}
.desktop .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 **/
.desktop .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;
}

.desktop .blockbutton.yellow a:hover {
    background: #FF0000;
    color: #fff;
}
/** Black **/
.desktop .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;
}


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

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


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

/** PRODUCTS - Category **/
.desktop .form-group.compare {
    text-align: left;
}


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

.desktop .product-thumb .caption .product_title  {
    text-align: center;
    height: 50px;
}
.desktop .product-thumb .caption h4.product_title a {
    background: none;
    display: block;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Optional fallback for older environments */
}

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

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

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

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

/** INFORMATION PAGES FORMAT -----------------------*/
#information-information {
    background: none;
}
/** Information Page Styling **/
.information_title {
    font-size: 3rem;
    margin-bottom: 30px;
}
.information_paragraph {
    font-size: 1.65rem;
    line-height: 22pt;
    padding-bottom: 75px;
}
.information_paragraph ul li {
    font-size: 2rem;
}

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







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

/** MENU ITEM SIZE **/
.desktop ul.main-ui a {
    font-size: 1.34rem !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;
}