.badge-secondary {
    background: $secondary;
    color: $black;
    width: 15px;
    height: 15px;
    padding-top: 4px;
}
.mb-03{
    margin-bottom: 3px;
}
.dropdown-item.active {
    background: $secondary-theme-color;
}

//featured section

.ks_featured_home_page {
    .nav-tabs {
        border-bottom: none;

        .nav-link {
            &.active {
                border-color: transparent;
            }

            &:hover {
                border-color: transparent;
            }
        }


    }
}

//order-track

.progress-wizard .progress-wizard-step.active .progress-wizard-dot {
    background: $secondary-theme-color;
    box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem rgba($secondary-theme-color, 0.5);
}

.alert-info {
    color: $white;
    background-color: $dark-color;
    border-color: $dark-color;
}

.o_product_feature_panel {
    border-color: $secondary-theme-color;
}

.mycart-popover,
 .css_quantity{
    .fa-plus,
    .fa-minus {
        color: $black;
    }
}

.js_cart_summary {

    + .btn-primary {
         margin-top: 10px;
    }
}

//product carousal

.products-carousel {
     .owl-item.active {
        min-height: 100%;
    }
    .owl-next {
        .fa-angle-left {
            transform: rotateY(180deg) translateX(-2px);
        }
    }

    .owl-item {
        .product-card {
            width: calc(100% - 4px);
            margin: auto;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 1200px) {
        .owl-nav {
            display: none;
        }
        .owl-dots {
            margin-top: 20px;
        }
    }
}

//shop

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: $secondary-theme-color;
}

.page-link {
    color: $black;
}

.products_pager  {
    justify-content: space-between !important;
    margin: 10px 0;

    > form {
        display: none;
    }

    .pagination {

        .page-item  {
            min-width: 35px;
            min-height: 35px;
             .page-link{
                border: 1px solid transparent;
             }
            &.active {
                .page-link {
                    font-weight: bold;
                    width: 35px;
                    height: 35px;
                    margin: 0 5px;
                }
            }
        }

        .page-link {
            border: none;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

    ul.pagination.m-0.ml-2 {
        margin-top: -35px !important;
        order: 6;
        padding-left: 15px;
        width: 100%;
        justify-content: center;
    }

    &.form-inline.justify-content-center.mt-3 {
        ul.pagination.m-0 {
            margin: auto !important;
        }
    }

    .dropdown_sorty_by {
        margin-left: 0px !important;
        order: 1;

        &:focus {
            outline: none;
        }

        .dropdown-toggle {
            display: flex;
            align-items: center;
            min-width: 37px;
            min-height: 37px;
            max-height: 37px;
            padding-left: 15px !important;
            padding-right: 15px !important;
            font-size: 14px !important;
            &:focus{
                box-shadow:  none;
            }
            &:before{
                border-width: 1px !important;
            }

            .fa.fa-sort-amount-asc.d-lg-none {
                display: block !important;
                margin-left: 5px;
            }

            @media (max-width: 768px) {
               justify-content: center;
            }

            @media (max-width: 575px) {
                > span {
                    display: none;
                }
            }
        }

        .dropdown-menu {
           z-index: 2000;
        }
    }

}

.fp__img {
    img {
        object-fit: contain;
    }
}

//Featured

#featured_row_new_arrivals,
#featured_row_trendy,
#featured_row_Most_popular,
#featured_row_classics {
    .d-flex {
        justify-content: center;
    }
}

.ks_featured_home_page {

    .active {
        .product-card {
            transition: 0.5s ease-in-out;
            opacity: 1;
            animation: fpMove1 0.36s ease-in-out forwards;

            &:nth-child(4n - 2) {
                animation-delay: 0.1s;
            }
            &:nth-child(4n - 1) {
               animation-delay: 0.2s;
            }
            &:nth-child(4n) {
               animation-delay: 0.3s;
            }
        }
     }
}

@mixin move($property) {

    0% {
        transform: $property;
        opacity: 1;
    }

    100% {
        transform: translate(0,0);
        opacity: 1;
    }
}

@keyframes fpMove1 {
    @include  move(translateY(100px));
}

.badge-secondary {
   background: $theme-color-secondry;
}

.ks-filter-head {
    margin-bottom: 3px;
}
#collapseElementId1,
.list-unstyled:not(#top_menu) {
    .nav-item{
        margin-bottom: 3px;
    }
}
.ks-filter-brand-menu {
    cursor: pointer;
    padding: 1rem;

    + .nav-pills {
        margin-left: 0 !important;
    }
}

.ks-remove-chevron {
     .nav-link {
        font-weight: normal;
     }
    .fa-chevron-down {
        display: none;
    }
}

%product_scroll{
    max-height: 250px;
    overflow: auto;
    //border-bottom: 1px solid #e9e9ed;
    @extend .scroll-style;
}
$lablecolor: #282c3f;

#products_grid_before{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    padding: 0;
    z-index: 10000000000;
    overflow: auto;
    transform: translateX(-100%);
    transition: transform 0.5s ease-in-out;

    .fa-chevron-down{
        font-size: 20px;
        transition: 0.2s ease-in-out;
        cursor: pointer;
        &::before{
             content: "\f105";
        }
         &[aria-expanded="false"]{
            transform: rotate(0deg);
        }
        &[aria-expanded="true"]{
            transform: rotate(90deg) !important;
        }
    }
    [aria-expanded="false"]{
        .fa-chevron-down{
            transform: rotate(0deg);
        }
    }
    [aria-expanded="true"]{
        .fa-chevron-down{
            transform: rotate(90deg) !important;
        }
    }

    .nav {
        display: block;
        .nav-item{
            cursor: pointer;
        }
        .nav-link{
            label.nav-link:before{
                border-radius: 50%;
                box-shadow: none;
                border: 1px solid #91a8b8;
            }
            label.nav-link:after{
                content:'';
                width: 18px;
                height: 18px;
                transform: scale(0);
                background: $primary;
                top: 1px;
                transition: all ease-in-out 0.5s;
                position: absolute;
                border-radius: 50%;
                display: block;
            }
            &.active{
                label.nav-link:after{
                    transform: scale(0.6);
                }
                label.nav-link:before{
                    border-color: $primary;
                }
            }
        }
    }

    .collapse:not(.show) {
        display: none !important;
    }

    .container {
        padding: 0;
    }

    .d-flex.justify-content-between.w-100.my-2 {
        display: none !important;
    }
//    li.nav-item ul.collapse,
   .filter_shop_list,
   /* #ks_price_Container,
    #collapseElementId3,
    #collapseElementId2,
    #collapseElementId1,
    #ksBrandContainer  */
    {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        padding-top: 0px;
        padding-bottom: 1rem;
        margin-left: 0px;
        @extend %product_scroll;
        li{
            margin-bottom: 3px;
        }
    }

    #ks_price_Container{
        max-width: 90%;
        margin: 0 auto;
        overflow: hidden;

    }
    &.ks-show-filter {
        width: 25%;
        max-width: 300px;
        height: auto;
        height: -webkit-fill-available;
        overflow: auto;
        transform: translateX(0);
        background: $white;
        display: flex;
        flex-wrap: wrap;
        padding-top: 60px;
        z-index: 1000000000;

        @extend .scroll-style;

        @media (max-width: 1200px) {
            min-width: 33.33%;
        }

        @media (max-width: 991px) {
            min-width: 50%;
        }

        @media (max-width: 767px) {
            min-width: 66.66%;
        }

        @media (max-width: 575px) {
            min-width: 83.33%;
        }

    }

    &.ks-hide-filter {
        transform: translateX(-100%);
    }
    .ks-filter-outer {
        background-color: $white;
        color: #282c3f;
        padding: 0;
        cursor: auto;
        position: relative;
        z-index: 100;
        height: calc(100% - 45px);
        width: 100%;

        .nav.mt-3 {
            margin-top: -4px !important;
        }

        label.font-weight-normal[for="amount"] {
            width: 100%;
            font-size: 16px;
            font-weight: 600 !important;
            padding: 10px 0;
        }

        .slider-handle {
            background-color: $primary;
            background-image: none;
        }

        .slider-selection {
            box-shadow: none;
            background: rgba($primary, 0.5);
        }

        .slider-track-low,
        .slider-track-high {
            background: #e2e2e2;
        }

        .slider-track {
            height: 5px;
        }

        .w-100.d-flex.justify-content-center {
            padding: 0 10px;

            .slider-horizontal {
                width: 100%;
            }
        }

        .w-100.row.ks_price_slider_input.mb-3 {
           justify-content: space-between !important;
           margin-top: 10px;
           margin-bottom: 0px !important;

            #ks-selected_input_min,
            #ks-selected_input_max {
                border: none;
                padding: 0;
                font-weight: 600;
                color: black;

                &:disabled {
                    background: transparent;
                }
            }

            #ks-selected_input_max {
                text-align: right;
            }
        }
    }

    @media (max-width: 990px) {
        margin-bottom: 20px;
    }

    a {
       color: $lablecolor;
        &:hover {
          color: $black;
        }
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        background-color: $white;
        color: $lablecolor;
    }

    strong {
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
    }

    .nav-item {
        label.nav-link {
            position: relative;
            display: flex;
            align-items: center;
            margin: 0 0 !important;
            color: $lablecolor;

            &:before {
                border-radius: 0;
                background: transparent;
                width: 18px;
                height: 18px;
                display: block;
                pointer-events: none;
                content: "";
                user-select: none;
                margin-right: 10px;
                margin-top: 1px;
                box-shadow: inset 0 0 0 1px #91a8b8;
                border-radius: 3px;
            }
            input {
                opacity: 0;
                width: 0;
                height: 0;

                &:checked {
                    + span:before {
                        content: '\f00c';
                        font: normal normal normal 12px/1 FontAwesome;
                        color: #fff;
                        width: 18px;
                        height: 18px;
                        position: absolute;
                        left: 0;
                        top: 1px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 3px;
                        background: $primary;
                    }
                }
            }
        }
    }
    .ks-filter-transition {
        cursor: pointer;
        transition: 0.2s ease-in-out;
        transform-origin: center;
    }

    .nav-item {
        padding: 0px 0rem;

        .nav-link {
            padding: 0;
        }
    }
}

