/* Project: Leatherland
   CSS by: Waqas on 15 sept 2024
   Last modified on 17 March 2026
   */

body {
    font-family: avenir-med;
    font-size: 14px;
    color: #212529;
    background-image: none;
    background-color: #fff
}

/* Review form layout and legacy customer-page specificity corrections. */
.col-12.write-review.review-form-page {
    max-width: 1120px;
    margin: 10px auto 30px;
    padding-right: 15px;
    padding-left: 15px;
}

.review-form-page .review-account-actions .btn,
.review-form-page .review-form-footer .btn {
    border: 1px solid #68bcd3 !important;
    border-radius: 0;
    background: #68bcd3 !important;
    color: #000 !important;
    font-family: avenir-med;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}

.review-form-page .review-account-actions .btn:hover,
.review-form-page .review-account-actions .btn:focus,
.review-form-page .review-form-footer .btn:hover,
.review-form-page .review-form-footer .btn:focus {
    border-color: #000 !important;
    background: #000 !important;
    color: #fff !important;
}

.review-form-page .review-account-actions .btn-outline-secondary {
    border-color: #bfc8cd !important;
    background: #fff !important;
    color: #212529 !important;
}

.review-form-page .review-account-actions .btn-outline-secondary:hover,
.review-form-page .review-account-actions .btn-outline-secondary:focus {
    border-color: #000 !important;
    background: #000 !important;
    color: #fff !important;
}

.review-form-page .review-account-actions .btn .fa-lock {
    margin-right: 8px;
}

.review-form-page .review-form-footer .btn .fa-eye {
    margin-right: 8px;
}

.review-preview-page .review-preview-section {
    padding: 38px;
}

.review-preview-instruction {
    margin-bottom: 20px;
    padding: 15px 18px;
    border-left: 4px solid #68bcd3;
    background: #f5f6f7;
}

.review-preview-instruction p {
    margin: 0;
    color: #292929;
    font-size: 15px;
}

.review-preview-instruction p + p {
    margin-top: 5px;
}

.review-preview-card {
    padding: 30px;
    border: 1px solid #dce1e4;
    background: #fff;
}

.review-preview-rating {
    margin-bottom: 14px;
    color: #ffad00;
    font-size: 23px;
    line-height: 1;
}

.review-preview-page #review_details .review-preview-rating i {
    color: #ffad00 !important;
    font-size: 23px !important;
}

.review-preview-rating i + i {
    margin-left: 4px;
}

.review-preview-card > h2 {
    margin: 0 0 7px;
    color: #212529;
    font-size: 23px;
}

.review-preview-author {
    margin-bottom: 22px !important;
    color: #687178;
    font-size: 14px;
}

.review-preview-copy {
    margin: 0 !important;
    color: #212529;
    font-family: avenir-book;
    font-size: 16px;
    line-height: 1.65;
    white-space: pre-line;
}

.review-preview-page .review-preview-quick-ratings {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #e0e3e5;
}

.review-preview-quick-ratings h3 {
    margin: 0 0 14px;
    font-size: 17px;
}

.review-preview-quick-ratings dl {
    margin: 0;
    display: grid;
    gap: 9px;
}

.review-preview-quick-ratings dl > div {
    padding: 12px 14px;
    display: grid;
    grid-template-columns: minmax(180px, 35%) 1fr;
    align-items: center;
    gap: 18px;
    border: 1px solid #e1e3e5;
    background: #fafafa;
}

.review-preview-quick-ratings dt,
.review-preview-quick-ratings dd {
    margin: 0;
    font-size: 14px;
}

.review-preview-quick-ratings dt {
    display: flex;
    align-items: center;
    color: #212529;
    font-weight: 700;
    line-height: 1.35;
}

.review-preview-page #review_details .review-preview-quick-ratings dt i {
    width: 28px;
    margin-right: 10px;
    flex: 0 0 28px;
    color: #292929 !important;
    text-align: center;
    font-size: 18px !important;
    line-height: 1 !important;
}

.review-preview-quick-ratings dd {
    color: #292929;
}

.review-preview-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.review-preview-page .review-preview-actions .btn {
    min-width: 0;
    padding-right: 15px;
    padding-left: 15px;
}

.review-preview-page .review-preview-actions .review-preview-edit {
    border-color: #bfc8cd !important;
    background: #fff !important;
    color: #212529 !important;
}

.review-preview-page .review-preview-actions .review-preview-edit:hover,
.review-preview-page .review-preview-actions .review-preview-edit:focus {
    border-color: #000 !important;
    background: #000 !important;
    color: #fff !important;
}

.review-preview-actions .btn i {
    margin-right: 8px;
}

.review-preview-actions small {
    grid-column: 1 / -1;
}

.review-success-content {
    display: grid;
    grid-template-columns: 64px 1fr;
    align-items: start;
    gap: 24px;
}

.review-success-icon {
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #292929;
    font-size: 25px;
}

.review-success-content h2 {
    margin: 2px 0 12px;
    color: #212529;
    font-size: 24px;
}

.review-success-content p {
    max-width: 800px;
    color: #40484e;
    font-family: avenir-book;
    font-size: 16px;
    line-height: 1.65;
}

.review-success-content p + p {
    margin-top: 14px;
}

.review-success-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.review-success-page .review-success-actions .btn {
    min-width: 0;
    padding-right: 14px;
    padding-left: 14px;
}

