﻿@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap);

body {
    font-family: "Roboto",sans-serif !important
}

.ma-b-0 {
    margin-bottom: 0
}

.ma-0 {
    margin-top: 0;
    margin-bottom: 0
}

.ma-2 {
    margin-top: 2px;
    margin-bottom: 2px
}

.p-0 {
    padding-left: 0;
    padding-right: 0
}

input[type="password"]::-ms-reveal {
    display: none
}

.btn.btn-primary {
    background: linear-gradient(180deg,var(--secondary) 0%,var(--secondary-medium) 100%) !important;
    border-radius: 10px;
    font-weight: 500 !important;
    min-width: 90px
}

.login-page .btn.btn-primary, .registration-page .btn.btn-primary, .pswrdrecvry .btn.btn-primary {
    background: linear-gradient(180deg,var(--secondary) 0%,var(--secondary-medium) 100%) !important;
    border-radius: 10px;
    font-weight: 500 !important;
    min-width: 49%
}

.registration-page .btn-secondary, .pswrdrecvry .btn-secondary {
    min-width: 49%
}

.btn.btn-primary:focus, .btn.btn-primary:hover {
    background: linear-gradient(180deg,var(--primary) 0%,var(--primary-medium) 100%) !important;
    opacity: 1 !important;
    font-weight: 500 !important;
    webkit-transform: skew(0);
    transform: skew(0deg)
}

.main-menu.goToTop {
    bax-shadow: none;
    background: var(--HeaderBg)
}

.side_menuPOP {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    left: -256px;
    position: absolute;
    top: 0;
    width: 250px;
    z-index: 999999999;
    background: var(--side-menu-bg);
    height: 100vh
}

    .side_menuPOP:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

.left-custom-menu-adp-wrap {
    background-color: transparent !important
}

.header-upper {
    height: unset;
    border-bottom: 0;
    box-shadow: rgb(149 157 165 / .2) 0 8px 24px !important;
    height: 80px
}

.header-top-right ul li.my-account a, .header-top-right ul li.register a {
    border-left: 0
}

a.aTopIcons {
    background: var(--HeaderIconBg);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px !important;
    border-radius: 50%;
    margin-right: 8px;
    padding: 0px !important;
    border-right: 0
}

.page-title h1, .panel-heading h1 {
    font-size: 25px;
    color: var(--black) !important;
    margin: 10px 0 10px;
    letter-spacing: normal;
    background: none;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center !important;
    position: relative
}

    .page-title h1::after, .panel-heading h1::after {
        content: " ";
        display: block;
        width: 100px;
        margin: 15px auto;
        border: 3px solid var(--head-border-color);
        border-radius: 5px
    }
#quickTabs .ui-widget-header .ui-state-active a::after, .admintab-wrap ul li.active a::after, .private-messages-page .nav-tabs li.active a::after, .product-details-page .nav-tabs li.active a::after, .profile-page .nav-tabs li.active a::after {
    border-top-color: var(--secondary)
}

#quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
    margin-right: 5px !important;
    color: var(--white) !important;
    background: var(--primary) !important;
    border-radius: 10px 10px 0 0 !important;
    border: 0px !important
}

#quickTabs .ui-tabs-nav li.ui-state-active a, .admintab-wrap ul li.active a {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important
}

.header {
    background: var(--HeaderBg)
}

ul.MemMenu li {
    border-left: 0;
    border-bottom: 1px solid #333;
    border-radius: 10px;
    border-top: 0;
    box-shadow: inset .2rem .2rem .5rem var(--black),inset -.2rem -.2rem .5rem #3f3f3f
}

    ul.MemMenu li:last-child {
        border-bottom: 0px !important;
        opacity: 0 !important;
        display: none !important;
        visibility: hidden !important
    }

#faIconStyle {
    color: var(--white)
}

ul.MemMenu li .dropdown-item {
    padding: 2px 5px !important;
    background: none;
    margin: 0
}

ul.MemMenu, ul.MemMenu .nav-item, ul.MemMenu li {
    line-height: 30px;
    background: none
}

ul.MemMenu {
    padding: 20px 10px
}

    ul.MemMenu li a, ul.MemMenu li a {
        border-radius: 10px
    }

        ul.MemMenu li a:focus, ul.MemMenu li a:hover {
            border-radius: 10px
        }

    ul.MemMenu .indicator-right-menu {
        color: var(--white)
    }

    ul.MemMenu .dropdown-menu {
        background-color: var(--dropdown-side-bg);
        border-radius: 15px !important;
        padding: 10px;
        margin-top: 10px !important;
        box-shadow: none;
        border: 2px solid #3c3b3b
    }

.burger_box a.menu-icon {
    opacity: unset
}

    .burger_box a.menu-icon.opened {
        background: #ffffff;
    }

.burger_box .menu-icon_line {
    background: var(--secondary)
}

.flyout-main-wrapper .shopping-cart-link .cart-qty {
    color: var(--black);
    padding-right: 10px
}

.pl-5, .px-5 {
    padding-left: unset !important;
    padding-right: unset !important;
    overflow-y: scroll;
    height: 100vh;
    scrollbar-width: none
}

    .px-5 ul.MemMenu li a {
        padding: 10px 5px;
        font-size: 13px;
        text-transform: CAPITALIZE
    }

.DashBiz {
    background-color: none
}

.bizStatusVal h5 {
    color: var(--secondary);
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px
}

.bizStatuslbl {
    background-color: #fff0
}

.bizStatusVal {
    line-height: 2.8;
    animation: none;
    background-color: var(--secondary);
    min-height: 50px !important;
    background: linear-gradient(0deg,rgb(58 58 58 / .5) 0%,rgb(0 0 0 / .5) 100%)
}

table thead, table thead th {
    background: var(--table-th) !important;
    border: 1px solid var(--table-th-border) !important;
    color: var(--table-th-text) !important;
    text-align: center;
    font-weight: 500
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111;
    border: 0px !important
}

.sparkline13-list {
    border: 0
}

    .sparkline11-list h1, .sparkline13-list h1, .sparkline16-list h1, .sparkline9-list h1 {
        font-size: 24px !important
    }

    .sparkline13-list h1 {
        color: var(--filter-head);
        font-weight: 500
    }

.sparkline13-graph {
    padding: unset;
    background: none !important
}

.sparkline11-graph, .sparkline16-graph, .sparkline9-graph, .sparkline14-graph, .sparkline12-graph, .sparkline15-graph {
    background: transparent !important
}

.sparkline16-list .shadow-reset, .sparkline7-graph, .sparkline8-list .shadow-reset {
    background: #fff0
}

.customerOrderbutton .btn.btn-primary {
    border: 0 solid var(--border);
    font-weight: 400
}

    .customerOrderbutton .btn.btn-primary:hover {
        transform: scale(1)
    }

.flyout-main-wrapper .shopping-cart-link .cart-label2 {
    color: var(--icon-color);
    font-size: 14px
}

.flyout-main-wrapper .shopping-cart-link a:hover .cart-label2 {
    color: var(--icon-color);
    text-decoration: none
}

.wishlist-qty {
    min-width: 18px;
    height: 18px;
    line-height: 12px;
    font-size: 8px;
    background: var(--secondary);
    color: #fff;
    padding: 3px;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    text-align: center;
    margin-left: -2px
}

.shopping-cart-link > a {
    border-right: 1px solid #ccc
}

    .login-page .remember-me .checkbox label, .owl-next, .owl-prev, .shopping-cart-link > a .fa.fa-shopping-cart, a:hover {
        color: var(--main-color)
    }

.login-page .remember-me .checkbox label {
    margin-top: 0
}

.header-top-right ul li a:hover {
    text-decoration: none
}

.language-selector {
    padding: 5px 0 5px 0px !important;
    margin-left: 5px
}

.currency-selector {
    padding: 5px 0 0 5px !important
}

#customerTaxType, #customerCurrency, #customerlanguage {
    background-color: var(--primary-light) !important;
    color: var(--primary) !important;
    border: 0 solid #4063c9 !important;
    border-radius: 10px;
    padding: 7px 5px
}

.admin-header-link ul {
    margin-bottom: 0
}

.ma-15 {
    margin-top: 15px
}