.ks-filter-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    cursor: url(/ks_theme_kinetik/static/src/img-ui/icons/close.png), auto;
}

.js-no-scroll {
    height: 100vh;
    overflow: hidden;
}
//others

.btn-primary {
    .fa-minus,
    .fa-plus {
        color: $black;
    }
}

footer.bg-light {
    background: white !important;
}

#product_detail {
    padding: 0;
}

//shop list
.ks-product-list-view {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 0;


    .oe_product.oe_list.oe_product_cart {
        width: calc(50% - 20px);
        max-width: 100%;
        margin: initial;
        margin-bottom: 20px;
        transition: 0.2s ease-in-out;
        border: 1px solid #ccc;
        position: relative;

        @media(min-width: 992px){
           min-height: 245px;
        }
        &:hover {
            box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.36);
        }

        @media (max-width: 400px) {
            height: auto !important;
        }

        .ks-product-list-mode {
            #website_published_button {
                position: absolute;
                left: 25px;
                bottom: 5px;
            }
        }

        .ks_shop_product_slider {
            max-width: 150px;
            min-height: 180px;

            img {
                width: 150px;
                height: 150px;
                object-fit: contain;
            }

            .owl-dots {
               position: absolute;
               width: 100%;
               bottom: 10px;
               text-align: center;

               .owl-dot {
                    width: 6px;
                    height: 6px;
                    background: $primary;
                    margin-right: 5px;
                    border-radius: 50%;
                    opacity: 0.5;

                    &.active {
                        opacity: 1;
                    }
               }
            }
        }
    }

    .oe_product_image {
        position: relative;
        width: 150px !important;
        height: 150px;

        @media (max-width: 990px) {
            height: 170px;
        }

        @media (max-width: 540px) {
            margin: auto;
            width: auto !important;
            height: auto;
        }
    }

    .ks-product-content {
        position: absolute !important;
        width: calc(100% - 170px);
        margin-left: 150px;
        bottom: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        top: 0 !important;
        left: 0 !important;

        @media (max-width: 540px) {
            position: relative !important;
            margin-left: 0;
            width: 100%;
        }

        .ks_name_price {
            background: white;
            text-align: center;
            margin: auto;

            h5 {
                font-weight: 400;
                font-size: 16px;
            }

            .ks-price {
                font-weight: 600;
                font-size: 18px;
                color: #000;
            }
        }
    }

    .ks_hover_data {
        order: 2;

        div[itemscope="itemscope"] {
            flex-direction: row;
        }
    }


    #website_published_button {
        margin-left: auto;
        position: relative;
        z-index: 100;
        height: fit-content;
    }

    div[itemscope="itemscope"] {
        display: flex;

        @media (max-width: 540px) {
            flex-direction: column;
            width: 100%;
        }
    }

    .css_editable_mode_hidden {
        .dropdown-menu {
            transform: none !important;
            top: 30px !important;
            left: -30px !important;
        }
    }
}