.review-success-page .review-success-continue {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.review-success-page .review-success-actions .btn-outline-secondary {
    border-color: #bfc8cd !important;
    background: #fff !important;
    color: #212529 !important;
}

.review-success-page .review-success-actions .btn-outline-secondary:hover,
.review-success-page .review-success-actions .btn-outline-secondary:focus {
    border-color: #000 !important;
    background: #000 !important;
    color: #fff !important;
}

.review-success-actions .btn i {
    margin-right: 8px;
}

@media (max-width: 767px) {
    .review-preview-page .review-preview-section {
        padding: 26px 18px;
    }

    .review-preview-card {
        padding: 22px 18px;
    }

    .review-preview-quick-ratings dl > div {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .review-preview-actions {
        grid-template-columns: 1fr;
    }

    .review-preview-actions small {
        grid-column: auto;
    }

    .review-success-content {
        grid-template-columns: 1fr;
    }

    .review-success-icon {
        width: 54px;
        height: 54px;
        font-size: 21px;
    }

    .review-success-actions {
        grid-template-columns: 1fr;
    }
}

.review-form-page .review-form-card {
    background: #fff;
}

.review-form-page .review-form-section {
    padding: 36px 38px;
}

.review-form-page .review-star-options label {
    margin: 0;
    color: #aeb5ba;
    font-size: 45px;
    line-height: 1;
}

.review-form-page .review-star-fieldset {
    width: 290px;
    max-width: 100%;
}

.review-form-page .review-star-options {
    width: 100%;
    justify-content: space-between;
}

.review-form-page .review-star-options label:hover,
.review-form-page .review-star-options label:hover ~ label,
.review-form-page .review-star-options input:checked ~ label {
    color: #f5a400;
}

.review-form-page .review-rating-scale {
    width: 100%;
    margin-top: 12px;
    color: #212529;
    font-family: avenir-med;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.review-form-page .review-quick-question {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(240px, 30%) minmax(0, 1fr);
    align-items: center;
    gap: 28px;
}

.review-form-page .review-quick-question + .review-quick-question {
    margin-top: 18px;
}

.review-form-page .review-question-label {
    display: flex;
    align-items: center;
    color: #212529;
    font-size: 15px;
    font-weight: 700;
}

.review-form-page .review-question-label i {
    width: 42px;
    flex: 0 0 42px;
    color: #1683a5;
    text-align: center;
    font-size: 20px;
}

.review-form-page .review-choice-grid {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.review-form-page .review-choice-grid label {
    min-height: 58px;
    padding: 12px 14px;
    font-size: 14px;
    line-height: 1.3;
}

.review-form-page .review-form-section .form-control {
    width: 100%;
    font-family: avenir-book;
    font-size: 15px;
}

.review-form-page .review-form-footer {
    padding: 26px 38px;
}

@media (max-width: 767px) {
    .col-12.write-review.review-form-page {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .review-form-page .review-form-section {
        padding: 26px 18px;
    }

    .review-form-page .review-quick-question {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .review-form-page .review-choice-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .review-form-page .review-choice-grid label {
        min-height: 46px;
    }

    .review-form-page .review-form-footer {
        padding: 24px 18px;
    }
}

/* Review form */
.review-form-page {
    --review-accent: #1683a5;
    --review-star: #ffad00;
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
    color: #171b20;
}

.review-form-header {
    margin-bottom: 28px;
}

.review-form-header h1 {
    margin-bottom: 8px;
    font-size: clamp(32px, 4vw, 44px);
}

.review-form-header p,
.review-account-prompt p,
.review-form-section p,
.review-form-footer p {
    margin-bottom: 0;
}

.review-account-prompt {
    margin-bottom: 22px;
    padding: 22px 28px;
    display: grid;
    grid-template-columns: 56px 1fr auto;
    align-items: center;
    gap: 20px;
    border: 1px solid #d9e1e5;
    background: #f7fbfd;
}

.review-account-icon {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #9bc9db;
    border-radius: 50%;
    color: var(--review-accent);
    font-size: 24px;
}

.review-account-copy strong,
.review-account-signed-in strong {
    display: block;
    margin-bottom: 3px;
    font-size: 17px;
}

.review-account-actions {
    display: flex;
    gap: 14px;
}

.review-account-actions .btn {
    min-width: 150px;
    padding: 12px 20px;
    border-radius: 3px;
}

.review-account-actions .btn-outline-secondary {
    color: #171b20;
    border-color: #bfc8cd;
    background: #fff;
}

.review-product-summary {
    padding: 18px 28px;
    display: flex;
    align-items: center;
    gap: 24px;
    border: 1px solid #ddd;
    border-bottom: 0;
    background: #faf9f7;
}

.review-product-summary img {
    width: 132px;
    height: 132px;
    object-fit: contain;
    background: #fff;
}

.review-product-summary span {
    color: #677078;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.review-product-summary h2 {
    max-width: 650px;
    margin: 5px 0 0;
    font-size: 24px;
}

.review-form-card {
    border: 1px solid #ddd;
    scroll-margin-top: 100px;
}

.review-form-section {
    padding: 30px;
    border-bottom: 1px solid #ddd;
}

.review-section-heading {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.review-section-heading > span {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #171b20;
    font-size: 13px;
    font-weight: 700;
}

.review-section-heading h2 {
    margin: 0;
    font-size: 19px;
}

.review-section-heading h2 small {
    color: #687178;
    font-size: 14px;
    font-weight: 400;
}

.review-section-heading em,
.review-customer-fields label em {
    color: #c7352b;
    font-style: normal;
}

.review-section-heading p {
    margin-top: 4px;
    color: #5e676e;
}

.review-star-fieldset,
.review-quick-question {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.review-star-options {
    width: max-content;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.review-star-options input,
.review-choice-grid input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.review-star-options label {
    margin: 0 8px 0 0;
    color: #c9cdd0;
    cursor: pointer;
    font-size: 38px;
    line-height: 1;
}

.review-star-options label:hover,
.review-star-options label:hover ~ label,
.review-star-options input:checked ~ label {
    color: var(--review-star);
}

.review-star-options input:focus-visible + label {
    outline: 2px solid var(--review-accent);
    outline-offset: 3px;
}

.review-rating-scale {
    width: 222px;
    margin-top: 9px;
    display: flex;
    justify-content: space-between;
    color: #5e676e;
    font-size: 13px;
}

.review-quick-question {
    display: grid;
    grid-template-columns: minmax(220px, 28%) 1fr;
    align-items: center;
    gap: 24px;
}

.review-quick-question + .review-quick-question {
    margin-top: 18px;
}

.review-quick-question legend {
    margin: 0;
    color: #20252a;
    font-size: 15px;
    font-weight: 700;
}

.review-quick-question legend i {
    width: 38px;
    margin-right: 10px;
    color: var(--review-accent);
    text-align: center;
}

.review-choice-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.review-choice-grid label {
    min-height: 52px;
    margin: 0;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd2d6;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
}

.review-choice-grid label:hover {
    border-color: var(--review-accent);
}

.review-choice-grid input:checked + label {
    color: #fff;
    border-color: var(--review-accent);
    background: var(--review-accent);
}

.review-choice-grid input:focus-visible + label {
    outline: 2px solid #171b20;
    outline-offset: 2px;
}

.review-form-section .form-control {
    min-height: 48px;
    border-color: #cbd2d6;
    border-radius: 3px;
}

.review-form-section textarea.form-control {
    min-height: 150px;
    resize: vertical;
}

.review-field-help,
.review-text-meta,
.review-customer-fields small {
    color: #657078;
    font-size: 13px;
}

.review-field-help {
    margin-top: 8px;
}

.review-text-meta {
    margin-top: 7px;
    display: flex;
    justify-content: space-between;
}

.review-text-meta b {
    font-weight: 400;
}

.review-customer-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.review-customer-fields .form-group {
    margin-bottom: 0;
}

.review-customer-fields label {
    font-weight: 700;
}

.review-customer-fields small {
    display: block;
    margin-top: 7px;
}

.review-form-footer {
    padding: 24px 30px;
    display: grid;
    grid-template-columns: 1fr minmax(300px, 40%);
    align-items: center;
    gap: 30px;
    background: #f4f9fb;
}

.review-form-footer strong {
    font-size: 17px;
}

.review-form-footer .btn {
    width: 100%;
    border-radius: 3px;
}

.review-form-footer small {
    display: block;
    margin-top: 8px;
    color: #657078;
    text-align: center;
}

.review-preview-quick-ratings {
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #ddd;
}

.review-preview-quick-ratings p {
    margin-bottom: 5px;
}

.product-review-quick-summary {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #e1e3e5;
}

.product-review-quick-summary h4 {
    margin: 0;
    color: #292929;
    font-size: 16px;
    text-transform: uppercase;
}

.product-review-quick-summary h4 i {
    margin-left: 4px;
    color: #8a949a;
    font-size: 13px;
}

.product-review-quick-heading {
    margin-bottom: 20px;
}

.product-review-quick-heading p {
    margin: 5px 0 0;
    color: #687178;
    font-size: 13px;
}

.product-review-quick-ratings {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-review-quick-rating {
    min-width: 0;
    padding: 0 24px;
    border-right: 1px solid #dce1e4;
}

.product-review-quick-rating:first-child {
    padding-left: 0;
}

.product-review-quick-rating:last-child {
    padding-right: 0;
    border-right: 0;
}

.product-review-quick-ratings dt,
.product-review-quick-ratings dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.product-review-quick-ratings dt {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #3f464b;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

.product-review-quick-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd5d8;
    border-radius: 50%;
}

.product-review-quick-icon i {
    color: #292929;
    text-align: center;
    font-size: 16px;
    line-height: 1;
}

.product-review-quick-ratings dt strong {
    margin-top: 3px;
    display: block;
    color: #212529;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.product-review-rating-scale {
    margin-top: 22px !important;
}

.product-review-scale-track {
    height: 16px;
    margin: 0 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-review-scale-track::before {
    height: 2px;
    position: absolute;
    right: 0;
    left: 0;
    content: "";
    background: #cfd4d7;
}

.product-review-scale-track i {
    width: 10px;
    height: 10px;
    position: relative;
    z-index: 1;
    display: block;
    border-radius: 50%;
    background: #bcc3c7;
}

.product-review-scale-track i.is-active {
    width: 16px;
    height: 16px;
    background: #168daf;
    box-shadow: 0 0 0 3px #e5f5f9;
}

.product-review-scale-labels {
    margin-top: 9px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    color: #596269;
    font-size: 11px;
    line-height: 1.35;
    text-align: center;
}

.product-review-scale-labels span:first-child {
    text-align: left;
}

.product-review-scale-labels span:last-child {
    text-align: right;
}

@media (max-width: 767px) {
    .product-review-quick-ratings {
        grid-template-columns: 1fr;
    }

    .product-review-quick-rating,
    .product-review-quick-rating:first-child,
    .product-review-quick-rating:last-child {
        padding: 18px 0;
        border-right: 0;
        border-bottom: 1px solid #dce1e4;
    }

    .product-review-quick-rating:first-child {
        padding-top: 0;
    }

    .product-review-quick-rating:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .review-form-footer {
        grid-template-columns: 1fr;
    }

    .review-account-prompt {
        margin-bottom: 14px;
        padding: 14px;
        display: block;
    }

    .review-account-icon {
        display: none;
    }

    .review-account-copy strong,
    .review-account-signed-in strong {
        margin-bottom: 2px;
        font-size: 15px;
    }

    .review-account-prompt p {
        font-size: 13px;
        line-height: 1.4;
    }

    .review-account-actions {
        margin-top: 12px;
        display: flex;
        gap: 8px;
    }

    .review-customer-fields {
        display: grid;
        grid-template-columns: 1fr;
    }

    .review-account-actions .btn {
        min-width: 0;
        flex: 1 1 50%;
        padding: 9px 7px;
        font-size: 13px;
    }

    .review-product-summary {
        padding: 15px;
        align-items: flex-start;
    }

    .review-product-summary img {
        width: 88px;
        height: 88px;
    }

    .review-product-summary h2 {
        font-size: 18px;
    }

    .review-form-section {
        padding: 24px 16px;
    }

    .review-quick-question {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .review-choice-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .review-choice-grid label {
        min-height: 44px;
    }

    .review-form-page .review-quick-question + .review-quick-question {
        margin-top: 32px;
    }

    .review-form-footer {
        padding: 22px 16px;
    }
}

a,.btn-link {
    color: #68bcd3
}

a:hover,a:active,a:focus,.btn-link:hover {
    color: #000
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
    color: #333
}

.carousel-caption h3,.carousel-caption h2,.carousel-caption .h3,.carousel-caption p {
    color: #fff
}

h1,.h1 {
    font-size: 26.249px
}

h2,.h2 {
    font-size: 21px
}

h3,.h3 {
    font-size: 18.375px
}

h4,.h4 {
    font-size: 15.75px
}

h5,.h5 {
    font-size: 13.124px
}

.btn-outline-secondary,.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-outline-secondary:hover,.btn-default:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-outline-secondary.disabled,.btn-default:disabled {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle,.btn-default:not(:disabled):not(.disabled):active,.btn-default:not(:disabled):not(.disabled).active,.show>.btn-default.dropdown-toggle {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad
}

.btn-primary {
    color: #fff;
    background-color: #68bcd3;
    border-color: #68bcd3
}

.btn-primary:hover {
    color: #fff;
    background-color: #68BCD3;
    border-color: #68BCD3;
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #68BCD3;
    border-color: #68BCD3
}

.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #68BCD3;
    border-color: #68BCD3
}

.btn-warning {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #fff;
    background-color: #e0a800;
    border-color: #ffc107
}

.btn-warning.disabled,.btn-warning:disabled {
    color: #fff;
    background-color: #e0a800;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #e0a800;
    border-color: #ffc107
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-success {
    color: #000;
    background-color: #68bcd3;
    border-color: #68bcd3
}

.btn-success:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-success.disabled,.btn-success:disabled {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.disabled,.btn-info:disabled {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.breadcrumb {
    background-color: transparent;
    padding-top: 9px;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    color: #000;
    padding: 0 2px 0 7px
}

.breadcrumb>.active,.breadcrumb a {
    color: #fff
}

.pagination .page-link {
    color: #68bcd3;
    background-color: #fff;
    border-color: #dee2e6
}

.badge-secondary {
    background-color: #ebebeb
}

.badge-primary {
    background-color: #68bcd3
}

.badge-success {
    background-color: #28a745
}

.badge-info {
    background-color: #17a2b8
}

.badge-warning {
    background-color: #ffc107
}

.badge-danger {
    background-color: #dc3545
}

.card {
    border-color: #ddd
}

.card-header {
    background-color: #f5f5f5;
    border-color: #ddd
}

.productsave {
    color: #d9534f
}

.wrapper-header .navbar-toggler {
    color: #696969
}

.wrapper-header .navbar {
    background-color: #f8f9fa!important
}

.wrapper-header .navbar .navbar-nav .nav-link {
    color: #696969
}

.wrapper-header .navbar-nav .nav-link:hover,.wrapper-header .navbar-nav .nav-link:focus {
    color: #333
}

.wrapper-header .navbar-nav .show>.nav-link,.wrapper-header .navbar-nav .active>.nav-link,.wrapper-header .navbar-nav .nav-link.show,.wrapper-header .navbar-nav .nav-link.active {
    color: #555
}

.dropdown-menu {
    background-color: #fff;
    border-color: #ccc
}

.dropdown-item {
    color: #212529
}

.dropdown-item:hover,.dropdown-item:focus,.dropdown-item.active,.dropdown-item:active {
    color: #262626;
    background-color: #f5f5f5
}

.container {
    max-width: 1140px
}

.container-fluid.top-header {
    background: #000
}

.top-header.sticky {
    position: sticky;
    top: 0;
    z-index: 999999
}

header.wrapper-header {
    padding-top: 24px;
    margin-bottom: 45px;
}

header.wrapper-header.sticky {
    background: #fff;
    position: sticky;
    top: 50px;
    z-index: 999;
}

header ul.nav.navbar-nav {
    margin: 0 auto;
    display: table;
    float: right
}

.top-header ul.nav.navbar-nav li {
    display: inline-block;
    width: auto
}

.top-header .navbar.navbar-default.navbar-small {
    padding: 0
}

.top-header ul.nav.navbar-nav li a {
    font-size: 14px;
    color: #fff;
    padding: 0 23px;
    text-decoration: none;
    border-left: 1px solid #fff;
    text-transform: uppercase;
    font-family: avenir-book
}

.top-header ul.nav.navbar-nav li:first-child a {
    padding-left: 0;
    border: none
}

.top-cart-acc ul li {
    display: inline-block;
    width: auto;
    margin-left: 20px
}

.top-cart-acc ul li a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    font-family: avenir-book
}

.col-sm-6.top-cart-acc ul {
    margin: 0;
    float: right
}

div#header-cart a {
    background: #68bcd3;
    border: none;
    border-radius: 0;
    font-size: 15px;
    outline: none;
    box-shadow: none
}

.top-cart-acc ul li i {
    margin-right: 6px
}

.top-header .row {
    align-items: center
}

.top-header-row {
    min-height: 32px;
    flex-wrap: nowrap;
}

.top-header-row .navbar,
.top-header-row .navbar-collapse,
.top-header-row .top-header-menu,
.top-header-row .top-cart-acc {
    min-height: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.top-header-promotion {
    min-width: 0;
    flex: 1 1 auto;
    padding-right: 20px;
    color: #fff;
    font-family: avenir-book;
    font-size: 12px;
    line-height: 1.3;
}

.top-promotion-message {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-header-promotion .carousel,
.top-header-promotion .carousel-inner,
.top-header-promotion .carousel-item {
    width: 100%;
}

.top-header-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
}

.top-header-menu {
    flex: 0 0 auto;
    margin-right: 20px;
}

.top-header .top-header-menu ul.nav.navbar-nav {
    padding: 0;
}

.top-header .top-header-menu ul.nav.navbar-nav li a {
    padding: 0 12px;
    font-size: 13px;
    line-height: 32px;
    text-transform: capitalize;
}

.top-header .top-header-menu ul.nav.navbar-nav li:first-child a {
    padding-left: 12px;
    border-left: 0;
}

.top-header .top-cart-acc > ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.top-header .top-cart-acc ul li {
    margin-left: 12px;
}

.top-header .top-cart-acc ul li a {
    font-size: 13px;
}

.top-header .top-cart-acc .account-link a {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
}

.top-header .top-cart-acc .account-link i {
    margin-right: 0;
}

.top-header div#header-cart a {
    min-height: 32px;
    padding: 5px 11px;
}

.top-cart-acc a.btn.cart-btn.btn-default.dropdown-toggle::before {
    position: absolute;
    left: 4px;
    top: 6px;
    background: rgba(255,255,255,.3);
    width: 1px;
    height: 69%;
    content: ""
}

header ul.nav.navbar-nav li a {
    font-size: 18px;
    color: #000;
    font-family: avenir-book;
    text-decoration: none;
    text-transform: capitalize
}

.top-cart-acc a.btn.cart-btn.btn-default.dropdown-toggle {
    position: relative
}

header .row {
    align-items: center
}

header ul.nav.navbar-nav li {
    width: auto;
    padding: 0 23px;
    display: inline-block
}

header ul.nav.navbar-nav li.dropdown.dropdown-hover:hover>a.dropdown-toggle::after {
    transform: rotate(180deg);
    transition: all .3s linear
}

header ul.nav.navbar-nav {
    margin: 0 auto;
    display: table;
    float: right;
    position: relative;
    left: 6px
}

.navbar.navbar-default.navbar-secondary {
    background: transparent!important;
    padding: 0;
}

header ul.nav.navbar-nav li:first-child {
    padding-left: 0
}

.header-search form {
    border: 1px solid #000;
    width: 100%;
    float: right;
    max-width: 285px
}

header ul.nav.navbar-nav li:last-child {
    padding-right: 0
}

.header-search input {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 12px 15px;
    font-size: 14px;
    color: #6e6e6e;
    font-family: avenir-book
}

.header-search button {
    border: none
}

.header-search button:hover {
    border-radius: 0
}

.header-search button:focus {
    background-color: #000;
    border-radius: 0;
    box-shadow: none;
    color: #fff
}

.top-header ul.nav.navbar-nav {
    display: block;
    padding: 14px 0 15px
}

header .col-sm-6 {
    padding-right: 0
}

.banner-container {
    width: 100%;
    margin-top: 15px;
}

.banner-container .container {
    display: flex;
    gap: 12px
}

.banner-left {
    width: 70%
}

.banner-right {
    width: 35%;
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.banner-right .banner-right-up {
    width: 100%
}

.banner-right .banner-right-down {
    width: 100%
}
.banner-right-up h2, .banner-right-down h2 {
    font-family: 'Avenir-med';
    font-size: 18px;
    font-weight: 900;
    color: #2D2C2C;
}

.banner-right-up .carousel-caption, .banner-right-down .carousel-caption  {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 21px;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
    text-shadow: none;
    text-align: left;
    padding: 20px;
    max-width: 265px;
}

.banner-right-up .carousel-inner, .banner-right-down .carousel-inner {
    background: #EBEBEB;
    min-height: 250px;
    max-width: 470px;
    height: 250px;
    overflow: hidden;
}
.banner-right-down .carousel-inner {
    background: #EEE3E1;
    min-height: 250px;
    max-width: 470px;
    height: 250px;
}
.banner-right-up p, .banner-right-down p {
    font-size: 11px;
    color: #676767;
    letter-spacing: 1px;
    line-height: 13px;
    padding-top: 0px;
}

.banner-right-up p span.btn{
    background: #040404;
    border: 0;
    border-radius: 0;
    font-size: 12px;
    color: #fff;
    /* max-width: 58px; */
    /* height: 28px; */
    font-family: 'Avenir-Book';
    padding: 9px 11px;
}
.banner-right-down p span.btn {
    background: #A35841;
    border: 0;
    border-radius: 0;
    font-size: 12px;
    color: #fff;
    /* max-width: 58px; */
    /* height: 28px; */
    font-family: 'Avenir-Book';
    padding: 9px 11px;
}

.banner-right-up p span.btn:hover, .banner-right-down p span.btn:hover {
    background: #68BCD3;
}

.banner-right-up img, .banner-right-down img {
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.banner-right-up .carousel-item a, .banner-right-down .carousel-item a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.banner-right-up .carousel,
.banner-right-down .carousel,
.banner-right-up .carousel-item,
.banner-right-down .carousel-item {
    width: 100%;
    height: 100%;
}
.banner-right-up .carousel-item a:hover, .banner-right-down .carousel-item a:hover {
    text-decoration:none;
}
.usp {
    width: 100%;
    display: flex;
    padding: 70px 0 100px;
    justify-content: space-around
}
.usp-block {
    width: 20%;
    font-size: 16px;
    font-weight: 400;
    text-align: -webkit-center;
    display: flex;
    flex-wrap: wrap;
    align-items: self-end;
    justify-content: center
}

.usp-block img {
    margin-bottom: 12px
}

.usp-block span {
    width: 100%;
    text-align: center
}

section#homepageCarousel h2 {
    font-size: 26px;
    color: #2d2c2c;
    font-family: 'Avenir-med';
    text-transform: capitalize;
    letter-spacing: 1px;
    text-shadow: none;
    margin-bottom: 25px;
    line-height: 28px;
    font-weight: 900;
}

section#homepageCarousel p {
    font-size: 14px;
    color: #000;
    font-family: avenir-book;
    text-shadow: none
}

section#homepageCarousel span.btn.btn-primary.btn-lg {
    font-size: 16px;
    font-family: avenir-med;
    background: #68bcd3;
    border: none;
    border-radius: 0;
    letter-spacing: 1px;
    padding: 12px 24px;
    margin-top: -3px;
    font-weight: 800;
    color: #000;
    text-transform: unset;
}

section#homepageCarousel .carousel-caption p:last-child {
    margin: 0;
    font-size: 0
}

section#homepageCarousel ol.carousel-indicators {
    left: 10%;
    justify-content: left;
    margin-left: 0
}

section#homepageCarousel ol.carousel-indicators li {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background-color: #000;
    opacity: 0.3;
}

section#homepageCarousel ol.carousel-indicators li.active {
    background-color: #000;
    opacity: 1;
}

section#homepageCarousel .carousel-caption {
    top: 45%;
    transform: translateY(-50%);
    text-align: left;
    left: 10%;
    width: 36%
}

section.slide-section-home.feature {
    background: #f0f4f6;
    padding: 98px 0
}

section.slide-section-home h1 {
    font-size: 32px;
    font-family: avenir-bold;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 45px;
    text-transform: capitalize;
    padding-left: 12px;
    color: #3c3c3c
}

article .card {
    background: transparent;
    border: none;
}

article .thumbnail-image {
    border: 1px solid #ddd;
    padding: 30px 20px!important;
    background: #ffff;
    width: 100%;
    float: left
}

.overlay img {
    width: 100%
}

.thumbnail.card-body p.card-title.h4 {
    font-size: 18px;
    font-family: avenir-book;
    text-align: left;
    /* margin: 10px 0 15px; */
    text-decoration: none;
    /* height: 65px; */
    color: #3c3c3c;
    font-weight: 400;
    overflow: hidden;
}

.product-card-rating {
    min-height: 20px;
    font-size: 14px;
    line-height: 20px;
}

.product-card-rating a {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #555;
    text-decoration: none;
}

.product-card-rating a:hover,
.product-card-rating a:focus {
    color: #000;
}

.product-card-rating .fa-star {
    margin-top: 0;
    color: #d18b00;
    font-size: 14px;
}

.product-card-review-count {
    margin-left: 3px;
    font-family: var(--font-body);
    font-size: 13px;
}

.card-body h3 a {
    color: #000;
    text-decoration: none
}

.thumbnail.card-body p.card-title.h4 a {
    color: #3c3c3c;
    text-decoration: none
}

.card.thumbnail.card-body p.price {
    font-size: 22px;
    text-align: left;
    font-family: avenir-lt;
    color: #212529;
    margin-bottom: 20px
}

.slick-arrow.prev {
    position: absolute;
    top: -89px;
    right: 47px;
    font-size: 19px;
    color: #717171;
    border: 1px solid #ddd;
    padding: 6px 11px;
    background: #fff
}

.slick-arrow.next {
    position: absolute;
    top: -89px;
    right: 11px;
    font-size: 19px;
    color: #717171;
    border: 1px solid #ddd;
    padding: 6px 11px;
    background: #fff
}

.thumbnail.card-body form.form-inline.buying-options a {
    font-size: 16px;
    background: #68bcd3;
    border: none;
    font-family: avenir-book;
    padding: 12px 16px;
    border-radius: 0;
    margin: 0 auto;
    width: 100%;
    color: #000;
    font-weight: 900
}

.thumbnail.card-body form.form-inline.buying-options button {
    font-size: 16px;
    background: #68bcd3;
    border: none;
    font-family: avenir-book;
    padding: 12px 16px;
    border-radius: 0;
    margin: 0 auto;
    width: 100%;
    color: #000;
    font-weight: 900
}

article {
    padding: 0 6px!important
}

.slick-slider {
    width: 100%;
    float: left
}

hr {
    /* margin-top: 32px; */
    /* position: absolute; */
    /* left: 0; */
    /* width: 1124px; */
    /* margin: 26px auto 0; */
    /* display: table; */
    /* right: 0 */
}

section.slide-section-home.feature h1 {
    background: #f0f4f6;
    width: auto;
    float: left;
    z-index: 99;
    padding: 0 25px 0 0;
    position: relative;
    padding-left: 14px;
    font-size: 32px;
    font-weight: 900;
    color: #333
}

section.slide-section-home {
    width: 100%;
    display: inline-block
}

section.home-about-us {
    width: 100%;
    background-color: #f0f4f6;
    display: inline-block
}

section.slide-section-home.newarrivals,section.slide-section-home.bestproducts {
    padding: 98px 0
}

footer.wrapper-footer {
    width: 100%
}

.slide-section-home h1 {
    background: #fff;
    width: auto;
    z-index: 99;
    padding: 0 25px 0 0;
    position: relative;
    float: left
}

section.home-about-us h2 {
    font-size: 36px;
    font-family: avenir-bold;
    margin-bottom: 28px
}

.home-about-content p {
    font-size: 17px;
    line-height: 1.6;
    font-weight: 400;
    font-family: avenir-book
}

.home-about-content {
    width: 40%;
    float: left;
    padding: 110px 0 100px
}

.home-about-content a {
    font-size: 16px;
    background: #68bcd3;
    color: #fff;
    font-family: avenir-book;
    padding: 12px 26px;
    float: left;
    margin-top: 0;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 800
}

.home-about-slider {
    float: right;
    width: 50%
}

.home-about-slider ol.carousel-indicators {
    display: none
}

.main-footer {
    width: 100%;
  display:inline-block;
    padding-top: 65px;
    background-image: url(https://www.leatherland.com.au/assets/images/foter-img.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.main-footer hr {
    display: none
}

@media (max-width: 767px) {
    .footer-divider {
        width: 100%;
    }
}

.main-footer h4 {
    font-size: 20px;
    text-transform: uppercase;
    font-family: avenir-med;
    font-weight: 400
}

.main-footer ul li a {
    font-size: 16px;
    color: #202020;
    text-decoration: none;
    font-family: avenir-med
}

.main-footer ul li {
    padding-bottom: 3px
}

.main-footer .col-12.col-md-4.text-md-left p {
    font-size: 16px;
    color: #202020;
    margin-top: 20px;
    margin-bottom: 26px
}

.main-footer .input-group input {
    height: 50px;
    background: #f1f1f1;
    border: none;
    font-size: 15px;
    color: #a4a4a4
}

.main-footer input.btn.btn-outline-secondary {
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    background: #68bcd3;
    border-radius: 0;
    padding: 0 25px
}

.main-footer .list-social li i {
    font-size: 30px;
    color: #202020
}

.main-footer .list-social li {
    margin-right: 10px
}

.main-footer .list-social {
    margin-top: 18px
}

.home-cat-sec1,.home-cat-sec2 {
    width: 100%;
    display: flex;
    gap: 12px
}

.home-1cat {
    text-align: center;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%
}

section.home-page-category p {
    font-size: 24px;
    color: #fff;
    border: 0;
    text-decoration: none;
    font-family: avenir-med;
    position: absolute;
    top: 45%;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: 900;
    text-align: center
}

section.home-page-category .col-sm-4 {
    padding: 0 6px
}

section.home-page-category {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 98px
}

section.home-page-category .home-2cat {
    margin-bottom: 0;
    position: relative
}

.home-1cat img,.home-2cat img {
    margin-bottom: 0;
    max-width: 100%;
    height: auto
}

.home-cat-sec2.col-sm-4 .home-2cat:first-child img {
    margin-bottom: 34px
}

.home-cat-sec2.col-sm-4 .home-2cat:last-child {
    padding-top: 0
}

.home-cat-sec2.col-sm-4 .home-2cat:last-child p {
    margin-top: -47px;
    position: relative;
    z-index: 9
}

.home-cat-sec3.col-sm-4 .home-3cat:first-child {
    padding-top: 18px
}

.home-cat-sec3.col-sm-4 .home-3cat:first-child p {
    margin-top: 8px
}

.home-3cat {
    margin-bottom: 11px
}

.home-cat-sec3.col-sm-4 .home-3cat:last-child {
    padding-top: 64px
}

.home-cat-sec3.col-sm-4 .home-3cat:last-child p {
    margin-top: 40px
}
.home-page-category .home-cat-sec1 a img, .home-page-category .home-cat-sec2 a img {
     transition: all 0.4s; 
}
.home-page-category .home-cat-sec1 a:hover img, .home-page-category .home-cat-sec2 a:hover img {
    opacity: 0.8;
    transition: all 0.3s;
}

body {
    overflow-x: hidden
}

.copy-right {
    width: 100%;
    float: left;
    background: #68bcd3;
    padding: 12px 0 5px;
    margin-top: 80px
}

.copy-right p {
    font-size: 16px;
    color: #000 !important;
    font-family: avenir-book;
    font-weight: 300;
    margin-top: 9px
}

.copy-right .row {
    align-items: center
}

.copy-right .col-12.col-md-7 {
    float: left
}

.copy-right .col-12.col-md-5 {
    float: left
}

.copy-right ul {
    margin: 0;
    float: right
}

.copy-right .payment-icon-container {
    height: 43px;
    padding-top: 6px;
    border-radius: 0;
    margin-top: 3px
}

header .dropdown-toggle::after {
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    position: absolute;
    top: 12px;
    transition: all .3s linear
}

.main-footer ul li a i {
    font-size: 14px;
    color: #626262;
    margin-right: 4px
}

header .navbar-nav .dropdown-menu {
    position: absolute;
    float: none;
    padding: 29px 30px;
    width: 225px;
    left: 22px;
    border-top: 0;
    top: 25px;
    border: none;
    box-shadow: 0 9px 23px -9px #000000a6
}

header ul.nav.navbar-nav ul.dropdown-menu li {
    position: relative;
    padding: 0;
    border-bottom: 1px solid #ddd;
    width: 100%;
    float: left;
    padding-bottom: 8px;
    margin-bottom: 8px
}

header ul.dropdown-menu li a::after {
    display: none
}

header ul.nav.navbar-nav ul.dropdown-menu li:hover {
    border-color: #68bcd3
}

.dropdown-menu::before {
    position: absolute;
    top: 0;
    left: 0;
    background: #68bcd3;
    content: "";
    width: 100%;
    height: 4px
}

header ul.nav.navbar-nav ul.dropdown-menu li a {
    font-size: 18px;
    color: #000
}

header ul.nav.navbar-nav ul.dropdown-menu li:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0
}

header .dropdown-menu::after {
    position: absolute;
    top: -3px;
    content: "";
    left: 15px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #68bcd3;
    display: none
}

header .navbar-nav .dropdown-menu ul {
    left: 166px;
    top: -31px
}

header .navbar-nav .dropdown-menu ul::after {
    display: none;
    border: none
}

/* Keep desktop dropdowns connected to their parent hover area. */
@media (min-width: 768px) {
    header .navbar-nav > .dropdown-hover > .dropdown-menu {
        top: 100%;
        margin-top: 0;
    }

    header .navbar-nav .dropdown-menu .dropdown-hover > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0;
    }
}

.breadcrumbs-block.products-page {
    width: 100%;
    margin-bottom: 40px
}

.breadcrumbs-block {
    background-color: #fff;
    padding: 8px 0 0;
    color: #000
}

.breadcrumbs-block .breadcrumb {
    padding-top: 0;
    padding-bottom: 0;
}

.breadcrumbs-block .breadcrumb a,
.breadcrumbs-block .breadcrumb-item,
.breadcrumbs-block .breadcrumb-item::before {
    color: #6c757d;
}

.category-header {
    padding: 18px 0 24px;
    background: #fff;
}

.category-header > .container {
    padding-bottom: 18px;
    border-bottom: 1px solid #e5e5e5;
}

.category-header .page-header {
    margin: 0;
    color: #212529;
    font-family: avenir-bold;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    text-transform: none;
}

.category-header-description {
    margin-top: 16px;
    color: #3c3c3c;
    font-size: 16px;
    line-height: 1.5;
}

.category-header-description > :last-child {
    margin-bottom: 0;
}

.cat-bann-img {
    position: relative;
    margin-bottom: 67px
}

.name-breadcrumb {
    width: 100%;
    float: left;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 1110px;
    margin: 0 auto;
    transform: translateY(-50%)
}

.name-breadcrumb h1 {
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    font-family: avenir-med;
    font-weight: 900;
    text-align: center
}

.name-breadcrumb p {
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    max-width: 1000px;
    margin: 0 auto;
    line-height: 24px
}

.cust-breadcrumb ul li a {
    color: #000;
    font-size: 16px;
    font-family: avenir-book;
    text-decoration: none
}

.cust-breadcrumb ul li {
    padding-left: 0!important
}

.cust-breadcrumb ul li a:hover {
    text-decoration: underline
}

aside#left-sidebar {
    max-width: 283px;
    border: 1px solid #dee2e6;
    padding: 35px;
    background: #fcfcfc
}

#left-sidebar .list-group-item,#left-sidebar .card.mb-2 {
    border: none;
    background: 0 0
}

#left-sidebar .card-header.border-bottom {
    background: 0 0
}

.row.sort_container {
    /* background: #f5f5f5;
    border: 1px solid #ececec; */
    padding: 14px 0;
    margin: 0;
    margin-bottom: 25px
}

.viewby.btn-group a {
    border-radius: 0
}

.viewby.btn-group .btn.btn-outline-secondary.active {
    box-shadow: 0 0 20px -12px inset
}

.thumb .row.products-row {
    margin-left: 0;
    margin-right: 0
}

.thumb article {
    margin-bottom: 13px
}

.card-header.border-bottom a {
    font-size: 20px;
    font-family: avenir-med;
    font-weight: 600
}

.card-header.border-bottom {
    padding: 0
}

#filters .list-group-item {
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    font-family: avenir-med
}
.list-group-item.d-sm-block.filter-price {
    margin-bottom: 20px;
}
#filters .list-group-item.filter {
    margin-bottom: 11px;
}

#filters .list-group-item.filter-name {
    margin-top: 35px;
    border-top: 1px solid #dee2e6;
    padding-top: 15px;
}

#filters .list-group-item.filter-name.Colour {
    margin-top: 0;
    border-top: 0;
}

#filters .list-group-item.filter-category {
    border-top: 1px solid #dee2e6;
    padding-top: 15px;
    margin-top: 35px;
    margin-bottom: 12px;
}

#filters .list-group-item.filter-category a {
    margin-bottom: 20px;
}

#filters li.filter-colour .list-group-item {
    padding: 8px 0;
    justify-content: initial !important;
}

span.shopby-plus-icons {
    display: none;
}

.card-header.border-bottom a {
    font-size: 20px;
    font-family: avenir-med;
    font-weight: 600;
    padding-bottom: 20px;
    position: relative;
}

#filters h3 {
    padding: 25px 0 4px;
    font-size: 16px;
    font-weight: 600;
    font-family: avenir-med;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#filters a span {
    font-size: 16px;
    color: #5e5e5e;
    font-family: avenir-book;
}

#price-range-text {
    font-size: 14px;
    font-family: avenir-med;
}

.card-header {
    background: transparent;
    padding: 0;
    border: none;
}

#filters a span i,.list-group.list-group-flush a i {
    font-size: 12px;
    color: #5e5e5e;
    margin-right: 6px;
}

#filters a span.badge {
    font-size: 12px;
    color: #5e5e5e;
    font-family: avenir-book;
    float: none;
    background: #efefef;
    border: 0 solid #ddd;
    padding: 6px 15px;
    margin-left: 20px;
    border-radius: 100px;
}

#price-range span {
    background: #000;
    border-radius: 100px;
    border: none;
    width: 18px;
    height: 18px;
    margin-top: 2px;
}

#price-range .ui-slider-range.ui-corner-all.ui-widget-header {
    background: #b7b6b6 !important;
}

#price-range.ui-widget.ui-widget-content {
    border: none;
}

#pricesearch input {
    background: #68bcd3;
    color: #000;
    font-size: 16px;
    border: none;
    border-radius: 0;
    font-family: avenir-book;
    padding: 12px 14px;
    width: 100%;
    font-weight: 600;
    margin-bottom: 10px;
}

.card-header.filter-information h3 {
    padding: 15px 0 11px;
    font-size: 16px;
    font-weight: 600;
    font-family: avenir-med;
    text-transform: uppercase
}

#pricesearch a {
    background: #fff;
    color: #000;
    font-size: 16px;
    border: 1px solid;
    border-radius: 0;
    font-family: avenir-book;
    padding: 11px 14px;
    width: 100%
}

.position-relative.border-bottom {
    border: none !important
}

.card.d-none.d-md-block.my-2 {
    border: none;
    background: 0 0
}

.list-group.list-group-flush a {
    padding: 8px 0;
    font-size: 16px;
    color: #5e5e5e;
    font-family: avenir-book
}

.card-header.filter-new-cate h3 {
    padding: 15px 0 11px;
    font-size: 16px;
    font-weight: 600;
    font-family: avenir-med;
    text-transform: uppercase
}

.card-header.filter-new-cate {
    border-top: 1px solid #ddd;
    border-radius: 0;
    margin: 34px 0 0;
    padding-top: 10px
}

#left-sidebar .list-group-item.filter-brand {
    border-top: 1px solid #ddd;
    border-radius: 0;
    margin: 34px 0 0;
    padding-top: 10px;
    margin-bottom: 12px
}

#left-sidebar .list-group-item.hidden-sm.d-none.d-sm-block.filter-price {
    border-top: 1px solid #ddd;
    border-radius: 0;
    margin: 34px 0 17px;
    padding-top: 10px
}

.card-header.filter-history h3 {
    padding: 15px 0 11px;
    font-size: 16px;
    font-weight: 600;
    font-family: avenir-med;
    text-transform: uppercase
}

.card-header.filter-history,.card-header.filter-information {
    border-top: 1px solid #ddd;
    border-radius: 0;
    margin: 34px 0 0;
    padding-top: 10px
}

.title.mb-1 a {
    font-size: 15px;
    color: #5e5e5e
}

.list-group-item.thumbnail-box.border-0 {
    padding: 0
}

.list-group-item.thumbnail-box.border-0 .col-12.col-lg-7 {
    padding-right: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%
}