.dash-bg {
    position: relative;
    background: url(../images/menu-bg.jpg) center;
    padding: 50px 20px !important
}

    .dash-bg:before {
        position: absolute;
        content: "";
        background: rgb(0 0 0 / .5);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

.qualifier-box-wrapper {
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    border: 2px solid #fff;
    background: url(../images/bg-box.jpg) center;
    background-size: cover;
    margin: 15px 0;
    box-shadow: rgb(255 255 255 / .1) 0 1px 1px 0 inset,rgb(50 50 93 / .25) 0 50px 100px -20px,rgb(0 0 0 / .3) 0 30px 60px -30px;
    transition: all 0.5s ease-in-out 0s
}

    .qualifier-box-wrapper:hover {
        transform: translateY(-10px)
    }

.qualifier-box {
    height: 108px;
    padding: 20px 20px;
    background-size: 100%
}

    .qualifier-box h5 {
        font-size: 16px;
        font-weight: 600;
        line-height: 25px
    }

.trans-bg {
    background: transparent !important
}

.signin-box {
    background: var(--black);
    border: 2px solid #fff;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0s;
    margin-top: 15px;
    box-shadow: rgb(255 255 255 / .1) 0 1px 1px 0 inset,rgb(50 50 93 / .25) 0 50px 100px -20px,rgb(0 0 0 / .3) 0 30px 60px -30px;
    padding: 5px;
    text-align: center;
    height: 160px
}

    .signin-box:hover {
        transform: translateY(-10px)
    }

a.award-link:hover {
    text-decoration: none
}

.signin-box img {
    width: 60px
}

.signin-box h3 {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    color: var(--secondary)
}

.signin-box h5 {
    color: var(--white);
    font-weight: 600;
    text-align: center;
    font-size: 16px
}

.panel-box-wrapper {
    background: var(--secondary);
    border: 2px solid #fff;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0s;
    margin-top: 25px;
    box-shadow: rgb(149 157 165 / .2) 0 8px 24px
}

    .panel-box-wrapper:hover {
        transform: translateY(-10px);
        box-shadow: rgb(255 255 255 / .1) 0 1px 1px 0 inset,rgb(50 50 93 / .25) 0 50px 100px -20px,rgb(0 0 0 / .3) 0 30px 60px -30px
    }

.panel-box {
    border-radius: 0 0 30px 30px;
    padding: 10px;
    background: var(--black);
    background: url(../images/box-bg.jpg) center;
    background-size: 100%
}

    .panel-box h3 {
        text-align: center;
        font-weight: 600;
        font-size: 18px;
        color: var(--secondary)
    }

.panel-box-title {
    padding: 10px;
    text-align: center;
    min-height: 60px
}

    .panel-box-title h5 {
        font-size: 14px;
        color: #fff;
        font-weight: 600;
        margin: 0;
        line-height: 20px
    }

    .panel-box-title a {
        text-align: center;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        text-transform: capitalize;
        margin: 0;
        line-height: 20px
    }

        .panel-box-title a:hover {
            color: var(--secondary)
        }

    .panel-box-title span.arrow-icon {
        margin: 5px 0 0 0;
        font-size: 18px;
        color: #333
    }

.panel-box-icon {
    width: 80px;
    height: 80px;
    border-radius: 15px;
    padding: 10px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s
}

.panel-box-wrapper:hover .panel-box-icon {
    transform: translateY(-5px)
}

.panel-box-icon img {
    width: 100%
}

.orange-panel-wrapper {
    background: #fc5258
}

    .orange-panel-wrapper:hover {
        border: 2px solid #fc5258
    }

.panel-orange-text {
    color: #fc5258
}

.red-panel-wrapper {
    background: #f83c4b
}

    .red-panel-wrapper:hover {
        border: 2px solid #f83c4b
    }

.panel-red-text {
    color: #f83c4b
}

.blue-panel-wrapper {
    background: #50539f
}

    .blue-panel-wrapper:hover {
        border: 2px solid #50539f
    }

.panel-blue-text {
    color: #50539f
}

.purple-panel-wrapper {
    background: #6699f9
}

    .purple-panel-wrapper:hover {
        border: 2px solid #6699f9
    }

.panel-purple-text {
    color: #6699f9
}

.green-panel-wrapper {
    background: #6ac178
}

    .green-panel-wrapper:hover {
        border: 2px solid #6ac178
    }

.panel-green-text {
    color: #6ac178
}

.panel-skyblue-text {
    color: #015ab5
}

.dashboard-subhead {
    font-size: 22px;
    color: var(--black);
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 20px;
    text-align: center
}

    .dashboard-subhead::after {
        content: " ";
        display: block;
        width: 100px;
        margin: 15px auto;
        border: 3px solid var(--secondary);
        border-radius: 5px
    }

.rightside-box-wrapper {
    background: url(../images/income-bg.png) center;
    border: 2px solid #fff;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0s;
    margin-top: 25px;
    box-shadow: rgb(149 157 165 / .2) 0 8px 24px;
    padding: 15px;
    height: 656px;
    position: relative
}

    .rightside-box-wrapper:before {
        position: absolute;
        content: "";
        background: rgb(227 184 50 / .7);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .rightside-box-wrapper img {
        width: 100%;
        padding: 25px 0
    }

    .rightside-box-wrapper .right-box-content {
        border-radius: 30px;
        padding: 20px;
        background: var(--primary);
        text-align: center;
        box-shadow: rgb(0 0 0 / .16) 0 10px 36px 0,rgb(0 0 0 / .06) 0 0 0 1px
    }

    .rightside-box-wrapper h3 {
        font-size: 35px;
        color: var(--white)
    }

    .rightside-box-wrapper h5 {
        font-size: 16px;
        color: var(--white)
    }

    .rightside-box-wrapper .right-box-content a {
        text-align: center;
        color: var(--white);
        background: var(--secondary);
        padding: 5px 10px;
        border-radius: 30px;
        margin: 15px 0
    }

.shadow-reset {
    box-shadow: none !important
}

.sparkline8-graph, .sparkline7-list, .sparkline8-graph, .sparkline9-graph, .sparkline10-hd, .sparkline11-graph, .sparkline12-graph, .edit-address, .sparkline13-graph, .sparkline14-graph, .sparkline16-graph, .sparkline15-graph {
    padding: 10px;
    border-radius: 20px !important;
    box-shadow: var(--card-shadow) !important;
    margin: 20px auto;
    min-width: 96%;
    background: var(--card-bg) !important
}

    .sparkline8-graph .sparkline8-graph, .sparkline16-graph .sparkline16-graph {
        background: none !important;
        box-shadow: none !important;
        padding: 0px !important;
        border: 0px !important;
        margin: 0px !important;
        width: 100% !important
    }

.sparkline13-collapse-link h1, .sparkline13-collapse-link h1 {
    padding: 0 2%;
    color: var(--black);
    margin: 0
}

.sparkline13-list {
    margin-bottom: 0px !important
}

.card-style {
    padding: 20px;
    border-radius: 30px !important;
    box-shadow: var(--card-shadow) !important;
    background: var(--card-bg) !important;
    border: 2px solid var(--card-border) !important
}

.card-style-2 {
    padding: 10px;
    border-radius: 30px !important;
    box-shadow: var(--card-shadow) !important;
    background: var(--card-bg) !important;
    border: 2px solid var(--card-border) !important
}

.tab-content {
    border: 0px !important;
    background: transparent !important
}

.nav-tabs {
    border-bottom: none !important
}

.ma-25 {
    margin-top: 25px
}

.ma-20 {
    margin-top: 20px
}

.padd-0 {
    padding-left: 0;
    padding-right: 0
}

.padd-20 {
    padding: 20px !important
}

.padd-35 {
    padding: 35px !important
}

.dashboard-table {
    overflow: scroll;
    height: 500px
}

.btn-flat {
    color: var(--black) !important;
    background-color: transparent !important;
    border-bottom: 2px solid var(--primary) !important;
    padding: 3px 5px !important;
    border-radius: 0px !important;
    margin: 10px 5px !important
}

.register-content .main-sparkline17-hd, .register-content .smart-sparkline-hd, .register-content .sparkline-hd, .register-content .sparkline10-hd, .register-content .sparkline11-hd, .register-content .sparkline12-hd, .register-content .sparkline13-hd, .register-content .sparkline14-hd, .register-content .sparkline15-hd, .register-content .sparkline16-hd, .register-content .sparkline7-hd, .register-content .sparkline8-hd, .register-content .sparkline9-hd, .sparkline11-hd {
    padding: 0 0;
    background-color: #fff0
}

.main-sparkline17-hd, .smart-sparkline-hd, .sparkline-hd, .sparkline10-hd, .sparkline11-hd, .sparkline12-hd, .sparkline13-hd, .sparkline14-hd, .sparkline15-hd, .sparkline16-hd, .sparkline7-hd, .sparkline8-hd, .sparkline9-hd {
    padding: 0 0;
    background-color: #fff0
}

    .main-sparkline17-hd h4, .smart-sparkline-hd h4, .sparkline-hd h4, .sparkline10-hd h4, .sparkline11-hd h4, .sparkline12-hd h4, .sparkline13-hd h4, .sparkline14-hd h4, .sparkline15-hd h4, .sparkline16-hd h4, .sparkline7-hd h4, .sparkline8-hd h4, .sparkline9-hd h4 {
        color: var(--primary);
        font-size: 20px;
        font-weight: 500;
        margin: 0
    }

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    color: var(--table-text);
    border: 1px solid rgb(0 0 0 / .08) !important
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--table-odd) !important
}

.table-wrapper tr:nth-child(even) {
    background-color: var(--table-even) !important
}

.product-specs-box .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent !important
}

.main-sparkline16-hd h1, .main-sparkline8-hd h1, .main-sparkline9-hd h1, .main-sparkline11-hd h1, .title.sub-title strong {
    color: #000 !important;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase
}

    .main-sparkline16-hd h1::after, .main-sparkline8-hd h1::after, .main-sparkline9-hd h1::after, .main-sparkline11-hd h1::after, .title.sub-title strong::after {
        content: " ";
        display: block;
        width: 100px;
        margin: 15px auto;
        border: 3px solid var(--head-border-color);
        border-radius: 5px
    }

.inside-box {
    background-color: var(--primary-light);
    padding: 10px;
    border-radius: 30px;
    width: 100%;
    display: inline-block
}

.panel {
    background-color: transparent !important;
    border: 0 solid var(--primary-light) !important;
    border-radius: 30px !important;
    box-shadow: none !important
}

.product-category-item .picture {
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
    border-radius: 20px;
    overflow: hidden;
    border: 5px solid var(--primary-light)
}

.title.sub-title strong {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 26px;
    color: var(--heading-color)
}

    .title.sub-title strong::before {
        display: none
    }

.thumbnail {
    border-radius: 20px !important;
    overflow: hidden;
    border: 3px solid var(--primary-light);
    padding: 0
}

.HTitle {
    background-color: transparent !important;
    border-top: 0 solid #337ab7;
    font-weight: 600 !important;
    color: var(--primary);
    text-transform: UPPERCASE
}

.welcomebg {
    background: transparent !important
}

.vendor-grid .item-box .picture a img, .manufacturer-grid .item-box .picture a img, .category-grid .item-box .picture a img, .sub-category-grid .item-box .picture a img {
    width: 100%;
    height: auto
}

.loginBtn {
    padding: 0 10px 3px 10px !important;
    border-radius: 20px !important;
    font-size: 15px !important
}

.bg {
    animation: slide 3s ease-in-out infinite alternate;
    bottom: 0;
    left: -50%;
    opacity: .5;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: -1
}

.bg2 {
    animation-direction: alternate-reverse;
    animation-duration: 4s
}

.bg3 {
    animation-duration: 5s
}

@keyframes slide {
    0% {
        transform: translateX(-25%)
    }

    100% {
        transform: translateX(25%)
    }
}

@media (max-width:1360px) {
    .panel-box-title h5 {
        font-size: 12px;
        line-height: 17px
    }

    quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
        padding: 10px 20px !important
    }
}

@media (max-width:1024px) {
    .qualifier-box h5 {
        font-size: 14px;
        line-height: 20px
    }

    .bizStatusVal h5 {
        font-size: 15px
    }

    #quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
        padding: 9px 5px !important;
        font-size: 13px !important
    }

    .rightside-box-wrapper {
        padding: 15px 5px;
        height: 656px
    }

        .rightside-box-wrapper .right-box-content {
            padding: 20px 10px
        }

        .rightside-box-wrapper h5 {
            font-size: 14px;
            color: var(--white)
        }

        .rightside-box-wrapper h3 {
            font-size: 19px
        }
}

.button-add-to-cart .btn-primary {
    background: url(../images/product-cart-icon.png) 12px 16px no-repeat var(--btn-primary) !important;
    min-width: 20px !important;
    border-radius: 30px
}

.item-box .product-box-add-to-cart-button, .item-box .add-to-wishlist-button, .item-box .add-to-compare-list-button {
    border-color: var(--primary)
}

    .item-box .product-box-add-to-cart-button:hover {
        background: url(../images/product-cart-icon.png) 12px 16px no-repeat var(--secondary) !important;
        border-color: var(--secondary);
        color: var(--white) !important
    }

    .item-box .add-to-compare-list-button:hover {
        background: url(../images/product-compare-icon.png) 12px 16px no-repeat var(--secondary) !important;
        border-color: var(--secondary);
        color: var(--white)
    }

    .item-box .add-to-wishlist-button:hover {
        background: url(../images/product-wishlist-icon.png) 12px 16px no-repeat var(--secondary) !important;
        border-color: var(--secondary);
        color: var(--white)
    }

.item-box.product-grid .thumbnail .caption {
    background: transparent !important;
    padding: 10px !important
}

.item-box .product-item .product-title a {
    color: var(--black)
}

    .item-box .product-item .product-title a:hover {
        color: var(--black);
        text-decoration: none
    }

.item-box .prices span {
    font-weight: 600;
    color: var(--black)
}

.product-item .prices {
    margin-bottom: 5px
}

.item-box .product-rating-box {
    margin: 0 0 5px
}

.product-item .description {
    font-size: 12px;
    line-height: 15px;
    display: block;
    color: var(--white);
    padding: 5px;
    height: 50px;
    text-align: center
}

.thumbnail .caption .details .sku {
    color: var(--white) !important;
    background: var(--bv-box-bg);
    border-radius: 0;
    padding: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.item-box .product-item .picture {
    width: 100%;
    height: 300px;
    overflow: hidden
}

.product-category-item .picture .title a {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 10px 0 10px;
    background-color: var(--primary);
    border-radius: 30px
}

.header-lower {
    padding: 5px 15px !important;
    background: var(--primary-light);
    border-bottom: 0px !important;
    display: none
}

    .header-lower .search-box {
        width: 50%
    }

        .header-lower .search-box .navbar-form, .navbar-form .form-group, .header-lower .search-box .search-nav {
            width: 100%
        }

        .header-lower .search-box .search-nav {
            background: transparent !important
        }

#small-searchterms.form-control {
    color: var(--black) !important;
    padding: 5px 40px 5px 10px;
    border: 1px solid #e0e0e0;
    margin: 0 !important;
    width: 100% !important;
    background: #e9ebef;
    box-shadow: rgb(0 0 0 / .06) 0 2px 4px 0 inset
}

.title.sub-title {
    margin-bottom: 30px
}

#index-page .slider-wrapper.theme-custom {
    margin-bottom: 0
}

.home-page-filters-wrapper .results-number, .home-page-filters-wrapper .search-button, .product-details-page .product-share-button a span:hover {
    background: var(--gradient-main-btn) !important;
    border-radius: 10px
}

.breadcrumb {
    background: transparent !important;
    border-bottom: 2px solid var(--primary-light) !important;
    margin-bottom: 0px !important
}

.well, .blog-search-box {
    background: var(--primary-light) !important;
    padding: 20px;
    border-radius: 30px !important;
    box-shadow: rgb(149 157 165 / .2) 0 2px 10px !important;
    border: 2px solid #fff !important;
    margin-top: 15px
}

    .title.main-title, .blog-search-box .title {
        background: var(--btn-primary);
        padding: 10px 20px;
        border-radius: 30px
    }

        .title.main-title strong {
            font-weight: 500;
            font-size: 16px;
            color: var(--white)
        }

        .blog-search-box .title strong {
            font-weight: 500 !important;
            font-size: 16px !important;
            color: #fff
        }

    .blog-search-box .listbox {
        border: 0 solid #ddd !important;
        padding-bottom: 5px !important
    }

        .blog-search-box .listbox .search-box-button {
            background-color: var(--secondary) !important
        }

.box-shadow-wrapper .listbox {
    border: 0 solid #ddd
}

    .block.block-blog-archive.well.box-shadow-wrapper .listbox ul li strong, .box-shadow-wrapper .listbox ul li a {
        padding: 10px 0 10px 25px;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        color: #666
    }

    .block.block-blog-archive.well.box-shadow-wrapper .listbox ul li strong, .box-shadow-wrapper .listbox ul li > a {
        background-size: 12px
    }

    .box-shadow-wrapper .listbox ul li .sublist li a {
        padding: 10px 0 10px 45px
    }