.oe_website_sale {
    .oe_cart {
        .one_kanban {
                max-width: 100%;
                flex: 100%;
        }
    }
}

.ks_product_grid {
    .container {

        @media (min-width : 576px){
            max-width: 100%;
        }

        @media (min-width: 1130px) {
            max-width: 1310px;
        }
    }

    .products-carousel {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

        @media (max-width: 1024px) {
           justify-content: space-around;
        }

        .product-card {
            width: calc(25% - 20px);
            height: auto;
            margin: 0 10px;

            @media (max-width: 1024px) {
               width: calc(50% - 20px);
            }
        }
    }

    .fp__img {
        img {
           height: auto;
           max-width: 300px;
        }
    }

    .fp__info {
        padding: 10px !important;
    }

    //for ajax responsiveness

    .product-card {
        position: relative;

        .fp__img {
            img {
                height: 100%;
                padding: 20px;
                max-height: 250px;
            }
        }
    }

}

//for blog page

.text-muted {
    a.badge.badge-primary {
        position: relative;
        width: auto;
        border-radius:$btn-radius;
    }
}

//product details

#product_detail {


    @media (min-width: 768px) {
        max-width: 100%;

        h1 {
            font-size: 24px;
        }
    }

    @media (min-width: 992px) and (max-width: 1200px) {
        max-width: 100%;

        h1 {
            font-size: 30px;
        }
    }
}


//shop page
.ks_products_table {
    .oe_product {
        padding: 10px 15px 5px 15px !important;
        border: none;
        margin-bottom: 10px;
        margin-top: 5px;
    }
    .oe_product_cart {
       transition: 0.2s ease-in-out;
       margin: auto;
       //z-index: 0;
    }
    .oe_product.oe_grid {
        overflow: hidden;
        position: relative;

        @media(max-width: 767px){
            height: auto !important;
        }

        .ks_name_price {
            position: relative;
            background: $white;
            padding: 10px;
            &:before{
                content: '';
                position: absolute;
                width: 35px;
                height: 2px;
                background: $primary;
                left: 0;
                right: 0;
                margin: 0 auto;
                top: 0;
                transition: all ease-in-out 0.5s;
            }
            h5 {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: pre-line;
                font-weight: 400;
                font-size: 16px;
                text-align: center;
            }

            @media (max-width: 540px) {
                padding: 5px;

                h5 {
                    font-size: 14px;
                }
            }

            .ks-price {
                color: #000;
                font-weight: 600;
                 font-size: 18px;
                 align-items: center;


                .oe_currency_value {
                    font-weight: 600;
                }

                @media (max-width: 540px) {
                    font-size: 14px;
                }
            }
        }

        .ks_hover_data {
            padding: 8px 0;
            z-index: -1;
            position: absolute;
            width: 100%;
            color: $white;
            transition: all ease-in-out 0.3s;
            top: 0px;
            height: 46px;
            @media (max-width: 1024px) {
                position: relative;
            }
        }

        &:hover {

            .ks_hover_data {
                @media (min-width: 1025px) {
                    transform: translateY(-100%);
                }
            }
        }
    }

    .oe_product section {
        border-top: none;
        background: none;
        z-index: 5;
        position: relative;
        padding: 0;
        overflow: visible;
    }

    .btn.btn-sm:not(.btn-primary) {
        background: #ffffff;
        width: 30px;
        height: 30px;
        border-radius: 50% !important;
        color: #000;
        box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.64);
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;

        &:hover{
            background: $primary;
            color: $theme-text-color;
        }

        .modal-footer {
            .btn.btn-secondary {
                background: transparent;
                color: $btn-secondary-color;
                border-color: $btn-secondary-color;

                &:hover {
                    background: $btn-secondary-color;
                    color: $btn-secondary-bg;
                    border-color: $btn-secondary-color;
                }

                &:focus {
                    box-shadow: 0 0 0 0.2rem lighten($btn-secondary-bg,20%);
                }

            }
        }
    }

    .o_add_wishlist:disabled {
        box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.64);
        width: 30px;
        height: 30px;
        border-radius: 50%;
        &:hover {
            background: $disabled-color;
        }
    }
    .product_price {
        display: flex;
        justify-content: space-between;
        padding-left: 5px;
        padding-right: 5px;
    }

    @media screen and (max-width: 544px){
         padding: 0;

        .oe_product.oe_grid {
           padding: 5px 10px !important;
        }
    }
}

//product details
.js_main_product,
.oe_optional_products_modal .css_quantity {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;

    .js_add_cart_variants {
        //order: 3;
        //margin-top: 20px;
    }

    .btn {
        z-index: 0;
    }

    .btn-primary {
        font-size: 17px;
    }

    .js_add_cart_json {
        border-radius: 25px;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        font-size: 12px !important;
        border-color: #bdbdbd !important;
        background: #fff;
        box-shadow: none !important;
        border-radius: 0px;

        .fa {
            color: $black;
        }

        &:hover,
        &:active {
            .fa {
                color: $black !important;
            }
            background: #e8e8e8 !important;
        }
    }

    .quantity {
       border-color: #bdbdbd !important;
       background: #fff;
    }
}

.oe_optional_products_modal {
    .css_quantity {
        flex-direction: row;
        margin: auto;

        @media(max-width: 575px) {
            display: none !important;
        }

        .js_quantity {
           margin: 0 0px;
           min-height: 35px;
        }
    }

    .badge {
        width: auto !important;
        margin-left: 5px;
    }

    .btn-sm {
        font-size: 14px;
        padding: 6px 12px;
    }
    .oe_striked_price{
        color: #757575 !important;
    }
    .oe_price {
        color : black;
//         margin-top: -18px;

        @media (max-width: 575px) {
            margin-top: 0;
            text-align: left;
            clear: both;
            font-size: 18px !important;
        }
    }

    .float-right {
        width: 100%;
        margin-top: 10px;

        select {
            max-width: 200px;
        }

        .list-unstyled {
            margin-left: 0;
        }
    }

    th,
    td {
        border-top: none;
    }
    h4 {
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    .td-price,
    .td-qty {
       vertical-align: middle;
    }

    @media (max-width: 575px) {
         td {
            float: none !important;
            width: max-content !important;
            display: inherit !important;
            max-width: 90%;
         }

        thead {
            display: none;
        }

        .js_product {
           border-bottom: 1px solid #ccc;
        }

        .td-price {
            text-align: left !important;

            .btn {
                margin-bottom: 10px;
            }
        }
    }
}


#product_details {
    hr {
        display: none;
    }

    .col-12 {
        padding: 0;
    }
}