.list-group-item.thumbnail-box.border-0 .col-12.col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%
}

#left-sidebar .price {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-family: avenir-book
}

#left-sidebar .price span {
    font-size: 12px;
    color: #7b7b7b;
    margin-left: 9px
}

#left-sidebar .dropdown-menu {
    background-color: #fff;
    border-color: #ccc;
    left: 95px;
    border: 1px solid #ddd;
    padding: 6px 11px
}

#price-range {
    background: #e7e7e7
}

.overlay {
    display: none
}

.col-md-8.product-page-nav {
    margin-left: 60px;
    flex: 0 0 75%;
    max-width: 75%
}

/* Keep single-image cards visible; only swap when a hover overlay is present. */
article .thumbnail-image:hover > .product-image:not(:only-child) {
    display: none
}

article .thumbnail-image:hover .overlay .product-image {
    display: block
}

article .thumbnail-image:hover .overlay {
    display: block
}

.sort_container .btn-text {
    padding-top: 8px;
    font-size: 18px;
    font-family: avenir-book
}

.row.sort_container .col-2.col-form-label {
    font-size: 18px;
    font-family: avenir-book
}

#register button i {
    position: relative;
    top: 1px
}

.product-page-nav .search-results-search {
    margin-bottom: 10px
}

.active-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.active-filter-entry {
    display: contents;
}

.active-filter-chip {
    order: 1;
    min-height: 42px;
    margin-bottom: 16px;
    padding: 8px 13px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #212529;
    background: #fff;
    border: 1px solid #d8d8d8;
    text-decoration: none;
}

.active-filter-chip:hover,
.active-filter-chip:focus {
    color: #000;
    border-color: #68bcd3;
    text-decoration: none;
}

.active-filter-remove {
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
}

.active-filter-clear {
    order: 2;
    display: none;
    margin: 0 0 16px 4px;
    color: #212529;
    text-decoration: underline;
    white-space: nowrap;
}

.active-filter-entry:first-of-type .active-filter-clear {
    display: inline-block;
}

nav .pagination .page-link {
    color: #000;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    border-radius: 0!important;
    font-size: 20px;
    padding: 0;
    width: 49px;
    height: 49px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center
}

.pagination.justify-content-center li {
    margin: 0 5px
}

nav .pagination .active .page-link,nav .pagination .active .page-link:hover,nav .pagination .active .page-link:focus {
    color: #fff;
    background-color: #68bcd3;
    border-color: #68bcd3
}

nav .pagination .page-link:hover {
    background: #000;
    border-color: #000;
    color: #fff
}

.pagination.justify-content-center {
    margin: 49px 0 70px
}

.usp-greybg {
    background: #f8f8f8;
    width: 100%;
    display: flex;
    padding: 70px 0;
    justify-content: space-around;
    margin-top: 100px;
    margin-bottom: 50px
}

.usp-greybg .container {
    display: flex;
    justify-content: space-around
}

.usp-greybg .usp-block {
    width: 20%;
    font-size: 16px;
    font-weight: 400;
    text-align: -webkit-center;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center
}
.usp-greybg.usp-bg .usp-block {
    color:#fff;
}

.usp-greybg .usp-block img {
    margin-bottom: 12px
}
.usp-greybg.usp-bg .usp-block img {
    filter:invert(1)
}
.usp-greybg .usp-block span {
    width: 100%;
    text-align: center
}

.pro-images .main-image.text-center {
    border: 1px solid #ddd
}
.usp-greybg.usp-bg {
    background: url('../images/usp-bg.png') no-repeat center center;
}
section.col-12.col-lg-5.pro-images {
    margin-right: 75px
}

section.col-12.col-lg-7.pro-detail {
    max-width: 52%;
    flex: 0 0 52%
}

.wrapper-product-title.col-sm-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.wrapper-product-title.col-sm-8 h1 {
    font-size: 34px;
    color: #202020;
    font-family: avenir-bold;
    text-transform: uppercase;
    line-height: 43px
}

span.prod-sku {
    color: #212529;
    font-size: 14px
}

#_jstl__reviews_r i {
    font-size: 20px;
    color: #fbb803
}

#_jstl__reviews_r {
    margin: 0px 0 18px
}

.product-review-summary-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #212529;
    text-decoration: none;
}

.product-review-summary-link:hover,
.product-review-summary-link:focus {
    color: #000;
    text-decoration: underline;
}

.product-review-summary-link .pr-count-reviews {
    position: relative;
    top: 8px;
    line-height: 1;
}

.productwasprice.h3 {
    font-size: 20px;
    font-family: avenir-book;
    padding-top: 8px;
    margin-right: 7px
}

.productpromo.h1 {
    font-size: 30px;
    font-family: avenir-bold
}

.pro-wasnow {
    width: 100%;
    display: flex;
    align-items: center
}

.produc-pr-ic {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    border-top: 0px solid #ddd;
    margin-top: 0;
    padding-top: 15px;
    margin-bottom: 25px
}

.shar-product-icons ul {
    padding: 0;
    margin: 0
}

.shar-product-icons ul li {
    list-style: none;
    display: inline-block;
    margin-right: 9px
}

.shar-product-icons ul li i {
    color: #000;
    font-size: 19px
}

.badge.badge-success {
    background: #000;
    font-size: 16px;
    font-family: avenir-book;
    padding: 7px 16px;
    margin: 0 14px 0 5px
}

.produc-pr-ic img {
    width: 140px!important;
    margin-right: 17px
}

.after-pay-pr a {
    font-size: 17px;
    color: #000;
    text-decoration: underline;
    font-family: avenir-book
}

._itmspec_listopt.col-12.col-lg-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding-left: 0
}

.variation-name label {
    font-size: 19px;
    margin-right: 12px;
    margin-top: 5px;
    font-family: avenir-book
}

.specific {
    width: 100%;
    /* padding: 10px */
}

#_jstl__buying_options {
    width: 100%;
    float: left;
    margin-top: 10px
}

.row.btn-stack .col-12.col-md-4 {
    position: relative;
    padding: 0
}

.row.btn-stack input {
    border-radius: 0;
    height: 50px;
    text-align: left!important;
    padding-left: 36px;
    -webkit-appearance: textfield;
    appearance: textfield
}

.row.btn-stack.qty-stack {
    margin-bottom: 15px
}

.row.btn-stack.cartbtn-stack {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 15px
}

.row.btn-stack.cartbtn-stack .pro-addcart,.row.btn-stack.wishlist-stack .pro-wishlist {
    padding-left: 0;
    margin-left: 0;
    padding-right: 0
}

.row.btn-stack input.qty {
    border: 1px solid #000
}

.row.btn-stack a i {
    position: absolute;
    right: 0;
    top: 0;
    color: #7c7c7c;
    font-size: 13px
}

.row.btn-stack a .fa.fa-chevron-up.add-icon.add-up {
    top: 7px;
    right: 12px;
    background: #fff;
    padding: 0 0 12px 8px
}

.row.btn-stack a .fa.fa-chevron-down.add-icon {
    top: 28px;
    right: 12px;
    padding: 0 0 0 8px;
    background: #fff
}

.variation-wrapper hr {
    display: none
}

.pr-share p {
    font-size: 19px;
    margin-right: 0;
    margin-top: 5px;
    font-family: 'Avenir-med';
    margin: 0;
    font-weight: 800;
    text-transform: uppercase;
}

.after-pay-pr img {
    width: 140px!important;
    margin-right: 15px
}

.after-pay-pr {
    width: 100%;
    float: left;
    padding-top: 8px;
}

.col-12.col-md-4.product-qty {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-12.col-md-4.pro-addcart {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%
}

.col-12.col-md-4.pro-wishlist {
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%
}

.row.btn-stack {
    margin: 0
}

.addtocart.btn.btn-success.btn-block.btn-lg.btn-ajax-loads {
    height: 50px;
    border-radius: 0;
    background: #68bcd3;
    font-size: 18px;
    text-transform: uppercase;
    font-family: avenir-med;
    border: none
}

.addtocart.btn.btn-success.btn-block.btn-lg.btn-ajax-loads:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.product-wishlist a {
    height: 50px;
    border-radius: 0;
    font-size: 20px;
    color: #000;
    font-family: avenir-med;
    position: relative
}

.product-wishlist a i {
    position: absolute;
    left: -101px;
    top: 0!important;
    color: #000!important;
    font-size: 17px!important
}

.after-pay-pr p {
    font-size: 16px;
    font-family: avenir-med
}

#shipbox {
    margin-top: 30px;
    border: 0;
    margin-bottom: 30px
}
#shipbox .card-header {
    cursor:pointer;
}
#shipbox h3 {
    font-size: 16px;
    text-align: center;
    color: #000;
    padding: 0;
    font-family: avenir-book;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}

#shipbox .shipping-calc-toggle,
#shipbox .shipping-calc-toggle:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    height: auto;
    min-height: 44px;
    padding: 12px 0;
    border: 0;
    background: transparent;
    color: #000;
    font: inherit;
    text-transform: none;
}

#shipbox .shipping-calc-toggle:focus-visible {
    outline: 2px solid #168daf;
    outline-offset: 3px;
}

#shipbox .card-body {
    padding: 22px 0;
    padding-bottom: 7px
}

#shipbox .row.btn-stack {
    padding: 0
}

#shipbox .col-12.col-md-3 {
    padding: 0 8px 0 0
}

#shipbox .col-12.col-md-3:last-child {
    padding-right: 0
}

#shipbox .row.btn-stack input {
    height: 40px;
    font-size: 16px;
    color: #6c6c6c;
    font-family: avenir-book;
    padding-left: 15px
}

#shipbox .row.btn-stack .btn {
    height: 40px;
    min-height: 40px;
    padding: 6px 12px;
}

#shipbox .row.btn-stack .fa.fa-chevron-down.calu-qty {
    top: 20px;
    right: 19px;
    font-size: 12px;
    background: #fff;
    padding: 0 0 0 7px
}

#shipbox .row.btn-stack .fa.fa-chevron-up.calu-qty.calculate {
    right: 19px;
    top: 5px;
    background: #fff;
    padding: 0 0 4px 7px;
    font-size: 12px
}

#\31 _itmspec_opt,#ship_country {
    -moz-appearance: none;
    appearance: none
}

#ship_country {
    height: 40px;
    font-size: 16px;
    color: #6c6c6c;
    font-family: avenir-book
}

#shipbox button {
    font-size: 16px;
    background: #7bc7e1;
    border: none;
    border-radius: 0;
    height: 40px;
    text-transform: uppercase;
    font-family: avenir-book
}

.col-12.col-md-4.product-qty::before {
    position: absolute;
    right: 38px;
    top: 0;
    background: #000;
    height: 100%;
    width: 1px;
    content: ""
}

#shipbox .calu-ship-result {
    font-size: 17px;
    color: #414141;
    font-family: avenir-book;
    padding: 11px 32px
}

#shipbox .calu-ship-result:nth-child(2n+1) {
    background: #f2f2f2
}

#ship_country {
    background-image: url(https://www.leatherland.com.au/assets/images/dn-btn.png);
    background-repeat: no-repeat;
    background-position: top 18px right 9px;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none
}

#sortby {
    background-image: url(https://www.leatherland.com.au/assets/images/dn-btn.png);
    background-repeat: no-repeat;
    background-position: top 14px right 9px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: avenir-med;
}

._itmspec_optpl select {
    background-image: url(https://www.leatherland.com.au/assets/images/dn-btn.png);
    background-repeat: no-repeat;
    border-radius: 0;
    background-position: top 14px right 9px;
    -webkit-appearance: none;
    appearance: none
}

.produc-pr-ic .badge.badge-danger {
    font-size: 16px;
    font-family: avenir-book;
    padding: 7px 16px;
    margin: 0 14px 0 5px
}

#_jstl__buying_options p {
    font-size: 16px;
    font-family: avenir-med
}

a,.btn-link {
    outline: none
}

.accordion-container {
    border-bottom: 1px solid #000;
    width: 100%;
    font-family: avenir-book;
    margin-bottom: 100px;
    float: left;
}

.accordion-item {
    border-top: 1px solid #000
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 13px 30px;
    cursor: pointer;
    font-weight: 700
}

.accordion-header span {
    font-size: 16px;
    text-transform: uppercase
}

.accordion-header.active {
    background-color: #ebeeee
}

.accordion-content {
    display: none;
    padding: 0 30px;
    background-color: #ebeeee
}

.accordion-icon {
    font-size: 20px
}

.accordion-header.active .accordion-icon {
    content: '-'
}

.accordion-header .accordion-icon {
    content: '+';
    font-size: 18px;
    font-weight: 600
}

.accordion-header.active .accordion-icon {
    content: '-'
}

.accordion-content .card {
    border: 0;
    background: transparent;
    font-size: 15px;
}

.accordion-content .card p {
    font-size: 15px
}

.tabbable ul li a {
    font-size: 20px;
    font-family: avenir-med;
    text-transform: uppercase;
    color: #000;
    background: #e4e4e4;
    border-radius: 0!important;
    padding: 15px 36px
}

.tabbable .tab-content.pt-3 {
    padding: 0!important
}

.tabbable .card {
    border: none;
    padding-top: 40px
}

.tabbable .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #68bcd3;
    border-color: transparent
}

.tabbable {
    width: 100%;
    float: left;
    margin-top: 72px;
    margin-bottom: 49px
}

.tabbable .card p strong {
    font-size: 22px;
    font-family: avenir-med
}

.tabbable .card p {
    font-size: 16px;
    line-height: 36px;
    font-family: avenir-book
}

.tabbable .productdetails ul li {
    font-size: 16px;
    line-height: 38px;
    font-family: avenir-book;
    list-style: none;
    position: relative;
    padding-left: 14px
}

.tabbable .productdetails ul li::before {
    background-image: url(https://www.leatherland.com.au/assets/images/dwn-ar.png);
    position: absolute;
    left: 0;
    top: 14px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    content: ""
}

.tabbable ul {
    padding: 0
}

.prd-shor-desc {
    background: #e4e4e4;
    padding: 7px 21px;
    margin-top: 10px
}

/* Keep cached markup and failed/delayed JavaScript usable as a compact row. */
.product-img-carousal:not(.slick-initialized) {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    width: 100%;
    padding-bottom: 6px;
}

.product-img-carousal:not(.slick-initialized) > div {
    flex: 0 0 calc(25% - 7.5px);
    min-width: 64px;
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center;
}

.product-img-carousal .product-more-imgaes img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}

.product-img-carousal button.slick-product-arrow {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    line-height: 1;
    z-index: 1;
}

.align-items-center.product-img-carousal.slick-initialized.slick-slider {
    width: 100%;
    float: left;
    padding: 0 20px;
    position: relative
}

.align-items-center.product-img-carousal.slick-initialized.slick-slider .slick-product-arrow.pro-prev.slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    color: #000
}

.align-items-center.product-img-carousal.slick-initialized.slick-slider .slick-product-arrow.pro-next.slick-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    color: #000
}

.align-items-center.product-img-carousal.slick-initialized.slick-slider .product-more-imgaes {
    padding: 5px;
    width: 134px;
    height: auto;
    border: 1px solid #ddd;
    margin-right: 5px;
    vertical-align: middle;
    text-align: -webkit-center;
}

.align-items-center.product-img-carousal.slick-initialized.slick-slider .product-more-imgaes img {
    width: 100%;
    height: auto;
    max-width: 130px;
}

.related-products-slide {
    width: 100%;
    float: left;
    margin-bottom: 0
}

.tabbable ul li {
    margin-right: 10px
}

.filter-remove {
    background: #eee;
    padding-left: 16px!important;
    border-left: 2px solid #68bcd3!important
}

.about-right-content p {
    font-size: 26px;
    font-family: avenir-med;
    line-height: 46px;
    padding-right: 10px
}

.about-right-content,.about-left-image {
    float: left
}

.about-section.absec1 {
    width: 100%;
    float: left;
    padding: 3px 0 53px
}

.about-right-content h2 {
    font-size: 40px;
    font-family: avenir-bold;
    color: #000;
    margin-bottom: 21px
}

.about-section.absec2 {
    position: relative;
    width: 100%;
    float: left
}

.about-section.absec2 .about-left-content {
    width: 60%
}

.about-left-content p {
    font-size: 26px;
    font-family: avenir-med;
    line-height: 46px
}

.about-section.absec3 {
    width: 100%;
    float: left;
    padding: 37px 0 44px
}

.about-section.absec2 {
    position: relative;
    width: 100%;
    float: left;
    padding: 70px 30px 60px;
    background-image: url(https://www.leatherland.com.au/assets/images/Genuine-Leather-Wallets-Home.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.about-right-content .about-pageurl {
    margin: 0;
    font-style: italic
}

.contact-location img {
    width: 100%
}

.col-md-6.contact-desc p {
    font-size: 21px;
    line-height: 36px;
    font-family: avenir-book
}

.col-md-12.cn-phn-mail ul {
    border-top: 1px solid #ddd;
    margin-top: 31px;
    padding-top: 28px;
    padding-left: 0
}

.col-md-12.cn-phn-mail ul li {
    list-style: none
}

.col-md-6.contact-desc .col-md-12.cn-phn-mail ul li p {
    font-size: 20px
}

.contect-form-sec h2 {
    font-size: 40px;
    color: #000;
    font-family: avenir-bold
}

.contect-form-sec p {
    font-size: 17px;
    color: #000;
    font-family: avenir-book;
    margin: 23px 0 8px
}

.contect-form-sec textarea,.col-12.write-review .card textarea {
    height: 150px;
    border-radius: 0;
    background: #fff;
    padding: 11px 31px;
    resize: none
}

.contect-form-sec span {
    position: relative
}

.contect-form-sec span img {
    position: relative;
    left: 13px;
    top: 31px;
    z-index: 999
}

.contect-form-sec input,.contect-form-sec select {
    height: 45px!important;
    border-radius: 0;
    background: #fff;
    padding-left: 29px;
    font-size: 15px;
    font-family: avenir-book;
    color: #757575;
    outline: none
}

.contect-form-sec input:focus,.contect-form-sec select:focus {
    border-color: transparent
}

.contect-form-sec .col-md-4,.contect-form-sec .col-md-6,.contect-form-sec .col-md-12 {
    padding: 0 6px
}

.contect-form-sec .form-group {
    margin-bottom: 0
}

.col-md-6.contact-desc .col-md-12.cn-phn-mail ul li p img {
    border: 1px solid #000;
    padding: 8px 7px;
    border-radius: 5px;
    margin-right: 14px
}

ul#contact-icon {
    padding: 0;
    margin-top: 52px
}

ul#contact-icon li {
    list-style: none;
    display: inline-block;
    margin-right: 12px
}

ul#contact-icon li a {
    border: 1px solid #000;
    padding: 13px 19px;
    border-radius: 100px;
    width: 100%;
    float: left
}

ul#contact-icon li:nth-child(2) a {
    padding: 13px 15.5px
}

ul#contact-icon li:last-child a {
    padding: 13px 17px
}

.contect-form-sec input.btn.btn-lg.btn-default {
    font-size: 18px;
    color: #ffff;
    border: none;
    margin: 0 auto;
    background: #68bcd3;
    padding: 11px 0;
    display: table;
    height: 48px!important;
    width: 190px
}

.contect-form-sec {
    width: 100%;
    float: left;
    background: #f1f1f1;
    padding: 50px;
    margin-top: 70px
}

img.about-hover-icon {
    display: none
}

ul#contact-icon li a:hover {
    background: #68bcd3;
    border-color: #68bcd3
}

ul#contact-icon li a:hover img.about-icons {
    display: none
}

ul#contact-icon li a:hover img.about-hover-icon {
    display: block
}

.nsearchinput-pl.well li a {
    text-decoration: none
}

.nsearchinput-pl.well span.title {
    color: #616161;
    font-family: avenir-book;
    text-decoration: none
}

#left-sidebar .fa.fa-plus,#left-sidebar i.fa.fa-minus {
    position: absolute;
    right: 5px;
    top: 14px;
    z-index: 99;
    cursor: pointer;
    color: #353535
}

.side-cat-menu li {
    position: relative
}

.nsearchinput-pl.well {
    margin-top: 46px!important;
    box-shadow: 0 0 12px 1px #a5a5a5;
    height: 350px;
    overflow-y: scroll
}

.productrrp.text-muted.small {
    font-size: 20px;
    font-family: avenir-book
}

.productsave.small {
    font-size: 20px;
    font-family: avenir-book
}

.product-bread-pro {
    border: 1px solid #ddd;
    margin-top: 40px;
    margin-bottom: 30px;
    border-radius: 0;
    padding: 8px 19px;
    background: #f2f2f2;
    border-left: 2px solid #68bcd3;
    text-decoration: none
}

.product-bcrumb+.product-bcrumb::before {
    color: #6d6d6d;
    padding: 0 5px 0 1px
}

.product-bread-pro li a {
    color: #000;
    font-size: 15px;
    font-family: avenir-book
}

.top-cart-acc .dropdown-menu.show {
    left: -224px!important;
    height: 407px;
    overflow-y: scroll;
    border: 0;
    box-shadow: 0 6px 8px #0000004a
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #efefef;
    border-radius: 0
}

::-webkit-scrollbar-thumb {
    background: #b5b5b5;
    border-radius: 0
}

::-webkit-scrollbar-thumb:hover {
    background: #707070
}

.top-cart-acc div#header-cart a {
    background: transparent;
    color: #fff;
}

.top-cart-acc .thumb_cart li {
    margin: 0
}

.top-cart-acc #neto-dropdown {
    margin-left: 0
}

.top-cart-acc .checkout.btn.btn-success {
    background: #68bcd3;
    border: none;
    border-radius: 0;
    padding: 10px 17px
}

.top-cart-acc .viewcart.btn.btn-default {
    border-radius: 0;
    padding: 9px 17px;
    border: 1px solid #ddd
}

.top-cart-acc .price {
    font-size: 14px
}

.thumb_cart .title a {
    color: #000!important
}

#header-cart span,#header-cart i,#header-cart a {
    color: #fff
}

.home-page-category:hover a {
    text-decoration: none
}

.copy-right .payment-icon {
    width: 57px;
    background-size: 53px;
    background-repeat: no-repeat
}

.copy-right .payment-icon-container {
    height: 36px;
    padding-top: 4px
}

.pro-addcart .btn.btn-info.btn-block.btn-lg.btn-ajax-loads i {
    color: #fff;
    position: absolute;
    left: -106px;
    top: 18px
}

.pro-addcart .btn.btn-info.btn-block.btn-lg.btn-ajax-loads {
    position: relative;
    border-radius: 0;
    padding: 11px 0
}

.home-ab-mobile {
    display: none
}

.header-navigation .i-pad {
    display: none
}

.col-md-4.up-footer-center::before {
    position: absolute;
    left: -29px;
    top: 50%;
    width: 1px;
    height: 208px;
    content: "";
    background: #bfbebe;
    transform: translateY(-50%)
}

.col-md-4.up-footer-center {
    position: relative
}

.col-md-4.up-footer-center::after {
    position: absolute;
    right: -23px;
    top: 50%;
    width: 1px;
    height: 208px;
    content: "";
    background: #bfbebe;
    transform: translateY(-50%);
    z-index: 9
}

#filters .list-group-item:hover {
    background: 0 0
}

.position-relative .side-cat-menu {
    padding-left: 15px
}