.footer-upper {
    background: var(--footerupperBg)
}

.footer-middle {
    padding: 35px 15px;
    background: var(--footermiddleBg)
}

.footer-lower {
    background: var(--footerlowerBg);
    border-top: 1px solid #0c0c0c;
    padding: 20px 15px
}

.footer .footer-middle .social-wrapper li a {
    background: var(--socialwrapperBg) !important
}

#newsletter-subscribe-block #newsletter-subscribe-button {
    color: var(--white);
    border-radius: 10px;
    background: url(../images/news-letter-email.png) 18px center no-repeat var(--secondary)
}

    #newsletter-subscribe-block #newsletter-subscribe-button:hover {
        background-color: var(--secondary)
    }

.block-blog-archive .listbox ul li a, .block-manufacturer-navigation.box-shadow-wrapper .listbox ul li.active a, .block.block-account-navigation .listbox ul li a.active, .box-shadow-wrapper .listbox ul li a:hover, .box-shadow-wrapper .listbox ul li.active.last > a {
    color: var(--primary)
}

.news-list-homepage {
    padding: 10px 0 50px;
    margin: 0px !important
}

.news-item {
    width: 33.33%;
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.news-title {
    padding: 10px !important;
    text-transform: capitalize !important;
    font-weight: 500 !important
}

.news-card {
    background: var(--primary-light);
    padding: 20px;
    border-radius: 30px !important;
    box-shadow: rgb(149 157 165 / .2) 0 8px 24px;
    border: 2px solid #fff
}

.news-list-homepage .news-date, .news-list-page .news-date {
    margin: 13px 10px !important;
    color: #abb1bd;
    font-weight: 500;
    font-size: 12px
}

.blog-page .post .read-more, .news-list-homepage .news-items .read-more, .news-list-page .read-more {
    border-radius: 0;
    height: 25px;
    background: #e5eef3 !important;
    color: var(--secondary) !important;
    font-weight: 500;
    margin-top: 15px !important;
    border: 0;
    border-bottom: 2px solid var(--secondary);
    padding: 0 5px;
    text-transform: capitalize;
    margin-top: 5px
}

.news-card .buttons {
    width: fit-content
}

.rich-blog-homepage .view-all {
    position: relative
}

.view-all a {
    background: linear-gradient(180deg,var(--secondary) 0%,var(--secondary-medium) 100%) !important;
    border-radius: 10px !important;
    font-weight: 500 !important;
    text-decoration: none !important
}

.news-list-page .news-item {
    width: 100%;
    background: var(--primary-light);
    padding: 20px;
    border-radius: 30px !important;
    box-shadow: rgb(149 157 165 / .2) 0 8px 24px;
    border: 2px solid #fff;
    margin-top: 15px
}

.news-list-page .news-head {
    text-align: left;
    width: 100%;
    background: #fff0;
    padding: 0
}

.news-list-page .news-item .button-1 {
    font-weight: 500;
    color: var(--secondary);
    text-transform: capitalize;
    border: 0;
    border-bottom: 2px solid var(--secondary);
    padding: 0 5px;
    margin-top: 15px
}

    .news-list-page .news-item .button-1:hover {
        color: var(--primary)
    }

.blog-page .post {
    background: var(--primary-light);
    padding: 20px;
    border-radius: 30px !important;
    box-shadow: rgb(149 157 165 / .2) 0 8px 24px;
    border: 2px solid #fff;
    margin-top: 15px
}

.blog-posts .post-head a {
    font-weight: 600;
    padding: 10px 20px;
    background: var(--primary);
    color: var(--white);
    text-transform: capitalize;
    border-radius: 30px
}

.blog-page .post-head {
    overflow: hidden;
    background-color: #fff0;
    padding: 0
}

.blog-posts .post .post-body {
    border: 0 solid #eee
}

.blog-page .post-date {
    float: right;
    margin-bottom: 15px
}

.blog-page .blog-details a {
    color: var(--primary)
}

.bottom-box-shadow {
    display: none
}

.rich-blog-homepage {
    position: relative;
    background: url(../images/menu-bg.jpg) center;
    padding: 50px 20px !important
}

    .rich-blog-homepage::before {
        position: absolute;
        content: "";
        background: rgb(0 0 0 / .8);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .rich-blog-homepage .blog-posts {
        background: transparent !important;
        position: relative
    }

    .rich-blog-homepage .blog-post {
        border: 2px solid #fff;
        background: var(--primary-light);
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        box-shadow: rgb(149 157 165 / .2) 0 8px 24px
    }

.post-primary {
    width: 100%;
    max-width: 100% !important
}

.rich-blog-homepage .post-title {
    background-color: rgb(0 0 0 / .8) !important;
    color: #fff !important;
    top: 15px;
    left: 15px;
    border-radius: 10px;
    border: 0px !important;
    font-weight: 500 !important;
    font-size: 16px !important
}

.rich-blog-homepage .post-description {
    color: var(--p-text) !important;
    padding: 0 15px
}

.post-date {
    color: #abb1bd;
    font-weight: 500
}

.rich-blog-homepage .read-more {
    background-color: transparent !important;
    color: var(--secondary) !important;
    border-radius: 0;
    float: left;
    margin-left: 15px !important;
    padding: 2px 5px !important;
    border-bottom: 2px solid var(--secondary) !important;
    font-size: 13px !important;
    font-weight: 500;
    text-transform: capitalize !important
}

.rich-blog-homepage .title {
    border-bottom: 0 solid #f10044 !important;
    margin: 0px !important
}

    .rich-blog-homepage .title strong {
        color: var(--white);
        font-size: 24px;
        letter-spacing: 0;
        line-height: 26px;
        text-align: center;
        font-weight: 600 !important;
        text-transform: uppercase
    }

        .rich-blog-homepage .title strong::after {
            content: " ";
            display: block;
            width: 100px;
            margin: 15px auto;
            border: 3px solid var(--head-border-color);
            border-radius: 5px
        }

.rich-blog-homepage .view-all a {
    color: var(--white) !important
}

.main-poll {
    box-shadow: none !important
}

.home-page-polls .title {
    border-bottom: 0 solid #f10044 !important;
    letter-spacing: 0;
    font-size: 24px
}

    .home-page-polls .title::after {
        content: " ";
        display: block;
        width: 100px;
        margin: 15px auto;
        border: 3px solid var(--head-border-color);
        border-radius: 5px
    }

.home-page-filter-selector span.k-dropdown-wrap {
    border-radius: 10px
}

.product-details-page .product-name.panel-heading h1 {
    text-align: left !important;
    margin: 0;
    border-bottom: 2px solid #eaeaea
}

    .product-details-page .product-name.panel-heading h1::after {
        border: 0
    }

.product-details-page .product-name.panel-heading {
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 0
}

.product-details-page .add-to-cart .product-add-button .add-to-cart-button {
    background: url(../images/white-product-cart-icon.png) 12px no-repeat var(--secondary) !important
}

.product-details-page .overview-buttons .add-to-wishlist-button {
    background: url(../images/wishlist-product-icon.png) 20px 10px no-repeat var(--prodthumbnaillowerBg);
    border-radius: 10px;
    color: var(--black) !important;
    border: 1px solid var(--dashboard-box-border)
}

.product-details-page .overview-buttons .add-to-compare-list-button {
    background: url(../images/compare-product-icon.png) 20px 10px no-repeat var(--prodthumbnaillowerBg);
    border-radius: 10px;
    color: var(--black) !important;
    border: 1px solid var(--dashboard-box-border)
}

.product-details-page .overview-buttons .email-a-friend-button {
    background: url(../images/email-product-icon.png) 20px 10px no-repeat var(--prodthumbnaillowerBg);
    border-radius: 10px;
    color: var(--black) !important;
    border: 1px solid var(--dashboard-box-border)
}

.product-details-page .overview-buttons .add-to-wishlist-button:hover {
    background: url(../images/wishlist-product-icon.png) 20px 10px no-repeat var(--secondary);
    color: var(--white)
}

.product-details-page .overview-buttons .add-to-compare-list-button:hover {
    background: url(../images/compare-product-icon.png) 20px 10px no-repeat var(--secondary);
    color: var(--white)
}

.product-details-page .overview-buttons .email-a-friend-button:hover {
    background: url(../images/email-product-icon.png) 20px 10px no-repeat var(--secondary);
    color: var(--white)
}

.product-details-page .old-product-price {
    margin-right: 15px;
    line-height: 30px
}

.product-details-page .manufacturers, .product-details-page .prices .product-price {
    margin-bottom: 10px;
    float: left
}

.product-details-page .non-discounted-price {
    display: block;
    margin-bottom: 10px;
    float: left
}

.gallery .picture-wrapper .picture {
    box-shadow: rgb(149 157 165 / .4) 0 8px 10px;
    border-radius: 30px;
    border: 5px solid #fff;
    margin: 15px;
    overflow: hidden
}

.product-details-page .addtocart-quantity-box {
    margin-right: 10px;
    width: 200px
}

.product-details-page .add-to-cart .qty-input {
    width: 100px;
    height: 40px !important;
    background: #f2f2f3;
    border: 0;
    border-radius: 30px;
    box-shadow: #dadada 0 3px 6px 0 inset,rgb(255 255 255 / .5) -3px -3px 6px 1px inset;
    text-align: center
}

.product-details-page .add-to-cart .addtocart-quantity-box span {
    border: 2px solid var(--primary);
    font-size: 13px;
    height: 37px;
    line-height: 37px;
    width: 37px;
    color: var(--primary);
    border-radius: 30px;
    margin: 0 2px
}

.private-messages-page .tab-content, .product-details-page .tab-content, .productTabs-body, .profile-page .tab-content {
    border-radius: 0 0 20px 20px;
    background: var(--primary-light) !important
}

.productTabs .write-review {
    background-color: #fff0;
    padding: 0 0;
    margin-top: 0
}

.product-details-page .add-to-cart, .product-details-page .delivery, .product-details-page .overview .delivery-date {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 20px
}

#quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
    padding: 10px 20px !important
}

.order-summary-content .panel.panel-default.cart-item-table, .wishlist-page .panel.panel-default {
    padding: 20px;
    border-radius: 20px !important;
    box-shadow: var(--card-shadow) !important;
    background: var(--card-bg) !important
}

.order-summary-content .update-continue-button {
    margin: 30px 0 0
}

    .order-summary-content .update-continue-button .continue-shopping-button {
        margin: 5px 0
    }

    .order-summary-content .update-continue-button .update-cart-button, .wishlist-page .buttons .common-buttons .update-wishlist-button {
        margin: 0
    }

    .order-summary-content .update-continue-button .continue-shopping-button:hover {
        background: url(../images/white-product-cart-icon.png) 20px center no-repeat var(--secondary) !important;
        color: var(--white)
    }

    .order-summary-content .update-continue-button .update-cart-button:hover, .wishlist-page .buttons .common-buttons .update-wishlist-button:hover {
        background: url(../images/shopping-cart-update-icon.png) 20px 10px no-repeat var(--secondary) !important;
        color: var(--white)
    }

.shopping-cart-page .coupon-box, .shopping-cart-page .estimate-shipping, .shopping-cart-page .giftcard-box {
    padding: 20px;
    border-radius: 20px !important;
    box-shadow: var(--card-shadow) !important;
    background: var(--card-bg) !important
}

.coupon-box .title, .estimate-shipping .title, .giftcard-box .title {
    padding: 10px 10px;
    border-bottom: 0;
    text-align: center;
    text-transform: capitalize;
    background-color: var(--table-th);
    border-radius: 15px 15px 0 0;
    color: var(--table-text)
}

.shipping-options {
    background: #fff0
}

    .shipping-options:before, .shipping-options:after {
        background: #fff0
    }

.cart-total {
    border-radius: 20px !important;
    overflow: hidden;
    border: 1px solid gray
}

.discount, .discount span {
    color: #34a513 !important
}

.opc .step-title {
    padding: 5px 5px;
    border-radius: 30px !important;
    border: 2px solid #fff !important;
    margin: 5px 0;
    background: var(--card-bg) !important;
    border: 2px solid var(--card-border) !important
}

    .opc .step-title .number {
        background-color: var(--primary);
        border-radius: 50%
    }

.opc .active .step-title .number {
    background-color: var(--secondary)
}

.checkout-data #checkout-steps .btn.btn-primary, .next-btn-wrapper .btn.btn-primary {
    background-image: url(../images/checkout-continue-arrow.png);
    background-position: right center
}

.shopping-cart-link > a:hover i {
    color: var(--black)
}

#billing-address-select, #shipping-address-select {
    width: 100% !important;
    padding: 10px 0
}