//product details
.ks-product-description {
    #productTabContent {
        #details {
            p {
                border-bottom: 1px solid #ccc;
                width: 50%;
                margin: auto;
                display: flex;
                justify-content: space-between;
                margin-bottom: 20px;

                @media (max-width: 768px) {
                    width: 100%;
                }
            }
        }

        #description {
            font-size: 16px;
            font-weight: 300;
            color: #252525;
        }
    }
}

#product_details  {
    .ks-product-brand {
        color: #404040 !important;
        font-weight: 300;
    }

    .variant_attribute {
        display: flex;
        align-items: center;
        margin-bottom: 1rem;
        padding-bottom: 0px;

        @media(max-width: 767px){
            flex-direction: column;
            align-items: start;
        }

        .attribute_name {
            padding-bottom: 0;
            margin-right: 10px;

            @media(max-width: 767px){
                padding-bottom: 10px;
            }
        }
    }

    .oe_price {
        font-weight: 400;
        font-size: 26px;
    }

    @media (max-width: 990px) {
        position:  initial;

        .ks-breadcrumb-container {
            position: absolute;
            top: 16px;
        }
    }
}
.breadcrumb.ks_bread {
    height: 300px;
    background-size: cover;
    max-height: 80px;
    border-radius: 0px;
    background-color: rgba(255, 252, 252, 0.52);
    background-blend-mode: overlay;
}


.ks_action_buttons {
    flex-wrap: wrap;

    .css_quantity {
         max-width: 100%;
         padding-bottom: 1rem;

        .form-control.quantity {
            max-width: 50px;
            min-width: 40px;
        }
    }

    .o_add_wishlist_dyn {
        min-width: 43px;
        width: 43px !important;
        height: 42px;
        background: transparent ;
        border: 1px solid $primary;
        margin: 0 0 0 10px  !important;
         @media(max-width: 767px){
            margin-left: 0px !important;
        }
        border-radius: 4px;
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
        opacity: 1;

            span.fa{
                color: $primary;
            }

        &:hover{
            background: $primary !important;
            border-color: $primary;

                span.fa{
                    color: #fff;
                }
        }

         &.disabled{
            background: transparent !important;
            border-color: #bdbdbd !important;
            span.fa{
                color: rgba(10, 10, 10, 0.6);
            }
        }
    }

    .o_add_compare_dyn {
        width: 100% ;
        text-align: left;
        background: transparent !important;
        border: transparent;
        margin-top: 10px;
        border-radius: 4px;
    }

    //.o_add_wishlist_dyn,
    .o_add_compare_dyn {
        &:hover {
            color: currentColor !important;
        }
    }
}


#o-carousel-product {
    .carousel-inner {
        max-width: 100%;
        margin: inherit;
        margin-top: 30px;

        @media (max-width: 575px) {
             margin: auto;
        }
    }

    //vertical slider responsiveness
    @media (max-width: 575px) {
        .carousel-outer {
            flex-direction: column;
        }

        .ks-vs-outer {
            width: 100%;
            order: 2;
            flex-direction: row;
            margin-right: 0;
            margin-bottom: 20px;
        }

        .ks-vs-btn-prev {
           transform: rotate(-90deg) translateY(-10px);
        }

        .ks-vs-btn-prev {
           transform: rotate(-90deg) translateY(-10px);
           position: absolute;
           left: 20px;
        }

        .ks-vs-btn-next {
           transform: rotate(-90deg);
           position: absolute;
           right: 10px;
           margin-top: 0px;
        }

        .ks-vs-inner {
            height: auto !important;
            padding: 0;
            max-width: calc(100% - 60px);
            margin: auto;
            margin-top: 20px;
        }

        .ks-vs-list {
            display: flex;
        }

    }
}

//copied from shop responsive
.products-carousel{
    .product-card{

        @media screen and (max-width: 1024px){
            .wishlist_and_comparision {
                 position: relative;
                 bottom: 0px !important;
                     padding-bottom: 0px;
                     padding-left: 0px;
                     padding-right: 0px;
                 }
            }
       }
       @media screen and (max-width:767px){
            .ks_custom_d_none{
                display: none !important;
            }
       }
    }

.ks_custom_featured{
    .ks_custom_featured.product-card,
    .product-card {
         @media screen and (max-width: 1024px){
            .wishlist_and_comparision {
                 position: relative;
                 bottom: 0px !important;
            }
       }
       @media screen and (max-width:767px){
            .ks_custom_d_none{
                display: none !important;
            }
       }
    }
}
.tab-pane {
    .product-card{
        @media screen and (max-width:990px){
            .wishlist_and_comparision {
                 bottom: 0px !important;
            }
       }
    }
}

@media screen and (max-width:767px){
    .ks_custom_d_none {
        display: none;
    }
}

.ks_custom_d_none_info {
    @media screen and (max-width:1024px){
        display: none !important;
    }
}

.ks-active-category{
    color: $primary !important;
}

.ks_active_pager .page-link{
    background-color: $secondary-theme-color !important;

}

.social-icons {
    list-style: none;
    margin-top: 24px;

    .fa {
        font-size: 20px;
        margin-right: 16px;
        cursor: pointer;
        transition: 0.2s ease-in-out;

        &:hover {
            transform: scale(1.2);
        }
    }

    h1 {
        margin-bottom: 16px;

        @media (max-width: 540px) {
            font-size: 18px;
        }
    }

}

.ks-product-price.font-weight-normal {
    font-weight: 600 !important;
}