.position-relative .side-cat-menu li {
    list-style: none
}

.cart-page-main .page-header h1 {
    font-size: 40px;
    font-family: avenir-bold;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 45px;
    text-transform: capitalize
}

.cart-page-main .btn.btn-outline-secondary {
    background: #000;
    color: #fff;
    border-radius: 0;
    border: none;
    font-size: 17px;
    padding: 12px 7px
}

.cart-page-main .btn-stack .col-12.col-md-8.col-lg-9 {
    padding: 0
}

.col-12.cart-page-main {
    margin-top: 50px
}

.cart-page-main hr {
    display: none
}

.cart-page-main .table.table-bordered.cartTable {
    margin-top: 40px
}

.cart-page-main .table.table-bordered.cartTable tr th {
    font-size: 17px;
    font-family: avenir-book
}

.cart-page-main .table.table-bordered.cartTable tr td a {
    text-decoration: none
}

.cart-page-main .table.table-bordered.cartTable input {
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-appearance: textfield
}

.cart-page-main .table.table-bordered.cartTable .btn.btn-block.btn-danger {
    border-radius: 0
}

.cart-page-main .btn.btn-primary.btn-block {
    background: #68bcd3;
    color: #fff;
    border-radius: 0;
    border: none;
    font-size: 17px;
    padding: 12px 9px
}

.cart-page-main .card-header {
    background: #68bcd3;
    padding: 15px 0;
    border-radius: 0;
    border: none
}

.cart-page-main .card {
    border-radius: 0;
    margin-top: 60px
}

.cart-page-main .table.table-bordered.cartTable tr td {
    text-align: left!important
}

.cart-page-main .card-header h2 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-family: avenir-book
}

.cart-page-main .card-body .btn.btn-outline-secondary {
    padding: 12px 0;
    text-align: center;
    width: 100%
}

.cart-page-main .card-body select,.cart-page-main .card-body input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.cart-page-main .card-body select {
    background-image: url(https://www.leatherland.com.au/assets/images/dn-btn.png);
    background-repeat: no-repeat;
    background-position: top 14px right 9px
}

.cart-page-main .card-body p {
    font-family: avenir-book
}

.cart-page-main .card-body {
    /* Injected payment messages should be only as tall as their content. */
    min-height: 0
}

.cart-page-main .table:nth-child(1) {
    width: 100%;
    box-shadow: 0 0 12px 4px #ddd;
    padding: 28px;
    margin-top: 60px;
    margin-bottom: 28px
}

.cart-page-main form .col-12.col-lg-6.text-center.text-md-left.mb-1 {
    padding-left: 0
}

.cart-page-main .table tr th {
    font-size: 17px;
    font-family: avenir-book
}

.cart-page-main .panel.panel-default {
    width: 100%;
    float: left;
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 41px
}

.cart-page-main .panel.panel-default h4,.cart-page-main .panel.panel-default p {
    font-family: avenir-book;
    line-height: 26px;
    font-size: 18px
}

.cart-page-main .panel.panel-default ul {
    padding: 0
}

.cart-page-main .panel.panel-default ul li {
    font-family: avenir-book;
    line-height: 26px;
    font-size: 18px;
    list-style: none;
    padding-bottom: 6px
}

.cart-page-main .table.table-bordered.cartTable tbody tr td .fa.fa-chevron-up.cart-update.cart-qu {
    position: absolute;
    right: 11px;
    top: 4px;
    font-size: 11px;
    color: #757575;
    cursor: pointer
}

.cart-qty-span {
    position: relative;
    width: 100%;
    float: left
}

.cart-page-main .table.table-bordered.cartTable tbody tr td .fa.fa-chevron-down.cart-update {
    position: absolute;
    right: 11px;
    bottom: 4px;
    font-size: 11px;
    color: #757575;
    cursor: pointer
}

.cart-page-main .table input {
    margin-top: 4px
}

#error-con-form p {
    margin: 0;
    font-size: 14px
}

#homepageCarousel .carousel-control-prev,#homepageCarousel .carousel-control-next {
    width: 44px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

#homepageCarousel .carousel-control-prev-icon,#homepageCarousel .carousel-control-next-icon {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat!important;
    background-image: none;
    background-color: rgba(0,0,0,.78);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center
}

#homepageCarousel .carousel-control-prev-icon i,#homepageCarousel .carousel-control-next-icon i {
    color: #fff;
    font-size: 24px;
    line-height: 1
}

.home-about-slider .carousel-control-prev-icon,.home-about-slider .carousel-control-next-icon {
    width: 30px;
    height: 42px;
    background-repeat: no-repeat!important;
    background-color: #000;
    background-size: 20px;
    display: flex;
    background-position: center;
    opacity: 0.6;
    background-image: none;
    align-items: center;
    justify-content: center;
}

.home-about-slider .carousel-control-prev-icon i.fa,.home-about-slider .carousel-control-next-icon i.fa {
    font-size: 18px;
    color: #fff
}

.blogs-m-image img {
    width: 100%;
    float: left;
    height: 500px;
    object-fit: cover
}

.blogs-m-image {
    width: 100%;
    float: left;
    position: relative
}

.blog-date {
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    color: #fff;
    width: auto;
    height: 70px;
    border: 1px solid rgba(255,255,255,.5);
    font-family: avenir-book;
    padding: 6px 8px
}

.blog-date div {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: 34px
}

.blog-date span {
    font-size: 15px;
    text-transform: uppercase
}

.blogs-au-sec ul li {
    list-style: none;
    padding-right: 25px
}

.blogs-au-sec ul {
    padding: 0;
    display: flex;
    align-items: center
}

.blogs-au-sec ul li {
    list-style: none;
    padding-right: 25px
}

.blogs-au-sec {
    width: 100%;
    float: left;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 30px
}

.blogs-au-sec ul li {
    list-style: none;
    padding-right: 25px;
    font-size: 15px;
    color: #252525;
    font-family: avenir-book
}

.blogs-au-sec ul li a i {
    font-size: 13px;
    color: #5a5a5a;
    border: 1px solid;
    border-radius: 100px;
    padding: 6px 0;
    width: 27px;
    text-align: center
}

.blogs-au-sec .blog-social li {
    padding-right: 10px
}

.blogs-title h4 a,
.blogs-title h2 a {
    font-size: 25px;
    color: #2a2a2a;
    line-height: 45px;
    font-family: avenir-bold;
    margin-bottom: 44px;
    width: 100%;
    float: left;
    text-decoration: none
}

.blog-social li {
    display: inline-block
}

.blog-side-setions {
    width: 100%;
    float: left;
    border: 1px solid #ddd
}

.sidebar-title h3 {
    font-size: 22px;
    color: #191919;
    font-family: avenir-med;
    font-weight: 600;
    margin: 0
}

.sidebar-title {
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    padding: 20px 25px
}

.sidebar-title span {
    margin-left: auto;
    cursor: pointer
}

.blog-side-sec .blog-side-img {
    width: 32%;
    float: left;
    margin-right: 14px
}

.blogs-au-sec .blog-social i:hover {
    background: #5a5a5a;
    color: #fff
}

.blog-side-sec {
    width: 100%;
    float: left;
    padding: 0 20px;
    margin-bottom: 15px
}

.blog-side-desc h5 {
    font-size: 15px;
    color: #191919;
    line-height: 21px;
    font-family: avenir-book
}

.blog-side-desc a {
    text-decoration: none
}

.blog-side-desc {
    float: left;
    width: 63%
}

.blog-read-more {
    width: 63%;
    float: right
}

.blog-read-more a {
    font-size: 15px;
    color: #68bcd3;
    margin-top: 0;
    float: left;
    width: 100%;
    text-decoration: none
}

.blog-side-img img {
    height: 100px;
    object-fit: cover
}

.blog-side-inner {
    padding-top: 28px
}

.blogs-show {
    width: 100%;
    float: left
}

.col-12.blog-p-ntion {
    float: left;
    width: 100%
}

.blog-description p {
    font-size: 16px;
    color: #5a5a5a;
    line-height: 30px;
    font-family: avenir-book
}

.blog-side-sec:last-child {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    padding-bottom: 20px
}

.blog-cat-menu {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    margin-top: 40px;
    padding: 0;
    margin-bottom: 60px;
    border-bottom: 3px solid #68bcd3
}

.blog-cat-menu a {
    border: none
}

.blog-cat-menu .sidebar-blog-title {
    border-bottom: 1px solid #ddd;
    padding: 20px 25px
}

.blog-cat-menu .sidebar-blog-title h3 {
    font-size: 22px;
    color: #191919;
    font-family: avenir-med;
    font-weight: 600;
    margin: 0
}

.blog-cat-menu .list-group.list-group-flush {
    margin-top: 10px
}

.blog-cat-menu .list-group.list-group-flush a i {
    margin-right: 4px
}

.blog-cat-menu .fa.fa-plus,.blog-cat-menu .fa.fa-minus {
    position: absolute;
    right: 0;
    top: 13px;
    z-index: 99;
    cursor: pointer
}

.blog-cat-menu .list-group.list-group-flush a:hover {
    background: 0 0
}

.blogs-title h4,
.blogs-title h2,
.blogs-title .h4 {
    font-size: 25px;
    color: #2a2a2a;
    line-height: 45px;
    font-family: avenir-bold;
    margin-bottom: 17px;
    width: 100%;
    float: left;
    text-decoration: none
}

.blogsdetail-show .reviews-comment form input,.blogsdetail-show .reviews-comment form textarea {
    height: 45px!important;
    background: #fff;
    padding-left: 18px;
    font-size: 15px;
    font-family: avenir-book;
    color: #757575;
    outline: none;
    border-radius: 0
}

.blogsdetail-show .reviews-comment form textarea {
    height: 120px!important
}

.blogsdetail-show .reviews-comment form .btn.btn-success {
    font-size: 18px;
    color: #ffff;
    border: none;
    background: #68bcd3;
    padding: 11px 0;
    display: table;
    height: 48px!important;
    width: 190px;
    border-radius: 0
}

.blogsdetail-show .text-muted {
    border: 1px solid #ddd;
    padding: 8px 13px;
    background: #eee
}

.blogsdetail-show form {
    margin-bottom: 70px
}

.reviews-comment hr {
    display: none
}

.reviews-comment h3 {
    font-size: 27px;
    margin-bottom: 25px;
    margin-top: 40px;
    font-family: avenir-med
}

.reviews-comment label {
    font-family: avenir-med;
    font-size: 16px
}

.blogsdetail-show blockquote .text-muted {
    padding: 5px 19px;
    background: transparent;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #68bcd3;
    color: #68bcd3!important;
}

.blog-review h4 {
    font-size: 20px
}

.blog-review strong {
    font-size: 17px;
    font-weight: 500;
    font-family: avenir-med
}

.blog-cat-menu .list-group.list-group-flush {
    padding: 1px 23px 12px
}

section#homepageCarousel span.btn.btn-primary.btn-lg:hover,.home-about-content a:hover,.addtocart.btn.btn-success.btn-block.btn-lg.btn-ajax-loads:hover,#shipbox button:hover,.contect-form-sec input.btn.btn-lg.btn-default:hover {
    background: #000;
    transition: .5s;
    color: #fff;
}

.thumbnail.card-body form.form-inline.buying-options a:hover,.thumbnail.card-body form.form-inline.buying-options button:hover,#pricesearch input:hover {
    background: #000;
    transition: .5s;
    color: #fff
}

.cat-bann-img>img {
    width: 100%;
    height: 250px;
    object-fit: cover
}

.productwasprice.h3 {
    text-decoration: line-through
}

#n_product .product-bread-pro {
    border: hidden;
    padding: 0;
    background: #fff;
    border-left: hidden
}

#n_category .buying-options a.btn {
    font-size: 16px;
    background: #68bcd3;
    border: none;
    font-family: avenir-book;
    padding: 12px 19px;
    border-radius: 0;
    margin: 0 auto;
    color: #000;
    width: 100%
}

#n_customer input[type=text],#n_customer input[type=email],#n_customer input[type=password],#n_customer select {
    height: 45px!important;
    border-radius: 0;
    background: #fff;
    padding-left: 29px;
    font-size: 15px;
    font-family: avenir-book;
    color: #757575;
    outline: none
}

input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus {
    box-shadow: 0 0!important
}

.form-group.row .col-md-3 {
    font-size: 17px;
    padding-top: 10px
}

#adduser>div {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background: #f9f9f9;
    padding: 20px 20px 10px 40px;
    border: 1px solid #d5d5d5
}

#adduser .form-group.row {
    float: left;
    width: 100%
}

#adduser>div h3 {
    font-size: 22px;
    float: left;
    width: 100%;
    font-weight: 600;
    padding-bottom: 20px
}

#adduser>div.row-padded {
    background: transparent;
    border: hidden;
    padding: 0;
}

#adduser input[type=submit] {
    font-size: 16px;
    background: #68bcd3;
    border: none;
    font-family: avenir-book;
    padding: 10px 45px;
    border-radius: 0;
    width: auto;
    margin: 0 auto;
    margin-bottom: 40px
}

#n_customer #main-content .col-12>p a {
    color: #000!important;
    font-weight: 500;
    text-decoration: underline
}

#n_customer #main-content {
    padding-top: 40px
}

#login button,#register button {
    font-size: 16px;
    background: #68bcd3;
    border: none;
    font-family: avenir-book;
    padding: 10px 45px;
    border-radius: 0;
    width: 100%;
    margin: 0 auto
}

#login button:hover,#register button:hover {
    background: #000;
    color: fff
}

#login .form-text.text-muted.small a {
    color: #6c757d;
    text-decoration: underline
}

#login .form-text.text-muted.small {
    font-size: 14px
}

#n_customer .card {
    border-color: #ddd;
    background: #f9f9f9;
    -webkit-border-radius: 0;
    border-radius: 0
}

#register .form-group .checkbox a {
    color: #000!important;
    text-decoration: underline
}

#register {
    margin-bottom: 50px
}

.accountsummary-col .page-header p {
    font-size: 18px;
    margin-top: 15px;
    font-family: avenir-book;
    font-weight: 300;
    margin: 30px 0 28px
}

.accountsummary-col .page-header p a {
    background: #68bcd3;
    color: #fff;
    padding: 4px 13px;
    margin: 0 10px;
    text-decoration: none
}

#main-content .accountsummary a.btn h3 {
    color: #fff;
    font-family: avenir-med
}

#main-content .accountsummary a.btn p {
    color: #fff;
    font-size: 15px;
    font-family: avenir-book
}

#main-content .accountsummary a.btn {
    padding: 19px 25px;
    margin-bottom: 9px;
    background: #000;
    transition: .3s ease-out
}

#n_customer_account hr {
    display: none
}

#n_customer_account section {
    border-top: 1px solid #ddd;
    margin-top: 30px;
    padding-top: 30px
}

#n_customer_account section:nth-child(2) {
    border: none;
    padding: 0;
    margin: 0
}

#n_customer_account h2 {
    margin-bottom: 20px;
    font-size: 25px;
    font-family: avenir-med;
    text-transform: capitalize
}

#n_customer_account .card.card-body {
    padding: 22px 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 0
}

#n_customer_account .card.card-body p,#n_customer_account .card.card-body p a {
    color: #000;
    font-size: 16px;
    font-family: avenir-book
}

#n_customer_account .card.card-body .mb-0 {
    margin-bottom: 14px!important
}

#n_customer_account .card.card-body p a {
    float: left;
    margin-right: 20px
}

#n_customer_account .card.card-body .mb-0 .badge.float-right.badge-primary {
    background: #68bcd3;
    border-radius: 0;
    font-size: 15px;
    font-family: avenir-book;
    font-weight: 300;
    padding: 6px 9px;
    float: left!important
}

#n_customer_account .card.card-body .btn.btn-block.btn-info,#n_customer_account .btn.btn-block.btn-success,#n_customer_account .btn.btn-outline-secondary.btn-block {
    border-radius: 0
}

#n_customer_account .table.table-bordered.table-striped thead tr th,.custwishlist-col .table.table-striped.table-bordered.table-condensed tbody tr th {
    font-size: 17px;
    font-family: avenir-med;
    background: #f5f5f5;
    font-weight: 500
}

#n_customer_account .table.table-bordered.table-striped tbody tr {
    background: 0 0
}

#n_customer_account .table.table-bordered.table-striped tbody tr td {
    font-size: 17px;
    font-family: avenir-med;
    font-weight: 500;
    padding: 16px 13px 15px;
    height: 0;
    line-height: 35px
}

#n_customer_account .table.table-bordered.table-striped .btn.btn-block {
    background: #000;
    border-radius: 0;
    border: none;
    padding: 9px 8px;
    color: #fff
}

#n_customer_account .account-wishlist form label {
    margin-bottom: 16px;
    font-size: 25px;
    font-family: avenir-med
}

#n_customer_account .account-wishlist form .input-group.mb-3 input,#adduser>div input {
    height: 45px!important;
    border-radius: 0;
    background: #fff;
    padding-left: 29px;
    font-size: 15px;
    font-family: avenir-book;
    color: #757575;
    outline: none
}

#main-content .accountsummary a.btn:hover {
    transform: scale(1.03);
    transition: .3s ease-out
}

#n_customer_account .account-wishlist form .input-group.mb-3 .input-group-append button {
    background: #68bcd3;
    border-color: #68bcd3;
    padding: 11px
}

#n_customer_account .table.table-bordered.table-striped tbody tr td a {
    color: #000
}

.account-wishlist {
    margin-bottom: 40px
}

#n_customer_account .row.editaccount input,#n_customer_account .editaddress input,#n_customer_account .changepwd input {
    height: 38px!important;
    border-radius: 0;
    background: #fff;
    padding-left: 12px;
    font-size: 15px;
    font-family: avenir-book;
    color: #757575;
    outline: none
}

#n_customer_account .row.editaccount select,#n_customer_account .editaddress select,#n_customer_account .editaddress-col select,#n_customer_account .changepwd select,#n_customer_account .col-12.selectdisp-col .row.btn-stack select,#adduser>div select {
    height: 38px!important;
    background: #fff;
    padding-left: 12px;
    font-size: 15px;
    font-family: avenir-book;
    color: #757575;
    outline: none;
    background-image: url(https://www.leatherland.com.au/assets/images/dn-btn.png);
    background-repeat: no-repeat;
    border-radius: 0;
    background-position: top 16px right 14px;
    -webkit-appearance: none;
    appearance: none
}

#n_customer_account .row.editaccount label,#n_customer_account .editaddress label,#n_customer_account .changepwd label,#n_customer_account .col-12.selectdisp-col .row.btn-stack label,.col-12.forgat-pwd-col label {
    font-size: 17px;
    font-family: avenir-med
}

#n_customer_account .row.editaccount input#subscribe_newsletter {
    height: auto!important
}

#n_customer_account h2#Company {
    margin-top: 40px
}

#n_customer_account .row.editaccount textarea {
    height: 110px!important;
    border-radius: 0;
    background: #fff;
    padding-left: 29px;
    font-size: 15px;
    font-family: avenir-book;
    color: #757575;
    outline: none;
    resize: none
}

#n_customer_account .editaddress input[type=radio],#n_customer_account .editaddress input[type=checkbox],#adduser input[type=checkbox] {
    height: auto!important
}

.col-12.editaddress-col .page-header,.changepwd-col .page-header,.wishdone-col .page-header {
    margin-top: 50px
}

.col-12.editaddress-col p,.changepwd-col p,.col-12.logout-col p {
    font-size: 16px;
    font-family: avenir-book
}

.row.accountsave-del {
    margin-bottom: 60px;
    margin-top: 30px
}

.row.accountsave-del input,.accountsave-del a,.accountsave-del button {
    background: #000;
    border: none;
    border-radius: 0;
    padding: 13px 10px;
    font-size: 17px;
    font-family: avenir-book;
    color: #fff;
    height: auto
}

.col-12.forgat-pwd-col .btn.btn-lg.btn-block.btn-success {
    background: #000;
    border: none;
    border-radius: 0;
    padding: 7px 0;
    margin-top: 11px;
    font-size: 16px
}

.row.accountsave-del input:hover,.accountsave-del a:hover,.accountsave-del button:hover {
    background: #68bcd3;
    border: none;
    color: #fff
}

#n_customer_account .small.text-muted {
    font-size: 12px;
    font-family: avenir-book;
    margin-left: 10px
}

.col-12.custwishlist-col {
    margin-bottom: 50px
}

.custwishlist-col form label {
    font-size: 16px
}

.custwishlist-col form input,.wishdone-col .card input,#n_customer_account .col-12.selectdisp-col .row.btn-stack input,.col-12.forgat-pwd-col input,.col-12.write-review .card input {
    height: 38px!important;
    border-radius: 0;
    background: #fff;
    padding-left: 29px;
    font-size: 15px;
    font-family: avenir-book;
    color: #757575;
    outline: none
}

.custwishlist-col form .btn.btn-block.btn-success {
    background: #000;
    border: none;
    height: 38px;
    color: #ffff
}

.wishdone-col .card {
    padding: 20px;
    border-radius: 0;
    background: #f9f9f9;
    margin-top: 20px
}

.wishdone-col .card .card-body {
    padding-left: 0;
    padding-bottom: 0
}

.wishdone-col .card .card-header {
    font-size: 17px;
    text-transform: capitalize;
    color: #000;
    font-family: avenir-book
}

.wishdone-col .card label {
    font-size: 16px;
    margin-right: 12px;
    font-family: avenir-book
}

.wishdone-col .card .badge.badge-info {
    border-radius: 0;
    font-family: avenir-med;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 30px;
    margin-bottom: 27px
}

.wishdone-col .card input.btn.btn-success {
    background: #000;
    color: #fff;
    border: none;
    margin-top: 31px
}

.col-12.wishdone-col {
    margin-bottom: 60px
}

.wishdone-col .mt-2 {
    font-size: 17px;
    text-transform: capitalize;
    color: #000;
    font-family: avenir-book
}

#n_customer_account p,.forgat-pwd-col p {
    font-size: 15px;
    color: #000;
    font-family: avenir-book
}

.col-12.resolution-col {
    margin-bottom: 50px
}

.col-12.resolution-col .btn.btn-success {
    background: #000;
    border: #ffdead;
    border-radius: 0;
    padding: 12px 40px
}

#n_customer_account .continuenext-col .card.card-body {
    min-height: 140px
}

.continuenext-col .btn.btn-danger.btn-block i {
    display: none
}

.selectdisp-col h3 {
    font-size: 25px;
    margin-top: 38px;
    margin-bottom: 22px;
}

.breadcrumb.product-bread-pro {
    background: transparent;
    border: none;
    padding: 0;
}

#n_customer #main-content .col-12.logout-col .btn.btn-success.btn-lg {
    background: #000;
    color: #fff!important;
    text-decoration: none;
    border: #ffdead;
    border-radius: 0;
    padding: 12px 50px
}

.col-12.logout-col,.col-12.forgat-pwd-col {
    margin-bottom: 50px
}

.btn-primary:focus,.btn-primary.focus,.btn-danger:focus,.btn-danger.focus,.btn-success:focus,.btn-success.focus,.form-control:focus,#stloc_selector_cysel:focus,#stloc_state_sel:focus,#suburb_sl:focus,._itmspec_opt:focus,.n-wrapper-form-control select:focus {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.col-12.write-review {
    margin-top: 60px;
    margin-bottom: 70px
}