.method-name input[type="radio"] {
    float: left;
    position: inherit;
    margin-left: 0
}

.method-name label {
    padding: 0 10px
}

.payment-logo label {
    margin-top: 0px !important
}

.custom-label {
    box-shadow: var(--card-shadow) !important;
    border-radius: 10px;
    margin-top: 10px !important;
    padding: 20px !important;
    min-height: 110px
}

.manage-page, .method-description, .send-pm-button {
    margin-left: 30px
}

.next-btn-wrapper {
    margin-left: 0;
    margin-right: 0
}

.manufacturer-grid .item-box .manufacturer-item {
    background: #fff0;
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0px !important;
    border-radius: 30px !important;
    overflow: hidden
}

.manufacturer-item .elementor-widget-container img {
    width: 100%
}

.manufacturer-item .elementor-widget-container .title {
    background: var(--primary);
    color: var(--white)
}

.checkout-as-guest-or-register-block, .new-wrapper.register-block, .returning-wrapper {
    padding: 30px 20px;
    border-radius: 0 20px 20px 0px !important;
    box-shadow: var(--card-shadow) !important;
    border: 0 solid var(--card-border) !important
}

.registration-page h3 {
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    color: var(--black);
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
    margin-top: 15px;
    text-transform: uppercase;
    margin-left: 2%
}

.move-listItembtn {
    background-color: var(--primary) !important;
    border: 0px !important;
    border-radius: 15px
}

.dashcardSub {
    background: var(--primary-light) !important;
    padding: 10px;
    border-radius: 30px !important;
    box-shadow: rgb(149 157 165 / .2) 0 8px 24px !important;
    border: 2px solid #fff !important
}

    .dashcardSub .panel-footer {
        border-radius: 30px;
        background: linear-gradient(90deg,#070f18 0%,#636363 100%) !important
    }

.dashcard .intro-img {
    padding: 0;
    border-radius: 0;
    margin: 12px
}

    .dashcard .intro-img img {
        width: 80px
    }

.bg-green, .bg-gray, .bg-orange, .bg-purple, .bg-blue, .bg-yellow, .bg-pink {
    background-color: transparent !important
}

    .bg-green::before, .bg-gray::before, .bg-orange::before, .bg-purple::before, .bg-blue::before, .bg-yellow::before, .bg-pink::before {
        background: transparent !important
    }

.home-page-filters-wrapper {
    background: var(--primary-light);
    border-bottom: 0px !important
}

.flyout-main-wrapper .flyout-cart-wrapper {
    border-radius: 20px !important;
    box-shadow: rgb(102 108 114 / 20%) 0 8px 24px !important;
    border: 2px solid #d7d6d5 !important
}

.italic {
    font-style: normal;
    color: #708090
}

.newKendo {
    padding: 20px;
    border-radius: 30px !important;
    box-shadow: var(--card-shadow) !important;
    margin: 20px 2%;
    width: 96%;
    background: var(--card-bg) !important;
    border: 2px solid var(--card-border) !important
}

.blink, .blink:hover {
    color: var(--primary)
}

label {
    margin-top: 10px
}

.adminpro-message-list, .input-validation-error {
    background-color: #fff;
    padding: 20px;
    border-radius: 30px !important;
    box-shadow: var(--card-shadow) !important;
    margin: 20px 0;
    background: var(--inputvalidationerror) !important;
    border: 2px solid var(--card-border) !important
}

.input-validation-error {
    padding: 6px 12px;
    border-radius: 2px !important;
    box-shadow: none !important;
    margin: 0 0;
    border: 1px solid #b3b3b3 !important
}

.adminpro-message-list .main-sparkline11-hd h1 {
    font-size: 20px !important;
    text-transform: capitalize;
    font-weight: 500 !important
}

    .adminpro-message-list .main-sparkline11-hd h1:after {
        border: 1px solid var(--head-border-color)
    }

.search-box form {
    float: right !important
}

.search-box .search-nav {
    float: left;
    height: auto !important;
    margin-right: 0px !important;
    width: 210px !important;
    padding: 0px !important;
    background: #fff0
}

#small-searchterms.form-control {
    padding: 8px 40px 4px 10px !important;
    border: 1px solid #f7f8fa;
    /*margin-top: 5px !important;*/
    background: var(--primary-light);
    border-radius: 10px
}

.search-box .btn.search-box-button {
    right: -12px;
    top: 2px
}

.home-page-filter-selectors {
    width: 50% !important;
    float: left !important
}

.home-page-filter-selector {
    width: 48% !important;
    margin: 0 0 0 2%
}

.home-page-filter-button {
    float: left !important
}

html {
    --scrollbarBG: var(--scroller-bg) !important;
    --thumbBG: var(--scroller-box) !important
}

#reading-progress-fill {
    height: 5px;
    background-color: var(--secondary)
}

.input-group .form-control {
    margin-top: 0
}

#viewSectionGalary {
    border: 1px solid #ddd !important;
    padding: 5px;
    padding: 20px;
    border-radius: 30px !important;
    box-shadow: var(--card-shadow) !important;
    margin: 20px 0;
    background: var(--card-bg) !important;
    border: 2px solid var(--card-border) !important
}

.img-thumbnail {
    border-radius: 30px !important
}

#viewSectionGalary .product-title {
    color: var(--primary) !important;
    text-align: center
}

.pie-bar-line-area .sparkline7-hd {
    background: var(--primary);
    color: var(--white)
}

.profile-contact-menu {
    color: #000
}

.sidebar .title.arrow-up-down {
    background: url(../images/toggle-up-arrow.png) no-repeat var(--secondary) right center
}

#send-contact-us-form, .write-product-review-button {
    background-color: var(--btn-primary) !important
}

.wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button {
    margin: 0;
    border-radius: 10px
}

.wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
    margin: 0
}

.order-summary-content .update-continue-button .update-cart-button, .wishlist-page .buttons .common-buttons .update-wishlist-button {
    width: 100%;
    margin: 5px 0px !important;
    background: url(../images/shopping-cart-update-icon.png) 20px 10px no-repeat var(--btn-primary) !important
}

.wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button {
    width: 100%;
    background-position: 20px 10px;
    margin: 5px 0
}

.wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
    width: 100%;
    margin: 5px 0px !important
}

.order-summary-content .product-wrapper .product a, .wishlist-content .product-wrapper .product a {
    color: var(--black)
}

#btnstatusall .btn {
    margin-top: 4px;
    margin-bottom: 0
}

@media (max-width:768px) {
    .register-content .col-md-12 {
        float: none !important
    }

    .boderbot {
        border-bottom: 1px solid #e8e8e8 !important;
        padding-bottom: 13px
    }

    .news-item {
        width: 100%;
        margin-top: 15px
    }

    .home-page .news-list-homepage .view-all a, .home-page-polls .buttons .vote-poll-button, .search-page .search-btn {
        padding: 15px 20px
    }

    #newsletter-subscribe-block #newsletter-subscribe-button {
        width: 140px
    }

    .title.sub-title strong {
        font-size: 1.6em !important
    }

    .dashcard img {
        height: 50px;
        width: 50px !important
    }

    .rightside-box-wrapper {
        padding: 15px 5px;
        height: auto
    }

    .ContMargBot20 {
        width: 100%;
        overflow: auto
    }
}

@media (max-width:600px) {
    .loginBtn {
        padding-left: 0px !important;
        text-align: center !important
    }

    .login-horizental {
        display: inherit !important
    }

    .header-upper-right {
        margin-top: 0px !important
    }

        .header-upper-right .language-box {
            padding-bottom: 10px;
            text-align: center;
            width: 50%;
            float: left
        }

    .currency-selector, .language-selector {
        display: inline-block
    }

    .header-top-right ul li a, .shopping-cart-link > a {
        border: 0px !important;
        margin-right: 4px
    }

    a.aTopIcons {
        width: 35px;
        height: 35px;
        line-height: 25px !important;
        padding: 5px
    }

    .header-top-right ul li a, .header-top-right ul li.my-account a {
        padding: 5px
    }

    .header-top-right ul li.register a {
        padding: 5px 5px
    }

    .search-box .search-nav {
        width: 170px !important
    }

    .currency-selector, .customerCurrency {
        margin-top: 0
    }

    #customerTaxType, #customerCurrency, #customerlanguage {
        margin: 0
    }

    .header-top-right ul li a .inbox-unread, .header-top-right ul li a .wishlist-qty {
        font-size: 9px;
        line-height: 18px;
        padding: 1px
    }

    .button-add-to-cart .btn-primary {
        background: url(../images/product-cart-icon.png) 1px 5px no-repeat var(--btn-primary) !important
    }

    .home-page-filters-wrapper {
        height: 41px;
        padding: 7px 0px !important
    }

    .home-page-filter-selectors {
        width: 80% !important;
        float: left !important
    }

    .home-page-filter-selector {
        width: 48% !important;
        margin: 0 1% !important;
        float: left
    }

        .home-page-filter-selector .k-dropdown {
            width: 100% !important
        }

    .shopping-cart-link a {
        padding: 12px 5px !important
    }

    .admintab-wrap .productTabs-header .custom-menu-wrap li {
        margin: 5px 0
    }

    .sparkline13-collapse-link h1, .sparkline13-collapse-link h1 {
        margin: 0 15px
    }

    .product-details-page .add-to-cart .product-add-button {
        width: 100% !important
    }

    .item-box .add-to-compare-list-button:hover, .item-box .add-to-wishlist-button:hover, .item-box .product-box-add-to-cart-button:hover {
        background-position: 12px 4px !important
    }

    .product-details-page .add-to-cart .product-add-button .add-to-cart-button {
        width: 210px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        background-position: 12px 6px;
        height: 30px;
        margin-top: 0px !important;
        margin-bottom: 0px !important
    }

    .overview-buttons div {
        width: 100%;
        float: left;
        margin: 5px 1%;
        text-align: center !important;
        display: -webkit-inline-box
    }

    .product-details-page .overview-buttons .add-to-wishlist-button {
        width: 210px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        background-position: 12px 6px;
        height: 30px;
        margin: 0 auto !important
    }

    .product-details-page .overview-buttons .add-to-compare-list-button {
        width: 210px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        background-position: 12px 6px;
        height: 30px;
        margin: 0 auto !important
    }

    .product-details-page .overview-buttons .email-a-friend-button {
        width: 210px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        background-position: 12px 6px;
        height: 30px;
        margin: 0 auto !important
    }

    .product-item .description {
        height: auto
    }

    .row {
        margin-right: 0;
        margin-left: 0
    }

    #quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
        padding: 10px 5px !important;
        font-size: 12px !important;
        margin: 0px !important
    }
}

@media (max-width:360px) {
    .search-box .search-nav {
        width: 150px !important
    }
}

.totalquantitywidth {
    color: #000 !important;
    text-align: center
}

.sparkline9-list .sparkline16-list .sparkline16-graph {
    margin-bottom: 0em !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0px !important;
    padding: 0px !important
}

.returning-wrapper {
    background: transparent !important;
    box-shadow: none !important;
    border: 0px !important;
    padding: 0px !important
}

#SetTDStyle, #SetTDStyle label {
    color: var(--table-text) !important
}

.MemMenu .has-sublist span {
    font-size: 12px !important;
    text-transform: capitalize
}

.MemMenu .has-sublist a {
    border-bottom: 0;
    padding: 5px 5px !important;
    margin-left: 23px;
    width: auto !important
}

#divPayoutDate {
    text-align: left;
    margin-top: 10px
}

.password h1 {
    text-align: center !important;
    color: #000 !important
}

.login-page .returning-wrapper {
    padding: 30px 30px !important;
    border-radius: 20px 0 0 20px !important;
    border: 0 solid var(--card-border) !important
}

.panel-box-title a:hover {
    color: #fff
}

#myTable select {
    color: #000
}

#paymodeDetailsDiv .inputs label {
    width: 35%;
    text-align: left
}

#txtPassword {
    width: 100%
}

.viewmode-icon {
    color: #333 !important
}

#dvContainer {
    overflow-y: unset !important
}

.newsletter-wrapper strong {
    font-size: 13px;
    height: auto;
    line-height: 25px;
    text-transform: capitalize
}

.forums-main-page a {
    color: var(--primary);
    text-decoration: underline
}

.btn.btn-default {
    border-radius: 10px
}

.forum-subject-name {
    position: relative;
    top: 18px
}

#dvContainer {
    overflow: unset
}

.btn-warning, .btn-secondary {
    border-radius: 30px
}

.btn-danger {
    border-radius: 30px
}

#searchResult {
    margin-left: 0;
    margin-right: 0
}

.container .return-request-list-page, .container .registration-result-page {
    margin-top: 0px !important
}