#product_quick_preview_Modal {
    @media (min-width: 1400px) {
        .modal-dialog {
            max-width: 50vw;
        }
    }

    .modal-body {
        height: calc(100vh - 120px);
        overflow: auto;
        display: flex;
        align-items: center;
        @extend .scroll-style;

        #product_modal {
            width: 100%;
            margin-bottom: 0;
        }

        #product_details {
            padding-left: 20px;
        }

        .a-submit {
            width: auto;
        }

        .o_not_editable {
          margin-top: 20px;
        }
    }

    .modal-footer {
        display: none;
    }

    .carousel-control-prev,
    .carousel-control-next {
        color: $black;
    }

    section#product_detail {
        > .row:first-child {
            display: none;
        }
    }

    .oe_website_sale .slide .carousel-item  {
//         height: auto !important;
        min-height: auto !important;
         height: 380px !important;
    }

    .modal-header {
        padding: 0;
        border-bottom: 0;

        .modal-title {
            display: none;
        }

        .close {
            position: absolute;
            right: 0;
            background: white;
            opacity: 1;
            z-index: 1;
            border-radius: 50%;
            box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3),
                        0 15px 12px rgba(0, 0, 0, 0.22);
            width: 50px;
            height: 50px;

            .fa-times {
                position: relative;
                top: -2px;
                left: 1px;
            }
        }
    }



    .carousel-indicators {
        height: auto !important;

         li {
            margin: 0 -1px 0 0 !important;
            border: 1px solid #ccc !important;

            &:last-child {
                margin: 0 !important;
            }
        }
    }

}

.affixed{
    .navbar-collapse.show{
        display:block !important;
    }
}

.o_add_wishlist {
    box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.64);
    width: 35px;
    height: 35px;
    border-radius: 50% !important;
    border: none;

    span {
        width: 30px;
    }
}

.ks_product_grid_responsive {
    @media (max-width: 575px) {
        padding: 0 5px;
    }
}


// shop page modify
.oe_product .ribbon-wrapper{
    z-index: 10;
}

.ks-product-list {
    transition: max-width ease 0.3s, flex ease 0.3s;

    .ks-price {
        display: flex;
        justify-content: start;
        flex-wrap: wrap;

        span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }

    &.col-lg-6{
        .oe_product:hover .ks_name_price::before{
            width: 35px !important;
            height: 2px !important;
        }
        .ks-product-list-mode{
            display: flex;
            align-items: center;

            .oe_product_image{
                max-width: 50%;
                flex: 0 0 50%;
                //border-right: 1px solid #e6e6e6;
            }

            .ks-product-content{
                max-width: 50%;
                flex: 0 0 50%;
                padding-top: 25px;
                padding-right: 25px;
            }

            .ks_hover_data{
                position: relative;
                 transform: translateY(0) !important;
                 .product_price{
                    border-top-color: transparent;
                 }
            }

             .oe_product.oe_grid:hover .ks_hover_data{
              transform: translateY(0) !important;
            }
        }
    }
    @media(max-width: 767px){
        &.col-lg-6{
            flex: 0 0 100%;
            max-width: 100%;
         }
    }
    @media(max-width: 330px){
        &.col-lg-6,
        &.col-lg-3{
           flex: 0 0 100%;
           max-width: 100%;
        }
    }

    .ks_shop_product_slider {
        img {
            max-width: 300px;
            max-height: 300px;
            object-fit: contain;

            @media (max-width: 1400px) {
                max-width: 250px;
                max-height: 250px;
            }
        }

        .owl-dots {
           position: absolute;
           width: 100%;
           bottom: 50px;
           text-align: center;

           @media (max-width: 575px) {
                bottom: 10px;
           }
           .owl-dot {
                width: 6px;
                height: 6px;
                background: $primary;
                margin-right: 5px;
                border-radius: 50%;
                opacity: 0.5;

                &.active {
                    opacity: 1;
                }
           }
        }
    }
}

.shop_main_container{
    background-color: #fff;
    width: 90%;
    margin: auto;

    @media (max-width: 1440px) {
        padding: 0 20px;
    }

    @media (max-width: 575px) {
        width: calc(100% - 10px);
    }

    .ks_products_table {
        margin: auto;
        max-width: 1400px;
        width: 100%;
    }
}

.breadcrumb{
    margin-bottom: 0px;
    padding: 1.5rem 0;

    .container{
       max-width: 1400px;
       width: 90%;

       @media (max-width: 1440px) {
          padding: 0 20px;
       }

       .breadcrumb-item.row {

            h1{
                font-size: 1.6rem;
                font-weight: 500 ;
                margin-bottom: 0;
            }
            ol.breadcrumb{
                padding: 0px;
                background: transparent;

                .breadcrumb-item{
                    padding-left: 1rem;

                    .fa{
                        font-size: 1rem;
                    }

                    &:first-child{
                        padding-left: 1rem;

                        &::before{
                           content: '';
                        }
                    }

                     &::before{
                        padding-right: 1rem;
                        content: "\f105";
                        color: #000000;
                        font: normal normal 600 18px/1 FontAwesome;
                    }
                }
            }
       }
    }
}

.ks_pager_container{
   margin-top: 10px;
    @media(max-width: 767px){
        .pagination{
            display: none;
        }
    }

    .products_pager{
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;

        .product-item_qty-per-page{
            display: flex;
            margin-left: auto;
            order: 2;

            .product-select {
                cursor: pointer;
                background: $white;

                &:focus {
                    outline: none;
                }
            }

            .dropdown-toggle,
            .dropdown {
                &:focus {
                    outline: none !important;
                    box-shadow: none !important;
                }
            }
            .product-label{
                border-right: none;
                padding: 0 5px;
                text-align: left;
                font-size: 14px;
                line-height: 33px;

                @media(max-width:767px){
                    display:  none;
                }
            }
        }

        .ks_filter_button {
            order: 0;
            min-height: 37px;
            display: flex;
            align-items: center;
            max-height: 37px;
            padding-left: 1rem !important;
            padding-right: 1rem !important;
            font-size: 14px !important;
            &:before{
                border-width: 1px !important;
            }
        }
    }
}

.ks_hover_data{
    padding: 0px !important;

    .product_price{
        background: rgba(255, 255, 255, 0.9);
        border-top: 1px solid rgba(0, 0, 0, 0.15);

        @media (min-width: 576px) {
            padding-top: 5px;
            padding-bottom: 5px;
            width: 100%
        }
    }

    .btn.btn-sm{
        width: 35px !important;
        height: 35px !important;
        border: 1px solid transparent !important;
        transition : all ease-in-out 0.5s;
        background : transparent !important;
        box-shadow : none !important;

        .fa{
            font-size: 20px;
        }

        &:hover{
            color: $primary !important;
        }

    }
}