.col-12.write-review .card {
    margin-top: 40px;
    padding: 40px;
    background: #f9f9f9;
    border-radius: 0
}

.col-12.write-review .card h3 {
    font-size: 25px;
    margin-bottom: 23px
}

.col-12.write-review .card-body {
    padding: 0
}

.col-12.write-review .card label {
    font-size: 17px
}

.col-12.write-review .btn.btn-success.btn-lg,.col-12.write-review .btn.btn-warning.btn-lg,.col-12.write-review .btn.btn-success,.col-12.write-review .btn.btn-primary {
    background: #000;
    border: none;
    border-radius: 0;
    font-size: 18px;
    padding: 12px 50px
}

.col-12.write-review .btn.btn-success.btn-lg:hover,.col-12.write-review .btn.btn-warning.btn-lg:hover,.col-12.write-review .btn.btn-success:hover,.col-12.write-review .btn.btn-primary:hover {
    background: #68bcd3
}

.col-12.write-review #rating_stars i,.col-12.write-review #review_details i {
    font-size: 30px;
    color: #fbc849
}

#n_category .buying-options button.addtocart {
    font-size: 16px;
    background: #68bcd3;
    border: none;
    padding: 12px 19px;
    color: #000;
    border-radius: 0;
    font-family: avenir-book
}

#n_category .buying-options button.addtocart:hover {
    background: #000;
    transition: .5s;
    color: #fff
}

#n_category .buying-options a.btn:hover {
    background: #000;
    transition: .5s;
    color: #fff
}

.main-footer input.btn.btn-outline-secondary:hover {
    background: #000
}

#left-sidebar .fa-plus-square,#left-sidebar .fa-minus-square {
    position: absolute;
    right: 2px;
    top: 12px;
    z-index: 99;
    cursor: pointer;
    display: none
}

#n_customer hr {
    display: none
}

.cart-page-main .btn.btn-outline-secondary:hover,.cart-page-main .card-body .btn.btn-outline-secondary:hover {
    background: #68bcd3
}

.cart-page-main .btn.btn-primary.btn-block:hover {
    background: #000
}

body#n_checkout hr {
    display: none
}

body#n_checkout .btn-success {
    margin-bottom: 40px
}

.filter-colour {
    display: inline-block;
    padding: 10px 1px 0 8px
}

.list-group>li+.filter.filter-colour>a:before {
    content: ''
}

.list-group>li+.filter.filter-colour>a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    box-shadow: 1px 1px 2px #d6d6d6
}

.filter-remove>a {
    border: 2px solid #afafaf
}

.nSwatchProduct {
    height: 40px;
    width: 40px;
    display: block;
}

.nColourSwatch._itmspec_lnk {
    display: inline-block;
    margin-right: 5px
}

.nColourSwatch ._itmspec_listitm {
    margin: 0
}

#filters .filter.filter-colour>a {
    width: 27px;
    height: 27px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    float: left;
    -webkit-box-shadow: 4px 4px 10px -3px #d5d5d5;
    box-shadow: 4px 4px 10px -3px #d5d5d5
}

#filters .list-group {
    display: block
}

#filters .list-group li {
    display: inline-block;
    margin: 0;
    padding: 3px 12px;
    background: #efefef;
    border-radius: 100px;
    margin-bottom: 7px;
    text-align: center
}

#filters .list-group li.filter-colour {
    display: inline-block;
    width: 15%;
    margin: 0;
    padding: 5px 2px 0 0;
    background: transparent;
    border-radius: 0;
}

#filters .filter-remove-color a {
    box-shadow: 0 0 5px 2px #a8a8a8!important;
    border-color: #fff!important
}

#filters .list-group ul {
    padding: 15px 0 0
}

.product-color-swatch {
    display: block!important
}

.product-color-swatch .specific {
    padding: 0;
    width: auto
}

.specific a div.nSwatchProduct, .specific a img.nSwatchProduct {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    /* border: 4px solid transparent; */
    box-shadow: 2px 2px 3px 0 #d5d5d5
}

.product-color-swatch .specific a {
    padding: 0!important;
    position: relative
}

.product-color-swatch .variation-name {
    float: left;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 5px;
    /* text-transform: uppercase; */
    margin-right: 15px
}

.products-row .product-options.colour-options a,.product-options.colour-options a {
    display: inline-block;
    margin: 0 2px 2px
}

.products-row .product-options.colour-options a:hover,.product-options.colour-options a:hover {
    text-decoration: none
}

.product-options.colour-options a div,.product-options.colour-options a img {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    box-shadow: 1px 1px 5px #00000036;
    margin-bottom: 3px;
    display: inherit;
    padding-bottom: 0;
}

.colouropt-wrap {
    /* margin-top: 30px; */
    min-height: 25px;
    text-align: left;
    overflow: hidden;
}

.colouropt-wrap.pr-listshow .product-options.colour-options {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: left
}

.product-reviews {
    float: left;
    width: 100%;
    margin-bottom: 50px
}

.product-reviews ul.product-review-tab {
    padding: 0;
    margin: 0
}

.product-reviews li#tabReviews {
    display: block;
    width: 100%;
    float: left
}

.product-reviews h3.pr-reviewtitle i {
    display: none
}

.product-reviews h3.pr-reviewtitle {
    float: left;
    margin: 0;
    font-size: 24px;
    color: #191919;
    border-bottom: 2px solid #1a1a1a;
    padding-bottom: 25px;
    text-transform: uppercase;
    font-weight: 700
}

.product-reviews .write-rev-bu {
    float: right;
    background: #68bcd3;
    color: #fff;
    margin-bottom: 15px;
    cursor: pointer
}

.product-reviews .write-rev-bu a.btnwrite-re {
    font-size: 16px;
    padding: 8px 28px;
    display: block;
    color: #000;
    text-transform: uppercase;
    font-weight: 500
}

.product-reviews .write-rev-bu a.btnwrite-re:hover {
    background: #000;
    color: #fff
}

.product-reviews .write-rev-bu a.btnwrite-re:hover {
    text-decoration: none
}

.product-reviews .card {
    border-color: rgba(0,0,0,.125);
    border-style: solid;
    border-width: 1px 0 0;
    clear: both
}

.product-reviews h4 {
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 15px;
}

.product-reviews span {
    color: #191919;
    font-size: 16px
}

.product-reviews i.fas.fa-star {
    color: #fbb803;
    margin-top: 15px;
    font-size: 20px
}

.fa-star {
    margin-top: 15px;
    font-size: 20px
}

.product-reviews blockquote {
    margin: 0 0 16px
}

.product-reviews .card {
    padding: 1rem 0
}

.product-review-load-more {
    margin-top: 24px;
    margin-bottom: 24px;
}

#reviews {
    scroll-margin-top: 100px;
}

.product-review-load-more-button {
    min-width: 210px;
}

.product-review-load-more-button[aria-disabled="true"] {
    cursor: wait;
    opacity: .7;
}

.product-review-heading {
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.product-review-heading h2 {
    margin: 0 0 6px;
    font-size: 30px;
    text-transform: none;
}

.product-review-heading p {
    margin: 0;
    font-size: 16px;
}

.product-review-write-button {
    flex: 0 0 auto;
}

.product-review-summary {
    margin-bottom: 32px;
    padding: 28px;
    display: grid;
    grid-template-columns: minmax(180px, 30%) 1fr;
    border: 1px solid #ddd;
}

.product-review-average {
    padding-right: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ddd;
    text-align: center;
}

.product-review-average > strong {
    font-size: 58px;
    line-height: 1;
}

.product-review-average-stars,
.product-review-stars {
    color: #f5ad00;
}

.product-review-average-stars {
    margin: 12px 0 8px;
    font-size: 21px;
}

.product-review-distribution {
    padding-left: 36px;
}

.product-review-distribution-row {
    min-height: 32px;
    display: grid;
    grid-template-columns: 42px minmax(120px, 1fr) 92px;
    align-items: center;
    gap: 12px;
}

.product-review-distribution-row progress {
    width: 100%;
    height: 10px;
    overflow: hidden;
    border: 0;
    border-radius: 10px;
    background: #e9ecef;
}

.product-review-distribution-row progress::-webkit-progress-bar {
    background: #e9ecef;
    border-radius: 10px;
}

.product-review-distribution-row progress::-webkit-progress-value {
    background: #f5ad00;
    border-radius: 10px;
}

.product-review-distribution-row progress::-moz-progress-bar {
    background: #f5ad00;
    border-radius: 10px;
}

.review-distribution-value {
    white-space: nowrap;
}

.product-review-list {
    border: 1px solid #ddd;
}

.product-review-entry {
    padding: 28px;
    display: grid;
    grid-template-columns: minmax(170px, 25%) 1fr;
    border-bottom: 1px solid #ddd;
}

.product-review-entry.product-review-final-entry {
    border-bottom: 0;
}

.product-review-author {
    padding-right: 28px;
    display: grid;
    grid-template-columns: 42px 1fr;
    align-content: start;
    align-items: start;
    column-gap: 12px;
    row-gap: 4px;
    border-right: 1px solid #e2e2e2;
}

.product-review-avatar {
    width: 42px;
    height: 42px;
    grid-row: 1 / span 2;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f0f0f0;
    font-family: var(--font-medium);
}

.product-review-author-identity {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
}

.product-review-author-name {
    min-width: 0;
}

.product-review-author time {
    margin-top: 0;
    grid-column: 2;
    color: #5f686e;
    line-height: 1.35;
}

.product-review-content {
    padding-left: 36px;
}

.product-review-stars {
    margin-bottom: 10px;
    font-size: 18px;
}

.product-review-content h3 {
    margin: 0 0 8px;
    font-size: 18px;
}

.product-review-content > p {
    margin: 0;
    font-size: 16px;
    line-height: 1.55;
}

.product-review-response {
    margin-top: 18px;
    padding: 16px;
    background: #f5f6f7;
}

.product-review-response p {
    margin: 6px 0 0;
}

@media (max-width: 767px) {
    #reviews #headingReviews.card-body {
        padding: 0;
    }

    .product-review-heading {
        flex-direction: column;
    }

    .product-review-summary,
    .product-review-entry {
        grid-template-columns: 1fr;
    }

    .product-review-average {
        padding: 0 0 24px;
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }

    .product-review-distribution {
        padding: 24px 0 0;
    }

    .product-review-distribution-row {
        grid-template-columns: 36px minmax(80px, 1fr) 78px;
        gap: 8px;
        font-size: 13px;
    }

    .product-review-author {
        padding: 0 0 20px;
        border-right: 0;
        border-bottom: 1px solid #e2e2e2;
    }

    .product-review-content {
        padding: 20px 0 0;
    }
}

span.pr-count-reviews {
    font-size: 16px;
    font-weight: 700
}

.empty_cart img {
    width: 260px;
    max-width: 100%
}

.empty_cart {
    text-align: center;
    padding: 50px 0 0
}

.empty_cart img {
    margin-bottom: 10px
}

.empty_cart h1 {
    font-size: 35px
}

.empty_cart p a.btn {
    padding: 8px 17px;
    font-size: 20px
}

.copy-right .col-12.col-md-8 {
    padding-right: 0
}

.copy-right .col-12.col-md-4,.copy-right .col-12.col-md-8 {
    float: left
}

.copy-right .row {
    margin: 0
}

.thumbnail.card-body form.form-inline.buying-options a.notify_popup.btn.btn-outline-secondary.btn-block.btn-loads {
    color: #fff!important
}

.navbar-nav-mob li {
    padding-top: 10px!important;
    margin-bottom: 4px!important
}

.navbar-nav-mob li i {
    padding-right: 10px;
    padding-left: 70px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.variation-wrapper {
    /* padding-top: 10px; */
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
}

#left-sidebar .filter-back-btn {
    display: none;
}

header.wrapper-mob-header {
    display: none;
}
.mobile-menu-head {
    left:-110%;
    position:fixed;
}

/* Responsive starts here*/

@media(max-width: 1550px) {
    section.home-about-us {
        padding: 74px 0 78px
    }

    .top-cart-acc .dropdown-menu.show {
        left: -90px!important
    }

    .wrapper-product-title.col-sm-8 h1 {
        font-size: 30px;
        line-height: 40px
    }

    .productpromo.h1 {
        font-size: 28px
    }
}

@media(min-width: 1400px) {
    .container {
        max-width:1450px;
        width: 100%
    }

    .name-breadcrumb {
        max-width: 1320px
    }
}

@media(min-width: 1200px) and (max-width:1399px) {
    .container {
        max-width: 1170px;
    }

    .name-breadcrumb {
        max-width: 1140px
    }
    .col-md-8.product-page-nav {
        margin-left: 30px;
        flex: 0 0 73%;
        max-width: 73%;
    }
    .banner-right-up .carousel-caption, .banner-right-down .carousel-caption {
        left: 12px;
        padding: 16px;
    }
    .banner-right-up .carousel-inner, .banner-right-down .carousel-inner {
        min-height: 199px;
        height: 199px;
    }
    .banner-right-up img, .banner-right-down img {
        width: 100%;
        max-width: none;
        height: 100%;
        padding-right: 0;
        object-fit: cover;
    }
    .banner-right-up h2, .banner-right-down h2 {
        font-size: 16px;
    }
    .banner-right-up p:last-child, .banner-right-down p:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
    } 
     
   
}

@media(min-width: 992px) and (max-width:1199px) {
    .container {
        max-width:970px
    }

    .name-breadcrumb {
        max-width: 940px
    }
    .col-md-8.product-page-nav {
        margin-left: 30px;
        flex: 0 0 66%;
        max-width: 66%;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .container {
        max-width:750px
    }

    .name-breadcrumb {
        max-width: 720px
    }
}

@media(max-width: 1366px) {
    section#homepageCarousel p {
        font-size:16px
    }

    header .col-sm-6 {
        padding-right:30px;
    }
}

@media(max-width: 1275px) {
    section#homepageCarousel p {
        font-size:16px
    }
}

@media(max-width: 1199px) {
    .header-search form {
        width:200px
    }

    section.home-page-category p {
        top: 45%;
        font-size: 20px
    }

    .filter-price-ipad {
        display: none!important
    }

    .copy-right ul li .payment-icon-container {
        padding: 7px
    }

    #n_customer_account .continuenext-col .card.card-body {
        min-height: 187px
    }

    .sidebar-title h3,.blog-cat-menu .sidebar-blog-title h3 {
        font-size: 19px
    }

    section#homepageCarousel p {
        font-size: 14px
    }

    .breadcrumb li img {
        height: auto
    }

    .cat-bann-img img {
        width: 100%;
        height: 155px;
        object-fit: cover
    }

    .top-cart-acc .dropdown-menu.show {
        left: -40px!important
    }

    section#homepageCarousel .carousel-caption {
        top: 45%
    }

    section#homepageCarousel span.btn.btn-primary.btn-lg {
        padding: 11px 35px
    }

    .blog-side-sec .blog-side-img {
        margin-right: 12px
    }

    .blog-side-img img {
        height: 80px
    }

    .header-navigation .i-pad {
        display: block;
        position: absolute;
        top: 10px;
        right: 11px;
        font-size: 9px
    }

    header .dropdown-toggle::after {
        border-top: .2em solid;
        border-right: .2em solid transparent;
        border-left: .2em solid transparent;
        position: absolute;
        top: 12px;
        display: none
    }

    .col-sm-3.header-search {
        padding-right: 14px
    }

    section.home-page-category {
        padding: 65px 15px
    }

    section.slide-section-home.feature {
        padding: 60px 0
    }

    section.slide-section-home h1 {
        font-size: 35px
    }

    hr {
        /* width: 79%; */
        /* margin: 21px auto 0 */
    }

    section.slide-section-home.newarrivals,section.slide-section-home.bestproducts {
        padding: 60px 0
    }

    .top-header ul.nav.navbar-nav li a {
        padding: 0 21px
    }

    section.home-about-us h2 {
        font-size: 50px;
        margin-bottom: 18px
    }

    section.home-about-us {
        padding: 50px 0 72px
    }

    .home-about-content {
        padding-top: 50px;
        width: 100%;
        padding-bottom: 80px
    }

    .home-about-slider {
        width: 100%
    }

    .upper-footer p {
        font-size: 21px
    }

    .copy-right .col-12.col-md-7.d-none.d-sm-block {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    .copy-right .col-12.col-md-5.text-md-left {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }

    .name-breadcrumb {
        left: 20px
    }

    #left-sidebar .price {
        display: block
    }

    #left-sidebar .price span {
        font-size: 13px;
        margin-left: 0
    }

    .header-navigation .i-pad {
        top: 8px;
        right: 8px
    }

    section.slide-section-home {
        padding: 0 15px
    }

    .related-products-slide {
        margin-bottom: 90px
    }

    section#homepageCarousel ol.carousel-indicators {
        display: -webkit-box;
        display: flex;
        margin-bottom: 0
    }

}

@media(max-width: 991px) {
    section#homepageCarousel ol.carousel-indicators {
        width:100%;
        justify-content: center;
        padding-left: 0;
        margin-left: 0;
        left: 0;
        bottom: -18px
    }

    .top-header ul.nav.navbar-nav li a {
        font-size: 12px;
        padding: 0 8px
    }

    .list-group-item.thumbnail-box.border-0 .col-12.col-lg-5 {
        padding: 0
    }

    #n_customer_account .row.editaccount select,#n_customer_account .editaddress select,#n_customer_account .editaddress-col select,#n_customer_account .changepwd select,#n_customer_account .col-12.selectdisp-col .row.btn-stack select,#adduser>div select {
        padding-right: 34px
    }

    .col-sm-3.header-search {
        padding-right: 20px
    }

    .usp,.usp-greybg {
        margin-top: 18px;
        padding-bottom: 20px
    }

    .copy-right ul {
        margin: 0;
        float: none;
        width: 100%;
        justify-content: center
    }

    .copy-right .col-12.col-md-8 {
        padding-right: 15px
    }

    .copy-right p {
        margin-bottom: 24px
    }

    .main-footer .copy-right .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        text-align: center;
        display: block!important
    }

    .main-footer ul li a {
        padding-left: 0
    }

    .main-footer h4 {
        padding: 0
    }

    .blogs-m-image img {
        height: 400px
    }

    #n_customer_account .continuenext-col .card.card-body {
        min-height: 211px
    }

    .contect-form-sec h2 {
        font-size: 34px
    }

    .row.accountsave-del .col-12.col-md-2.offset-md-8,.row.accountsave-del .col-12.col-md-3.offset-md-6 {
        float: right;
        display: flex;
        justify-content: right;
        text-align: right;
        margin-left: auto
    }

    .row.accountsave-del .col-12.col-md-2,.row.accountsave-del .col-12.col-md-3 {
        -ms-flex: 0 0 30.667%;
        flex: 0 0 35.667%;
        max-width: 35.667%;
        margin: 0
    }

    .sidebar-title {
        padding: 17px 13px
    }

    .sidebar-title h3,.blog-cat-menu .sidebar-blog-title h3 {
        font-size: 17px
    }

    .blog-cat-menu {
        padding: 15px
    }

    .about-right-content p {
        font-size: 23px;
        line-height: 35px;
        padding-right: 0
    }

    .about-section.absec2 .about-left-content {
        width: 64%
    }

    .contect-form-sec {
        padding: 40px 10px
    }

    .about-left-content p {
        font-size: 23px;
        line-height: 35px
    }

    .blog-side-sec .blog-side-img {
        margin-right: 9px
    }

    .about-section.absec2 {
        padding: 28px 30px 13px
    }

    .blogs-title h4 a,
    .blogs-title h2 a {
        font-size: 23px;
        line-height: 38px
    }

    .blog-side-sec {
        padding: 0 11px
    }

    .cart-page-main .card-body {
        min-height: auto
    }

    .cat-bann-img {
        margin-bottom: 47px
    }

    .blogs-title h4 a,
    .blogs-title h2 a {
        margin-bottom: 15px
    }

    .product-bread-pro li a {
        font-size: 14px
    }

    .col-md-6.contact-desc .col-md-12.cn-phn-mail ul li p {
        font-size: 17px
    }

    ul#contact-icon {
        margin-top: 32px
    }

    .col-md-12.cn-phn-mail ul {
        margin-top: 21px;
        padding-top: 21px
    }

    .col-md-6.contact-desc p {
        font-size: 20px;
        line-height: 32px
    }

    .product-bread-pro {
        margin-top: 20px;
        display: block;
        overflow: hidden;
    }
    .product-bread-pro li{
        height: 25px;
        overflow: hidden;
        /* float: left; */
        display: inline;
        text-wrap-mode: nowrap;
    }

    .wrapper-product-title.col-sm-8 h1 {
        font-size: 28px
    }

    .cart-page-main form .col-12 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        text-align: left!important
    }

    .product-page-nav .col-sm-6.col-lg-4.col-md-4 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .cart-page-main .btn.btn-success.btn-lg.btn-block {
        width: 100%
    }

    .productpromo.h1 {
        font-size: 26px
    }

    .tabbable ul li a {
        padding: 15px 30px;
        font-size: 18px
    }

    .slide-section-home .card.thumbnail.card-body p.price {
        min-height: 64px
    }

    .tabbable {
        margin-top: 42px;
        margin-bottom: 25px
    }

    .header-navigation .i-pad {
        top: 6px;
        right: 0
    }

    header ul.nav.navbar-nav li a {
        font-size: 16px
    }

    .col-12.col-md-9.product-list-main {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    #pricesearch input {
        width: 100%;
        float: left;
        margin-bottom: 10px
    }

    #pricesearch a {
        width: 100%;
        float: left
    }

    #filters a span {
        font-size: 15px
    }

    nav .pagination .page-link {
        width: 45px;
        height: 45px
    }

    .col-sm-6.top-cart-acc ul {
        padding: 0
    }

    .col-md-4.up-footer-center::before {
        left: -23px
    }

    .col-md-4.up-footer-center::after {
        right: -16px
    }

    .top-cart-acc ul li a {
        font-size: 14px
    }

    div#header-cart a {
        font-size: 14px
    }

    .banner-left {
        width: 100%
    }

    .banner-right {
        display: none
    }

    section#homepageCarousel p {
        font-size: 14px;
    }

    section#homepageCarousel span.btn.btn-primary.btn-lg {
        padding: 8px 18px;
        font-size: 15px
    }

    header ul.nav.navbar-nav li {
        padding: 0 12px
    }

    .header-search form {
        width: 144px
    }

    section#homepageCarousel .carousel-caption {
        top: 41%
    }

    section.home-page-category {
        padding: 50px 15px
    }

    .home-page-category img {
        width: 100%
    }

    section.home-page-category p {
        font-size: 18px
    }

    section.slide-section-home h1 {
        font-size: 32px
    }

    hr {
        /* width: 73%; */
        /* margin: 19px auto 0 */
    }

    section.slide-section-home.feature {
        padding: 50px 0
    }

    section.home-about-us h2 {
        font-size: 44px
    }

    .home-about-content a {
        padding: 10px 41px
    }

    section.home-about-us {
        padding: 50px 0 100px
    }

    .upper-footer p {
        font-size: 17px
    }

    .upper-footer {
        padding: 60px 0
    }

    .main-footer .col-md-4 {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        float: left
    }

    .main-footer .col-12.col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .main-footer {
        padding-top: 50px;
        background-size: cover;
        background-position: top
    }

    .copy-right {
        margin-top: 40px
    }

    .col-12.col-md-4.text-md-left.stay-in-touch {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .thumbnail.card-body p.card-title.h4 {
        min-height: 91px
    }

    .col-12.forgat-pwd-col .btn.btn-lg.btn-block.btn-success {
        font-size: 15px
    }

    .wishdone-col .card input.btn.btn-success {
        margin-top: 62px
    }

     aside#left-sidebar {
      
        padding: 25px;
        max-width: 230px;
    }
    .col-md-8.product-page-nav {
        max-width: 65%;
        flex: 0 0 70%;
        margin-left: 25px;
    }
    #sortby.form-control {
        width: 92%;
        float: right;
        font-family: avenir-med;
    }
}