#sparkline16id {
    padding-top: 0px !important;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

#btnTransferredEpins, #btnExpiredEpins, #btnBlockedEpins, #btnUsedEpins, #btnActiveEpins, #btnStockInfo {
    margin-top: 3px;
    margin-bottom: 0
}

#dvFilterSearchPanal .form-group-inner {
    margin-bottom: 0
}

#registerPanelCount .shadow-reset {
    margin: 0
}

.message-error, .validation-summary-errors {
    color: var(--red)
}

#JoiningDay, #JoiningMonth, #JoiningYear, #DateOfBirthDay, #DateOfBirthMonth, #DateOfBirthYear {
    margin: 5px .5%;
    width: 32.33%
}

#DateOfBirthDay, #DateOfBirthMonth, #DateOfBirthYear {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s
}

#CustomerInfoDtails .text-box {
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s
}

.ccMenu a {
    margin-top: 0px !important;
    margin-bottom: 0px !important
}

.private-messages-page .nav-tabs li.active a, .product-details-page .nav-tabs li.active a, .profile-page .nav-tabs li.active a {
    color: #fff;
    background: var(--secondary);
    font-weight: 600;
    border-radius: 15px 15px 0 0;
    border: 0;
    padding: 10px 15px
}

.RegTextalign {
    text-align: left
}

    .RegTextalign input {
        display: block !important;
        width: 90% !important
    }

#EpinTextValue {
    width: 33.33% !important;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px
}

.divKyc #remove-avatar, .divKyc #remove-avatar2 {
    padding: 0px !important;
    top: -19px;
    width: 23px;
    position: relative;
    line-height: 17px !important;
    border: 2px solid #cd0819 !important
}

.divKyc .image {
    float: left !important
}

.dashone-adminprowrap {
    padding: 0;
    background: transparent !important
}

#EnterSMSOTP {
    width: 100%
}

.method-list {
    padding: 5px 0
}

.payment-method {
    background-color: #fff0;
    box-shadow: none !important
}

.checkout-data .payment-method .method-name .payment-details label {
    font-weight: 500 !important
}

.checkout-data .payment-method .method-name .payment-details {
    margin: 0 10px 10px 0 !important
}

.checkout-page .payment-method .method-name .payment-details {
    margin: 5px 10px 10px 0 !important
}

    .checkout-page .payment-method .method-name .payment-details label, .checkout-page .payment-method .method-name .payment-details input {
        font-weight: 500 !important;
        margin-top: 5px
    }

.cart .qty span, .cart .sku {
    color: var(--text-color)
}

.modal-footer .btn {
    background: var(--gradient-main-btn);
    color: var(--white)
}

#trRemoveFromList {
    width: 100%
}

.login-btn-inner .cancel-wp, #trAddToList {
    text-align: center !important
}

#tblMember .label-wrapper {
    text-align: right
}

.order-details-page .panel.panel-default table tbody tr .prices-alignment-right, .order-summary-content .cart .cart-item-row .subtotal.nobr, .order-summary-content .cart .cart-item-row .unit-price, .return-request-page .panel.panel-default table tbody tr .prices-alignment-right, .wishlist-content .cart .cart-item-row .subtotal.nobr, .wishlist-content .cart .cart-item-row .unit-price {
    color: var(--text-color);
    font-weight: 400
}

.cart-item-row .discount span, .cart-item-row .quantity {
    color: var(--text-color);
    font-weight: 400
}

.apply-gift-card-coupon-code-button {
    margin-top: 0;
    margin-bottom: 0
}

#applydiscountcouponcode {
    margin-top: 15px !important
}

.billing-info-wrap, .shipping-info-wrap {
    -webkit-box-shadow: 0 0 11px #ddd;
    border-radius: 15px;
    padding: 15px;
    margin: 15px 1%;
    width: 48% !important
}

.checkout-data .section .address-box {
    border-radius: 15px
}

.order-progress .nav.nav-pills li.active-step .progress-icon {
    background: var(--secondary)
}

.quickViewWindow .gallery .picture img {
    width: 100%
}

.product-grid .product-list .quick-view-button {
    left: 9%
}

.compare-products-table .picture {
    width: 100px;
    height: 100%;
    border-radius: 15px;
    overflow: hidden
}

    .compare-products-table .picture img {
        width: 100%
    }

table.gridtable th {
    background: #d5a13e !important;
    color: #fff !important
}

.share-info {
    margin: 15px 5px
}

.read-more {
    margin: 0 0 0px !important;
    padding: 5px 11px !important;
    border-radius: 10px;
    background-color: var(--secondary) !important
}

.blogpost-page .new-comment form {
    width: 100%;
    max-width: 100%
}

#comments .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0
}

.comment-text {
    width: 100% !important
}

@media (max-width:1330px) {
    #rich-blog-search-form .search-box-text {
        width: 220px !important
    }
}

@media (max-width:1280px) {
    #rich-blog-search-form .search-box-text {
        width: 200px !important
    }

    #quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
        padding: 10px 5px !important
    }
}

@media (max-width:1160px) {
    #rich-blog-search-form .search-box-text {
        width: 170px !important
    }
}

@media (max-width:1024px) {
    .dashcardSub {
        padding: 5px
    }

    #rich-blog-search-form .search-box-text {
        width: 140px !important
    }

    .search-box .search-nav {
        width: 143px !important
    }

    #customerTaxType, #customerCurrency, #customerlanguage {
        padding: 7px 1px
    }

    .footer .footer-middle .social-wrapper li a {
        height: 35px;
        line-height: 35px
    }

        .footer .footer-middle .social-wrapper li a i {
            height: 35px;
            line-height: 35px !important
        }

    a.aTopIcons {
        width: 30px;
        height: 30px;
        margin-right: 6px;
        text-align: center;
        line-height: 30px !important;
        padding: 0 2px !important;
        margin-top: 6px !important
    }
}

@media (max-width:768px) {
    .Custom-amt {
        text-align: center
    }

    .header-upper {
        height: auto
    }

    .newKendo {
        margin: 20px auto;
        width: 100%
    }

    .sm-p-0 {
        padding-left: 0;
        padding-right: 0
    }

    .item-box.product-grid .product-item .picture a img {
        width: 100%;
        height: 100% !important
    }

    .notification-content h2 {
        margin-bottom: 4vw !important
    }

    #divPayoutwise .k-datepicker, #divPayoutwise .k-timepicker {
        width: inherit !important
    }
}

@media (max-width:767px) {
    .product-details-page .product-essential .tab-content {
        width: 100%;
        padding: 0 10px !important
    }

    #quickTabs input[type="radio"]:after, input[type="radio"]:after {
        left: 0;
        top: 2px
    }

    .billing-info-wrap, .shipping-info-wrap {
        margin: 15px 0;
        width: 100% !important
    }

    #BankName, #BranchName, #ChequeDDDate, #ChequeDDNo, #paymodeDetailsDiv #BankName {
        width: 95% !important
    }

    .RegTextalign {
        text-align: left;
        width: 100%
    }

        .RegTextalign input {
            width: 100% !important
        }

    #EpinTextValue {
        width: 100% !important;
        text-align: left !important
    }

    .customer-blocks .row .col-lg-12 .row .col-lg-12 {
        padding-left: 0;
        padding-right: 0
    }

    .pie-bar-line-area .row .col-lg-6 {
        padding-left: 0;
        padding-right: 0
    }

    .main-sparkline16-hd h1, .main-sparkline13-hd h1 {
        font-size: 20px !important
    }

    .edit-address {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .pie-bar-line-area .col-lg-4, .pie-bar-line-area col-md-4, .pie-bar-line-area .container-fluid {
        padding-left: 0px !important;
        padding-right: 0
    }

    #responsiveKYC, #accordion .col-sm-12, #accordion .col-xs-12 {
        padding-left: 0;
        padding-right: 0
    }

    #accordion .panel {
        width: 100%
    }

    .container-fluid {
        padding-right: 10px;
        padding-left: 10px
    }

    #LeftListBox, #RightListBox {
        height: 100px !important
    }

    #dvContainer {
        overflow: scroll
    }

    #requiedAttricSymbol .required {
        position: absolute;
        top: -23px;
        right: 0
    }

    #txtPassword {
        width: 100%
    }

    .listbx option {
        padding: 6px 0
    }

    .field-icon {
        position: absolute !important;
        right: 14px !important;
        top: 8px !important;
        margin-top: 0px !important
    }

    .sparkline8-graph, .sparkline7-list, .sparkline8-graph, .sparkline9-graph, .sparkline10-hd, .sparkline11-graph, .sparkline12-graph, .edit-address, .sparkline13-graph, .sparkline14-graph, .sparkline16-graph, .sparkline15-graph {
        width: 100%;
        margin: 20px 3px
    }

    #rich-blog-search-form .search-box-text {
        width: 450px !important
    }

    .return-request-list-page .sparkline13-hd {
        margin-top: 0
    }

    #JoiningDay, #JoiningMonth, #JoiningYear {
        font-size: 14px;
        height: auto !important;
        width: 32.33%;
        margin: 5px .5%
    }

    .inbox-mailbox-area .container-fluid, .inbox-mailbox-area .container-fluid .col-lg-12, .inbox-mailbox-area .container-fluid .col-lg-6 {
        padding-left: 1px;
        padding-right: 1px
    }

    .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
        margin-right: 5px !important
    }

    #divchart {
        margin-top: 10px !important
    }

    .login-page .returning-wrapper .field-icon {
        right: 28px !important
    }

    .update-cart input {
        width: auto !important
    }

    .checkout-page #BankName, .checkout-page #BranchName, .checkout-page #ChequeDDDate, .checkout-page #ChequeDDNo {
        width: 94% !important
    }
}

@media (max-width:660px) {
    .button-add-to-cart .btn-primary {
        background: url(../images/product-cart-icon.png) 2px 5px no-repeat var(--btn-primary) !important
    }

    .memLogo img {
        width: 200px !important
    }

    .item-box.product-grid .product-item .picture a img {
        width: auto;
        height: 100% !important
    }

    #radPaymode input[type="radio"]:after, #reqStatus input[type="radio"]:after {
        left: 1px;
        top: 2px
    }

    .registration-page .form-control, .registration-page select {
        width: 100% !important;
        float: left
    }

    .well, .blog-search-box {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .return-request-list-page .panel-default {
        margin-top: 0px !important
    }

    .registration-page .radio-inline input[type="radio"] {
        margin-left: 0px !important;
        margin-right: 10px !important;
        position: relative;
        margin-top: 10px !important;
        float: left
    }

    .alignDetailcenter {
        text-align: center !important
    }

    .px-5 ul.MemMenu li .dropdown-menu a {
        padding: 5px 0px !important
    }

    ul.MemMenu .nav-item.open {
        background-color: transparent !important
    }

    .px-5 ul.MemMenu li .dropdown-menu {
        line-height: 20px !important;
        overflow: hidden;
        background-color: var(--dropdown-side-bg);
        border-radius: 15px !important;
        padding: 10px;
        margin-top: 10px !important;
        box-shadow: none;
        border: 2px solid #3c3b3b;
        list-style: none
    }

    .feed-mesage-project-area .container-fluid, .feed-mesage-project-area .container-fluid .col-lg-6, .welcome-adminpro-area .container-fluid, .welcome-adminpro-area .container-fluid .col-xs-12, .welcome-adminpro-area .container-fluid .col-sm-12 {
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    .datatable-dashv1-list .custom-table {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .dashone-adminprowrap .custom-table {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    #BtnAllTab {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        margin-left: 0px !important
    }

    .profile-contact-menu {
        padding-left: 0px !important
    }

    .divKycblock .col-md-6 {
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px
    }

    .field-icon {
        top: 28px !important
    }

    .white_shd .col-lg-12 {
        padding-left: 0;
        padding-right: 0
    }

    .login-page .returning-wrapper .field-icon {
        right: 17px !important
    }

    .method-list input[type="radio"]:after {
        left: 0;
        top: 4px
    }

    .item-box .product-box-add-to-cart-button:hover, .item-box .add-to-wishlist-button:hover, .item-box .add-to-compare-list-button:hover {
        width: 50% !important
    }

    #small-searchterms.form-control {
        padding: 12px 30px 12px 10px !important
    }

    .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button, .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
        font-size: 14px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        width: 320px
    }

    #genderDetails input[type="radio"]:after {
        left: 0;
        top: 1px
    }

    .panel-default > .panel-heading {
        padding: 5px 15px !important
    }

    #FoldersReport_length span select {
        width: auto !important
    }

    #FoldersReport_paginate {
        margin: 2px 0 !important
    }
}