.view-mode{
    display: flex;
    align-items: center;
    margin-left: 20px;
    @media(max-width: 330px){
        display: none;
    }
    ul.list-view-group{
        margin: 0px;
        padding-left: 0px;
        align-items: center;

        li.list-group-item{
            padding: 0px;
            border-radius: 0px !important;
            transition: all ease-in-out 0.2s;
            cursor: pointer;
            margin: 0px !important;
            width: 35px;
            height: 35px;
            text-align: center;
            line-height: 35px;
            opacity: 0.6;

            @media(max-width: 991px){
                &#lg-4{
                    display: none;
                }
            }
           &:hover  {
                color: #FFFFFF;
                background-color: transparent;
                opacity: 1;
           }
            &.active {
                color: #FFFFFF;
                background-color: transparent;
                opacity: 1;
                border-color: #404040;
            }
        }
    }
}

.oe_product{

    .oe_product_cart{
        border: 1px solid #efefef;
        background: #fff;
    }

    .oe_product_image{
        border-radius: 4px;
        transition: all ease-in-out 0.5s;

        a{
            display: block;
        }
    }

    .ks_name_price{
        background: #e6e6e6;
    }

    .oe_product_image{
        overflow: hidden;
        a{
            transform: scale(1);
            transition: all ease-in-out 0.3s;
        }
    }

    &:hover{
        .oe_product_cart{
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
        }

        .oe_product_image{
            a{
                transform: scale(1.1);
                transition: all ease-in-out 0.3s;
            }
        }

        .ks_name_price{
            &::before{
               width: 100% !important;
               height: 1px !important;
               background: #efefef !important;
            }
        }
    }
}

@media(max-width: 767px){
    .ks_filter_button{
        .fa-filter{
            position: absolute;
            left: 0;
            width: 100%;
            text-align: center;
        }
        .text-filter{
            display: none;
        }
    }
}

.wishlist-select{
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 50%;
    z-index: 10;
    transition: all ease-in-out 0.5s;
    cursor: pointer;

    .btn {
       background: white !important;
    }

    .fa{
        position: absolute;
        top: 8px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        font-size: 16px;
    }

    .show-wishlist{
        opacity: 1;
        transform: scale(1);
    }

    .show-hover{
        opacity: 0;
        transform: scale(0);
    }

    &:hover,
    .o_add_wishlist[disabled="True"],
    .o_add_wishlist.disabled  {
        opacity: 1;

        .show-wishlist{
             transform: scale(0);
             opacity: 0;
        }

        .show-hover{
             transform: scale(1);
            opacity: 1;
        }

        .fa{
            color: #f66a3e;
        }
    }
}
.o_wish_rm,
i.fa.fa-trash-o{
 color: #f66a3e !important;
}
.table-comparator tr td{
   vertical-align: middle;
}
.ks_product_categories_before {
    width: 100%;
    padding: 1rem;
    margin: 0 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    order: -1;
    font-size: 14px;
    font-weight: 600;
    color: #282c3f;
    height: max-content;
    height: fit-content;
    cursor: pointer;
    &[aria-controls="ks_categories_container"]{
         span{
            text-transform: uppercase;
        }
    }

    &[aria-expanded="true"] {
        .fa {
            //transform: rotate(45deg);
            &:before{
                content: "\f106";
            }
        }
    }

     .fa {
        transition: 0.2s ease-in-out;
        font-size: 20px;
        cursor: pointer;
    }
}

#ks_categories_container {
    order: -1;
    margin-top: 0 !important;
    width: 100%;
    padding: 0rem 1rem 1rem 1rem;
    margin-bottom: 0.5rem;
    @extend %product_scroll;

    span{
         text-transform: capitalize;
    }
    li.nav-item{
        .nav-link{
             display: block;
             padding-left: 30px;
             position: relative;

             label.nav-link{
                position: absolute;
                left: -28px;
             }
        }
    }
}

.filter-selectedFilterContainer {
    width: 100%;
    max-width: 1400px;
    margin: auto;
    padding: 10px 15px;

    .variants_filter_list,
    .brand_filter_list,
    .price_filter_list,
    .SortByList,
    .filterList {
        display: inline-flex;
        background: #fff;
        //color: $theme-text-color;
        color: #3e4152;
        border-radius: 15px;
        align-items: center;
        border: solid 1px #d4d5d9;
        border-radius: 20px;
        transition: all 0.2s ease-out;
        cursor: default;
        font-size: 12px;
        font-weight: 500;
        @media(max-width: 575px){
//             display: block;
            padding-top: 2px;
            padding-bottom: 2px;
            margin-bottom: 5px;
        }
        #order_list_shop{
            padding-left: 10px;
            }
        .variants_filter:not(.d-none),
        .brand_filter:not(.d-none),
        #price_list_shop,
        .active_Category {
            padding-left: 10px;
            font-weight: bold;
        }

        //span[style="font-weight: normal"],
        .active_Category{
//             display: none;
        }
        span[style="font-weight: normal"],
        .ks-selected-items {
            margin: 0 5px;
            padding-left: 5px;
            padding-top: 3px;
            padding-bottom: 3px;
            display: inline-block;
        }
    }

    label {
        margin-bottom: 0;
    }

    .variants_filter {
        margin-right: 5px;
        font-weight: 600;
    }

    .remove_variant_filter {
        margin: 0 10px;
        cursor: pointer;
    }

    .fa-times {
        margin-right: 10px;
        cursor: pointer;
    }
}

.ks-only-categories {
    margin: 0;
    display: block !important;

    .fa {
        position: absolute;
        right: 10px;
//         top: 17px;
    }

    #ks_categories_container {
        max-height: initial;
    }
}

.fp__info {
    position: relative;
    padding: 10px !important;

    &:before {
        content: '';
        position: absolute;
        width: 35px;
        height: 2px;
        background: $primary;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 0;
        transition: all ease-in-out 0.5s;
    }
}

.ks-search-clear {
    background: $white;
    font-weight: bold;
    font-size: 12px;
    border: none;
}

#comparelist {
    display: flex;
    align-items: center;

    .badge {
       display: inline-flex;
       vertical-align: 0;
       padding: 0 !important;
       position: relative;
       width: 20px;
       height: 20px;
    }

    + .popover {
        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
        border: none;

        .btn-block {
            max-width: calc(100% - 20px);
            margin: auto;
        }

        .o_product_row {
            padding: 5px 0;
        }

        .col-1 {
            font-size: 16px;
        }

        .o_remove {
           color: #d65561;
        }

        .popover-header {
            background: transparent;
            color: $theme-text-color;
            text-align: center;
            margin-left: 27px;
        }

        .col-8.pl-2 {
            h6 {
                a {
                    font-weight: 400;
                    color: #757575;
                    display: inline-block;
                    padding-bottom: 5px;
                }

                del {
                    color: #757575;
                }
            }
        }
    }
}
#product_detail ~ #product_full_description .wishlist_and_comparision.row.no-gutters {
    display: none;
}
#product_detail ~ #product_full_description .recently_viewed_products  .wishlist-select{
  display: none;
}