@media(max-width: 767px) {
    .banner-container .container {
        padding-left:0;
        padding-right: 0
    }

    .usp-block,.usp-greybg .usp-block {
        font-size: 14px
    }

    .usp-block:first-child img,.usp-greybg .usp-block:first-child img {
        height: 40%
    }

    .usp-block img,.usp-greybg .usp-block img {
        max-height: 65px;
        height: 55%;
        margin-bottom: 0
    }

    .container-fluid.top-header .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .cat-bann-img {
        margin-bottom: 0
    }

    .category-pages-banner+.container {
        overflow: hidden
    }

    aside#left-sidebar {
        max-width: 100%;
        height: 44px;
        padding: 10px 25px;
        position: static
    }

    #left-sidebar .card.mb-2 {
        position: static
    }

    #left-sidebar .card-header.border-bottom a {
        font-size: 16px;
        padding-bottom: 0;
        line-height: 26px
    }

    #left-sidebar .shopby-plus-icons {
        float: right
    }

    #left-sidebar .sidebar-filters {
        background: #fff;
        z-index: 999999;
        top: 0;
        position: absolute;
        box-shadow: 0 0 8px #0000003d;
        padding: 15px 30px;
        overflow-y: scroll;
        height: 100vh;
        right: 0;
        left: 0
    }

    #left-sidebar .filter-back-btn {
        height: 40px;
        padding-left: 0;
        position: absolute;
        top: 0;
        font-size: 16px;
        cursor: pointer;
        color: #000;
        z-index: 99999999999999;
        padding: 8px 25px;
        background: #fff;
        width: 100%;
        left: 0
    }

    #left-sidebar .filter-back-btn.show {
        display: block
    }

    #left-sidebar .filter-back-btn img {
        margin-right: 15px
    }
    p#price-range {
        margin-top:20px;
    }
 form#pricesearch {
        display:inline-block;
    }
    .product-options.colour-options a div,.product-options.colour-options a img {
        border-radius: 50%;
        width: 20px;
        height: 20px;
        box-shadow: 1px 1px 5px #00000036;
        margin-bottom: 3px
    }

    .col-md-8.product-page-nav {
        margin-left: 0;
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 0;
        padding-right: 0
    }

    .col-md-8.product-page-nav h1.display-4 {
        padding: 0 25px;
        font-size: 26px;
        margin-top: 35px
    }

    .product-page-nav .search-results-search {
        padding: 0 25px
    }

    .col-md-8.product-page-nav section.n-responsive-content {
        padding: 10px 25px
    }

    .col-md-8.product-page-nav .thumb {
        padding: 0 20px
    }

    .row.sort_container {
        margin-bottom: 20px;
        padding: 10px 25px;
        align-items: center;
        justify-content: space-between;
    }

    .active-filters {
        gap: 8px;
        padding: 10px 25px 2px;
    }

    .active-filter-chip {
        min-height: 40px;
        margin-bottom: 6px;
        padding: 7px 11px;
        gap: 10px;
    }

    .active-filter-remove {
        font-size: 21px;
    }

    .active-filter-clear {
        margin: 0 0 6px 2px;
    }

    .filter-price-ipad {
        display: block
    }

    .list-group-item.hidden-sm.d-none.d-sm-block.filter-price {
        display: none!important
    }

    .copy-right p {
        margin-bottom: 15px
    }

    .empty_cart h1 {
        font-size: 28px;
        margin-bottom: 4px
    }

    .empty_cart img {
        width: 160px
    }

    .empty_cart p a.btn {
        padding: 7px 16px;
        font-size: 18px
    }

    #left-sidebar .fa-plus-square,#left-sidebar .fa-minus-square {
        display: block;
        float: right;
        right: 0;
        top: 0;
        z-index: 99999999
    }

    .cart-page-main .btn.btn-outline-secondary {
        width: 100%;
        margin-bottom: 10px;
        border-radius: 5px
    }

    .top-cart-acc ul li:first-child {
        margin-left: 0
    }

    .top-cart-acc a.btn.cart-btn.btn-default.dropdown-toggle::before {
        top: 5px
    }

    .blogs-m-image img {
        height: 300px
    }

    .col-12.write-review .btn.btn-success.btn-lg,.col-12.write-review .btn.btn-warning.btn-lg,.col-12.write-review .btn.btn-success,.col-12.write-review .btn.btn-primary {
        margin-bottom: 10px;
        width: 100%
    }

    .col-12.write-review .card {
        padding: 15px
    }

    .col-12.selectdisp-col .row.btn-stack .col-12.col-md-3 {
        padding: 0
    }

    .col-12.selectdisp-col .row.btn-stack .col-12.col-md-5 {
        padding: 0
    }

    #n_customer_account .continuenext-col .card.card-body {
        min-height: auto
    }

    .col-12.write-review {
        margin-top: 30px;
        margin-bottom: 50px
    }

    .account-wishlist {
        margin-bottom: 10px
    }

    .row.accountsummary {
        padding: 0 25px
    }

    .wishdone-col .card input.btn.btn-success {
        margin-top: 0
    }

    #n_customer_account .card.card-body .btn.btn-block.btn-info,#n_customer_account .btn.btn-block.btn-success,#n_customer_account .btn.btn-outline-secondary.btn-block {
        margin-bottom: 8px
    }

    .row.accountsave-del .col-12.col-md-2,.row.accountsave-del .col-12.col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .row.accountsave-del {
        margin-bottom: 40px;
        margin-top: 10px
    }

    .col-12.wishdone-col .form-group {
        margin: 0
    }

    #n_customer .card {
        margin-top: 15px
    }

    #n_customer_account h2#Company {
        margin-top: 2px
    }

    .blogsdetail-show form {
        margin-bottom: 21px
    }

    .blog-left-content .pagination.justify-content-center {
        margin: 0 0 31px
    }

    .blog-side-sec .blog-side-img {
        width: 20%;
        margin-right: 20px
    }

    .blog-side-desc {
        width: 74%
    }

    .blog-read-more {
        width: 74%
    }

    #homepageCarousel .carousel-control-prev-icon,#homepageCarousel .carousel-control-next-icon {
        width: 32px;
        height: 32px
    }
      section#homepageCarousel h2 {
    font-size: 20px;
    line-height: 25px;
    }

    section#homepageCarousel p {
        font-size: 14px;
    }

    section#homepageCarousel span.btn.btn-primary.btn-lg {
        padding: 11px 9px;
        font-size: 14px;
    }
    .contect-form-sec {
        margin-top: 20px
    }

    .about-left-image.col-md-4 {
        text-align: center
    }

    .cart-page-main .btn.btn-primary.btn-block {
        margin-top: 10px
    }

    .top-cart-acc .dropdown-menu.show {
        left: -216px!important;
        top: 90px!important
    }

    .breadcrumb li img {
        width: auto;
        height: auto
    }

    .contect-form-sec h2 {
        font-size: 30px
    }

    .row.btn-stack .col-12.col-md-4 {
        margin: 0
    }

    .tabbable ul li a {
        padding: 15px 19px;
        font-size: 15px
    }

    .about-right-content h2 {
        font-size: 35px;
        margin-bottom: 13px
    }

    .about-left-image.col-md-5 {
        text-align: center
    }

    #left-sidebar .card-header.border-bottom {
        border-bottom: 0!important
    }

    .tabbable {
        margin-top: 20px
    }

    .product-bread-pro li a {
        font-size: 13px;
    }

    .tabbable .card {
        padding-top: 10px
    }

    .name-breadcrumb {
        top: 54%;
        left: 0
    }

    .cat-bann-img img {
        height: 150px;
        object-fit: cover;
        object-position: right -225px top;
        width: 100%
    }

    .breadcrumb li img {
        width: auto;
        height: auto;
        object-position: initial
    }

    .card.d-none.d-md-block.my-2 .product-image.img-fluid {
        max-width: 140px
    }

    .row.sort_container .col-8.col-md-5.col-lg-4 {
        flex: 0 0 32.667%;
        max-width: 32.667%;
    }

    .col-md-4.up-footer-center::before {
        left: 0;
        top: 3%;
        width: 400px;
        height: 1px;
        right: 0;
        margin: 0 auto
    }

    .col-md-4.up-footer-center::after {
        top: initial;
        width: 400px;
        height: 1px;
        right: 0;
        margin: 0 auto;
        display: table;
        left: 0;
        bottom: 0
    }

    .slide-section-home hr {
        width: 91%;
        margin: 19px auto 0;
        float: right;
        right: 0;
        left: 0
    }

    .slick-arrow.next {
        top: 26%;
        right: 0
    }

    .slick-arrow.prev {
        top: 26%;
        left: 0;
        float: left;
        z-index: 99;
        right: auto
    }

    .top-header ul.nav.navbar-nav {
        margin: 0 auto;
        display: table
    }

    .col-sm-6.top-cart-acc ul {
        margin: 0 auto;
        float: none;
        text-align: center
    }

    .top-header .navbar.navbar-default.navbar-small {
        border-bottom: 1px solid #666;
        padding-bottom: 13px;
        margin-bottom: 14px;
        border-radius: 0
    }

    .top-header ul.nav.navbar-nav li a {
        padding: 0 20px
    }

    .top-cart-acc ul li a {
        font-size: 16px
    }

    .container-fluid.top-header {
        background: #000;
        padding: 13px 0;
        display: none
    }

    header.wrapper-header {
        display: none
    }

    .col-sm-6.header-navigation {
        display: none
    }

    header.wrapper-mob-header {
        background: #000;
        width: 100%;
        display: flex;
        justify-content: space-between;
        height: 104px;
        position: sticky;
        top: 0;
        z-index: 999
    }

    .col-sm-2.header-search {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 10px;
        padding-right: 15px
    }

    .mob-header-right #header-cart {
        background: #000;
        padding: 0;
        margin: 0;
        height: auto;
    }

    .mob-header-right #header-cart a {
        background: #000;
        padding: 0;
        margin: 0;
    }

    .header-search form {
        width: 100%;
        max-width: unset;
    }

   .mobile-menu-head {
        position: fixed;
        z-index: 9999;
        background: #fff;
        width: 100%;
        padding: 0;
        left: -110%;
        height: 100vh;
        background-color: #fff; /* Background color of your menu */
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
        transition: left 0.3s ease; /* Smooth slide-in effect */
        overflow-y: scroll;
        padding-bottom: 120px;
    }
   .mobile-menu-head.show {
        left: 0;
    }
    img.mobmenu-toggle {
        filter: invert(1);
        width: 32px
    }

    img.mobmenu-close {
        display: none;
    }

    .col-sm-2.mob-header-menu {
        display: flex;
        align-items: center
    }

    .col-sm-8.mob-header-logo {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0;
        padding-right: 0
    }

    .col-sm-2.mob-header-right {
        display: flex;
        align-items: center;
        justify-content: end
    }

    .col-sm-12.mob-search {
        display: none;
        position: sticky;
        top: 104px;
        background: #fff;
        z-index: 999;
        box-shadow: 0 1px 6px #00000099
    }

    .col-sm-12.mob-search.collapse.show {
        display: block
    }

    .mob-header-right .mob-cart ul {
        padding-left: 0;
        list-style: none;
        margin: 0
    }

    .mob-header-right .mob-cart span.item-count {
        position: absolute;
        border-radius: 50px;
        background: #68bcd3;
        padding: 2px 4px;
        border: 2px solid #fff;
        height: 20px;
        top: -11px;
        left: 13px;
        text-align: center;
        font-size: 13px;
        line-height: 13px
    }

    .mob-header-right i.fa.fa-shopping-cart {
        font-size: 26px
    }

    .mob-header-right .mob-search-icon {
        margin-right: 15px
    }

    .mob-header-right .mob-cart {
        position: relative;
        margin-right: 8px
    }

    header .col-5.col-sm-8.d-block.d-md-none.text-right {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-3.text-sm-left.header-logo img {
        max-width: 240px
    }

    header.container.wrapper-header.py-3 {
        padding-top: 7px!important
    }

    .navbar-toggler {
        padding: 0
    }

    .navbar-toggler:focus {
        outline: 0
    }

    section.home-page-category .col-sm-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .home-cat-sec1,.home-cat-sec2 {
        flex-wrap: wrap
    }

    .home-1cat,.home-2cat,.home-3cat {
        width: 100%
    }

    section.home-page-category p {
        font-size: 24px;
        padding: 15px 50px;
        width: auto
    }

    .home-cat-sec2.col-sm-4 .home-2cat:last-child p {
        margin-top: 0
    }

    .home-cat-sec3.col-sm-4 .home-3cat:first-child p {
        margin-top: 50px
    }

    .home-cat-sec2.col-sm-4 .home-2cat:last-child {
        padding-top: 30px
    }

    .home-cat-sec3.col-sm-4 .home-3cat:first-child {
        padding-top: 88px
    }

    section.home-page-category {
        padding: 37px 15px 60px
    }

    section.slide-section-home h1 {
        font-size: 28px
    }

    .home-about-content {
        width: 100%
    }

    .home-ab-mobile img {
        width: 100%;
        position: relative;
        left: 15px
    }

    section.home-about-us {
        background-image: none;
        padding: 47px 0 0
    }

    .upper-footer p {
        font-size: 22px
    }

    .main-footer .col-md-4 {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
        margin-bottom: 22px
    }

    .col-12.col-md-4.text-md-left.stay-in-touch {
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
        padding-left: 30px
    }

    .main-footer .nav.flex-column {
        text-align: left
    }

    .col-12.col-md-4.text-md-left.stay-in-touch form {
        width: 370px
    }

    .main-footer .list-social {
        text-align: left;
        margin-left: auto;
        -webkit-box-pack: left!important;
        -ms-flex-pack: left!important;
        justify-content: left!important
    }

    .copy-right .col-12.col-md-7.d-none.d-sm-block {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: block!important
    }

    .copy-right .col-12.col-md-5.text-md-left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .copy-right ul {
        margin: 0;
        float: none;
        width: 100%;
        justify-content: center
    }

    .copy-right {
        padding: 17px 0 21px;
        margin-top: 26px
    }

    .navbar-nav-mob {
        padding: 15px 16px;
        background: #f3f3f3;
    }

    .navbar-nav-mob li {
        list-style: none
    }

    .navbar-nav-mob li a {
        color: #292929;
        font-size: 20px;
        font-weight: 500;
    }
    .dropdown-toggle::after {
        display:none;
    }
    .navbar-nav-mob li {
        list-style: none;
        padding-bottom: 11px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 8px;
        padding-left: 0;
        position: relative;
        padding-right: 0;
    }

    .navbar-nav-mob {
        margin-top: 0;
        margin-bottom: 0;
    }

    header .dropdown-toggle::after {
        display: none
    }

    .navbar-nav-mob li i {
        position: absolute;
        right: 0;
        top: 10px;
        color: #292929;
        cursor: pointer;
        padding-right: 0;
        font-size: 14px;
    }

    .navbar-nav-mob li:last-child {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .navbar-nav-mob ul {
        padding: 10px 0 8px
    }
    .navbar-nav-mob.white {
        background: #fff;
    }
    .navbar-nav-mob.white li a {
        font-size: 16px;
        font-weight: 500;
    }
    .navbar-nav-mob.white li a::after {
        content:"\f054";
        font-family: 'FontAwesome';
        font-size: 12px;
        float: right;
        font-weight: 300;
        color: #626262;
        padding-top: 6px;
    }
    .navbar-nav-mob ul li a {
        padding-left: 18px;
        text-decoration: none
    }

    .navbar-nav-mob ul li {
        padding-left: 0
    }

    span.shopby-plus-icons {
        display: block
    }
}

@media(max-width: 640px) {
    .usp-block,.usp-greybg .usp-block {
        font-size:12px
    }

    .usp-block:first-child img,.usp-greybg .usp-block:first-child img {
        height: 40%
    }

    .usp-block img {
        max-height: 60px;
        height: 50%;
        margin-bottom: 0
    }
    .align-items-center.product-img-carousal.slick-initialized.slick-slider .product-more-imgaes img {
        max-width:120px;
        
    }
    
}

@media(max-width: 575px) {
    .col-sm-3.text-sm-left.header-logo {
        width:auto
    }

    .row.btn-stack a i {
        font-size: 9px
    }

    .usp,.usp-greybg .container {
        /* flex-wrap: wrap; */
        overflow-x: scroll;
        display: -webkit-inline-box;
    }
    ::-webkit-scrollbar {
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
    .usp-block,.usp-greybg .usp-block {
        font-size: 14px;
        width: 33.33%;
        margin-bottom: 25px
    }

    .usp-block:first-child img,.usp-greybg .usp-block:first-child img {
        height: 40%
    }

    .usp-block img,.usp-greybg .usp-block img {
        max-height: 65px;
        height: 55%;
        margin-bottom: 0
    }

    .about-right-content p,.about-left-content p {
        font-size: 20px;
        line-height: 32px
    }

    .about-section.absec2 {
        padding: 28px 10px 13px
    }

    .cart-page-main form .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }

    #paypal img {
        margin: 0 auto;
        display: table
    }

    #paypal {
        width: 100%;
        float: left
    }

    .about-right-content h2 {
        font-size: 30px
    }

    #shipbox .calu-ship-result {
        padding: 11px 13px
    }

    .cart-page-main .btn.btn-success.btn-lg.btn-block {
        width: 100%;
        margin: auto
    }

    .tabbable {
        margin-bottom: 0
    }

    .cart-page-main .card {
        margin-top: 20px
    }

    .cart-page-main .table:nth-child(1) {
        margin-top: 40px
    }

    .wrapper-product-title.col-sm-8 h1 {
        font-size: 24px;
        line-height: 34px;
        margin-top: 15px
    }

    .specific {
        width: 39%
    }

    .col-12.col-md-4.product-qty::before {
        right: 32px
    }

    .productpromo.h1 {
        font-size: 22px
    }

    .row.btn-stack a .fa.fa-chevron-down.add-icon {
        top: 33px
    }

    .row.btn-stack .col-12.col-md-4 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    #shipbox .row.btn-stack .fa.fa-chevron-down.calu-qty {
        top: 22px;
        font-size: 10px
    }

    #shipbox .row.btn-stack .fa.fa-chevron-up.calu-qty.calculate {
        top: 4px;
        font-size: 10px
    }

    .tabbable .nav-tabs .nav-item {
        width: 100%;
        margin-bottom: 2px;
        margin-right: 0
    }

    .tabbable .nav-tabs .nav-item:last-child {
        margin-bottom: 0
    }

    .row.sort_container .col-8.col-md-5.col-lg-4 {
        flex: 0 0 40%;
        max-width: 40%;
        /* margin-top: 11px; */
    }

    .row.sort_container .col-4.col-md-7.col-lg-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .cat-bann-img {
        margin-bottom: 0
    }

    .card-header.filter-history,.card-header.filter-information {
        margin: 23px 0 0
    }

    .row.sort_container .col-4.d-none.d-lg-block .btn-text {
        text-align: right
    }

    .name-breadcrumb h1 {
        font-size: 27px
    }

    .row.sort_container .col-4.d-none.d-lg-block {
        flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        max-width: 50%
    }

    header .col-5.col-sm-8.d-block.d-md-none.text-right {
        -ms-flex: 0 0 53%;
        flex: 0 0 53%;
        max-width: 53%;
        position: absolute;
        right: 0;
        top: 31px
    }

    header.container.wrapper-header.py-3 {
        position: relative
    }

    section#homepageCarousel h2 {
        /* font-size: 14px; */
        /* margin-bottom: 50px; */
        margin-bottom: 15px;
    }

    section.home-about-us h2 {
        font-size: 28px
    }

    section#homepageCarousel .carousel-caption {
        /* top: 45%; */
        left: 6%;
        width: 50%;
    }
#homepageCarousel {
    background-color: #F0F4F7;
    padding-top: 50px;
    /* padding-bottom: 20px; */
}
    .colouropt-wrap {
        min-height: 70px
    }
}

@media(max-width: 480px) {
    .product-reviews h3.pr-reviewtitle {
        font-size:18px
    }

    .product-reviews .card {
        border: 0
    }

    .align-items-center.product-img-carousal.slick-initialized.slick-slider .product-more-imgaes {
        min-height: 86px;
        height: auto;
    }

    .home-about-content p {
        font-size: 16px
    }

    .row.sort_container .col-4.col-md-7.col-lg-4 {
        flex: 0 0 30%;
        max-width: 28%
    }

    .row.sort_container .col-8.col-md-5.col-lg-4 {
        flex: 0 0 70%;
        max-width: 70%;
        margin-top: 0
    }

    .empty_cart h1 {
        font-size: 21px;
        margin-bottom: 4px;
        padding: 0 10px
    }

    .col-12.col-md-4.text-md-left.stay-in-touch form {
        width: 340px
    }

    .empty_cart p a.btn {
        padding: 7px 15px;
        font-size: 17px;
        margin-bottom: 20px!important
    }

    .empty_cart img {
        width: 120px
    }

    .product-reviews .write-rev-bu a.btnwrite-re {
        font-size: 13px
    }
    section#homepageCarousel .carousel-inner a img {
        object-fit:cover;
        min-height: 300px;
        object-position: 73%;
    }
    section#homepageCarousel .carousel-caption {
        padding-top: 0;
        top: 37%;
    }

    #n_customer_account .table.table-bordered.table-striped tbody tr td {
        line-height: 23px
    }

    .wishdone-col .card .badge.badge-info {
        font-size: 15px;
        padding: 10px 8px
    }

    #n_customer_account .table.table-bordered.table-striped thead tr th,.custwishlist-col .table.table-striped.table-bordered.table-condensed tbody tr th {
        line-height: 23px
    }

    .blog-date div {
        font-size: 26px
    }

    .blog-review strong {
        font-size: 16px
    }

    .blog-date span {
        font-size: 13px
    }

    .blogs-au-sec ul {
        padding: 0;
        display: block;
        align-items: center
    }

    .blogs-au-sec {
        margin-top: 17px;
        padding-bottom: 5px;
        margin-bottom: 12px
    }

    .col-md-12.cn-phn-mail ul li {
        position: relative;
        padding-left: 38px
    }

    .blog-side-desc {
        width: 73%
    }

    .blog-read-more {
        width: 73%
    }

    .blogs-au-sec ul li {
        margin-bottom: 6px
    }

    .col-md-6.contact-desc .col-md-12.cn-phn-mail ul li p img {
        position: absolute;
        left: 0;
        top: -4px
    }

    .about-section.absec2 .about-left-content {
        width: 85%
    }

    .cart-page-main .table.table-bordered.cartTable {
        width: 497px;
        max-width: inherit
    }

    .cart-page-main form {
        overflow-x: scroll
    }

    .top-cart-acc .dropdown-menu.show {
        left: -57px!important;
        top: 0!important
    }

    .col-md-4.up-footer-center::before,.col-md-4.up-footer-center::after {
        width: 200px
    }

    .col-md-6.contact-desc .col-md-12.cn-phn-mail ul li p {
        line-height: 20px
    }

    section.home-page-category p {
        font-size: 18px
    }

    .slick-arrow.prev {
        top: 20%
    }

    .slick-arrow.next {
        top: 20%
    }

    .slide-section-home .card.thumbnail.card-body p.price {
        min-height: auto
    }

    .title.mb-1 a {
        padding-right: 10px
    }

    .card.thumbnail.card-body p.price {
        font-size: 16px
    }

    .thumbnail.card-body p.card-title.h4 {
        font-size: 15px;
        height: auto;
        min-height: 2.8em;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    section.slide-section-home h1,section.slide-section-home.feature h1 {
        font-size: 26px;
        margin-bottom: 8px;
        text-align: center;
        padding: 0;
        width: 100%
    }

    article .thumbnail-image {
        padding: 20px!important
    }

    .related-products-slide {
        margin-bottom: 40px
    }

    .name-breadcrumb h1 {
        font-size: 22px;
        padding: 0 20px
    }

    .copy-right .payment-icon {
        width: 51px;
        background-size: 49px
    }

    .top-header ul.nav.navbar-nav li a {
        padding: 0 17px
    }

    .top-header ul.nav.navbar-nav li:last-child a {
        padding-right: 0
    }

    section#homepageCarousel p {
        /* font-size: 14px; */
        line-height: 18px;
    }

    #homepageCarousel .carousel-control-prev-icon,#homepageCarousel .carousel-control-next-icon {
        width: 28px;
        height: 28px
    }

}