@media (max-width:600px) {
    .customer-blocks .col-sm-6 {
        padding-left: 0;
        padding-right: 0
    }

    #upPosstion #searchUpTree {
        position: relative
    }

    #small-searchterms.form-control {
        padding: 8px 40px 8px 10px !important
    }

    .search-box .btn.search-box-button {
        right: -30px;
        top: 2px
    }

    .order-summary-content .update-continue-button .continue-shopping-button, .order-summary-content .update-continue-button .update-cart-button {
        min-width: 170px !important;
        padding: 10px 20px 10px 30px !important
    }

    .cart-footer .col-sm-6 {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:480px) {
    .method-list input[type="radio"]:after {
        height: 9px;
        left: 1px;
        top: 2px;
        width: 9px;
        margin: auto
    }

    .method-list input[type="radio"]:after {
        left: 0;
        top: 3px
    }

    #quickTabs input[type="radio"]:after, input[type="radio"]:after {
        left: 1px;
        top: 2px
    }

    .registration-page .radio-inline input[type="radio"] {
        margin-top: 5px !important;
        float: left
    }

    .bar-notification p.content, .bar-notification.error p.content {
        margin: 0;
        padding: 5px 0;
        line-height: 20px
    }

    .bar-notification.success {
        margin: 0 0 0;
        padding: 5px 10px
    }

    .sparkline8-graph, .sparkline7-list, .sparkline8-graph, .sparkline9-graph, .sparkline10-hd, .sparkline11-graph, .sparkline12-graph, .edit-address, .sparkline13-graph, .sparkline14-graph, .sparkline16-graph, .sparkline15-graph {
        width: 100%;
        margin: 20px 3px
    }

    .listbx option {
        padding: 6px 0
    }

    .sparkline16-list .shadow-reset, .sparkline7-graph, .sparkline8-list .shadow-reset {
        padding: 0
    }

    .panel-body {
        padding: 0px !important
    }

    .white_shd .col-lg-12 {
        padding-left: 0;
        padding-right: 0
    }

    .newKendo {
        margin: 20px 0;
        width: 100%
    }

    .inbox-mailbox-area .container-fluid, .inbox-mailbox-area .container-fluid .col-lg-12, .inbox-mailbox-area .container-fluid .col-lg-6 {
        padding-left: 0;
        padding-right: 0
    }

    .nav-tabs > li > a {
        margin-bottom: 5px
    }

    .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
        margin-right: 5px !important
    }

    #divchart {
        margin-top: 10px !important
    }

    #divStockInfo {
        margin-top: 10px !important
    }

    .field-icon {
        top: 53px
    }

    .px-5 ul.MemMenu li a {
        font-size: 13px !important;
        padding: 10px 5px !important
    }

    .MemMenu .has-sublist a {
        padding: 5px 5px !important
    }

    .sublist-wrap li a {
        padding: 5px 5px !important
    }

    ul.MemMenu li {
        line-height: 10px;
        background: none
    }

    .pie-bar-line-area, .pie-bar-line-area .container-fluid, .pie-bar-line-area .container-fluid .col-md-4 {
        padding: 0
    }

    .profile-contact-menu {
        padding-left: 10px !important;
        margin-top: 10px !important
    }

    .padd-20 {
        padding: 0px !important
    }

    .income-order-visit-user-area #module, .income-order-visit-user-area #module .col-xs-12 {
        padding: 0
    }

    .Dashboard, .col8Chart div {
        display: block !important;
        padding: 0 0
    }

    .adminpro-custon-design .col-xs-12 {
        padding: 0px !important
    }

    #upPosstion #searchUpTree {
        position: relative;
        margin-left: 25px !important
    }

    .overview-buttons div {
        width: 98%
    }

    #rich-blog-search-form .search-box-text {
        width: 300px !important
    }

    .method-name input[type="radio"] {
        float: left;
        margin-right: 10px;
        width: 15px !important;
        height: 15px !important
    }

    .method-list input[type="radio"]:after {
        left: 0;
        top: 3px
    }

    .item-box .product-box-add-to-cart-button:hover, .item-box .add-to-wishlist-button:hover, .item-box .add-to-compare-list-button:hover {
        width: 70% !important
    }

    #remove-avatar {
        right: 10px !important
    }

    .search-box .search-nav {
        width: 170px !important
    }

    #small-searchterms.form-control {
        padding: 8px 30px 8px 10px !important
    }

    .search-box .btn.search-box-button {
        right: 9px;
        top: 2px;
        width: 20px;
        position: absolute;
        padding: 0px !important
    }

    #GoogleAuth {
        margin-left: 0 !important
    }
}

@media (max-width:420px) {
    #rich-blog-search-form .search-box-text {
        width: 270px !important
    }

    .login-page .returning-wrapper .field-icon {
        right: 18px !important
    }

    .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button, .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
        font-size: 13px !important;
        width: 300px
    }
}

@media (max-width:380px) {
    #rich-blog-search-form .search-box-text {
        width: 220px !important
    }

    .search-box .btn.search-box-button {
        right: -12px;
        top: 4px
    }

    .product-selectors .product-sorting, .product-selectors .product-page-size {
        padding-left: 5px;
        padding-right: 5px
    }

    .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button, .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
        font-size: 13px !important;
        width: 260px
    }
}

@media (max-width:360px) {
    .search-box .search-nav {
        width: 150px !important
    }

    #small-searchterms.form-control {
        padding: 8px 40px 5px 10px !important;
        width: 150px !important
    }

    .search-box .btn.search-box-button {
        right: 7px;
        top: 1px
    }

    #radPaymode input[type="radio"]:after, #reqStatus input[type="radio"]:after {
        left: 1px;
        top: 2px
    }

    #quickTabs input[type="radio"]:after, input[type="radio"]:after {
        left: 0;
        top: 2px
    }

    .ccMenu a {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button, .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
        font-size: 10px !important;
        padding-bottom: 0px !important
    }
}

@media (max-width:320px) {
    #quickTabs input[type="radio"]:after, input[type="radio"]:after {
        left: 1px;
        top: 2px
    }

    #rich-blog-search-form .search-box-text {
        width: 194px !important
    }

    #upPosstion #searchUpTree {
        margin-left: 8px !important
    }

    .login-page .returning-wrapper .field-icon {
        right: 20px !important
    }

    .search-box .btn.search-box-button {
        right: 7px;
        top: 4px;
        background-size: 90%
    }

    .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button, .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
        width: 235px
    }
}

.field-icon {
    position: absolute !important;
    right: 19px !important;
    top: -2px !important;
    margin-top: 0px !important
}

.registration-page .fa-eye:before {
    content: "";
    margin: 15px 0;
    display: block
}

@media (max-width:500px) {
    .registration-page .fa-eye:before {
        margin: 10px 0
    }
}

@media (max-width:660px) {
    #divEnterEWOTP label {
        width: inherit !important
    }

    .checkout-page #divEnterOTP {
        clear: both;
        display: block
    }

    .edit-address .form-title-rquired {
        padding: 8px 0 0 5px !important
    }

    #tblMember .label-wrapper {
        text-align: center
    }
}

@media (min-width:920px) {
    .checkout-page #EnterSMSOTP {
        width: 32%
    }

    .edit-address .form-title-rquired {
        padding: 15px 5px 0 15px !important
    }
}

.bv-box {
    display: block;
    clear: both
}

    .bv-box .custom-pvbv {
        padding-right: 15px
    }

        .bv-box .custom-pvbv label, .bv-box .custom-pvbv span.pvBvCss {
            font-size: 16px;
            font-weight: 600
        }

#product_attribute_input_2 .option-list input[type="radio"], #product_attribute_input_3 .option-list input[type="radio"] {
    width: 16px;
    height: 16px;
    box-shadow: none;
    border: 1px solid #222
}

    #product_attribute_input_2 .option-list input[type="radio"]:checked:after, #product_attribute_input_3 .option-list input[type="radio"]:checked:after {
        background-color: var(--main-color);
        box-shadow: inset 0 0 0 1px hsl(0 0% 0% / .4),inset 0 2px 2px hsl(0 0% 100% / .4),0 1px 1px hsl(0 0% 100% / .8),0 0 2px 2px hsl(0 70% 70% / .4)
    }

.attributes .option-list input[type="radio"]:after {
    top: 1px !important;
    left: 1px !important
}

.attributes dt {
    margin-top: 4px
}

.qty-label {
    margin-top: 0
}

.email-a-friend-page {
    width: 100%;
    text-align: center;
    display: inline-block
}

    .email-a-friend-page form {
        width: 80%;
        border: 1px solid #eaeaea;
        padding: 10px;
        display: inline-block
    }

        .email-a-friend-page form .form-fields .inputs label {
            width: 30%;
            text-align: left
        }

        .email-a-friend-page form .form-fields .inputs input, .email-a-friend-page form .form-fields .inputs textarea {
            width: 50%
        }

a.product-img.read-more {
    margin: 0 40px 5px 0 !important
}

@media (max-width:660px) {
    .addtocart-quantity-box .qty-input {
        width: 40% !important
    }

    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
        width: 100%
    }

    .breadcrumb-wrapper {
        display: inline-block;
        clear: both;
        width: 100%
    }

    .email-a-friend-page form {
        width: 100%
    }

        .email-a-friend-page form .form-fields .inputs label {
            width: 95%
        }

        .email-a-friend-page form .form-fields .inputs input, .email-a-friend-page form .form-fields .inputs textarea {
            width: 100%
        }
}

.forums-header .forum-search-box, .forums-header .forum-search-box input.search-box-text {
    width: 100% !important
}

.forum-search-box .advanced {
    text-align: left
}

.forum-edit-page .form-group label.checkbox {
    text-align: left;
    margin-top: 10px;
    margin-left: 20px
}

.add-to-cart .blink {
    padding-left: 0 !important;
    margin-bottom: 0 !important
}

.blink {
    color: var(--secondary)
}

@media (min-width:900px) {
    .blink {
        text-align: center !important
    }
}

.cart-label2 .fa-shopping-cart {
    background: var(--HeaderIconBg);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px !important;
    border-radius: 50%;
    margin-right: 8px;
    padding: 0px !important
}

.shopping-cart-link > a {
    padding: 0
}

.header-top-right ul li > a {
    border-right: 0 solid #33393e
}

@media (max-width:1024px) {
    .cart-label2 .fa-shopping-cart {
        width: 30px;
        height: 30px;
        line-height: 30px !important;
        padding: 0 2px !important;
        margin-top: 6px !important
    }
}

@media (max-width:600px) {
    .shopping-cart-link > a {
        padding: 0px !important
    }

    .checkout-as-guest-or-register-block, .new-wrapper.register-block, .returning-wrapper, .login-page .returning-wrapper {
        min-height: 160px;
        border-radius: 20px !important;
        padding: 30px 20px !important
    }
}

.NewGridNorecord {
    background-color: transparent !important
}

.k-grid-header .k-header {
    background: var(--table-th) !important
}

.k-grid-content {
    background-color: transparent !important
}

.newKendo #pageInfo {
    background: transparent !important;
    border: 0px !important
}

.k-grid.k-widget .k-grid-toolbar {
    background: transparent !important
}

.newKendo .k-grid-add-row, .k-grid-footer, .k-grid-header, .k-grouping-header {
    background-color: transparent !important
}

.k-grid {
    background-color: transparent !important
}

    .k-grid.k-widget .k-pager-wrap {
        background: var(--k-pager-bg) !important
    }

    .k-grid tr:nth-of-type(odd) {
        background-color: var(--table-odd) !important;
        color: var(--table-text)
    }

    .k-grid tr:nth-child(even) {
        background-color: var(--table-even) !important;
        color: var(--table-text)
    }

.k-pager-numbers .k-link.k-state-selected {
    background-color: var(--primary) !important
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: var(--table-even) !important
}

.btn-warning, .btn-secondary {
    border-radius: 10px;
    min-width: 90px
}

.btn-danger {
    border-radius: 10px;
    min-width: 100px
}

.note h1 {
    font-size: 14px !important;
    text-align: left !important
}

.cart .product img {
    width: 100% !important;
    max-width: 50px !important
}

.offerImage {
    width: 100%;
    top: 0 !important;
    width: 60px !important;
    position: absolute !important;
    z-index: 999 !important;
    right: 0 !important
}

.item-box .thumbnail .picture a {
    background: none !important
}

.offerImage {
    width: 100%;
    top: 0 !important;
    width: 60px !important;
    position: absolute !important;
    z-index: 999 !important;
    right: 0 !important
}

.offerImageclass img {
    position: relative !important;
    width: 50px;
    padding: 18px 0 !important
}

#PaymentInformation .sparkline16 {
    padding: 10px 10px 20px 10px !important
}