#oe_structure_website_sale_comparison_product_compare_1 {
    + .container {
        h3:not(.popover-header) {
            @extend .theme__heading;
            margin-bottom: 24px;
        }

        .o_product_comparison_table {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .o_comparelist_remove {
            display: block;
            text-align: right;

             &:before {
                content: "\f00d";
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
            }

            .float-right {
               opacity: 0;
               position: absolute;
            }
        }
    }
}

.ks-shop-page-size-icon {
    max-width: 100%!important;
    padding: 7px;
    vertical-align: top;
}
.view-mode{
    #lg-3{
        .ks-shop-page-size-icon{
            padding: 6px;
            margin-top: 2px;
        }
    }
}

@media (max-width: 575px) {
    .ks-bread-bg-color {
        display: none;
    }
}

@media(min-width: 768px){
    .ks_custom_cart_link{
        display: none !important;
    }
}
@media(max-width: 767px){
    .popover .arrow::before, .popover .arrow::after
    {
        content:none;
    }
    .popover
    {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }
    .view-mode #lg-3 .ks-shop-page-size-icon
    {
        margin-top: 0px;
    }
    .product-card.wishlist_and_comparision.btn-secondary
    {
        border-radius:4px!important;
    }
    .ks_add_to_cart span.fa
    {
        margin-right:6px;
    }
    .ks_add_to_cart{
    /* display: none !important; */
    background: #228399 !important;
    color: #fff !important;
    border-radius: 4px !important;
    width: 100% !important;
    height: 30px !important;
    border: 1px solid #195f6f !important;
    margin-top: 5px;
    font-size: 12px!important;
    }
    .product-card .wishlist_and_comparision .btn-secondary{
        &.ks_custom_cart_link{
            display: block;
            background: $primary !important;
            color: #fff !important;
            border-radius: 4px !important;
            width: 100% !important;
            height: 30px !important;
            line-height: 30px;
            font-size: 12px !important;
            padding: 0px !important;
            border: 1px solid  darken($primary, 10%) !important;
        }
    }
}

.ks-product-list-view.ks_products_table .ks-product-list-mode .oe_product_image img {
    height: 150px;
}

body.modal-open {
    .ks-product-list-view {
        z-index: 1000;
    }

    .modal.show {
        background: rgba(0,0,0,0.5);
    }
    .modal-backdrop {
        display: none;
    }
}

// header togel fixed
@media(min-width: 768px){
    .custom_add_to_cart_and_call{
        display: none;
    }
}
@media(max-width: 767px){
    .custom_add_to_cart_and_call{
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 20;
        background: #f3f3f3;
        height: 55px;
        left: 0;
        border-top: 1px solid #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
    }
   .custom_add_to_cart_and_call  .ks_call_button i.fa.fa-phone {
        font-size: 26px;
        margin-top: 10px;
    }
   .custom_add_to_cart_and_call .ks_call_button {
        width: 45px;
        text-align: center;
        vertical-align: middle;
        display: block;
    }
    #product_details .a-submit{
        display: none;
    }
   .custom_add_to_cart_and_call  a#add_to_cart {
        max-width: inherit;
        width: calc(100% - 51px);
        background: $primary;
        margin: 0px !important;
        color: #fff;
    }
    .ks-scroll-top{
       bottom: 60px;
    }

    .ks_shop_page_footer #footer{
        padding-bottom: 55px;
    }
}

.o_website_rating_static {
    text-align: left;
    font-size: 16px;
    padding: 0px 0;
    color: #f66823 !important;

    i {
        font-size: 12px;
        color: #FFC315;
    }
}

.ks_percentage_info {
    margin-top:-7px;
}
.ks_price_info {
    font-size: 18px;
}
.ks_public_price {
    font-weight: 600;
}
.embed-responsive-item{
    animation: fadeIn 3s ease-in-out forwards;
    height: 100%;
    width: 100%;
}
.ks_active_variant_image{
    position: relative;
    .o_product_video_thumb{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
}
.ks-product-sub {
    font-size: 12px;
    letter-spacing: 0.92px;
    color: #404040;
    font-weight: 900;
    text-transform: uppercase;
    min-height: 18px;
    margin-bottom: 5px;
    text-align: center;
}

.ks-product-list-view{
    /*padding-left: 0px;
    padding-right: 0px;*/

    .text-center.text-muted.oe_product {
        width: 100%;
    }
}

@media(max-width: 1024px){
    .shop_main_container{
        width: 100%;
    }
    .ks-product-list-view{
         @media(min-width: 768px) {
            .ks_name_price{
                margin-top: 25px !important;
            }
        }
    }
}

@media(max-width: 767px){
    .ks-product-list-view{

        .ks_name_price{
            padding-right: 0px;
        }
         .ks_name_price{
            margin-top: 10px !important;
         }
        .ks-product-list-mode{
            display: flex;
            .ks-product-list-mode .oe_product_image img{
                height: 170px;
            }
            .oe_product_image{
                max-width: 120px;
            }
            .ks-product-content{
                width: calc(100% - 120px);
                margin-left: 0;
            }
            .ks_hover_data {
                padding: 0px 10px 0px 10px !important;
            }
        }
        .oe_product.oe_list.oe_product_cart{
            margin-bottom: 0;
            border: none;
            border-top: 1px solid #ccc;
        }
        .ks-add-to-cart-btn{
            margin-bottom: 5px;
        }
    }
}
@media (max-width:575px) {
    .ks_hover_data {
        transform: translateY(0) !important;
    }
}
table#cart_products tbody td.td-price{
    font-size: 14px;
    color: #000;
    font-weight: 400;
  del{
       font-weight: 500;
      font-size: 14px;
      color: #757575 !important;
      margin: 0 5px;
  }
}
.coupon_form {
    .input-group-append {
        margin-left: 14px;
        .a-submit {
            padding: 4px 25px !important;
        }
    }
}
.modal-dialog-centered{
    a#add_to_cart {
        max-width: inherit;
        width: auto;

        .fa {
           margin-right: 5px;
        }
    }
}

