/* .productGrid {
    background: red;
} */
/* Importing the Google Font */
/* Importing the Google Font */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');

/* Applying the font to the body */
body {
    font-family: 'Oswald', sans-serif;
}

/* Optional: You can set font sizes and other properties as needed */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald', sans-serif;
}

p,
a,
li,
span,
div {
    font-family: 'Oswald', sans-serif;
}

.slick-slide img {
    display: block;
    width: 180px;
}

.brand-carousel-item slick-slide slick-current slick-active {
    width: auto;
}

.brand-carousel-container {
    background-color: white;
    padding: 20px 20px 0px 20px;
    /* border-bottom: 2px solid black; */
    width: 70%;
    margin: 0 auto;
}

.body {
    margin-top: 0px;
    background-image: url(//cdn10.bigcommerce.com/s-pq418xe6l4/templates/__custom/images/RedCirclesBackground.jpg?t=1716815434);
    background-size: cover;
    margin-bottom: 0px;
}

.header {
    background-color: black;
    border: 0px;
}

.navUser-action {
    color: white;
    font-weight: 500;
}

.navUser {
    background-color: #201F1F;
}

.kd-nav {
    width: 70%;
    margin: 0 auto;
}

.kd-header {
    width: 70%;
    margin: 0 auto;
}

.navUser-item--cart .navUser-action {
    color: white;
}

/* logo and search css starts here */
.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background-color: black;

}

.logo-container {
    flex: 1;
}

.right-section {
    display: flex;
    flex-direction: column;
    /* Stack children vertically */
    gap: 15px;
    margin-bottom: -28px;
}

.top-content {
    display: flex;
    justify-content: flex-end;
}

.bottom-content {
    display: flex;
    justify-content: flex-end;
}

.nav-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.nav-links li {
    margin-right: 5px;
}

.form-prefixPostfix .button {
    height: 3rem;
    left: 0;
    margin-left: -10px;
    font-weight: bold;
    background-color: #D40101;
}

.form-prefixPostfix .form-input {
    width: 300px;
}

.nav-links a {
    text-decoration: none;
    color: white;
    /* padding: 5px 4px; */
    border-right: 2px solid #D40101;
    padding-right: 9px;
    font-weight: 500;
    padding-left: -22px;
    font-size: 14px;
    color: #A1A0A0;
    font-family: Oswald, sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
}

.nav-links a:last-child {
    /* border-right: none; */
}

.search-container {
    margin-bottom: 2rem;
    /* Adding margin to the bottom */
}