@media (max-width:600px) {
    .cart .product img {
        margin-right: 60% !important
    }

    .edit-address .control-label {
        text-align: center !important
    }
}

.checkout-page .checkout-data .form-group-inner .row .col-md-4 {
    text-align: left
}

@media all and (max-width:1100px) and (min-width:990px) {
    .CurrentOfferMainBox {
        width: 49% !important
    }
}

.CurrentOfferMainBox .sparkline7-graph {
    display: block !important
}

.CurrentOfferMainBox .sparkline7-hd {
    padding: 8px 4px;
    background: var(--table-th) !important
}

@media only screen and (min-width:351px) and (max-width:400px) {
    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 50px
    }
}

@media only screen and (min-width:401px) and (max-width:500px) {
    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 117px
    }
}

@media only screen and (min-width:501px) and (max-width:700px) {
    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 176px
    }
}

.CurrentOfferMainBox {
    min-height: 500px !important
}

    .CurrentOfferMainBox .CurrentOfferBuyBox {
        width: 50%;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border-radius: 8px;
        overflow-y: auto;
        min-height: 400px;
        height: 100px
    }

    .CurrentOfferMainBox .scrollable-content {
        width: 100%;
        height: 100%;
        padding: 10px
    }

        .CurrentOfferMainBox .scrollable-content::-webkit-scrollbar {
            width: 12px
        }

        .CurrentOfferMainBox .scrollable-content::-webkit-scrollbar-thumb {
            background-color: #888;
            border-radius: 8px;
            border: 3px solid #fff
        }

        .CurrentOfferMainBox .scrollable-content::-webkit-scrollbar-track {
            background-color: #f1f1f1;
            border-radius: 8px
        }

    .CurrentOfferMainBox .product-name {
        display: block;
        flex-direction: column;
        flex-basis: 19% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .CurrentOfferMainBox .image {
        height: 200px;
        font-weight: 700
    }

    .CurrentOfferMainBox .container {
        display: flex;
        border: 1px solid #ccc;
        width: auto
    }

    .CurrentOfferMainBox .box1 {
        padding: 10px;
        margin: auto;
        width: 50%
    }

    .CurrentOfferMainBox .box2 {
        padding: 10px;
        margin: auto;
        width: 80%
    }

.CurrentOfferMainBox {
    display: flex;
    justify-content: center;
    align-items: center
}

    .CurrentOfferMainBox .Datediv {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: x-small;
        padding-right: 30px
    }

    .CurrentOfferMainBox .InnerBox {
        display: flex
    }

@media (max-width:479px) and (min-width:320px) {
    .CurrentOfferMainBox .Datediv {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-flow: column;
        font-size: xx-small
    }

    .CurrentOfferMainBox .OfferTitlediv {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column
    }

    .CurrentOfferMainBox .InnerBox {
        display: flex;
        flex-flow: column
    }

    .CurrentOfferMainBox .CurrentOfferBuyBox {
        width: 96%;
        border: #fff solid 2px;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border-radius: 8px;
        min-height: 400px;
        height: 100px
    }

    .CurrentOfferMainBox .container {
        display: flex;
        border: 1px solid #ccc;
        width: auto;
        flex-flow: column
    }

    .CurrentOfferMainBox .box1 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px
    }

    .CurrentOfferMainBox .box2 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px
    }

    .CurrentOfferMainBox .scrollable-content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 10px;
        font-size: 12px
    }

    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 10px !important
    }
}

@media (max-width:599px) and (min-width:480px) {
    .CurrentOfferMainBox .Datediv {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 8px
    }

    .CurrentOfferMainBox .image {
        width: 150px;
        height: 150px;
        font-weight: 700
    }

    .CurrentOfferMainBox .OfferTitlediv {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column
    }

    .CurrentOfferMainBox .InnerBox {
        display: flex;
        flex-flow: column
    }

    .CurrentOfferMainBox .CurrentOfferBuyBox {
        width: 98%;
        border: #fff solid 2px;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border-radius: 8px;
        min-height: 400px;
        height: 100px
    }

    .CurrentOfferMainBox .container {
        display: flex;
        border: 1px solid #ccc;
        width: auto
    }

    .CurrentOfferMainBox .box1 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px
    }

    .CurrentOfferMainBox .box2 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px
    }

    .CurrentOfferMainBox .scrollable-content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 10px;
        font-size: smaller
    }

    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 10px !important
    }
}

@media (max-width:1023px) and (min-width:600px) {
    .CurrentOfferMainBox .Datediv {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: xx-small
    }

    .CurrentOfferMainBox .image {
        width: 200px;
        height: 200px;
        font-weight: 700
    }

    .CurrentOfferMainBox .OfferTitlediv {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column
    }

    .CurrentOfferMainBox .InnerBox {
        display: flex;
        flex-flow: column
    }

    .CurrentOfferMainBox .CurrentOfferBuyBox {
        width: 98%;
        border: #fff solid 2px;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border-radius: 8px;
        min-height: 400px;
        height: 100px
    }

    .CurrentOfferMainBox .container {
        display: flex;
        border: 1px solid #ccc;
        width: auto
    }

    .CurrentOfferMainBox .box1 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px
    }

    .CurrentOfferMainBox .box2 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px
    }

    .CurrentOfferMainBox .scrollable-content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 10px;
        font-size: smaller
    }

    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 10px !important
    }
}

.CurrentOfferMainBox .OfferTitle {
    color: #fff;
    font-size: small
}

.CurrentOfferMainBox .OfferTitlediv {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}

.CurrentOfferMainBox .typeoffer {
    color: #fffefd !important
}

.CurrentOfferMainBox .Datediv h1 {
    color: var(--text-color);
    margin-right: 35px
}

.CurrentOfferBuyBox h1 {
    text-align: center;
    color: var(--text-color)
}

#divEnterOTP .col-md-5 {
    float: left !important
}

@media (max-width:2000px) and (min-width:900px) {
    .checkout-page .checkout-data .payment-info .form-group-inner .row .col-md-4 {
        padding-left: 6% !important
    }

    .checkout-payment-info-load .form-group-inner .row .col-md-4 {
        padding-left: 2% !important
    }

    .checkout-page .section.payment-info label {
        margin-left: 6px
    }

    .checkout-page .checkout-data #opc-payment_info .info label {
        text-align: left
    }

    .checkout-page .checkout-data .registration-page .form-group-inner .row .col-md-5 {
        text-align: Right
    }

    #PaymentInformation #Notediv {
        height: 12px
    }
}

@media (max-width:900px) {
    #receipt1 {
        height: 125px
    }

    .checkout-page .checkout-data #opc-payment_info .form-group-inner .row .col-md-5 {
        text-align: left
    }
}

@media (min-width:600px) and (max-width:1023px) {
    #product_attribute_input_1, #product_attribute_input_2, #product_attribute_input_3 {
        text-align: left;
        padding-left: 201px
    }

    .option-list input[type="radio"], .option-list input[type="radio"] {
        text-align: left;
        padding-left: 201px;
        padding: 1px 0 0 0 !important
    }
}

@media (min-width:480px) and (max-width:599px) {
    #product_attribute_input_1, #product_attribute_input_2, #product_attribute_input_3 {
        text-align: left;
        padding-left: 130px
    }

    .option-list input[type="radio"], .option-list input[type="radio"] {
        text-align: left;
        padding-left: 130px;
        padding: 1px 2px 0 0 !important
    }
}

@media (min-width:360px) and (max-width:479px) {
    #product_attribute_input_1, #product_attribute_input_2, #product_attribute_input_3 {
        text-align: left
    }

    .option-list input[type="radio"], .option-list input[type="radio"] {
        text-align: left;
        padding-left: 80px;
        padding: 1px 0 0 0 !important
    }
}

.LoginAsterik .login1 {
    display: flex;
    align-items: center
}

.LoginAsterik .login2 {
    justify-content: space-between;
    display: flex;
    float: right;
    align-items: center;
    padding: 0%;
    padding-right: -9%;
    width: 100%
}

@media (min-width:360px) and (max-width:599px) {
    .LoginAsterik .form-control {
    }
}

@media (min-width:600px) {
    .LoginAsterik .control-label {
        padding-left: 17px
    }
}

@media (min-width:600px) and (max-width:659px) {
    .LoginAsterik .form-control {
        margin: 5px 7px
    }
}

.highlightoffer .profile-contact-menu {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
    border-radius: 15px;
    box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0;
    background-color: var(--table-th);
    margin: 10px 0
}

.highlightoffer .h1style {
    background-image: url(../images/offer.png);
    background-repeat: no-repeat;
    height: 60px
}

.highlightoffer .CurrentOfferBuyBox .h1style h1 {
    font-size: 2em;
    font-weight: 700
}

.highlightoffer .CurrentOfferBuyBox .h1style h1 {
    animation: blink 1.5s infinite
}

@keyframes blink {
    0% {
        color: #f91f3e
    }

    50% {
        color: #fff0
    }

    100% {
        color: #f91f3e
    }
}

.CurrentOfferMainBox .highlightoffer .container {
    border: none !important
}

.CurrentOfferBuyBox .scrollfree {
    overflow-y: auto !important
}

#paymodeDetailsDiv .form-group-inner {
    clear: both
}

.checkout-step-payment-info .checkout-data .form-group-inner .col-md-6 . input {
    width: 100% !important
}

#checkout-step-payment-info .col-md-4 label {
    margin-top: 0px !important
}

#checkout-step-payment-info #receipt1 .col-md-4 label {
    width: auto !important
}

#checkout-step-payment-info #receipt1 .col-md-4 {
    padding-left: 12% !important
}

@media (max-width:768px) {
    #checkout-step-payment-info .checkout-data .required {
        padding: 0px !important
    }
}

.blog-page .post .read-more:hover {
    color: var(--secondary) !important
}

.overlayGenoPop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / .7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0
}

    .overlayGenoPop:target {
        visibility: visible;
        opacity: 1
    }

.popup {
    margin: 95px auto;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    width: 40%;
    position: relative;
    transition: all 5s ease-in-out;
    height: 70%;
    overflow: scroll
}

    .popup h2 {
        margin-top: 0;
        color: #333;
        font-family: Tahoma,Arial,sans-serif
    }

    .popup .close {
        transition: all 200ms;
        font-size: 30px;
        font-weight: 700;
        text-decoration: none;
        color: #c90000;
        opacity: 1
    }

        .popup .close:hover {
            color: #06d85f
        }

.liflex {
    display: flex
}

.lipopCont {
    float: left;
    border: 3px solid #ddd;
    padding: 5px;
    font-size: .8em
}

.lipopContEmpty {
    float: left;
    font-size: 1em;
    text-align: right !important
}

.ulgeno {
    width: 100%
}

.genolbl {
    width: 50%;
    font-weight: 700
}

.genoval {
    width: 50%
}

.genowd50 {
    width: 50%
}

.genoBold {
    font-weight: 700
}

.genoTitle {
    padding: 10px 0 0 0
}

.ulgeno .lipopContEmpty:first-child {
    border-right: 3px solid #ddd
}

.genoMainPopCont {
    border: 3px solid #ddd;
    color: #000;
    background: #fff;
    border-radius: 3px;
    margin-top: 40px
}

.closediv {
    position: fixed;
    width: 38%;
    background-color: #eaeaea;
    margin-top: -10px
}

.popup .close:hover {
    color: #5d5d5d
}

.popmainLbl {
    font-weight: 700;
    padding-left: 10px;
    line-height: 30px
}

.content {
    position: static !important;
    width: 95% !important
}

@media screen and (max-width:700px) {
    .box {
        width: 70%
    }

    .popup {
        width: 90%
    }

    .closediv {
        width: 86%
    }

    .content {
        position: static !important
    }
}

@media (max-width:480px) {
    .mean-container .mean-bar {
        width: 100%
    }
}

.sec3 {
    width: 33.333% !important
}

.treesec {
    width: 35% !important
}

.divsec {
    width: 65% !important
}

.atreesec {
    width: 100%
}

@media screen and (max-width:360px) {
    .trinarypop {
        width: 100% !important
    }

    .overlayGenoPop {
        padding: 10px 20px 10px 20px !important
    }
}

.labelsec {
    font-weight: 700;
    text-align: center !important
}

.genoMainPopCont {
    min-width: 480px
}

@media screen and (max-width:640px) {
    .genoMainPopCont {
        min-width: 500px !important
    }

    .main-menu.goToTop {
        position: static !important
    }
}

@media (max-width:500px) and (min-width:400px) {
    #sparkline16-graphid {
        padding-top: 11px !important
    }
}

.dashone-adminprowrap .btn-primary {
    padding: 10px 9px !important
}