#product_quick_preview_Modal {
    .modal-dialog  {
        @media (max-width: 1400px) and (min-width: 576px) {
            max-width: 80%;
        }
    }

    @media (max-width: 575px) {
        padding-right: 0 !important;
    }
}
#collapseElementId3{
    .nav-item {
        list-style: none;
        margin-bottom: 3px;
    }
}
#collapseElementId2{
    margin-left: 0px;
    padding-left: 1rem;

    .nav-item {
        list-style: none;
        margin-bottom: 3px;
    }
    .css_attribute_color{
       cursor: pointer;
       margin: 0;
       opacity: 1;
       width: 20px;
       height: 20px;
       border-radius: 50%;
       position: relative;
       margin-left: 2rem;
       .color-name{
            color: #282c3f;
            font-size: 12px;
            font-weight: 500;
            position: absolute;
            left: 1.7rem;
            top: 0px;
       }
       &:before{
            border-radius: 0;
            background: transparent;
            width: 18px;
            height: 18px;
            display: block;
            pointer-events: none;
            content: "";
            user-select: none;
            margin-right: 10px;
            box-shadow: inset 0 0 0 1px #91a8b8;
            border-radius: 3px;
            left: -30px;
            position: absolute;
            top: -1px;
       }
       input{
           position: absolute;
            width: 200px;
            height: 100%;
            left: -1.8rem;
            top: 0;
            margin: 0px;
               &:checked {
                 + span:before {
                    content: '\f00c';
                    font: normal normal normal 12px/1 FontAwesome;
                    color: #fff;
                    width: 18px;
                    height: 18px;
                    position: absolute;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 3px;
                    background: $primary;
                    left: -57px;
                    top: -1px;
                 }
               }
       }
       &.active{
          border: none;
          box-shadow: inset 0 0 0 2px $primary;
       }
    }
}

#products_grid_before.ks-show-filter{
     .filter-heading-panel{
        background: $primary;
        border-radius: 0;
        color: #ffffff;
        padding: 1rem;
        padding-left: 20px;
        font-size: 1rem;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 20;
        font-weight: 600;
        width: 100%;
        display: block;
        height: 56px;

        .fa{
            background: lighten($primary, 10%);
            width: 56px;
            height: 56px;
            display: block;
            line-height: 56px;
            position: absolute;
            right: 0;
            top: 0;
            text-align: center;
            left: inherit;
            cursor: pointer;
            margin-left: auto;
        }
     }
}

.ks_comp_price{
     span {
        font-weight: 600;
     }
}

.o_ace_select2_dropdown{
    //z-index: 100001;
}

.brand_filter_list:empty,
.variants_filter_list:empty,
.filterList:empty,
.price_filter_list:empty,
.SortByList:empty {
    display: none;
}

.ks_var_filter_list {
    display: inline-block;
}

input:not([type="radio"]):not([type="checkbox"]) {
    -webkit-appearance: none;
    border-radius: 0;
}
#ks-selected_input_max,
#ks-selected_input_min{
    -webkit-text-fill-color: #000;
    opacity: 1; /* required on iOS */
}

.col.col-6.col-md-6.col-lg-3.ks-product-list.col-lg-6 {
    .ks_shop_product_slider {
        max-width: 300px;

        .owl-dots {
           bottom: 10px;
        }

        @media (max-width: 1400px) {
             max-width: 250px;
        }
    }
}
.ks-price.ks_comp_price {
    min-height: 35px;
}

.ks-product-list-view .ks-price {
    text-align: left;
}

.ks_shop_slider {
    .ks_hover_data .o_add_compare{
//         display:none !important;
    }

    .owl-dots{
        display : none;
    }

    &:hover {
        .owl-dots{
            display : block;
        }
    }
}

.ks-slider-products,
.ks_product_grid_responsive,
.product-card {
    .fp__info {
        .fp__price {
            justify-content: flex-start !important;
        }
    }
}
//
// .ks_shop_product_slider  {
//     .carousel-indicators .active {
//         background-color: $primary;
//     }
//     .carousel-indicators {
//         bottom: 40px;
//         li {
//             width: 6px;
//             height: 6px;
//             border-radius: 50%;
//             opacity: 1;
//             background-color: #b5b1b1;
//         }
//     }
// }

.ks_shop_slider{
    .ks_shop_product_slider{
        .carousel-indicators{
            transition: all ease-in-out 0.3s;
            background: rgba(255, 255, 255, 0.78);
            bottom: 0px;
            margin: 0px;
            width: 100%;
            left: 0px;
            right: 0px;
            padding: 5px;
            @media(min-width: 767px){
                opacity: 0;
            }
            &.d-none{
                display: flex !important;
            }
            li{
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #b5b1b1;
                opacity: 1;
                &.active{
                    background: $primary;
                }
            }
        }
    }
    &:hover{
         .carousel-indicators{
            opacity: 1;
            @media(min-width: 768px){
                bottom: 51px;
            }
         }
    }
}

@media(max-width: 767px){
    .oe_website_sale #product_details
    {
        min-width: 96%!important;
        margin: 0% 2%!important;
    }
    .ks_prod_img{
           .carousel-indicators{
                bottom: 6px !important;

         }
    }
}

@media(min-width: 768px){
    .ks_prod_img{
        &:hover{
            .carousel-indicators{
                bottom: 51px;
        }
    }
}

}

.ks_close_compare {
    position: relative;
    top: -10px;
    right: -10px;
}

.produect_descrption_model{
    .modal-content{
         margin-top: 2rem;
    }
    .modal-body{
        max-height: 60vh;
        overflow: auto;
        @extend .scroll-style;
    }
}

.ks_price_slider{
    .border-bottom-1{
        border: none;
        border-bottom: 1px solid #d9dbdc;
    }
}
.ks_out_of_stock{
    pointer-events: none;
    opacity: 0.65;
}
/*New css*/
// .ks_recent_product_data .owl-item.active
// {
//     margin-right:45px;
// }
.ks_recent_product_data .owl-carousel .owl-item img
{
    width:100%!important;
}
p#product_modal .oe_website_sale #product_details
{
    min-width:auto!important;
    margin:0!important;
}
#product_quick_preview_Modal .modal-header .close
{
    box-shadow:none;
}
.ks_product_quick_preview .owl-carousel .owl-item img
{
    width:100%!important;
}