.navPages-container {
    background: linear-gradient(to bottom, #FF0000 0%, #A10202 100%);
    display: block;
    height: auto;

    position: relative;
    margin-top: -43px;
}

.kd-nav-list .navPages-action {
    color: white;
    font-family: Oswald, sans-serif;
    font-size: 14px;
    font-weight: 500;

}

.navPages-action {
    display: inline-block;
    padding: 11px;
}

/* home page main part */
.container {
    width: 100%;
    max-width: 100%;
    padding: 0 3rem;
}

.main.full {
    display: flex;
    background-color: white;
    width: 69.8%; 
    margin: 0 auto;
}

.category-sidebar {
    width: 16%;
    /* Adjust the width as needed */
    background-color: #f5f5f5;
    /* Optional: Add a background color for better visibility */

    border-right: 6px solid black;
}

.category-list {
    list-style-type: none;
    padding: 8px;
    margin: 0px !important;
}

.category-list li {
    margin-bottom: 10px;
    /* Add some space between the categories */
}

.category-list a {
    text-decoration: none;
    color: #333;
    /* Adjust the color as needed */
}

.content {
    width: 84%;
    /* Adjust the width as needed */
    padding: 20px;
    /* Optional: Add some padding */
}

.page-heading {
    position: relative;
    background: -moz-linear-gradient(top, #FF0000 0%, #FF0000 50%, #D20202 50%, #A70101 100%);
    background: -webkit-linear-gradient(top, #FF0000 0%, #FF0000 50%, #D20202 50%, #A70101 100%);
    background: linear-gradient(to bottom, #FF0000 0%, #FF0000 50%, #D20202 50%, #A70101 100%);
    padding: 0.5rem;
    border-radius: 0.5rem;
    margin: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.2;
    font-size: 15px;
    text-align: left;
    width: 100%
}

.kd-heading {
    background: linear-gradient(to bottom, #FF0000 0%, #FF0000 50%, #D20202 50%, #A70101 100%);
    padding: 0.5rem;
    border-radius: 0.5rem;
    margin: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
}

.productGrid .product {
    width: 24%;
    position: relative;
    display: inline-block;

    padding: 10px;
    border-radius: 0.5rem;
    font-size: 1.4rem;
    vertical-align: top;
    text-align: left;
    border: 1px solid #E6E6E6;
    background: #FFFFFF;
    margin: 0.5%;
    /* max-height: 700px;
    height: 358px; */
}

.footer {
    background-color: black;
    border-top: 2px solid #C00101;
}

.category-list .kd-cat-li {
    background: linear-gradient(to bottom, #F1F1F1 0%, #E5E5E5 50%, #DCDCDC 50%, #D5D5D5 100%);

    line-height: 1.4;
    margin-bottom: 1px;

}

.category-list .kd-cat-li a {
    color: #000000;
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    padding: 0.4rem 0.5rem;
    font-weight: 500;
    font-size: 12px;
    display: block;

}

.category-list .kd-cat-li a:hover {
    color: white;
    background: linear-gradient(to bottom, #FF0000 0%, #FF0000 50%, #D20202 50%, #A70101 100%);
    padding: 0.4rem 0.5rem;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.4;


}

.category-list ul {
    line-height: 3;
}

.kd-heading-cat {
    font-weight: bold;
    background: linear-gradient(to bottom, #FF0000 0%, #FF0000 50%, #D20202 50%, #A70101 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    margin-top: -1px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 0px;
}

.card-body p {
    display: none;
}

.card-title>a {
    color: black;
    display: block;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
}

.card-title>a:hover {
    color: red;
    display: block;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
}

.card-body .card-text {
    color: red;
    text-align: center;
    font-size: 14px;
}

.productCarousel-slide {
    width: 24%;
    position: relative;
    display: inline-block;
    padding: 10px;
    border-radius: 0.5rem;
    font-size: 1.4rem;
    vertical-align: top;
    text-align: left;
    border: 1px solid #E6E6E6;
    background: #FFFFFF;
    margin: 0.5%;
    /* max-height: 700px; */
}

.slick-prev {
    left: 0.64286rem;
}

slick-next {
    right: 10;

}

@media (min-width: 1261px) {
    .slick-next {
        right: 0.64286rem;
    }
}

.card-figcaption-button {
    background-color: black;
    color: white;
}

.footer-info-list a {
    color: white;
}

.footer-info-list a:hover {
    color: red;
}

.footer-info-heading {
    font-size: 2rem;
    text-transform: inherit;
    color: white;
}

.footer-info-col {
    color: white
}

.social-icons a {
    display: inline-block;
    margin: 0 10px;
    font-size: 35px;
    /* Adjust icon size */
    color: white;
    /* Icon color */
}

.social-icons a:hover {
    color: red;
    /* Change color on hover */
}

.footer-bar {
    background: -webkit-linear-gradient(top, #FF0000 0%, #FF0000 50%, #D20202 50%, #A70101 100%);
    */ background: -moz-linear-gradient(top, #FF0000 0%, #FF0000 50%, #D20202 50%, #A70101 100%);
    background: linear-gradient(to bottom, #FF0000 0%, #FF0000 50%, #D20202 50%, #A70101 100%);
    padding: 0.5rem 0;
    font-size: 13px;
    color: #FFFFFF;
    bottom: 0px;
    margin-bottom: -47px;
    text-align: center;
}

.footer-bar .footer-content {
    display: inline-block;
    /* Inline block to keep content in one line */
}

.footer-bar a {
    color: white;
    /* White text for links */
    text-decoration: none;
    /* Remove underline from links */
    margin: 0 5px;
    /* Space between links */
}

.footer-bar a:hover {
    text-decoration: underline;
    /* Underline on hover */
}

.slick-dotted.slick-slider {
    margin-bottom: 0px !important;

}

.slick-next,
.slick-prev {
    /* background-color: white; */
    /* background-color: rgba(255, 255, 255, 0.9); */
    /* border: 1px solid white; */
    height: 3.35714rem;
    margin-top: -0.07143rem;
    padding: 0.71429rem;
    width: 0.85714rem;
    z-index: 1;
}

.slick-next,
.slick-prev {

    /* background-color: white; */
    /* background-color: rgba(255, 255, 255, 0.9); */
    /* border: 1px solid white;*/
}

.navUser-action:hover,
.navUser-action.is-open {
    color: #C10101;
}

.heroCarousel-wrapper {
    width: 66%;
    margin: 0 auto;
    padding-top: 36px;
}

.heroCarousel.slick-initialized {
    max-height: 100%;
}

.heroCarousel-slide .heroCarousel-image {
    object-position: unset !important;
}

.heroCarousel-slide .heroCarousel-image {
    object-fit: unset !important;
}

.heroCarousel-slide .heroCarousel-image-wrapper {
    max-height: auto !important;
    height: auto !important;
}

section.heroCarousel.slick-initialized.slick-slider.slick-dotted {
    padding: 5px;
    background: white;
}

.heroCarousel .slick-slider .slick-track,
.heroCarousel .slick-slider .slick-list,
.heroCarousel-slide {
    height: auto;
    display: inline-block;
}

.slick-prev .slick-arrow {
    background-color: none !important;
}


.slick-prev,
.slick-next {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
}

.slick-prev::before,
.slick-next::before {
    color: white;
}

.slick-prev:hover,
.slick-next:hover,
.slick-dots button:hover,
.slick-prev:focus,
.slick-next:focus,
.slick-dots button:focus,
.slick-prev:active,
.slick-next:active,
.slick-dots button:active,
.slick-prev.slick-active,
.slick-next.slick-active,
.slick-dots button.slick-active {
    background-color: transparent !important;
}

.slick-prev,
.slick-next,
.slick-dots button {
    outline: none;
    /* Optional: Remove outline on focus */
}

.carousel-play-pause-button {
    display: none !important;
}

.heroCarousel .slick-dots li {
    background-color: none !important;
    background-color: transparent !important;
}

.slick-dots li {
    height: 0.28571rem;
    width: 1.28571rem;
    margin: 0;
    padding: 0.35714rem;
}

.slick-dots {
    text-align: left;
    bottom: -19px;
}

.slick-dots li button {
    background: white;
}

.header-logo-image-container {
    min-height: 63px;
    top: -43px;
}

.navPages-list .navPages-item a:hover {
    background: linear-gradient(to bottom, #F1F1F1 0%, #D5D5D5 100%);
    font-family: Oswald, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: black;
}


/* sub menu */
.add-to-cart-btn {
    background-color: black;
    color: white;
    border: none;
    padding: 0px 37px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    transition: background-color 0.3s;
    position: relative;
    width: 176px;
}

.add-to-cart-btn i {
    background-color: red;
    padding: 7px;
    margin-right: 10px;
    border-radius: 5px 0 0 5px;
    display: flex;
    align-items: left;
    justify-content: left;
    margin-left: -37px;
}

.add-to-cart-btn:hover {
    background: linear-gradient(to bottom, #F1F1F1 0%, #D5D5D5 100%);
    color: black;
}

.add-to-cart-btn:hover i {
    background-color: red;
    color: white;
}

/* Ensure the dropdown menu is hidden initially */
.navPages-item .dropdown-menu {
    display: none;
    position: absolute;
    background-color: white;
    width: 100%;
    max-width: 100%;
    color: red;
    top: 43px;
    right: 0;
    left: unset !important;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    border-top: 5px solid #FF0000 !important;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* Show the dropdown menu when hovering over the parent item */
.navPages-item:hover .dropdown-menu,
.navPages-item .dropdown-menu:hover {
    display: flex;
}

/* Style the dropdown menu items */
.dropdown-menu li a {
    color: red;
    /* Text color */
    padding: 6px;
    /* Padding for links */
    display: block;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px !important;
    /* Make links block level */
}

.dropdown-menu li {
    width: 20%;
    text-align: left;
}

.dropdown-menu li a:hover {
    color: #A10202 !important;
    /* Background color on hover */
    background: #FFFFFF !important;
    font-weight: 600 !important;
    /* Text color on hover */
}

/* Style the submenu */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none;
    /* Hide submenu initially */
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
    /* Show submenu on hover */
}

/* Optional: Add divider style */
.divider {
    height: 1px;
    background-color: #ddd;
    margin: 10px 0;
}

.page {
    margin: o auto;
    max-width: none;
    width: 70%;
    margin: 0 auto;
    background-color: white;
}

ol.breadcrumbs {

    text-align: left;
    background-color: white;
    width: 70%;
    margin: 0 auto;
    padding: 10px;
}

[data-list-name="Related Products"] .slick-track {
    width: 100% !important;
    display: block;
    /* Ensure block-level to respect width settings */
}

[data-list-name="Related Products"] .productCarousel-slide {
    width: 24% !important;
}

.login {
    margin: 0 auto;
    max-width: 70%;
    background-color: white;
}

.account--fixedSmall {
    margin: 0 auto;
    width: 70%;
    background-color: white;
    padding: 15px;
}

.account--fixed {
    margin: 0 auto;
    width: 70%;
    background-color: white;
    padding: 30px;
}

.page-heading {

    padding: 0.5rem;
    border-radius: 0.5;
    margin: 0 auto;
}


.container .page-heading {

    width: 70%;
}

.container .content .page-heading {

    width: 100%;
}

.navBar--sub {
    text-align: center;
    background-color: white;
    width: 70%;
    margin: 0 auto;
}

.navUser-action svg {
    fill: white;
    stroke: white;
}

.navUser-or {
    color: white;
}

.page-sidebar+.page-content {
    width: 80%;
}

.page-sidebar {
    width: 20%;
    border-right: 6px solid black;
}

.page-sidebar+.page-content .productGrid .product {
    width: 23.33333%;
}

.cat-pag-side-bar {
    width: 70% !important;
    margin: 0 auto !important;
    border-radius: 0.5 !important;
    text-align: center;
}

.sidebarBlock-heading.heading-price {
    margin-top: 1.14286rem;
    background: linear-gradient(to bottom, #FF0000 0%, #A10202 100%);
    padding: 6px;
    color: white;
    border-radius: 2px solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.brand-image-container {
    display: none;
}

.navPages-item .dropdown-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
}

.navPages-item .dropdown-toggle .fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    font-size: 9px;

}

/* Mobile Design Css */
@media (min-width: 600px) {}

@media (max-width: 320px) {
    .form-prefixPostfix .form-input {
        width: 239px;
    }
}
@media (max-width: 800px) {
    .kd-navPages-container .productGrid .product {
        width: 71%;

    }
    

    .kd-navPages-container .quickSearchResults {
        overflow-y: scroll;

    }

    .navUser {
        background-color: black;
        right: -51px;
    }

    .navUser .navUser-item--cart__hidden-s {
        display: block;
    }

    /* .navUser .navUser-item--cart__hidden-s .navUser-item-cartLabel {
        display: block !important;
    } */

    .navUser-item-cartLabel {
        display: inline-block;
    }

    .kd-header {
        background-color: transparent;
        /* display: none; */
    }

    .kd-header .right-section {
        display: none;
    }

    .kd-header .logo-container .header-logo-image-container {
        min-height: 85px;
        top: 0px;
    }

    .kd-navPages-container {
        display: none;
        height: 100%;
    }

    .container {
        width: 100%;
        max-width: 100%;
        padding: 0 0rem;
    }

    .main.full {
        display: flex;
        background-color: white;
        width: 94%;
        margin: 0 auto;
    }

    .category-sidebar {
        display: none;
        width: 35%;
        background-color: #f5f5f5;
        border-right: 6px solid black;
    }

    .container .content {
        width: 100%;
        padding: 20px;
    }

    .productGrid {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 4px;
        flex-direction: column;
    }

    .productGrid .product {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        /* height: 400px; */
    }

    .brand-carousel-container .slick-list li {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-heading {
        position: relative;
        background: -moz-linear-gradient(top, #FF0000 0%, #FF0000 50%, #D20202 50%, #A70101 100%);
        background: -webkit-linear-gradient(top, #FF0000 0%, #FF0000 50%, #D20202 50%, #A70101 100%);
        background: linear-gradient(to bottom, #FF0000 0%, #FF0000 50%, #D20202 50%, #A70101 100%);
        padding: 0.5rem;
        /* border-radius: 0.5rem; */
        margin: 0;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: normal;
        line-height: 1.2;
        font-size: 13px;
        text-align: left;
        width: 100% !important;
    }

    .heroCarousel-wrapper {
        width: 94%;
        margin: 0 auto;
        padding-top: 36px;
    }

    .brand-carousel-container {
        background-color: white;
        padding: 20px;
        border-bottom: 2px solid black;
        width: 94%;
        margin: 0 auto;
    }

    .kd-heading {
        text-align: center;
        font-size: 20px;
    }

    .kd-heading-cat {
        font-weight: normal;

        font-size: 13px;

    }

    .category-list .kd-cat-li a {

        font-size: 9px;

    }

    .content .page-heading:last-of-type {
        display: none;
    }

    .content .productCarousel {
        display: none;
    }

    .kd-nav-list .navPages-action {
        color: black;

    }

    

    .form-prefixPostfix input {
        margin: 2px 12px 2px 12px !important;
    }

    .navPages-container {
        background: transparent;

        position: absolute;
        margin-top: 0px;
    }

    .navPages {

        padding: 0;
    }

    .navPages-quickSearch {
        margin: 2px 10px 0 10px;
        border-bottom: 0;
    }

    input:focus,
    button:focus,
    textarea:focus,
    select:focus,
    details:focus,
    [href]:focus,
    [tabindex]:not([tabindex="-1"]):focus,
    [contenteditable="true"]:focus {
        outline: none !important;
        outline-offset: 0px !important;
    }

    .tab {
        border-top: 0 !important;
        float: none;
    }

    .tab {
        display: block !important;

    }

    .kd-navPages-list {
        display: none;
    }

    .navPages-list {
        padding: 8px;
    }

    .card-img-container {
        width: 132px;
    }

    .page-sidebar {
        display: none;
    }

    .page-sidebar+.page-content .productGrid .product {
        width: 100%;
    }

    .page-sidebar+.page-content {
        width: 100%;
    }

    .page {
        margin: o auto;
        max-width: none;
        width: 94%;
        margin: 0 auto;
        background-color: white;
    }

    #product-listing-container ul.productGrid {
        padding: 10px;
    }

    #product-listing-container form.actionBar {
        width: 61%;
    }

    .footer-info-heading {
        font-weight: 500 !important;
        font-size: 1.8rem;

    }

    .footer-info-col {
        text-align: left;
        padding-left: 0
    }

    .kd-accordion-header {
        margin-bottom: 0px;
    }

    /* .kd-accordion-content li {
        padding-bottom: 5px;
    } */

    .kd-accordion-content li a {
        /* font-size: 18px;
        font-weight: normal; */
        font-size: 15hpx;
        line-height: 1.5;
        font-weight: 100 !important;
    }

    .header-logo-image-container {
        min-height: 63px;
        top: 13px;
    }

    .page-content,
    .page-content--full {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: 100%;
        float: left;
        margin-top: 5px;
    }
}


 /*tablete media quries */
@media (min-width: 601px) and (max-width: 991px) {
    .kd-accordion-item {
        width: 100%;
    }

    .productGrid .product {
        width: 48%;
    }

    .kd-category-page .productGrid .product {
        width: 48% !important;
    }
    .header-logo-image-unknown-size{
    }
}

@media (min-width: 801px) {
    .header-logo-image-unknown-size {
        margin-top: -42px;
    }
}








/* Accordian Css */
.kd-accordion {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 94%;
    margin: 0 auto;
    margin: 0 auto;
    border: none;
}

.kd-accordion-item {
    border-bottom: 1px solid #ccc;
    border-top: none;
}

.kd-accordion-header {
    /* background-color: #f1f1f1; */
    cursor: pointer;
    padding: 2px 10px 2px 2px;
    text-align: left;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.kd-accordion-header:hover {
    /* background-color: #e2e2e2; */
}

.kd-accordion-content {
    display: none;
    padding: 2px 10px 2px 2px;
    /* background-color: #ffffff; */
}

.kd-accordion-header .fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    font-size: medium;
}

.navPages-item .kd-dropdown-menu {
    display: block !important;
    position: absolute;
    background-color: white;
    width: 1000px;
    color: red;
    top: 49px;
    right: 8px;
}

/* Tab Css */
.tab {
    display: none;
    /* padding-top: 50px; */
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    width: 100%;
    margin: 0 auto;
    font-family: "Roboto", sans-serif;
    line-height: 1.5;
    font-weight: 300;
    color: #888;
    -webkit-font-smoothing: antialiased;
}

.tab ul.tabs {
    background: linear-gradient(to bottom, #FF0000 0%, #A10202 100%);
    color: #FFFFFF;
}

.tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    border-bottom: 0px solid transparent !important;
}

.tabs li {
    flex: 1;
    line-height: 38px;
    padding: 0px 10px 0px 10px;
}

.tabs li a {
    background: linear-gradient(to bottom, #FF0000 0%, #A10202 100%);
    color: #FFFFFF !important;
    font-size: 1.2rem;
    line-height: 3;
    font-weight: 500;
    display: block;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.tabs li a span {
    font-size: 20px;
}

.tabs li a:focus {
    background: linear-gradient(to bottom, #F1F1F1 0%, #D5D5D5 100%);
    color: #000000;
}

.tabs li a:hover {
    background: linear-gradient(to bottom, #F1F1F1 0%, #D5D5D5 100%);
    color: #000000;
}

.tabs_item {
    display: none;
    padding: 0px 0;
}

.tabs_item h4 {
    font-weight: bold;
    color: #333;
    font-size: 20px;
}

.tabs_item img {
    width: 200px;
    float: left;
    margin-right: 30px;
}

.tabs_item:first-child {
    display: block;
}

.current a {
    background: linear-gradient(to bottom, #F1F1F1 0%, #D5D5D5 100%);
    color: #000000;
}

#paypal-animation-container {
    margin-bottom: 17px !important;
}

input:focus,
button:focus,
textarea:focus,
select:focus,
details:focus,
[href]:focus,
[tabindex]:not([tabindex="-1"]):focus,
[contenteditable="true"]:focus {
    outline: 2px solid transparent !important;
    outline-offset: 0px !important;
}

.page .page-heading {
    width: 98%;
}

.kd-page-content {
    display: flex;
}

.kd-page-content .kd-cart-content {
    width: 100%;
    padding: 0px 10px 0px 10px;
}

.kd-page-content .category-sidebar {
    width: 20%;

}

.page-content ol.breadcrumbs {
    width: 100%;

}

.page ol.breadcrumbs {
    width: 100%;

}

.page .account {
    width: 100%;

}

.kd-cart-content .page-heading {
    margin-bottom: 10px;
}

.page .brand-carousel-container {
    width: 100%;
}

#contact-us-page {
    width: 100%;
}

.shipping-page-content .page-content {
    width: 100%;
}

#product-listing-container .cat-pag-side-bar {
    width: 100% !important;
}

#product-listing-container .page-sidebar {
    border-right: 0px solid black;
}

.page .page-sidebar {
    border-right: 0px solid black;
}

.kd-category-page #product-listing-container {
    border-left: 6px solid black;
}



.sidebarBlock-heading.heading-price {
    margin-top: 0.14286rem;
}

.brand-carousel-container .slick-dots {
    display: none !important;
}

.brand-carousel-container .kd-heading {
    font-size: 1.1rem;
}

.kd-search-page #product-listing-container {
    border-left: 0px solid black;
}

.actionBar {
    display: flex;
    justify-content: end;
    align-items: center;
}

/* checkout page css */

#checkout-app {
    margin-top: 0px;
    background-image: url(//cdn10.bigcommerce.com/s-pq418xe6l4/templates/__custom/images/RedCirclesBackground.jpg?t=1716815434);
    background-size: cover;
    margin-bottom: 0px;

}

#checkout-app a {
    color: #D40101;

}

#checkout-app button {
    background: #D40101;
    border-color: #D40101;
    color: white;
}

.optimizedCheckout-contentPrimary {

    background: #FFFFFF;
}

.optimizedCheckout-header {
    background-color: black;
    border-bottom: 6px solid #D40101;
}

#quickSearch .productGrid .product {

    /* max-height: 700px; */
}

#quickSearch .productGrid .product .card-body {

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#quick-search-expand {
    display: none;
}

.card-body {

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center !important;
}

.productGrid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/*.container p {*/
/*    display: none;*/
/*}*/





/* new Css */


.card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.card-figure,
.card-body {
    padding: 16px;
}



.card-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.card-figcaption-body,
.price-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

/* @media (max-width: 991px) {
    .product {
        flex: 1 1 calc(50% - 16px);
        width: 20%;

    }
} */

@media (min-width: 801px) and (max-width: 991px) {
   
 .product {
        /* flex: 1 1 calc(33.33% - 16px); */
        flex: 1 1 calc(50% - 16px);
        width: 20%;

    }

    .kd-header .header-logo__link {
        width: 90% !important;
    }

    .kd-header .header-logo-image {
        width: 100%;
    }

    .form-prefixPostfix.wrap {

        flex-wrap: nowrap !important;
    }

    .form-prefixPostfix.wrap #search_query_btn {
        width: unset;
        margin-top: 0;
    }
.kd-header {
    width: 93%;
    margin: 0 auto;
}
.header-logo-image-container {
    min-height: 63px;
    top: -10px;
}
   
}

@media (min-width: 992px) and (max-width: 1454px) {
    .kd-header {
    width: 93%;
    margin: 0 auto;
}
.header-logo-image-container {
    min-height: 63px;
    top: -19px;
}
   
    .product {
        /* flex: 1 1 calc(33.33% - 16px); */
        flex: 1 1 calc(50% - 16px);
        width: 20%;

    }

    .kd-header .header-logo__link {
        width: 63%;
    }

    .kd-header .header-logo-image {
       width: 100%;
    }

    .form-prefixPostfix.wrap {

        flex-wrap: nowrap;
    }

    .form-prefixPostfix.wrap #search_query_btn {
        width: unset;
        margin-top: 0;
    }

}

@media (max-width: 599px) {
    .product {
        flex: 1 1 100%;

    }
}

.kd-header .header-logo__link {
    width: 63%;
}

.kd-header .header-logo-image {
    width: 100%;
}
@media (min-width: 1300px) and (max-width: 1500px) {
 
.header-logo-image-container {
    min-height: 63px;
    top: -25px !important ;
}}
@media (min-width: 1500px) and (max-width: 1899px) {
 
.header-logo-image-container {
    min-height: 63px;
    top: -23px !important ;
}}
@media (min-width: 1900px) and (max-width: 2999px) {
 
.header-logo-image-container {
    min-height: 63px;
    top: -35px !important ;
}}
@media (min-width: 3000px) and (max-width: 4000px) {
 
.header-logo-image-container {
    min-height: 63px;
    top: -35px !important ;
}}
@media (max-width:742px )  {
 
.kd-header .header-logo__link {
    width: 42%;
}}
@media (max-width:600px )  {
 
.kd-payment-icons {
    display: flex;
    justify-content: center;
    align-items: center;
}}
#paypal-animation-content .paypal-button-container{
    height: 80px !important;
    max-height: 80px !important;
    min-height: 80px !important;
}
.paypal-smart-buttons .paypal-button {
 
    overflow: visible !important;
  
}
/*@media (min-width: 801px) and (max-width: 811px) {*/
/*    .main.full {*/
/*    display: flex;*/
/*    background-color: white;*/
/*    width: 73.8%;*/
/*    margin: 0 auto;*/
/*}*/
    
/*}*/
/*@media (min-width: 812px) and (max-width: 830px) {*/
/*    .main.full {*/
/*    display: flex;*/
/*    background-color: white;*/
/*    width: 73.5%;*/
/*    margin: 0 auto;*/
/*}*/
    
/*}*/
/*@media (min-width: 831px) and (max-width: 850px) {*/
/*    .main.full {*/
/*    display: flex;*/
/*    background-color: white;*/
/*    width: 73.4%;*/
/*    margin: 0 auto;*/
/*}*/
    
/*}*/
/*@media (min-width: 851px) and (max-width: 900px) {*/
/*    .main.full {*/
/*    display: flex;*/
/*    background-color: white;*/
/*    width: 72.8%;*/
/*    margin: 0 auto;*/
/*}*/
    
/*}*/
  .kd-container-main .container .heroCarousel-wrapper {
    width: 100%;

}
  .kd-container-main  .main  {
    width: 100%;
    
}
.kd-container-main .container{
    width: 70%;
}
.kd-container-main .brand-carousel-container {

    width: 100%;

}
.container:has(.kd-container-main) {
  width: 70%;
}
 .blog {
    margin: auto;
    width: 70%;
    background-color: white;
  }
    .blog-post-body {
    width: 80%;
  }
}
.d-none{
    display: none;
}
.kd-socialLinks-item svg{
    width: 30px;
    height: 30px;
}   
.kd-discounted-price a {
        font-size: 18px;
    color: #ff0000;
}