@media(max-width: 375px) {
    .top-cart-acc .dropdown-menu.show {
        left:-38px!important
    }

    section.home-page-category p {
        font-size: 17px
    }

    .product-reviews .write-rev-bu {
        width: 100%;
        margin-top: 15px;
        padding: 8px 9px;
        text-align: center
    }

    .product-reviews .write-rev-bu a.btnwrite-re {
        font-size: 15px
    }

    .blogs-title h4 a,
    .blogs-title h2 a {
        font-size: 22px;
        line-height: 33px
    }

    .name-breadcrumb h1 {
        font-size: 28px;
        margin-bottom: 0
    }

    .main-footer>.container .row {
        margin-left: -9px
    }

    .top-header ul.nav.navbar-nav li a {
        padding: 0 8px
    }

    .slick-arrow.next {
        top: 18%;
        right: 0;
        padding: 6px
    }

    .slick-arrow.prev {
        top: 18%;
        padding: 6px
    }

    .col-sm-3.text-sm-left.header-logo img {
        max-width: 216px
    }

    .card.thumbnail.card-body p.price {
        font-size: 14px
    }

    .thumbnail.card-body p.card-title.h4 {
        font-size: 15px
    }

    .col-12.col-md-4.text-md-left.stay-in-touch form {
        width: 290px
    }

    .main-footer input.btn.btn-outline-secondary {
        padding: 0;
        width: 113px
    }

    .payment-icon-container {
        padding: 4px
    }

    .upper-footer p {
        font-size: 20px
    }

    .main-footer .col-md-4 {
        padding-left: 0
    }

    .col-12.col-md-4.text-md-left.stay-in-touch {
        padding-left: 15px
    }

    section#homepageCarousel p {
        font-size: 14px;
        line-height: 18px
    }
}

@media(max-width: 374px) {
    .usp-block,.usp-greybg .usp-block {
        font-size: 12px;
        width: 33.33%;
        margin-bottom: 25px
    }

    .usp-block:first-child img,.usp-greybg .usp-block:first-child img {
        height: 40%
    }

    .usp-block img {
        max-height: 55px;
        height: 50%;
        margin-bottom: 0
    }

    .colouropt-wrap {
        min-height: 70px
    }

}

@media(max-width: 359px) {
    .top-cart-acc ul li {
        margin-left:5px
    }

    .top-header ul.nav.navbar-nav li a {
        font-size: 10px
    }

    .top-cart-acc ul li a {
        font-size: 14px
    }

    section.home-page-category p {
        font-size: 16px;
        padding: 15px 23px
    }

    .col-12.col-md-4.text-md-left.stay-in-touch form {
        width: 273px
    }

    .copy-right .payment-icon {
        width: 46px;
        background-size: 43px
    }

    .copy-right .payment-icon-container {
        padding-top: 9px
    }

    .blog-side-sec .blog-side-img {
        margin-right: 14px
    }

    .blog-side-img img {
        height: 60px
    }

    section#homepageCarousel p {
        font-size: 14px;
        line-height: 18px
    }
}

.btn.btn-success.btn-block.btn-lg.btn-loads.addMultipleCartItems {
    height: 50px;
    border-radius: 0;
    background: #68bcd3;
    font-size: 18px;
    text-transform: uppercase;
    font-family: avenir-med;
    border: none;
}


.nCrossSellItem label {
    cursor: pointer;
    display: block;
}

.engrave {
    border: 1px solid #68bcd3;
    padding-top: 15px;
    border-radius: 5px;
    margin-left: 15px;
    width: 100%;
}

/* 2026 design system and accessibility pass */
:root {
    --brand-blue: #68bcd3;
    --brand-black: #000;
    --brand-charcoal: #292929;
    --surface-muted: #f0f4f6;
    --font-body: "Avenir-Book", "Avenir", Arial, sans-serif;
    --font-medium: "Avenir-med", "Avenir", Arial, sans-serif;
    --font-bold: "Avenir-bold", "Avenir", Arial, sans-serif;
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;
    --space-6: 64px;
    --space-7: 96px;
}

body {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
    color: #212529;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: var(--font-bold);
    line-height: 1.2;
    color: var(--brand-charcoal);
}

h1,.h1 {
    font-size: 40px;
}

h2,.h2 {
    font-size: 30px;
}

h3,.h3 {
    font-size: 24px;
}

h4,.h4 {
    font-size: 18px;
}
h1.product-title {
    font-size: 22px;
}

header.wrapper-header,
header.wrapper-mob-header,
.top-header,
.mobile-menu-head {
    color: #fff;
}

.btn-primary,
.btn-success,
.buying-options .btn,
.buying-options button {
    min-height: 48px;
    padding: 12px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-medium);
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    background-color: var(--brand-blue);
    border-color: var(--brand-blue);
    border-radius: 0;
}

.btn-primary:hover,
.btn-primary:active,
.btn-success:hover,
.btn-success:active,
.buying-options .btn:hover,
.buying-options .btn:active,
.buying-options button:hover,
.buying-options button:active {
    color: #fff;
    background-color: var(--brand-black);
    border-color: var(--brand-black);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--brand-blue) !important;
    outline-offset: 3px;
    box-shadow: none !important;
}

.sr-only-focusable:focus {
    position: fixed;
    top: var(--space-2);
    left: var(--space-2);
    z-index: 100000;
    width: auto;
    height: auto;
    padding: 12px 18px;
    overflow: visible;
    clip: auto;
    color: #000;
    background: #fff;
    border: 3px solid var(--brand-blue);
}

.home-page-category .home-1cat,
.home-page-category .home-2cat,
.home-page-category .home-3cat,
.home-page-category .home-4cat,
.home-page-category a {
    position: relative;
}

.home-page-category a {
    display: block;
    overflow: hidden;
}

.home-page-category a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: rgba(0,0,0,.32);
    transition: background-color .2s ease;
}

.home-page-category a:hover::after,
.home-page-category a:focus-visible::after {
    background: rgba(0,0,0,.42);
}

.home-page-category a p {
    position: absolute;
    z-index: 2;
}

.thumbnail.card-body {
    gap: 12px;
}

.thumbnail.card-body .thumbnail-image {
    margin-bottom: var(--space-2);
}

.thumbnail.card-body p.card-title.h4 {
    min-height: 2.8em;
    margin-bottom: var(--space-1);
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.card.thumbnail.card-body p.price {
    margin: 0 0 var(--space-1);
    font-family: var(--font-medium);
    font-size: 19px;
}

.colouropt-wrap {
    margin-bottom: var(--space-1);
}

.usp {
    margin-top: var(--space-5);
    margin-bottom: var(--space-6);
}

section.home-page-category {
    margin-bottom: 0;
    padding: 0 0 80px;
}

section.slide-section-home.feature,
section.slide-section-home.newarrivals,
section.slide-section-home.bestproducts {
    padding: 80px 0;
}

section.slide-section-home h1,
section.slide-section-home.feature h1 {
    margin-bottom: var(--space-4);
    font-size: 32px;
}

section.home-about-us {
    padding: 0;
}

.home-about-content {
    padding-top: var(--space-6);
    padding-bottom: var(--space-6);
}

section.home-about-us h2 {
    font-size: 30px;
}

.main-footer {
    padding-top: var(--space-6);
}

.main-footer ul li a,
.main-footer p {
    font-size: 15px;
}

header ul.nav.navbar-nav li a,
.top-header ul.nav.navbar-nav li a {
    font-size: 15px;
}

section#homepageCarousel p {
    font-size: 16px;
    line-height: 1.5;
}

.usp-block,
.usp-greybg .usp-block {
    font-size: 15px;
}

.product-options.colour-options {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.product-options.colour-options > a {
    width: 28px;
    min-width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.product-options.colour-options > a.thumbnailVariation[hidden] {
    display: none !important;
}

.product-options.colour-options .colour-more {
    width: 28px;
    min-width: 28px;
    height: 28px;
    box-sizing: border-box;
    padding: 0;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static;
    vertical-align: middle;
    color: var(--brand-charcoal);
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 50%;
    font-family: var(--font-medium);
    font-size: 12px;
    line-height: normal;
    text-align: center;
    text-decoration: none;
}

.product-options.colour-options .colour-more:hover,
.product-options.colour-options .colour-more:focus {
    color: #000;
    background: var(--brand-blue);
    border-color: var(--brand-blue);
}

.footer-menu-heading {
    margin: 0;
}

.footer-menu-toggle {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--brand-charcoal);
    background: transparent;
    border: 0;
    font-family: var(--font-medium);
    font-size: 16px;
    text-align: left;
    cursor: default;
}

.footer-menu-toggle i {
    display: none;
}

@media (max-width: 767px) {
    body {
        font-size: 16px;
    }

    h1,.h1 {
        font-size: 30px;
    }

    h1.product-title {
        margin-top: 15px;
    }

    h2,.h2 {
        font-size: 24px;
    }

    h3,.h3 {
        font-size: 20px;
    }

    .category-header {
        padding: 12px 0 18px;
    }

    .category-header .page-header {
        font-size: 28px;
    }

    .category-header-description {
        margin-top: 12px;
        font-size: 15px;
        line-height: 1.5;
    }

    header.wrapper-mob-header {
        height: 68px;
        padding: 0 10px;
        align-items: center;
        background: var(--brand-black);
        box-shadow: 0 2px 8px rgba(0,0,0,.2);
    }

    .mob-header-menu,
    .mob-header-right {
        min-width: 88px;
        height: 68px;
        padding: 0;
    }

    .mob-header-right {
        gap: 2px;
    }

    .mob-header-logo img {
        display: block;
        width: 115px;
        max-width: 100%;
        max-height: 42px;
        object-fit: contain;
    }

    .navbar-toggler,
    .mob-search-icon,
    .mob-header-right #header-cart-mobile > a,
    .mob-header-right #header-cart-mobile .cart-btn {
        width: 44px;
        height: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        margin: 0 !important;
        color: #fff !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        appearance: none;
    }

    .mob-header-right #header-cart-mobile > a.dropdown-toggle {
        display: none;
    }

    .mob-search-icon img,
    .mobmenu-toggle,
    .mobmenu-close {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

    .mob-header-right #header-cart-mobile,
    .mob-header-right #header-cart-mobile:hover,
    .mob-header-right #header-cart-mobile:focus-within {
        height: 44px;
        padding: 0;
        margin: 0;
        background: transparent !important;
        border: 0;
    }

    .mob-header-right #header-cart-mobile > a:hover,
    .mob-header-right #header-cart-mobile > a:focus,
    .mob-search-icon:hover,
    .mob-search-icon:focus {
        color: var(--brand-blue) !important;
        background: transparent !important;
    }

    .mob-header-right i.fa.fa-shopping-cart {
        font-size: 24px;
    }

    .mob-header-right .mob-search-icon {
        margin-right: 0;
    }

    .mob-header-right .mob-cart {
        margin-right: 0;
    }

    .mob-header-right .mob-cart span.item-count {
        top: 0;
        right: 0;
        left: auto;
        min-width: 19px;
        height: 19px;
        padding: 2px 5px;
        border: 2px solid var(--brand-black);
        background: var(--brand-blue);
        color: #000;
        font-size: 11px;
        line-height: 11px;
    }

    .col-sm-12.mob-search {
        top: 68px;
    }

    .thumbnail.card-body p.card-title.h4 {
        height: auto;
        min-height: 2.8em;
        font-size: 16px;
        line-height: 1.4;
    }

    .card.thumbnail.card-body p.price {
        font-size: 17px;
    }

    .product-options.colour-options {
        flex-wrap: nowrap;
        min-height: 36px;
        overflow: hidden;
    }

    .thumbnail.card-body {
        gap: 6px;
    }

    .thumbnail.card-body .thumbnail-image {
        margin-bottom: 0;
    }

    .thumbnail.card-body .colouropt-wrap {
        min-height: 36px;
        margin-top: 6px;
        margin-bottom: 0;
    }

    .thumbnail.card-body .product-options.colour-options > a {
        width: 36px;
        min-width: 36px;
        height: 36px;
        flex-basis: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .thumbnail.card-body .product-options.colour-options .colour-more {
        width: 36px;
        min-width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .thumbnail.card-body p.card-title.h4 {
        margin: 4px 0 2px;
    }

    .card.thumbnail.card-body p.price {
        margin-bottom: 6px;
    }

    .usp {
        margin-top: var(--space-4);
        margin-bottom: var(--space-5);
    }

    section.home-page-category {
        padding: 0 15px var(--space-5);
    }

    section.home-page-category .home-2cat:last-child,
    section.home-page-category .home-3cat:first-child {
        padding-top: var(--space-3);
    }

    section.slide-section-home.feature,
    section.slide-section-home.newarrivals,
    section.slide-section-home.bestproducts {
        padding: var(--space-5) 0;
    }

    section.slide-section-home h1,
    section.slide-section-home.feature h1 {
        margin-bottom: var(--space-3);
        font-size: 26px;
    }

    section.home-about-us {
        padding: 0;
    }

    .home-about-content {
        padding: 24px 16px;
    }

    section.home-about-us h2 {
        margin-bottom: 12px;
        font-size: 24px;
    }

    .home-about-content p {
        margin-bottom: 16px;
        font-size: 15px;
        line-height: 1.55;
    }

    .home-ab-mobile img {
        left: 0;
        display: block;
        width: 100%;
    }

    .main-footer {
        padding-top: 24px;
    }

    .main-footer > .container > .row:first-child,
    .main-footer > .container > .row:last-child {
        display: none;
    }

    .main-footer .col-md-8 > nav.row {
        margin-right: 0;
        margin-left: 0;
    }

    .main-footer .footer-menu-group {
        margin-bottom: 0;
        padding: 0;
        border-bottom: 1px solid #ddd;
    }

    .footer-menu-toggle {
        min-height: 48px;
        padding: 0 4px;
        cursor: pointer;
    }

    .footer-menu-toggle i {
        display: block;
        font-size: 12px;
        transition: transform .2s ease;
    }

    .footer-menu-toggle[aria-expanded="true"] i {
        transform: rotate(180deg);
    }

    .main-footer .footer-menu-links {
        display: none;
        padding: 0 0 12px;
    }

    .main-footer .footer-menu-links .nav-link {
        min-height: 40px;
        padding: 9px 4px;
        font-size: 15px;
    }

    .main-footer .stay-in-touch {
        margin: 24px 0 0;
        padding: 0;
    }

    .stay-in-touch h4 {
        margin-bottom: 8px;
        font-size: 18px;
    }

    .stay-in-touch p {
        margin-bottom: 10px;
    }

    .col-12.col-md-4.text-md-left.stay-in-touch form {
        width: 100%;
    }

    .main-footer .list-social {
        margin-top: 8px;
        padding-top: 0 !important;
    }

    .copy-right {
        margin-top: 20px;
    }

    section#homepageCarousel p {
        font-size: 15px;
        line-height: 1.45;
    }

    .usp-block,
    .usp-greybg .usp-block {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    header.wrapper-header.py-3 {
        height: 70px;
        min-height: 70px;
        margin-bottom: 0;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    header.wrapper-header.sticky {
        top: 32px;
    }

    header.wrapper-header > .container,
    header.wrapper-header > .container > .row {
        height: 100%;
    }

    header.wrapper-header > .container > .row {
        padding-bottom: 8px;
        padding-top: 8px;
    }

    header.wrapper-header > .container {
        border-bottom: 1px solid #e5e5e5;
    }

    header.wrapper-header .header-logo img {
        width: auto;
        max-height: 46px;
    }

    header.wrapper-header .header-logo {
        height: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        display: flex;
        align-items: center;
    }

    header.wrapper-header .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .product-page-nav .thumbnail.card-body {
        gap: 6px;
    }

    .product-page-nav .thumbnail.card-body .thumbnail-image {
        margin-bottom: 0;
    }

    .product-page-nav .thumbnail.card-body .colouropt-wrap {
        min-height: 32px;
        margin-top: 8px;
        margin-bottom: 0;
    }

    .product-page-nav .thumbnail.card-body p.card-title.h4 {
        margin: 4px 0 2px;
    }

    .product-page-nav .card.thumbnail.card-body p.price {
        margin-bottom: 6px;
    }

    .product-page-nav .thumbnail.card-body .buying-options .btn,
    .product-page-nav .thumbnail.card-body .buying-options button {
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .product-page-nav .products-row > article {
        margin-bottom: 48px;
    }
}

@media (min-width: 992px) {
    aside#left-sidebar {
        flex: 0 0 21%;
        max-width: 21%;
        padding: 30px;
    }

    .col-md-8.product-page-nav {
        flex: 0 0 calc(79% - 24px);
        max-width: calc(79% - 24px);
        margin-left: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }

    *,*::before,*::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* Homepage banner content refinements */
.banner-right-up .banner-description,
.banner-right-down .banner-description {
    display: none;
}

@media (min-width: 992px) {
    section#homepageCarousel h2 {
        font-size: 34px;
        line-height: 1.15;
    }

    section#homepageCarousel .banner-description {
        font-size: 19px;
        line-height: 1.5;
    }
}

@media (max-width: 767px) {
    .banner-container {
        margin-top: 0;
    }

    #homepageCarousel {
        padding-top: 0;
    }

    section#homepageCarousel .carousel-item > a {
        position: relative;
        display: block;
    }

    section#homepageCarousel .carousel-item > a::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: rgba(15, 15, 15, .34);
        pointer-events: none;
    }

    section#homepageCarousel .carousel-caption {
        z-index: 2;
        width: 52%;
        padding: 16px;
        background: transparent;
    }

    section#homepageCarousel h1,
    section#homepageCarousel h2,
    section#homepageCarousel .banner-description {
        color: #fff;
    }
}

/* Product purchase panel */
.prod-detail .wrapper-product-title {
    max-width: 100%;
}

.product-short-description {
    margin: 18px 0;
    color: #3f464b;
    font-family: avenir-book;
    font-size: 16px;
    line-height: 1.55;
}

.product-price-row {
    margin-top: 18px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
}

.product-current-price {
    color: #111;
    font-family: avenir-med;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.1;
}

.product-price-comparison {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #a12b2b;
    font-family: avenir-med;
    font-size: 15px;
    line-height: 1.2;
}

.product-original-price,
.product-discount-percent,
.product-save-amount {
    padding: 3px 18px;
    white-space: nowrap;
}

.product-original-price {
    padding-left: 0;
    color: #666;
    font-size: 22px;
    font-weight: 400;
    text-decoration-thickness: 2px;
}

.product-discount-percent,
.product-save-amount {
    border-left: 1px solid #d8d8d8;
    font-weight: 700;
    letter-spacing: .05em;
}

.product-save-amount {
    padding-right: 0;
    font-weight: 500;
}

.variation-wrapper {
    margin-top: 10px;
}

.variation-name strong,
.variation-name label {
    color: #212529;
    font-family: avenir-med;
    font-size: 16px;
}

.variation-wrapper ._itmspec_listopt {
    padding-right: 15px;
    padding-left: 15px;
}

.variation-wrapper ._itmspec_listopt + ._itmspec_listopt {
    margin-top: 24px;
}

.variation-wrapper .variation-name {
    width: 100%;
    margin: 0 0 12px;
    display: block;
    float: none !important;
    font-weight: bold;
}

.variation-wrapper .specific {
    width: 100%;
    display: block;
    clear: both;
    float: none !important;
}

.selected-specific-value {
    font-weight: 700;
}

.product-color-swatch .specific {
    margin-top: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.product-color-swatch .specific a.nColourSwatch {
    margin: 0 !important;
    border-radius: 50%;
}

.product-color-swatch .specific a.nColourSwatch._itmspec_selected {
    outline: none;
}

.product-color-swatch .specific a.nColourSwatch._itmspec_selected .nSwatchProduct {
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #292929, 0 4px 9px 2px rgba(0, 0, 0, .32);
    transform: translateY(-2px);
}

.product-color-swatch .specific a.nColourSwatch:focus-visible {
    outline: 2px solid #168daf;
    outline-offset: 8px;
}

.product-size-options .specific {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.product-size-options .product-size-option {
    min-width: 54px;
    min-height: 44px;
    padding: 8px 14px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border: 1px solid #c9ced2;
    background: #fff;
    color: #292929;
    font-family: avenir-med;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.product-size-options .product-size-option:hover,
.product-size-options .product-size-option:focus {
    border-color: #168daf;
    color: #168daf;
    text-decoration: none;
}

.product-size-options .product-size-option._itmspec_selected {
    border-color: #168daf;
    background: #168daf;
    color: #fff;
    box-shadow: 0 4px 9px rgba(0, 0, 0, .24);
    transform: translateY(-2px);
}

.product-size-options .product-size-option small {
    font-family: avenir-reg;
    font-size: 10px;
}

.product-size-options .product-size-option.is-out-of-stock:not(._itmspec_selected) {
    color: #737b80;
    background: #f5f6f6;
}

.product-size-options .belt-size-guide-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding: 4px 0;
    color: #292929;
    font-family: avenir-med;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.product-size-options .belt-size-guide-link:hover,
.product-size-options .belt-size-guide-link:focus {
    color: #168daf;
}

.belt-size-guide-link svg {
    flex-shrink: 0;
}

.belt-size-guide-modal .modal-title {
    font-size: 20px;
}

.belt-size-guide-modal .modal-body {
    max-height: 75vh;
    overflow-y: auto;
}

.belt-size-guide-modal .belt-size-guide-image {
    display: block;
    width: 100%;
    height: auto;
}

#_jstl__buying_options form.buying-options {
    display: grid;
    grid-template-columns: minmax(130px, 23%) minmax(0, 1fr);
    column-gap: 10px;
}

#_jstl__buying_options .qty-stack {
    width: auto;
    margin: 0 0 14px;
    grid-column: 1;
}

#_jstl__buying_options .cartbtn-stack {
    width: auto;
    margin: 0 0 14px;
    grid-column: 2;
}