.btn-custon-two {
    padding: 10px 9px !important
}

.panel-title {
    font-weight: 500 !important
}

.rich-blog-homepage .read-more:hover, .post-actions .read-more:hover {
    background-color: #248ece;
    text-decoration: none;
    transition: background 0.8s !important
}

.checkout-data .payment-method .method-name .payment-details label {
    color: #1e1e1d !important
}

.cancel-topic-button {
    border-radius: 10px !important;
    background-color: var(--btn-danger) !important
}

button, .btn, .button-2, .button-1, .product-add-button, .btn-primary a {
    text-transform: capitalize !important
}

input[value="OUT OF STOCK"] {
    text-transform: capitalize !important
}

.elementor-widget-container .title {
    color: var(--primary) !important;
    font-size: 16px !important;
    font-weight: 500 !important
}

    .elementor-widget-container .title a {
        color: var(--main-color) !important
    }

.elementor-shape svg {
    display: none !important
}

.elementor-widget-container .title {
    padding: 15px 10px !important
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important
}

.OfferTitle h1 {
    color: #000;
    color: var(--heading-color) !important;
    font-size: 22px !important;
    text-transform: uppercase;
    text-align: center !important;
    margin-bottom: 36px;
    font-size: 24px !important;
    font-weight: 700;
    margin-top: 35px
}

    .OfferTitle h1::after {
        content: " ";
        display: block;
        width: 100px;
        margin: 10px auto;
        border: 3px solid var(--head-border-color);
        border-radius: 5px
    }

.OfferTitlediv h1 {
    color: var(--heading-color) !important
}

.Datediv h1 {
    color: #000 !important;
    font-size: 20px !important
}

.CurrentOfferBuyBox h1 {
    color: #000
}

.CurrentOfferBuyBox .profile-contact-menu {
    font-size: 16px
}

.CurrentOfferBuyBox {
    min-height: 320px !important
}

.shippingMethodName {
    line-height: 19px !important;
    text-transform: capitalize
}

.product-tags-all-page a {
    color: var(--main-color) !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--main-color) !important
}

.form-control option:hover {
    box-shadow: 0 0 10px 100px #1882a8 inset;
    background-color: var(--main-color) !important
}

#send-contact-us-form {
    padding: 5px 15px !important;
    border-radius: 10px
}

.all-form-element-inner .form-group-inner #PayoutStartDate, #PayoutEndDate {
    text-align: left !important;
    margin-top: 10px
}

.compare-products-page .table-bordered > tbody > tr > td {
    background-color: #ffffff !important
}

.rich-blog-homepage .blog-post {
    min-height: 280px !important;
    overflow: scroll;
    scrollbar-width: none
}

table.dataTable tr.DTTT_selected.even td.sorting_1 {
    background-color: var(--table-even) !important
}

table.dataTable tr.DTTT_selected.odd td.sorting_1 {
    background-color: var(--table-odd) !important
}

.wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
    background: url(../images/white-product-cart-icon.png) 12px no-repeat var(--main-color) !important
}

    .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button:hover {
        background: url(../images/white-product-cart-icon.png) 12px no-repeat var(--primary) !important
    }

.checkout-data #confirm-order-buttons-container .btn.btn-primary {
    font-size: 14px
}

#billing-address-select option {
    font-size: 14px !important;
    width: 50% !important
}

.checkout-page .button-1 {
    background: linear-gradient(180deg,var(--secondary) 0%,var(--secondary-medium) 100%) !important
}

    .checkout-page .button-1:hover {
        background: var(--btn-primary) !important
    }

.custom-datatable-overright .rowalign {
    margin-left: 0px !important
}

.custom-datatable-overright .amountalign {
    text-align: left !important
}

.checkout-page .section.payment-info input[type="text"] {
    width: 100% !important
}

.home-page-filter-selector span.k-dropdown-wrap {
    border: 1px solid #b5b5b5 !important
}

.home-page-filter-dropdown {
    box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0px !important
}

    .home-page-filter-dropdown li {
        color: #000 !important;
        font-size: 14px !important
    }

        .home-page-filter-dropdown li:hover {
            background: #e5e5e5 !important
        }

.table-striped > tbody > tr:hover {
    background-color: #e4e4e4 !important
}

.input-validation-error {
    margin-top: 5px !important
}

.sparkline16-graph .datatable-dashv1-list {
    padding-bottom: 19px
}

@media screen and (max-width:660px) {
    .table-wrapper .table-bordered > tbody > tr > td {
        text-align: right !important
    }

    .all-form-element-inner .form-group-inner #PayoutStartDate, #PayoutEndDate {
        text-align: center !important;
        margin-top: 10px
    }

    .ReciptDetailbox h4 {
        font-size: 14px !important
    }

    .RegTextalign {
        text-align: right !important;
        width: 100%
    }

    #ShowEwalletAmount .rowalign {
        margin-left: 0px !important
    }

    .checkout-page .section.payment-info input[type="text"], .checkout-page .section.payment-info input[type="password"] {
        max-width: 94% !important;
        width: 93% !important
    }

    .wishlist-qty {
        top: -6px !important
    }

    .header-top-right ul li a .wishlist-qty {
        font-size: 8px !important
    }

    .header-top-right ul li a {
        margin-right: 12px !important
    }

    .sparkline16-graph .datatable-dashv1-list {
        padding-bottom: 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #opc-confirm_order #confirm-order-buttons-container .confirm-order-next-step-button {
        background: #f10044 url(../images/checkout-order-confrim.png) no-repeat scroll 60px center;
        width: 130px !important;
        font-size: 14px !important
    }
}

@media (width:1024px) {
    #personalInfoDetailPanel {
        width: 56% !important
    }

    .WWInfo .form-group-inner {
        width: 110% !important
    }
}

@media (max-width:2000px) and (min-width:780px) {
    .form-group-inner .row .col-md-4 {
        padding-left: 17% !important
    }
}

@media screen and (max-width:600px) {
    #Save-EpinTransfer, #divVerifyOTP {
    }

    .share-post {
        margin-top: 10px !important
    }

    .post-body .share-post {
        padding-left: 0px !important
    }

    .sparkline7-hd h1 {
        font-size: 17px !important
    }

    .Datediv h1 {
        font-size: 14px !important
    }

    .CurrentOfferBuyBox .profile-contact-menu .box2 {
        font-size: 14px !important
    }

    #opc-confirm_order #confirm-order-buttons-container .confirm-order-next-step-button {
        padding: 10px 15px 10px 10px !important;
        width: 130px !important
    }

    .checkout-data .shipping-method .method-name .method-description {
        width: 90% !important
    }
}

@media (max-width:400px) and (min-width:300px) {
    #returnresoasonspan, #createspan, #returnspan {
        float: none !important;
        margin-top: 10px !important;
        margin-left: 1.55% !important
    }

    .field-icon {
        top: 1px !important
    }

    .fa-eye:before {
        margin: 15px 0 !important
    }

    .Eyehide .col-md-6 {
        width: 90% !important;
        padding: 0
    }

    .field-icon {
        z-index: 120 !important
    }
}

@media (max-width:900px) and (min-width:280px) {
    .Custom-amt {
        text-align: left !important
    }

    #lblEwalletAmount {
        text-align: left !important
    }
}

@media (max-width:767px) {
    .master-column-wrapper .form-control {
    }

    .field-icon {
        z-index: 125
    }
}

@media (max-width:600px) {
    div.k-grid-footer, div.k-grid-header {
        display: block !important
    }
}

@media (max-width:480px) and (min-width:600px) {
    div.k-grid-footer, div.k-grid-header {
        display: block !important
    }

    .fa-eye:before {
        margin: 18px 0 !important
    }
}

@media screen and (max-width:767px) {
    .dataTables_wrapper {
        overflow: auto
    }
}

.box-statistics .box-header.with-border {
    margin-bottom: 10px !important
}

#LapsePairReport_wrapper #LapsePairReport {
    background-color: var(--table-odd) !important
}

.poppy_filter h1 {
    font-weight: 500 !important
}

#tbTree td {
    vertical-align: top !important
}

.wwsearch .btn.search-box-button {
    right: 0px !important;
    top: 1px !important
}

@media (max-width:600px) {
    .wwsearch .btn.search-box-button {
        right: -30px !important;
        top: 2px !important
    }
}

@media (min-width:360px) and (max-width:599px) {
    .wwsearch .btn.search-box-button {
        right: 8px !important;
        top: 4px !important
    }
}

.epinvadd {
    padding-top: 20px !important
}

#upPosstion {
    display: block !important
}

@media (max-width:2000px) and (min-width:780px) {
    .newMatrix .genoMainPopCont {
        min-width: 401px !important
    }

    .newm {
        width: 40% !important
    }

    .matrixp {
        width: 40% !important;
        height: 60%
    }

    .valm {
        width: 60% !important
    }

    .newMatrix {
        border: 3px solid #ddd;
        color: #000;
        background: #fff;
        border-radius: 3px;
        margin-top: 40px;
        min-width: 100px !important
    }

    .matrixclose {
        width: 38% !important
    }
}

bar-notify {
    margin: 30% 0 !important
}

@media screen and (max-width:1024px) {
    .bar-notify {
    }
}

@media (min-width:1600px) {
    .item-box .product-item .picture {
        height: 310px !important
    }
}

a {
    cursor: pointer !important
}

input[type="checkbox"] {
    cursor: pointer !important
}

.search-box > .navbar-form {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (width:600px) {
    .search-box .search-nav {
        width: 170px !important
    }
}

.vf-wrapper {
    border-radius: 20px !important;
    box-shadow: var(--card-shadow) !important;
    border: 0 solid var(--card-border) !important;
    margin-bottom: 20px;
    display: flex;
    vertical-align: middle;
    margin-top: 15%
}

    .vf-wrapper .col-sm-6, .vf-wrapper col-md-6 {
        padding-left: 0px !important;
        padding-right: 0px !important
    }

.new-wrapper.register-block .text {
    color: var(--white) !important
}

.new-wrapper.register-block fieldset legend {
    color: var(--white) !important
}

.hand-cursor {
    cursor: pointer
}

.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/login-form-bg.jpg) no-repeat center center / cover;
    filter: blur(10px);
    z-index: -1
}

.foreground {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    padding: 20px
}

    .foreground img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto
    }

.login-form-bg {
    background: url(../images/login-form-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #fff;
    min-height: 100%
}

.left-col, .right-col {
    min-height: 100%;
    height: auto
}

.col-mid {
    display: flex
}

.hint {
    padding-bottom: 10px
}

.toggle-box {
    display: none
}

    .toggle-box + label {
        cursor: pointer;
        display: block;
        font-weight: 700;
        line-height: 21px;
        margin-bottom: 5px
    }

        .toggle-box + label + div {
            display: none;
            margin-bottom: 10px
        }

    .toggle-box:checked + label + div {
        display: block
    }

    .toggle-box + label:before {
        background-color: #4f5150;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        color: #fff;
        content: "+";
        display: block;
        float: left;
        font-weight: 700;
        height: 20px;
        line-height: 20px;
        margin-right: 5px;
        text-align: center;
        width: 20px
    }

    .toggle-box:checked + label:before {
        content: "\2212"
    }

.new-billing-address .small-heading, .new-shipping-address .small-heading {
    padding-bottom: 5px;
    display: flex
}

.side-margin {
    margin: 0 10% !important
}

@media (max-width:600px) {
    .vf-wrapper {
        flex-direction: column
    }

    #progressbar li:after {
        content: "";
        width: 100%;
        height: 0;
        background: lightgray;
        position: absolute;
        left: 1;
        top: 20px;
        z-index: -1
    }

    .login-form-bg {
        min-height: 300px
    }

    .checkout-as-guest-or-register-block {
        border-radius: 0 0 20px 20px !important
    }

    .item-box .product-item .picture {
        height: 360px !important
    }
}

@media (max-width:360px) {
    .item-box .product-item .picture {
        height: 280px !important
    }
}

@media (max-width) {
    .product a {
        font-size: 14px
    }
}

.unpublishedOutofStockMessage {
    color: #cd0202 !important;
    animation: blink 1s infinite
}

@keyframes blink {
    50% {
        opacity: 0
    }
}

#VideoGallery .eventbcakbtn > a {
    display: inline-block;
    font-size: 100%;
    padding: 10px;
    background: var(--footer-upper);
    margin: 5px 0;
    color: #fff !important
}

@media(min-width:480px) and (max-width:480px) {
    .ccMenu a {
        margin-bottom: 3% !important;
    }
}

#remove-avatar2, #remove-avatar {
    min-width: 28px !important;
    border-radius: var(--button-border-radius) !important;
}
.search-box {
    display: none !important;
}