#_jstl__buying_options .wishlist-stack {
    width: 100%;
    clear: both;
    grid-column: 1 / -1;
}

#_jstl__buying_options .product-qty {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    display: grid;
    grid-template-columns: 44px minmax(42px, 1fr) 44px;
}

#_jstl__buying_options .product-qty::before {
    content: none;
    display: none;
}

#_jstl__buying_options .product-qty-control {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #292929;
    border: 1px solid #c9ced2;
    background: #fff;
    text-decoration: none;
}

#_jstl__buying_options .product-qty-control:first-of-type {
    border-right: 0;
}

#_jstl__buying_options .product-qty-control:last-of-type {
    border-left: 0;
}

#_jstl__buying_options .product-qty-control i {
    position: static !important;
    padding: 0 !important;
    color: #292929 !important;
    background: transparent !important;
    font-size: 12px !important;
}

#_jstl__buying_options .product-qty input.qty {
    height: 52px;
    padding: 0 6px;
    border: 1px solid #c9ced2;
    border-radius: 0;
    text-align: center !important;
    border-color: #c9ced2 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

#_jstl__buying_options .pro-addcart {
    max-width: 100%;
    flex: 0 0 100%;
}

#_jstl__buying_options .pro-addcart .btn {
    min-height: 52px;
    border-radius: 0;
    font-family: avenir-med;
    font-size: 17px;
    text-transform: uppercase;
}

#_jstl__buying_options .pro-addcart .btn i {
    margin-right: 9px;
}

#_jstl__buying_options .wishlist-stack .btn {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4c5459;
    border-color: #c9ced2;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

#_jstl__buying_options .product-wishlist a i {
    position: static !important;
    margin-right: 8px;
    color: inherit !important;
    font-size: 15px !important;
}

.product-purchase-usps {
    margin-top: 24px;
    padding: 18px 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid #e0e3e5;
    border-bottom: 1px solid #e0e3e5;
}

.product-purchase-usp {
    min-width: 0;
    padding: 0 12px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    border-right: 1px solid #e5e7e9;
}

.product-purchase-usp:last-child {
    border-right: 0;
}

.product-usp-icon {
    color: #292929;
    font-size: 16px;
    text-align: center;
}

.product-stock-usp .product-usp-icon {
    color: #2d9b5f;
}

.product-purchase-usp strong,
.product-purchase-usp span {
    display: block;
}

.product-purchase-usp strong {
    color: #212529;
    font-size: 13px;
    line-height: 1.25;
    letter-spacing: .08em;
}

.product-purchase-usp div > span {
    margin-top: 4px;
    color: #687178;
    font-family: avenir-book;
    font-size: 11px;
    line-height: 1.35;
    letter-spacing: .08em;
}

.product-stock-usp.is-preorder .product-usp-icon,
.product-stock-usp.is-backorder .product-usp-icon {
    color: #b7791f;
}

.product-stock-usp.is-sold-out .product-usp-icon {
    color: #c0392b;
}

@media (max-width: 767px) {
    .product-color-swatch .specific {
        column-gap: 12px;
        row-gap: 20px;
    }

    .product-size-options .specific {
        gap: 12px;
    }

    .product-size-options .product-size-option {
        min-width: 58px;
        min-height: 48px;
    }

    .product-current-price {
        font-size: 34px;
    }

    .product-price-row {
        gap: 12px;
    }

    .product-price-comparison {
        width: 100%;
        font-size: 13px;
    }

    .product-original-price {
        font-size: 19px;
    }

    .product-original-price,
    .product-discount-percent,
    .product-save-amount {
        padding-right: 12px;
        padding-left: 12px;
    }

    .product-original-price {
        padding-left: 0;
    }

    #_jstl__buying_options form.buying-options {
        grid-template-columns: minmax(120px, 34%) minmax(0, 1fr);
    }

    .product-purchase-usps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 20px;
    }

    .product-purchase-usp:nth-child(2) {
        border-right: 0;
    }
}

/* Consistent spacing for buttons containing a direct icon and text. Flex gap
   leaves icon-only search, view, delete, and navigation controls centred. */
.btn:has(> i) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-block:has(> i) {
    display: flex;
}

.btn:has(> i) > i {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#_jstl__buying_options .pro-addcart .btn > i {
    position: static !important;
}

/* Shopping cart refresh: retain Neto's cart forms and payment integrations while
   matching the product and review pages' cleaner hierarchy and spacing. */
.cart-page-main {
    --cart-accent: #68bcd3;
    --cart-accent-dark: #168daf;
    --cart-border: #d9dee2;
    --cart-muted: #66717a;
    --cart-surface: #f6f8f9;
    margin-top: 42px;
    padding-bottom: 48px;
}

.cart-page-main .cart-page-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--cart-border);
}

.cart-page-main .cart-page-eyebrow {
    margin: 0 0 4px;
    color: var(--cart-accent-dark);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.cart-page-main .cart-page-header h1 {
    margin: 0;
    font-family: avenir-bold;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: .02em;
}

.cart-page-main .cart-quote-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 9px 15px;
    border: 1px solid var(--cart-border);
    border-radius: 0;
    background: #fff;
    color: #333;
    font-size: 14px;
}

.cart-page-main .cart-quote-link:hover,
.cart-page-main .cart-quote-link:focus {
    border-color: #222;
    background: #f7f7f7;
    color: #111;
}

.cart-page-main .cartTable,
.cart-page-main .table.table-bordered.cartTable {
    width: 100%;
    margin: 0;
    border: 1px solid var(--cart-border);
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: none;
}

.cart-page-main .cartTable thead {
    background: var(--cart-surface);
}

.cart-page-main .cartTable thead th,
.cart-page-main .table.table-bordered.cartTable tr th {
    padding: 13px 16px;
    border: 0;
    border-bottom: 1px solid var(--cart-border);
    color: #505a61;
    font-family: avenir-book;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cart-page-main .cartTable tbody td,
.cart-page-main .table.table-bordered.cartTable tr td {
    padding: 18px 16px;
    border: 0;
    border-bottom: 1px solid var(--cart-border);
    vertical-align: middle;
}

.cart-page-main .cartTable tbody tr:last-child td {
    border-bottom: 0;
}

.cart-page-main .cartTable--column-image {
    width: 108px;
}

.cart-page-main .cartTable--column-image a {
    display: flex;
    width: 76px;
    height: 76px;
    align-items: center;
    justify-content: center;
    background: #f8f8f7;
}

.cart-page-main .cartTable--column-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cart-page-main .cart-item-title {
    color: #292929;
    font-family: avenir-bold;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}

.cart-page-main .cart-item-title:hover,
.cart-page-main .cart-item-title:focus {
    color: var(--cart-accent-dark);
}

.cart-page-main .cart-item-extra {
    margin-top: 7px;
    color: var(--cart-muted);
    line-height: 1.5;
}

.cart-page-main .cartTable--heading-quantity,
.cart-page-main .options-column {
    width: 154px;
}

.cart-page-main .cartTable--heading-price,
.cart-page-main .cart-item-price {
    width: 130px;
}

.cart-page-main .cartTable--heading-remove,
.cart-page-main .cart-item-remove {
    width: 64px;
    text-align: center;
}

.cart-page-main .cart-qty-span {
    display: inline-grid;
    box-sizing: border-box;
    float: none;
    width: 132px;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    border: 1px solid #cbd2d7;
    background: #fff;
}

.cart-page-main .cart-qty-span .cart-update {
    position: static !important;
    display: flex;
    min-width: 0;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: #fff;
    color: #292929;
    cursor: pointer;
}

.cart-page-main .cart-qty-span .cart-update:hover,
.cart-page-main .cart-qty-span .cart-update:focus {
    background: var(--cart-surface);
    color: var(--cart-accent-dark);
}

.cart-page-main .cart-qty-span .cart-qty {
    width: 100%;
    min-width: 0;
    height: 44px;
    margin: 0;
    padding: 0 4px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #cbd2d7;
    border-radius: 0;
    background: #fff;
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
}

.cart-page-main .cart-qty-span .cart-qty::-webkit-inner-spin-button,
.cart-page-main .cart-qty-span .cart-qty::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.cart-page-main .cart-item-price p,
.cart-page-main .cart-item-price h5 {
    margin: 0;
}

.cart-page-main .cart-item-price .h4 {
    color: #222;
    font-family: avenir-bold;
    font-size: 17px;
}

.cart-page-main .cart-remove-button {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1b4b8;
    color: #bc3843;
    text-decoration: none;
}

.cart-page-main .cart-remove-button:hover,
.cart-page-main .cart-remove-button:focus {
    border-color: #bc3843;
    background: #fff5f5;
    color: #9b202a;
}

.cart-page-main .cart-item-actions {
    align-items: center;
    margin-top: 16px;
    margin-bottom: 0;
    padding-bottom: 26px;
    border-bottom: 1px solid var(--cart-border);
}

.cart-page-main .cart-secondary-action,
.cart-page-main .cart-update-action {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 9px 15px;
    border: 1px solid var(--cart-border);
    border-radius: 0;
    background: #fff;
    color: #303030;
    font-size: 14px;
}

.cart-page-main .cart-update-action {
    border-color: var(--cart-accent-dark);
    color: #116f8d;
}

.cart-page-main .cart-secondary-action:hover,
.cart-page-main .cart-secondary-action:focus,
.cart-page-main .cart-update-action:hover,
.cart-page-main .cart-update-action:focus {
    border-color: #222;
    background: var(--cart-surface);
    color: #111;
}

.cart-page-main .cart-checkout-layout {
    align-items: flex-start;
    margin-top: 28px;
}

.cart-page-main .cart-utility-card,
.cart-page-main .card.cart-utility-card,
.cart-page-main .cart-payment-plan {
    min-height: 0;
    margin-top: 0;
    border: 1px solid var(--cart-border);
    border-radius: 0;
    box-shadow: none;
}

.cart-page-main .cart-utility-card .card-header,
.cart-page-main .cart-payment-plan .card-header {
    padding: 17px 18px 14px;
    border: 0;
    border-bottom: 1px solid var(--cart-border);
    background: #fff;
}

.cart-page-main .cart-utility-card .card-header h2,
.cart-page-main .cart-payment-plan .card-header h4 {
    margin: 0;
    color: #292929;
    font-family: avenir-bold;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .02em;
    text-align: left;
    text-transform: none;
}

.cart-page-main .cart-utility-card .card-body,
.cart-page-main .cart-payment-plan .card-body {
    min-height: 0;
    padding: 18px;
}

.cart-page-main .cart-utility-card .card-body p {
    margin-bottom: 16px;
    color: var(--cart-muted);
    font-size: 14px;
    line-height: 1.5;
}

.cart-page-main .cart-utility-card label {
    margin-bottom: 6px;
    color: #383f44;
    font-size: 13px;
    font-weight: 600;
}

.cart-page-main .cart-utility-card .form-control {
    min-height: 44px;
    border: 1px solid #cbd2d7;
    border-radius: 0;
    box-shadow: none;
}

.cart-page-main .cart-utility-card .form-control:focus {
    border-color: var(--cart-accent-dark);
}

.cart-page-main .cart-utility-submit {
    min-height: 44px;
    border: 1px solid #222;
    border-radius: 0;
    background: #222;
    color: #fff;
    font-size: 14px;
}

.cart-page-main .cart-utility-submit:hover,
.cart-page-main .cart-utility-submit:focus {
    border-color: var(--cart-accent-dark);
    background: var(--cart-accent-dark);
    color: #fff;
}

.cart-page-main .cart-order-summary {
    overflow: hidden;
    border: 1px solid var(--cart-border);
    background: #fff;
}

.cart-page-main .cart-order-summary > h2 {
    margin: 0;
    padding: 17px 20px 14px;
    border-bottom: 1px solid var(--cart-border);
    font-family: avenir-bold;
    font-size: 19px;
    font-weight: 600;
}

.cart-page-main .cart-summary-table,
.cart-page-main .table.cart-summary-table,
.cart-page-main .table:nth-child(1).cart-summary-table {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
}

.cart-page-main .cart-summary-table th,
.cart-page-main .cart-summary-table td {
    padding: 14px 20px;
    border-top: 1px solid #e5e8ea;
    color: #3a4146;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}

.cart-page-main .cart-summary-table tr:first-child th,
.cart-page-main .cart-summary-table tr:first-child td {
    border-top: 0;
}

.cart-page-main .cart-summary-table td[colspan="2"] {
    padding: 12px 14px;
}

.cart-page-main .cart-shipping-option {
    margin: 0 0 10px;
}

.cart-page-main .cart-shipping-option:last-child {
    margin-bottom: 0;
}

.cart-page-main .cart-shipping-option label {
    position: relative;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 13px 14px;
    border: 1px solid var(--cart-border);
    background: #fff;
    cursor: pointer;
}

.cart-page-main .cart-shipping-option label:hover {
    border-color: var(--cart-accent-dark);
    background: #f8fcfd;
}

.cart-page-main .cart-shipping-option input[type="radio"] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--cart-accent-dark);
}

.cart-page-main .cart-shipping-copy {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 16px;
    row-gap: 3px;
}

.cart-page-main .cart-shipping-copy strong {
    color: #282d30;
    font-family: avenir-bold;
    font-size: 15px;
}

.cart-page-main .cart-shipping-price {
    color: #222;
    font-family: avenir-bold;
    font-size: 15px;
    text-transform: capitalize;
}

.cart-page-main .cart-shipping-copy small {
    grid-column: 1 / -1;
    color: var(--cart-muted);
    font-size: 13px;
    line-height: 1.4;
}

.cart-page-main .cart-summary-total {
    background: var(--cart-surface);
}

.cart-page-main .cart-summary-total th,
.cart-page-main .cart-summary-total td {
    padding-top: 17px;
    padding-bottom: 17px;
    color: #202020;
    font-family: avenir-bold;
    font-size: 16px;
}

.cart-page-main .cart-summary-total .h3 {
    margin: 0;
    font-family: avenir-bold;
    font-size: 25px;
}

.cart-page-main .cart-payment-actions {
    margin-top: 16px;
}

.cart-page-main .cart-checkout-button {
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--cart-accent);
    border-radius: 0;
    background: var(--cart-accent);
    color: #111;
    font-family: avenir-book;
    font-size: 17px;
    letter-spacing: .04em;
}

.cart-page-main .cart-checkout-button:hover,
.cart-page-main .cart-checkout-button:focus {
    border-color: var(--cart-accent-dark);
    background: var(--cart-accent-dark);
    color: #fff;
}

.cart-page-main .cart-secure-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 9px 0 0;
    color: var(--cart-muted);
    font-size: 12px;
}

.cart-page-main .cart-express-checkout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--cart-border);
}

.cart-page-main .cart-express-checkout > span {
    color: var(--cart-muted);
    font-size: 13px;
}

.cart-page-main .cart-express-checkout img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 40px;
}

.cart-page-main .panel.panel-default {
    float: none;
    min-height: 0;
    margin: 18px 0 0;
    padding: 18px 20px;
    border: 1px solid var(--cart-border);
    box-shadow: none;
}

.cart-page-main .panel.panel-default h4,
.cart-page-main .panel.panel-default p,
.cart-page-main .panel.panel-default ul li {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .cart-page-main .cart-utility-column {
        margin-bottom: 16px !important;
    }

    .cart-page-main .cart-summary-column {
        margin-top: 8px;
    }
}

@media (max-width: 767px) {
    .cart-page-main {
        margin-top: 26px;
    }

    .cart-page-main .cart-page-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 20px;
    }

    .cart-page-main .cart-page-header h1 {
        font-size: 32px;
    }

    .cart-page-main .cart-quote-link {
        min-height: 38px;
        padding: 7px 10px;
    }

    .cart-page-main form {
        overflow: visible;
    }

    .cart-page-main .cartTable,
    .cart-page-main .cartTable tbody {
        display: block;
        width: 100%;
    }

    .cart-page-main .cartTable thead {
        display: none;
    }

    .cart-page-main .cartTable .cart-item-row {
        display: grid;
        grid-template-columns: 82px minmax(50px, 1fr) minmax(0, 1fr) 42px;
        padding: 16px;
        border-bottom: 1px solid var(--cart-border);
    }

    .cart-page-main .cartTable .cart-item-row:last-child {
        border-bottom: 0;
    }

    .cart-page-main .cartTable tbody td,
    .cart-page-main .table.table-bordered.cartTable tr td {
        display: block;
        width: auto;
        min-width: 0;
        padding: 0;
        border: 0;
    }

    .cart-page-main .cartTable--column-image {
        grid-column: 1;
        grid-row: 1;
    }

    .cart-page-main .cartTable--column-image a {
        width: 68px;
        height: 68px;
    }

    .cart-page-main .cart-item-details {
        grid-column: 2 / 5;
        grid-row: 1;
        padding-left: 8px !important;
    }

    .cart-page-main .cart-item-title {
        font-size: 15px;
    }

    .cart-page-main .options-column {
        grid-column: 1 / 3;
        grid-row: 2;
        margin-top: 18px;
    }

    .cart-page-main .options-column::before,
    .cart-page-main .cart-item-price::before {
        display: block;
        margin-bottom: 6px;
        color: var(--cart-muted);
        content: attr(data-label);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .cart-page-main .cart-item-price {
        grid-column: 3 / 5;
        grid-row: 2;
        align-self: end;
        max-width: 100%;
        margin-top: 18px;
        text-align: right !important;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .cart-page-main .cart-item-remove {
        grid-column: 4;
        grid-row: 1;
        align-self: start;
        justify-self: end;
    }

    .cart-page-main .cart-item-details {
        padding-right: 42px !important;
    }

    .cart-page-main .cart-item-actions {
        gap: 10px;
    }

    .cart-page-main .cart-item-actions .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
        text-align: left !important;
    }

    .cart-page-main .cart-secondary-action,
    .cart-page-main .cart-update-action {
        width: 100%;
    }

    .cart-page-main .cart-checkout-layout {
        margin-top: 22px;
    }

    .cart-page-main .cart-summary-column form .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .cart-page-main .cart-summary-table th,
    .cart-page-main .cart-summary-table td {
        padding-right: 15px;
        padding-left: 15px;
    }

    .cart-page-main .cart-shipping-copy {
        grid-template-columns: minmax(0, 1fr);
    }

    .cart-page-main .cart-shipping-price {
        grid-row: 2;
    }

    .cart-page-main .cart-shipping-copy small {
        grid-row: auto;
    }

    .cart-page-main .cart-express-checkout {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .cart-page-main .cart-express-checkout a {
        display: flex;
        justify-content: center;
    }
}

/* Category buying guides: a reusable, readable treatment for bottom-of-page
   SEO content added through the category content fields. */
.category-buying-guide {
    --buying-guide-accent: #168daf;
    --buying-guide-accent-light: #68bcd3;
    --buying-guide-border: #dfe4e7;
    --buying-guide-muted: #5f686f;
    --buying-guide-surface: #f6f8f9;
    max-width: 960px;
    margin: 56px auto 48px;
    padding: 42px 48px;
    border-top: 4px solid var(--buying-guide-accent-light);
    background: #fff;
    box-shadow: 0 8px 28px rgba(31, 45, 52, .08);
    color: #30363a;
    font-size: 16px;
    line-height: 1.7;
}

.category-buying-guide > :first-child {
    margin-top: 0;
}

.category-buying-guide > :last-child {
    margin-bottom: 0;
}

.category-buying-guide h2 {
    position: relative;
    margin: 48px 0 16px;
    padding-left: 18px;
    color: #212529;
    font-family: avenir-bold;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: none;
}

.category-buying-guide h2::before {
    position: absolute;
    top: .12em;
    bottom: .12em;
    left: 0;
    width: 4px;
    background: var(--buying-guide-accent-light);
    content: "";
}

.category-buying-guide h3 {
    margin: 30px 0 9px;
    color: #2d3337;
    font-family: avenir-bold;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: none;
}

.category-buying-guide p,
.category-buying-guide ul,
.category-buying-guide ol {
    margin: 0 0 18px;
}

.category-buying-guide ul,
.category-buying-guide ol {
    padding-left: 24px;
}

.category-buying-guide li + li {
    margin-top: 7px;
}

.category-buying-guide a {
    color: var(--buying-guide-accent);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.category-buying-guide a:hover,
.category-buying-guide a:focus {
    color: #0d657e;
    text-decoration-thickness: 2px;
}

.category-buying-guide a:focus-visible {
    outline: 2px solid var(--buying-guide-accent-light);
    outline-offset: 3px;
}

.category-buying-guide .table-responsive {
    margin: 26px 0;
    border: 1px solid var(--buying-guide-border);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.category-buying-guide table {
    width: 100%;
    min-width: 680px;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    background: #fff;
    color: #30363a;
    font-size: 15px;
    line-height: 1.55;
}

.category-buying-guide th,
.category-buying-guide td {
    padding: 15px 17px;
    border: 0;
    border-right: 1px solid var(--buying-guide-border);
    border-bottom: 1px solid var(--buying-guide-border);
    text-align: left;
    vertical-align: top;
}

.category-buying-guide th:last-child,
.category-buying-guide td:last-child {
    border-right: 0;
}

.category-buying-guide tbody tr:last-child td {
    border-bottom: 0;
}

.category-buying-guide th {
    background: #eef4f6;
    color: #263238;
    font-family: avenir-med, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 1.45;
}

.category-buying-guide tbody tr:nth-child(even) {
    background: var(--buying-guide-surface);
}

.category-buying-guide tbody tr:hover {
    background: #edf7fa;
}

.category-buying-guide blockquote {
    margin: 30px 0;
    padding: 24px 28px;
    border: 0;
    border-left: 4px solid var(--buying-guide-accent-light);
    background: var(--buying-guide-surface);
    color: #30363a;
    font-size: 18px;
    font-style: normal;
    line-height: 1.65;
}

.category-buying-guide blockquote p {
    margin-bottom: 10px;
}

.category-buying-guide blockquote footer {
    color: var(--buying-guide-muted);
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .category-buying-guide {
        margin: 36px -5px 32px;
        padding: 30px 20px;
        box-shadow: 0 5px 18px rgba(31, 45, 52, .07);
        font-size: 15px;
        line-height: 1.68;
    }

    .category-buying-guide h2 {
        margin-top: 38px;
        font-size: 23px;
    }

    .category-buying-guide h3 {
        margin-top: 25px;
        font-size: 18px;
    }

    .category-buying-guide .table-responsive {
        margin-right: -20px;
        margin-left: -20px;
        border-right: 0;
        border-left: 0;
    }

    .category-buying-guide th,
    .category-buying-guide td {
        padding: 13px 14px;
    }

    .category-buying-guide blockquote {
        margin: 24px 0;
        padding: 20px;
        font-size: 16px;
    }
}

/* Keep the native add-to-cart popup actions the same size. */
.npopup .successaddmessage .footer {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
}

.npopup .successaddmessage .footer > .left,
.npopup .successaddmessage .footer > .right {
    display: contents;
}

.npopup .successaddmessage .footer .npopup-continue,
.npopup .successaddmessage .footer .npopup-view,
.npopup .successaddmessage .footer .npopup-checkout {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 10px 8px;
    border-width: 1px;
    border-radius: 3px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    white-space: normal;
}

@media (max-width: 767.98px) {
    .npopup .successaddmessage .footer {
        grid-template-columns: minmax(0, 1fr);
    }
}