.everlock-theme {
    --theme-color: #27357B;
    --header-color: #2b7fd7;

}

/* Body */

body {
    font-family: "Montserrat", sans-serif;
    position: relative;
    background: #fff;
    font-size: 14px
}

body.christmas .dark-light {
    display: none
}

body.christmas section {
    overflow: hidden
}

body.mulish-font {
    font-family: "Mulish", sans-serif
}

h1 {
    font-size: 60px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase
}

h1 span {
    font-size: 107px;
    font-weight: 700;
    color: var(--theme-color)
}

h2 {
    font-size: 36px;
    color: #222;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em
}

h3 {
    font-size: 24px;
    font-weight: 400;
    color: #777;
    letter-spacing: 0.03em
}

h4 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1
}

h5 {
    font-size: 16px;
    font-weight: 400;
    color: #222;
    line-height: 24px;
    letter-spacing: 0.05em
}

h6 {
    font-size: 14px;
    font-weight: 400;
    color: #777;
    line-height: 24px
}

ul {
    padding-left: 0;
    margin-bottom: 0
}

li {
    display: inline-block
}

p {
    font-size: 14px;
    color: #777;
    line-height: 20px
}

a {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

a:focus {
    outline: none
}

button:focus {
    outline: none
}

.btn-close:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

label {
    margin-bottom: 0.5rem
}

:focus {
    outline: none
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ced4da
}

.font-cormorant {
    font-family: Cormorant, sans-serif
}

.font-fraunces {
    font-family: "Fraunces", serif
}

.font-courgette {
    font-family: "Courgette", cursive;
    text-transform: capitalize !important
}

.text-theme {
    color: var(--theme-color) !important
}

.bg-success-10 {
    background-color: rgba(25, 135, 84, 0.1) !important
}

.bg-secondary-10 {
    background-color: rgba(108, 117, 125, 0.1) !important
}

.bg-danger-10 {
    background-color: rgba(220, 53, 69, 0.1) !important
}

.form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

section, .section-t-space {
    padding-top: calc(30px + (70 - 30) * ((100vw - 320px) / (1920 - 320)))
}

.section-b-space {
    padding-bottom: calc(30px + (70 - 30) * ((100vw - 320px) / (1920 - 320)))
}

.large-section {
    padding-top: 120px;
    padding-bottom: 120px
}

hr.style1 {
    width: 75px;
    height: 3px;
    margin-top: 13px;
    background-color: var(--theme-color);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    border: none
}

.table > :not(caption) > * > * {
    background-color: transparent
}

.opacity-1 {
    opacity: 1 !important
}

.form-control {
    border-radius: 0
}

.small-section {
    padding-top: 35px;
    padding-bottom: 35px
}

.banner-padding {
    padding-top: 30px
}

.border-section {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.border-b {
    border-bottom: 1px solid #38352f
}

.border-bottom-grey {
    border-bottom: 1px solid #efefef
}

.border-top-grey {
    border-top: 1px solid #efefef
}

.darken-layout {
    background-color: #212121
}

.dark-layout {
    background-color: #2d2a25
}

.light-layout {
    background-color: #f9f9f9
}

.white-layout {
    background-color: #fff
}

.bg-light0 {
    background-color: #d0edff
}

.bg-light1 {
    background-color: #f1e7e6
}

.bg-light2 {
    background-color: #bfbfbf
}

.bg-color1 {
    background-color: #c6c6c6
}

.bg-color2 {
    background-color: #ab5252
}

.bg-color3 {
    background-color: #6d6d6d
}

.bg-blog {
    background-color: #eee
}

.bg-grey {
    background-color: #f7f7f7
}

.bg_cls {
    background-color: #fafafa
}

.bg_cls .basic-product.theme-product-11 {
    background-color: #fff
}

.bg-loader {
    background-color: #f3f3f3
}

.badge-theme-color {
    background-color: var(--theme-color);
    color: #fff
}

.badge-grey-color {
    background-color: #929292;
    color: #fff
}

.overflow-hidden {
    overflow: hidden
}

del {
    font-size: 14px;
    color: #aaa;
    font-weight: 400
}

.position-unset {
    position: unset !important
}

[data-notify="progressbar"] {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px
}

.progress-bar {
    background-color: #19a340
}

.progress-bar-info {
    background-color: #00829a
}

.container-fluid.custom-container {
    padding-left: 90px;
    padding-right: 90px
}

.left-sidebar_space {
    padding-left: 300px
}

.space_sm {
    padding-left: 240px;
    padding-top: 74px !important
}

.left-sidebar_space-xl {
    padding-left: 380px
}

.background-transparent {
    background-color: transparent !important
}

.bg-overlay {
    background-blend-mode: overlay;
    background-color: rgba(250, 250, 250, 0.98)
}

.bg-blue-light {
    background-color: rgba(40, 115, 239, 0.06)
}

.bg-theme {
    background-color: var(--theme-color);
    background-color: var(--theme-color2)
}

.blur-up {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transition: filter 400ms, -webkit-filter 400ms
}

.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0)
}

.margin-default {
    margin-bottom: -30px
}

.margin-default > div {
    margin-bottom: 30px
}

.margin-default.no-slider .product-box {
    margin-bottom: 30px !important
}

.pl-section {
    padding-left: 310px
}

.section-white section {
    background-color: #fff
}

.w-80 {
    width: 80% !important
}

.fz-16 {
    font-size: 16px
}

.form-group {
    margin-bottom: 15px
}

.form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-group-prepend, .input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.breadcrumb {
    padding: 0.75rem 1rem
}

.row div[class*="col-"], .row .col {
    position: relative
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sticky-top-section {
    position: sticky;
    top: 150px;
    z-index: 1
}

.bg-skin {
    background-color: #fbf8f4 !important
}

.bg-credit, .bg-completed {
    color: #2f8733;
    background-color: #2f87331a;
    border: 1px solid rgba(47, 135, 51, 0.541176)
}

.bg-debit, .bg-cancelled {
    color: #dc3545;
    background-color: #dc35451a;
    border: 1px solid rgba(220, 53, 69, 0.541)
}

.bg-pending {
    color: #ffc107;
    background-color: #ffc1071a;
    border: 1px solid rgba(255, 193, 7, 0.541)
}

::-webkit-inner-spin-button {
    display: none
}

.justify-content-unset {
    -webkit-box-pack: unset !important;
    -ms-flex-pack: unset !important;
    justify-content: unset !important
}

/* Header */

header.header-style .top-header .header-dropdown > li {
    padding: 10px 0 15px 10px
}



header.header-style .onhover-div .show-div {
    top: 53px
}

header.header-style .onhover-dropdown:before {
    opacity: 0
}

.header-blue{
    background-color: var(--header-color) !important;
}

.header-style .form_search {
    border-radius: 0
}

.header-style .bottom-part {
    background-color: #4d4d4d
}

.header-style .bottom-part .category-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-style .bottom-part .category-menu .toggle-sidebar {
    background-color: var(--theme-color);
    display: block !important;
    width: 100%;
    text-align: center;
    height: 100%;
    padding-top: 18px;
    color: #fff;
    cursor: pointer
}

.header-style .bottom-part .category-menu .toggle-sidebar i {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px
}

.header-style .bottom-part .category-menu .toggle-sidebar h5 {
    display: inline-block;
    color: #fff;
    font-size: 19px;
    text-transform: capitalize
}

.header-style .bottom-part .pixelstrap > li > a {
    color: #fff
}

.header-style .bottom-part .pixelstrap > li > a:hover, .header-style .bottom-part .pixelstrap > li > a:active {
    color: #fff
}

.header-style .bottom-part.bottom-light {
    background-color: transparent;
    padding-top: 16px;
    border-top: 1px solid #eee
}

.header-style .bottom-part.bottom-light .category-menu .toggle-sidebar {
    padding-top: 12px
}

.header-style .bottom-part.bottom-light .main-nav-center .sm > li > a {
    padding-top: 14px;
    padding-bottom: 14px
}

.header-style .bottom-part.bottom-light .pixelstrap > li > a {
    color: #fff;
    font-weight: bold;
}

.header-style .bottom-part.bottom-light .pixelstrap > li > a:hover, .header-style .bottom-part.bottom-light .pixelstrap > li > a:active {
    color: #dd322c;
    text-decoration-line: underline;
}

.header-style.style-light .bottom-part .category-menu .toggle-sidebar {
    color: #fff;
    background-color: #dd322c;
    border: 1px solid #eee;
    border-top: none;
    border-bottom: none;
    padding-top: 18px
}

.header-style.style-light .bottom-part .category-menu .toggle-sidebar h5 {
    color: #fff;
    font-weight: 600
}

.header-style.style-light .bottom-part.bottom-light {
    padding-top: 0
}

.header-style.style-light .bottom-part.bottom-light .main-nav-center .sm > li > a {
    padding-block: 20px
}

.header-style.color-style {
    background-color: var(--theme-color)
}

.header-style.color-style .form_search {
    border-radius: 0
}

.header-style.color-style .form_search button {
    background-color: var(--theme-color)
}

.header-style.color-style .form_search button i {
    color: #fff
}

.header-style.color-style .cart_qty_cls {
    background: var(--theme-color)
}

.header-style.color-style .toggle-nav {
    padding-top: 30px;
    padding-bottom: 30px
}

.header-style.color-style .top-header .header-dropdown li a i {
    font-size: calc(21px + (25 - 21) * ((100vw - 320px) / (1920 - 320)));
    color: #d5d5d5
}

.header-style.color-style .main-menu .menu-left .navbar i {
    color: #fff
}

.header-style.color-style .main-menu .menu-right .icon-nav li img {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.header-style.color-style .main-menu .menu-right .icon-nav li i {
    font-size: calc(21px + (25 - 21) * ((100vw - 320px) / (1920 - 320)));
    color: #d5d5d5
}

.header-style.color-style .main-menu .menu-right .icon-nav li ul img {
    -webkit-filter: invert(0);
    filter: invert(0)
}

.header-style.color-style .main-menu .brand-logo {
    padding-top: 25px;
    padding-bottom: 25px
}

.header-style.color-style .main-menu .onhover-div {
    padding-top: 30px;
    padding-bottom: 30px
}

.header-style.color-style .top-header {
    background-color: var(--theme-color)
}

.header-style.color-style .top-header.top-header-theme {
    background-color: var(--theme-color);
    border-bottom: 1px solid #506177
}

.header-style.color-style .top-header.top-header-theme .header-contact li i {
    font-size: 15px
}

.header-style.color-style .top-header .header-dropdown > li {
    padding: 30px 25px;
    padding-right: 0
}

.header-style.color-style .bottom-part {
    background-color: var(--theme-color)
}

.header-style.color-style .bottom-part .pixelstrap.sm-vertical > li > a {
    color: #222
}

.header-style.color-style .bottom-part .pixelstrap.sm-vertical > li > a:hover, .header-style.color-style .bottom-part .pixelstrap.sm-vertical > li > a:active {
    color: #222
}

.header-style.color-style .bottom-part .category-menu .toggle-sidebar {
    background-color: var(--theme-color);
    padding-top: 12px
}

.header-style.color-style .header-options span {
    background: none;
    color: rgba(255, 255, 255, 0.85);
    -webkit-text-fill-color: unset
}

.header-style.color-style.style-classic .form_search {
    border-radius: 0
}

.header-style.color-style.style-classic .form_search button {
    border-radius: 0
}

.header-style.color-style.style-classic .bottom-part {
    background-color: transparent;
    margin-bottom: -20px;
    position: relative;
    z-index: 1
}

.header-style.color-style.style-classic .bottom-part .category-menu .toggle-sidebar {
    padding-top: 18px
}

.header-style.color-style.style-classic .bottom-part .main-nav-center .sm > li > a {
    padding-top: 20px;
    padding-bottom: 20px
}

.header-style.color-style.style-classic .bottom-part .container {
    padding: 0;
    background-color: #fff
}

.header-style.color-style.style-classic .bottom-part .pixelstrap > li > a {
    color: #222
}

.header-style.color-style.style-classic .bottom-part .pixelstrap > li > a:hover, .header-style.color-style.style-classic .bottom-part .pixelstrap > li > a:active {
    color: #222
}

.header-style.color-style.style-classic .main-menu .brand-logo {
    padding-top: 35px;
    padding-bottom: 35px
}

.header-style.color-style.style-classic .top-header .header-dropdown > li {
    padding: 15px 25px;
    padding-right: 0
}

.header-style.border-style .bottom-part.bottom-light {
    border-bottom: 1px solid #eee;
    border-top: none;
    padding-top: 0
}

.header-style.border-style .main-menu {
    z-index: 1
}

.header-style.border-style .main-menu .brand-logo {
    padding-top: 10px;
    padding-bottom: 10px
}

.header-style.border-style .main-menu .menu-right .icon-nav > li {
    padding-top: 30px;
    padding-bottom: 30px
}

.header-style.border-style .onhover-div {
    padding-top: 25px;
    padding-bottom: 25px
}

.header-style.border-style .onhover-div .show-div {
    top: 83px
}

.top-header.top-header-dark2 {
    background-color: #184c8d
}

.top-header.top-header-dark2 .header-contact li {
    color: #cecece
}

.top-header.top-header-dark2 .header-contact li i {
    color: #cecece
}

.top-header.top-header-dark2 .header-dropdown li {
    color: #cecece
}

.top-header.top-header-dark2 .header-dropdown li a {
    color: #cecece
}

.top-header.top-header-dark2 .header-dropdown li a i {
    color: #cecece
}

.top-header.top-header-dark2 .header-dropdown li a:hover i {
    color: var(--theme-color)
}

@media (max-width: 1199px) {
    .top-header .header-contact li {
        padding-right: 20px
    }
}
.top-header .header-contact li i {
    color: var(--theme-color);
    padding-right: 10px
}

.top-header .header-dropdown li {
    cursor: pointer;
    color: #d9d9d9;
    padding: 10px 25px;
    padding-right: 0
}

.top-header .header-dropdown li:first-child {
    padding-right: 0;
    line-height: 1;
    font-size: 16px
}

.top-header .header-dropdown li a {
    text-transform: capitalize;
    color: #d9d9d9
}

.top-header .header-dropdown li i {
    padding-right: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.top-header .header-dropdown li ul li {
    padding-top: 0;
    padding-bottom: 0
}

.top-header .header-dropdown li a i {
    color: #d9d9d9;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.top-header .header-dropdown li a:hover i {
    color: var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.top-header .header-dropdown li:hover i {
    color: var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.top-header .header-dropdown .onhover-dropdown .onhover-show-div li {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    padding-bottom: 5px
}

.top-header .header-dropdown .onhover-dropdown .onhover-show-div li:last-child {
    padding-bottom: 0
}

.top-header .header-dropdown .onhover-dropdown .onhover-show-div li a {
    color: #333
}

.top-header.top-header-dark {
    background-color: #222
}

.top-header.top-header-dark .header-contact li {
    color: rgba(255, 255, 255, 0.8)
}

.top-header.top-header-dark .header-contact li i {
    color: rgba(255, 255, 255, 0.8)
}

.top-header.top-header-dark .header-dropdown li {
    color: rgba(255, 255, 255, 0.8)
}

.top-header.top-header-dark .header-dropdown li a {
    color: rgba(255, 255, 255, 0.8)
}

.top-header.top-header-dark .header-dropdown li a i {
    color: rgba(255, 255, 255, 0.8)
}

.top-header.top-header-dark .header-dropdown li a:hover i {
    color: var(--theme-color)
}

.dark .top-header .header-contact li {
    color: #cfd4da
}

.dark .top-header .header-dropdown li {
    color: #cfd4da
}

.dark .top-header .header-dropdown li a i {
    color: #cfd4da !important
}

.dark .top-header .header-dropdown .onhover-dropdown .onhover-show-div li a {
    color: #cbcbcb
}

.dark .top-header.top-header-dark .header-dropdown li a {
    color: #cbcbcb
}

.dark .top-header.top-header-dark .header-contact li i {
    color: #cbcbcb
}

.hover-unset {
    position: static !important
}

.sidebar-overlay {
    visibility: hidden;
    opacity: 0;
    background-color: #212331;
    position: fixed;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.sidebar-overlay.show {
    opacity: 0.8;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.onhover-dropdown {
    position: relative;
    font-size: 14px
}

.onhover-dropdown .onhover-show-div {
    top: 28px;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    min-width: 160px;
    text-align: left;
    -webkit-box-shadow: 0px 1px 2px 0px #cacaca;
    box-shadow: 0px 1px 2px 0px #cacaca;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    right: 0;
    padding: 15px 20px;
    border-radius: 0 !important
}

.onhover-dropdown .onhover-show-div.product-page-full {
    z-index: 99999
}

.onhover-dropdown:hover .onhover-show-div {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible
}

.onhover-div {
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px;
    font-family: Lato, sans-serif
}

.onhover-div img, .onhover-div i {
    cursor: pointer
}

.onhover-div .show-div {
    top: 103px;
    position: absolute;
    z-index: 9;
    background-color: #fff;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    min-width: 236px;
    text-align: left;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    right: 0;
    padding: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 0 8px #ddd;
    box-shadow: 0 0 8px #ddd
}

.onhover-div:hover .show-div {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible
}



     /* Main menu */

.main-menu {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 2px;
    z-index: 8;

}

.main-menu > div {
    display: flex;
    align-items: center;
    width: 100%;
}

.d-flex {
    flex: 1;
    gap: 3px;
}



.main-menu.product-full-page {
    z-index: 9999
}

.main-menu .brand-logo {
    display: inline-block;
    padding-block: calc(15px + (35 - 15) * ((100vw - 320px) / (1920 - 320)));
    padding: 10px 0;

}

.main-menu .brand-logo img {
    width: 200px;
    height: auto;

}

.main-menu .menu-left {
    display: flex;
    align-items: center;

}

.main-menu .menu-left .navbar {
    display: inline-block;
    padding: 35px 25px 35px 0
}

.main-menu .menu-left .navbar .bar-style {
    line-height: 1
}

.main-menu .menu-left .navbar i {
    font-size: 28px;
    color: #fff;
    cursor: pointer;
    line-height: 1;
    font-weight: 400
}

.main-menu .menu-left .navbar.white-navbar i {
    color: #fff
}

.main-menu .menu-left.around-border .navbar > a {
    padding: 0
}

.main-menu .menu-left.category-nav-right .navbar {
    padding-right: 0;
    padding-left: 45px
}

.main-menu .menu-left.category-nav-right .navbar > a {
    padding: 0
}

.main-menu .menu-left.category-nav-right .navbar i {
    color: #938d8c
}

.main-menu .menu-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: right;
    margin-left: 2px;

}

.main-menu .menu-right .icon-nav {
    display: inline-block;
    align-items: center;

}

.main-menu .menu-right .icon-nav li {
    padding-left: 2px;
    padding-block: calc(15px + 15 * (100vw - 575px) / 1345)
}

.main-menu .menu-right .icon-nav li i {
    font-size: calc(21px + (25 - 21) * ((100vw - 320px) / (1920 - 320)));
    color: #fff;
    font-weight: 400
}

.main-menu .menu-right .icon-nav .delivery-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-menu .menu-right .icon-nav .delivery-area > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 5px
}

.main-menu .menu-right .icon-nav .delivery-area i {
    margin-right: 5px;
    font-size: 16px;
    color: #fff
}

.main-menu .menu-right .icon-nav .delivery-area h6 {
    margin-bottom: 0;
    color: #fff;
    font-size: 16px
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart {
    padding: 15px 15px;
    min-width: 270px;
    left: unset;
    right: 0
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li {
    position: relative;
    padding-bottom: 10px;
    width: 100%
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li:last-child {
    padding-bottom: 0
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media img {
    height: 90px
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body {
    -ms-flex-item-align: center;
    align-self: center
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body h4 {
    color: #333
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body h4 span {
    color: #777;
    font-size: 16px
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle {
    position: absolute;
    top: 0;
    right: 0
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle i {
    color: #a1a1a1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle i:hover {
    color: #000;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total {
    border-top: 1px solid #f1f5f4;
    border-bottom: 1px solid #f1f5f4;
    padding-top: 10px;
    padding-bottom: 10px
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total h5 {
    text-transform: capitalize;
    margin-bottom: 0;
    color: #999
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total h5 span {
    float: right
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a {
    font-size: 16px;
    color: #333;
    text-transform: capitalize;
    font-weight: 700
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a:hover {
    color: var(--theme-color)
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons .checkout {
    float: right
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.setting {
    padding: 15px 20px 20px;
    min-width: 175px;
    right: 0;
    left: unset
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.setting h6 {
    font-size: 16px;
    text-transform: capitalize;
    color: #333;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 5px
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.setting h6:first-child {
    margin-top: 0
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.setting ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0;
    padding-left: 17px;
    padding-top: 5px
}

.main-menu .menu-right .icon-nav .onhover-div .show-div.setting ul li a {
    color: #333;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize
}

.main-menu .menu-right .icon-nav .onhover-div .show-div li {
    padding: 0
}

.main-menu .menu-right .icon-nav .onhover-div .show-div li .form-control {
    border-radius: 0
}

.main-menu .menu-right .icon-nav .onhover-div .show-div li .form-control:focus {
    border: 1px solid #ced4da;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-menu .menu-right .icon-nav .onhover-div .show-div li .search-btn {
    padding: 8px 12px;
    background-color: var(--theme-color);
    color: #fff
}

.main-menu .menu-right .icon-nav.white-icon .onhover-div img {
    -webkit-filter: brightness(5);
    filter: brightness(5)
}

.main-menu .menu-right .icon-nav.white-icon .onhover-div .show-div img {
    -webkit-filter: none;
    filter: none
}



/* Footer */
.darken-layout {
    background-color: #184c8d !important;
}


/* Form Search */

.form_search {
    height: 45px;
    overflow: hidden;
    position: relative;
    max-width: 1000px;
    background-color: #f5f5f5;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px #e2e2e2;
    box-shadow: 0 0 0 1px #e2e2e2;
    width: 100%;
    margin: 0 auto;

}

.form_search input {
    width: 100%;
    height: 45px;
    font-size: 16px;
    color: darkgrey;
    border: none;
    outline: none;
    background: none;
    padding: 0 10px;
    border-radius:12px;
}

.form_search button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 35px;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form_search button i {
    font-size: 18px;
    color: #d83647;
}

.vehicle-form {
    grid-column: 1 / -1;
    z-index: 1000;
    background-color: var(--header-color);
    padding: 5px 15px 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;

}

.vehicle-form form {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 1000px;
    width: 100%;
    flex-wrap: nowrap;
    min-width: min-content;

}


.vehicle-form .form-group {
    flex: 1;
    margin: 0;
    min-width: 100px;

}

.vehicle-form .col-3 {
    padding: 0;
    width: auto;
    flex: 1;
    min-width: 100px;

}

.vehicle-form .col-auto {
    padding: 0;
    width: auto;
    min-width: fit-content;

}


.vehicle-form .form-select {
    width: 100%;
    height: 38px;
}

.vehicle-form .loading-text {
    position: absolute;
    font-size: 12px;
    color: #fff;
    margin-top: 4px;
}

.vehicle-form .btn {
    height: 38px;
}





/* Side Bar (Category Menu) */

.sidenav {
    height: 100vh;
    width: 400px;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: -400px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.sidenav .sidebar-back {
    padding: calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320))) calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
    cursor: pointer
}

.sidenav nav {
    background-color: #fff;
    z-index: 9;
    position: relative;
    height: 100vh;
    top: 0;
    overflow-y: auto
}

.sidenav nav > .pixelstrap > li > .has-submenu, .sidenav nav > .pixelstrap > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    padding: 9px 23px
}

.sidenav nav > .pixelstrap > li > .has-submenu:hover, .sidenav nav > .pixelstrap > li > a:hover {
    padding: 9px 23px
}

.sidenav nav > .pixelstrap > li > .has-submenu .sub-arrow, .sidenav nav > .pixelstrap > li > a .sub-arrow {
    position: relative;
    inset: unset;
    margin: 0;
    width: auto;
    height: auto
}

.sidenav nav > .pixelstrap > li > .has-submenu .sub-arrow::before, .sidenav nav > .pixelstrap > li > a .sub-arrow::before {
    position: relative;
    inset: unset
}

.sidenav.open-side {
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.sidenav.open-side .sidebar-overlay {
    opacity: 0.8;
    visibility: visible
}

.sidenav .sidebar-overlay {
    visibility: hidden;
    opacity: 0;
    background-color: #212331;
    position: fixed;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transition: all 1s;
    transition: all 1s
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    font-size: 36px;
    margin-left: 50px;
    margin-top: 50px;
    color: #938d8c
}

.sidenav .pixelstrap li a {
    padding: 10px 50px 20px 40px
}

.sidenav .pixelstrap li ul li a {
    padding: 5px 35px
}

.sidenav .pixelstrap li ul li a:active, .sidenav .pixelstrap li ul li a:focus, .sidenav .pixelstrap li ul li a.highlighted {
    padding: 5px 35px
}

.sidenav .pixelstrap li .clothing-menu li a {
    padding: 5px 0 !important
}

.sidenav .pixelstrap li .clothing-menu li a:focus {
    font-size: 14px
}

.sidenav .pixelstrap li .clothing-menu li a:hover {
    font-size: 14px;
    padding: 5px 0
}

.sidenav .pixelstrap li .clothing-menu li a:focus, .sidenav .pixelstrap li .clothing-menu li a:hover {
    padding: 5px 0 !important
}


.mega-box .link-section {
    margin-top: -15px
}

.mega-box .link-section .demo ul li a {
    position: relative
}

.mega-box .link-section .demo ul li a:hover, .mega-box .link-section .demo ul li a:focus {
    padding-top: 3px;
    padding-bottom: 3px
}

.mega-box .link-section .demo .new {
    position: absolute;
    top: -8px;
    right: 0px;
    color: #fff;
    background-color: var(--theme-color);
    padding: 2px 7px;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 1.3
}

.mega-box .link-section .demo .title {
    border-bottom: 2px solid red !important
}

.mega-box .link-section .menu-title {
    margin-top: 15px
}

@media (min-width: 1200px) {
    .toggle-nav {
        display: none
    }

    .center-margin {
        margin-right: -30px
    }

    .sm-vertical li ul li a .sub-arrow {
        margin-top: -15px !important
    }

    .mobile-back {
        display: none !important
    }

    .pixelstrap ul {
        position: absolute;
        width: 26em !important
    }

    .pixelstrap li {
        position: relative;
        float: left
    }

    .pixelstrap.sm-rtl li {
        float: right
    }

    .pixelstrap ul li, .pixelstrap.sm-rtl ul li, .pixelstrap.sm-vertical li {
        float: none
    }

    .pixelstrap a {
        white-space: nowrap
    }

    .pixelstrap ul a, .pixelstrap.sm-vertical a {
        white-space: normal
    }

    .pixelstrap .sm-nowrap > li > a {
        z-index: 0
    }

    .pixelstrap .sm-nowrap > li > a::before {
        left: 35px;
        bottom: 5px
    }

    .pixelstrap .sm-nowrap > li > a:hover::before {
        width: 50px
    }

    .pixelstrap .sm-nowrap > li > a, .pixelstrap .sm-nowrap > li > :not(ul) a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .pixelstrap .sm-nowrap > li > a.highlighted, .pixelstrap .sm-nowrap > li > :not(ul) a.highlighted {
        white-space: nowrap
    }

    .pixelstrap ul {
        -webkit-box-shadow: 0 1px 6px 0 #ebebeb;
        box-shadow: 0 1px 6px 0 #ebebeb
    }


    .pixelstrap .category-menu.center-menu {
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .pixelstrap a .sub-arrow::before {
        content: "\ea4e";
        font-family: remixicon;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        position: absolute
    }

    .pixelstrap ul {
        border: none;
        padding: 15px 0px 15px 0px;
        background: #fff
    }

    .pixelstrap ul ul {
        background: #fff
    }

    .pixelstrap ul a {
        position: relative
    }

    .pixelstrap ul a:before {
        content: "";
        position: absolute;
        width: 0;
        height: 4px;
        bottom: 2px;
        left: 0;
        background-color: var(--theme-color);
        opacity: 0.3;
        border-radius: 50px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        z-index: -1
    }

    .pixelstrap ul a, .pixelstrap ul a:hover, .pixelstrap ul a:focus, .pixelstrap ul a:active, .pixelstrap ul a.highlighted {
        border: 0 !important;
        background: rgba(0, 0, 0, 0);
        color: #222;
        border-radius: 0 !important;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        padding: 5px 35px
    }

    .pixelstrap ul a .sub-arrow:before {
        content: "\ea6e";
        font-family: remixicon;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        position: absolute
    }

    .pixelstrap ul li {
        border: 0
    }

    .pixelstrap .scroll-up, .pixelstrap .scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #fff;
        height: 20px
    }

    .pixelstrap .scroll-up-arrow, .pixelstrap .scroll-down-arrow {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #e9793a transparent
    }

    .pixelstrap .scroll-down-arrow {
        top: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #e9793a transparent transparent transparent
    }

    .pixelstrap.sm-rtl.sm-vertical a .sub-arrow:before {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute
    }

    .pixelstrap.sm-rtl > li:first-child {
        border-left: 1px solid #e9793a
    }

    .pixelstrap.sm-rtl > li:last-child {
        border-left: 0
    }

    .pixelstrap.sm-rtl ul a .sub-arrow {
        right: auto;
        left: 10px
    }

    .pixelstrap.sm-vertical a {
        padding: 9px 23px
    }

    .pixelstrap.sm-vertical a .sub-arrow:before {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute
    }

    .pixelstrap.sm-vertical > li {
        border-left: 0 !important
    }

    .main-nav-center > nav {
        text-align: center
    }

    .main-nav-center .sm {
        display: inline-block;
        vertical-align: middle
    }

    .main-nav-center .sm > li .lable-nav {
        top: -6px
    }

    .main-nav-center .sm > li > a {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .main-nav-center .sm > li > a > span.sub-arrow {
        display: ruby-text-container
    }


}

@media (max-width: 1199px) {

    .main-menu .brand-logo img {
        width: 106px;
    }

    .hover-unset {
        position: fixed !important
    }

    .modern-box {
        padding: 25px 20px
    }

    .vendor-profile .profile-left .vendor-contact {
        width: 30%
    }

    .theme-card h5 {
        font-size: 14px
    }

    .custom-container {
        padding-left: 40px;
        padding-right: 40px
    }

    .space_sm {
        padding-left: 0
    }

    .p-0-xl {
        padding: 0
    }

    .center-slider-bicycle.product-m .slick-slide > div {
        margin: 0
    }

    .center-slider-bicycle .slick-prev, .center-slider-bicycle .slick-next {
        display: none
    }

    header.header-gym .pixelstrap > li > a {
        color: black !important;
        padding: 10px 15px
    }

    header.header-gym .pixelstrap > li > a:hover, header.header-gym .pixelstrap > li > a:focus, header.header-gym .pixelstrap > li > a:active {
        padding: 10px 15px
    }

    header.left-header.left-header-relative {
        height: 100%;
        z-index: 9;
        height: 0
    }

    header.left-header.left-header-relative .pixelstrap ul ul {
        background: transparent
    }

    header.left-header.left-header-relative .pixelstrap a .sub-arrow {
        display: block
    }

    header.left-header.left-header-relative .pixelstrap > li > a {
        text-align: left;
        padding: 10px 25px
    }

    header.left-header.left-header-relative .pixelstrap > li > a:hover, header.left-header.left-header-relative .pixelstrap > li > a:focus, header.left-header.left-header-relative .pixelstrap > li > a.highlighted {
        padding: 10px 25px
    }

    header.left-header.left-header-relative .sidenav {
        position: fixed;
        left: -300px;
        width: 300px;
        top: 0;
        z-index: 10;
        height: 100vh;
        -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25)
    }

    header.left-header.left-header-relative .sidenav nav {
        height: 100%
    }

    header.left-header.left-header-relative .sidenav .sidebar-overlay {
        z-index: -1
    }

    header.left-header.left-header-relative .sidenav.open-side {
        left: 0
    }

    header.left-header.left-header-relative .sidenav .left-sidebar_center {
        padding: 0 0 25px 25px
    }

    header.left-header.left-header-sm .sidenav {
        left: -300px;
        top: 0;
        width: 300px
    }

    header.left-header.left-header-sm .sidenav .sidebar-back {
        margin-bottom: 0
    }

    header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap a .sub-arrow {
        display: block
    }

    header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap > li > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        padding: 10px 25px;
        font-size: 14px
    }

    header.left-header.left-header-sm .sidenav .left-sidebar_center .pixelstrap > li > a img {
        margin-left: 0;
        margin-right: 12px !important;
        width: 38px
    }

    header.left-header.left-header-sm.open-side .sidenav {
        left: 0
    }

    header.header-tools .pixelstrap.sm-horizontal li .lable-nav {
        top: -8px
    }

    header.header-5.overlay-style .pixelstrap > li > a, header.header-5.overlay-style .pixelstrap > li > a:hover, header.header-5.overlay-style .pixelstrap > li > a:active {
        color: black
    }

    .main-menu .menu-left .navbar {
        padding: 30px 2px 30px 0
    }

    .header-style-1 .toggle-nav {
        position: absolute;
        top: -55px;
        padding: 0;
        left: 0;
        z-index: 2
    }

    .header-style-1 .bg-light-xl {
        background-color: #f8f9fa !important
    }

    .header-style-1.sticky .toggle-nav {
        top: -49px
    }

    .header-style-2 .main-nav-center .toggle-nav {
        right: unset;
        left: 0
    }

    .header-style-2 .main-nav-center .toggle-nav i {
        color: #fff;
        opacity: 1
    }

    .header-style-2 .main-menu .brand-logo {
        padding-left: 25px
    }

    .header-style-2 .pixelstrap > li > a {
        color: #222
    }

    .header-style-2 .pixelstrap > li > a:focus, .header-style-2 .pixelstrap > li > a.active {
        color: #222
    }

    .header-style-5 .bottom-part {
        height: 0
    }

    .header-style-5 .bottom-part .category-menu .toggle-sidebar {
        padding-bottom: 18px
    }

    .header-style-5 .bottom-part .pixelstrap > li > a {
        color: #222
    }

    .header-style-5 .bottom-part .pixelstrap > li > a:hover, .header-style-5 .bottom-part .pixelstrap > li > a:focus, .header-style-5 .bottom-part .pixelstrap > li > a:active {
        color: #222
    }

    .header-style-5 .bottom-part.bottom-light {
        padding-top: 0;
        border-top: none
    }

    .header-style-5 .bottom-part.bottom-light .marketplace-sidebar.sidenav.fixed-sidebar {
        position: fixed;
        top: 0;
        height: 100vh;
        width: 300px;
        display: block;
        z-index: 9;
        left: -300px
    }

    .header-style-5 .bottom-part.bottom-light .marketplace-sidebar.sidenav.fixed-sidebar .sm-vertical {
        border: none
    }

    .header-style-5 .bottom-part.bottom-light .marketplace-sidebar.sidenav.fixed-sidebar.open-side {
        left: 0
    }

    .header-style-5.style-light .bottom-part.bottom-light .main-nav-center .sm > li > a {
        padding-block: 0
    }

    .header-style-5.border-style .bottom-part.bottom-light {
        border-bottom: none
    }

    .header-style-5.border-style .main-menu .menu-left .navbar {
        padding: 25px 45px 25px 0
    }

    .header-style-5.border-style .main-nav-center .toggle-nav {
        right: 130px;
        top: -98px
    }

    .header-style-5.color-style.style-classic .bottom-part {
        margin-bottom: 0;
        z-index: unset
    }

    .header-style-5.color-style.style-classic .bottom-part .main-nav-center .sm > li > a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .header-style-5.color-style.style-classic .bottom-part .container {
        background-color: transparent;
        padding-left: 15px;
        padding-right: 15px
    }

    .header-style-7 .main-menu .menu-left .navbar {
        padding: 30px 25px 30px 0
    }

    .header-style-7 .main-menu .menu-right .icon-nav .delivery-area > div {
        padding: 8px 18px
    }

    .header-compact .menu-row .delivery-area {
        position: absolute;
        top: -58px;
        left: 200px
    }

    .header-compact .main-menu .brand-logo {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .header-compact .bottom-part {
        padding-bottom: 0
    }

    .header-compact .main-menu {
        z-index: unset
    }

    .header-compact .main-nav-center .toggle-nav {
        top: -91px
    }

    .category-shop-section .category-mobile-button {
        padding: 10px 30px;
        background-color: var(--theme-color);
        color: #fff;
        border-radius: 5px;
        font-size: 16px;
        margin-bottom: 30px
    }

    .category-shop-section .category-mobile-button i {
        margin-right: 8px
    }

    .category-shop-section .sidebar-overlay {
        visibility: hidden;
        opacity: 0;
        background-color: #212331;
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    .category-shop-section .sidebar-overlay.show {
        opacity: 0.8;
        visibility: visible;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out
    }

    .category-shop-section .nav {
        position: fixed;
        left: -320px;
        top: 0;
        width: 280px;
        z-index: 10;
        overflow: auto;
        background-color: #fff;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        display: block;
        padding: 0
    }

    .category-shop-section .nav.show {
        left: 0;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    .category-shop-section .nav .sidebar-back {
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
        padding-bottom: 20px;
        padding-top: 20px
    }

    .banner-offer .collection-banner .contain-banner.banner-3 h2 {
        font-size: 16px
    }

    .shop-sidebar-demo .shop-sidebar .pixelstrap.sm-vertical a {
        padding: 12px 23px
    }

    .shop-sidebar-demo .shop-sidebar .pixelstrap.sm-vertical a img {
        height: 30px;
        width: 30px
    }

    .left-sidebar-header .main-menu .menu-left .navbar {
        padding: 20px 25px 20px 0
    }

    .pt-res-0 {
        padding-top: 0 !important
    }

    .svg-icon-menu .pixelstrap > li > a img {
        width: 30px
    }

    .service-w-bg .service-block .media {
        padding: 20px
    }

    .service-w-bg .service-block svg {
        width: 50px;
        height: 50px
    }

    .service-style-border .service-block svg {
        width: 66px;
        margin-right: 4px
    }

    .service-style-border .service-block .media-body {
        padding-left: 10px
    }

    .marketplace-sidebar.sidenav {
        height: 100vh;
        width: 300px;
        position: fixed;
        z-index: 9;
        top: 0;
        left: -300px
    }

    .marketplace-sidebar.sidenav .sm-vertical {
        background-color: transparent;
        padding: 0
    }

    .marketplace-sidebar.sidenav.open-side {
        left: 0
    }

    .marketplace-sidebar.sidenav.fixed-sidebar {
        display: block;
        height: 100vh;
        width: 300px;
        position: fixed;
        z-index: 9;
        top: 0;
        left: -300px
    }

    .marketplace-sidebar.sidenav.fixed-sidebar .sm-vertical {
        background-color: transparent;
        padding: 0;
        border: none
    }

    .marketplace-sidebar.sidenav.fixed-sidebar.open-side {
        left: 0
    }

    .portfolio-padding {
        padding-bottom: 30px
    }

    .partition1 {
        margin-bottom: -25px
    }

    .partition1 > div {
        margin-bottom: 25px
    }

    .title1 h4 {
        padding-bottom: 8px
    }

    .title1 .title-inner1 {
        padding-bottom: 12px;
        margin-bottom: 25px
    }

    .title1.title5 hr[role="tournament6"] {
        margin: 12px auto 25px auto
    }

    .title2 h4 {
        padding-bottom: 8px
    }

    .title2 .title-inner2 {
        margin-bottom: 25px
    }

    .title3 h4 {
        padding-bottom: 8px
    }

    .title3 .title-inner3 {
        margin-bottom: 10px
    }

    .title3 .line {
        margin-bottom: 25px
    }

    .title4 .title-inner4 {
        padding-bottom: 15px
    }

    .title4 .line {
        margin-bottom: 25px
    }

    .title-borderless {
        margin-bottom: 25px
    }

    footer.footer-black .below-section {
        padding-top: 105px
    }

    header.header-6 .mobile-search {
        display: inline-block
    }

    header.header-7 .main-nav-center .toggle-nav {
        top: -94px
    }

    header.header-7 .pixelstrap.sm-horizontal > li > a {
        color: black
    }

    header.header-7 .pixelstrap.sm-horizontal > li > a:hover, header.header-7 .pixelstrap.sm-horizontal > li > a:active {
        color: var(--theme-color)
    }

    header.header-tools .toggle-nav {
        padding-top: 25px;
        padding-bottom: 25px
    }

    header.header-tools .pixelstrap > li > a {
        padding: 10px 15px !important
    }

    header.header-tools .pixelstrap > li > a:hover, header.header-tools .pixelstrap > li > a:active, header.header-tools .pixelstrap > li > a:focus, header.header-tools .pixelstrap > li > a.highlighted {
        padding: 10px 15px
    }

    header.header-tools .pixelstrap li .lable-nav {
        top: 5px
    }

    header.video-header #main-nav {
        position: absolute;
        right: 0;
        top: 3px
    }

    header.video-header .main-menu .menu-right .icon-nav {
        padding-right: 40px
    }

    header.header-christmas .pixelstrap > li > a {
        color: black !important;
        padding: 10px 15px
    }

    header.header-christmas .pixelstrap > li > a:active, header.header-christmas .pixelstrap > li > a:focus, header.header-christmas .pixelstrap > li > a:hover, header.header-christmas .pixelstrap > li > a.highlighted {
        padding: 10px 15px
    }

    .tools-parallax-product.full-banner {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .tools-parallax-product .tools-description h3 {
        font-size: 17px
    }



    .full-banner.custom-space {
        padding: 60px 0
    }

    .tab-left .theme-tab {
        display: block
    }

    .tab-left .theme-tab .left-side {
        width: 100%
    }

    .tab-left .theme-tab .left-side li {
        width: unset;
        border-bottom: none;
        padding: 0 5px
    }

    .tab-left .theme-tab .left-side li:first-child {
        border-top: none
    }

    .tab-left .theme-tab .left-side .tab-title {
        margin-right: 0;
        text-align: center
    }

    .tab-left .theme-tab .tab-content-cls {
        width: 100%
    }

    .absolute_banner .collection-banner .absolute-contain h3 {
        font-size: 22px;
        margin-bottom: 0
    }

    .absolute_banner .collection-banner .absolute-contain h4 {
        font-size: 16px
    }

    .box-product .full-box .row > div:nth-last-child(-n+2) {
        margin-top: 30px
    }

    .header-gym .toggle-nav {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .gym-product .part-cls > div:nth-last-child(-n+2) .product-box {
        margin-top: 30px
    }

    .gym-product .partition-cls > div:nth-child(-n+4) {
        margin-bottom: 0
    }

    .gym-product .partition-cls > div .product-box {
        margin-top: 30px
    }

    .gym-product .partition-cls > div:nth-child(-n+2) .product-box {
        margin-top: 0
    }

    .pet-parallax .pet-decor {
        left: 45px;
        bottom: -105px
    }

    .pet-parallax .pet-decor img {
        width: 200px
    }

    .about-text p {
        margin-bottom: 25px
    }

    .banner-timer .timer {
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 30px;
        bottom: 8px;
        margin-top: 0;
        background-color: rgba(255, 255, 255, 0.88)
    }

    .footer-social li {
        padding-right: 38px
    }

    .footer-theme2 p {
        line-height: 25px
    }

    .footer-theme2 .subscribe-block {
        padding: 10px 70px
    }

    .footer-theme2 .footer-mobile-title {
        display: none !important
    }

    .footer-theme2 .contact-details li {
        line-height: 25px;
        padding: 0 10px
    }

    .footer-theme2 .footer-link li {
        padding-right: 25px
    }

    .footer-theme2.section-light .footer-block .subscribe-white {
        padding: 50px
    }

    .social-white li {
        padding-left: 12px;
        padding-right: 12px
    }

    .service-block svg, .service-block1 svg {
        width: 50px;
        height: 50px
    }

    .service-block1 svg {
        margin-bottom: 15px
    }

    .category-border div .category-banner .category-box h2 {
        padding: 13px 27px
    }

    .collection-banner .contain-banner {
        padding-left: 30px;
        padding-right: 30px
    }

    .category-bg .image-block.even:after {
        bottom: 87%
    }

    .category-bg .contain-block.even:after {
        top: 87%
    }

    .category-bg .contain-block:after {
        bottom: 87%
    }

    .no-slider .product-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: calc(33.33% - 30px);
        margin: 0 15px 30px
    }

    .no-slider.five-product .product-box {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: calc(33.33% - 30px);
        margin: 0 15px 30px
    }

    .no-slider.five-product .product-box:nth-last-child(-n+5) {
        margin: 0 15px 30px
    }

    .no-slider.five-product .product-box:nth-last-child(-n+3) {
        margin: 0 15px 0
    }

    .no-slider.five-product-row .product-box {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        margin-left: 15px;
        margin-right: 15px;
        max-width: calc(25% - 30px)
    }

    .absolute-product .no-slider .product-box:nth-last-child(-n+4) {
        margin: 0 15px 30px
    }

    .absolute-product .no-slider .product-box:nth-last-child(-n+2) {
        margin: 0 15px 0
    }

    .theme-tab .tab-title2 {
        font-size: 22px
    }

    .theme-tab .tab-title2:after {
        top: 17px
    }

    .theme-tab .tab-content .product-tab .tab-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: calc(50% - 10px)
    }

    .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+2) {
        margin: 0 5px 0
    }

    .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+4) {
        margin: 0 5px 10px
    }

    .theme-tab .tab-content .product-tab .tab-box .product-box2 img {
        height: 200px
    }

    .blog-section .review-box {
        padding: 15px
    }

    .blog-section .review-box .review-content p {
        margin-top: 0
    }

    .full-banner .banner-contain h2 {
        font-size: 85px
    }

    .full-banner .banner-contain h3 {
        font-size: 50px
    }

    .full-banner .banner-contain h4 {
        font-size: 22px;
        padding-top: 5px
    }

    .full-banner .santa-img img {
        width: 200px
    }

    .full-banner.feature-banner .feature-object li, .full-banner.feature-banner .feature-object-right li {
        margin-right: 0
    }

    .instagram .insta-decor {
        display: none
    }

    .logo-section .logo-decor {
        display: none
    }

    .blog-section .review-box .santa-img {
        display: none
    }

    .collection-banner .contain-banner.banner-3 {
        padding-left: 25px;
        padding-right: 25px
    }

    .collection-banner .contain-banner.banner-3 h2 {
        font-size: 22px
    }

    .collection-banner .contain-banner.banner-3 h4 {
        font-size: 12px
    }

    .collection-banner .contain-banner.banner-4 {
        padding-left: 35px;
        padding-right: 35px
    }

    .collection-banner .contain-banner.banner-4 h2 {
        font-size: 24px
    }

    .collection-banner .contain-banner.banner-4 h4 {
        font-size: 16px
    }

    .collection-banner .contain-banner h2 {
        font-size: 40px
    }

    .home-slider .home {
        height: 30vh
    }

    .home-slider .slider-contain {
        height: 30vh
    }

    .home-slider .slider-contain h1 {
        font-size: 50px
    }

    .home-slider .slider-contain.slider-contain-banner h1 {
        font-size: 34px
    }

    .home-slider .slider-contain.slider-contain-banner p {
        font-size: 18px;
        line-height: 30px
    }

    .height-85 .home-slider .home {
        height: 80vh
    }

    .height-85 .home-slider .slider-contain {
        height: 80vh
    }

    .background .contain-bg {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .theme-card .offer-slider .media .media-body a h6 {
        margin-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .theme-card .offer-slider .media .media-body .rating i {
        padding-right: 3px
    }

    .theme-card.card-border .offer-slider {
        padding-top: 0
    }

    .full-box .theme-card .offer-slider img {
        padding: 15px 10px 15px
    }

    .full-box .theme-card .offer-slider .product-box2 .media img {
        height: 250px
    }

    .full-box .theme-card .offer-slider .product-box2 .media .media-body {
        padding-right: 5px
    }

    .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant {
        margin-top: 5px
    }

    .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant li {
        margin-top: 5px
    }

    .product-style-5.product-box .addtocart_btn .add_cart {
        width: 30px;
        height: 30px;
        font-size: 14px;
        border-radius: 8px
    }

    .product-style-5.product-box .img-wrapper {
        margin-top: 10px
    }

    .home-slider .slider-details {
        width: 335px !important;
        height: 335px !important
    }

    .home-slider .slider-details h1 {
        font-size: 50px
    }

    .home-slider .slider-details h2 {
        font-size: 36px
    }

    .home-slider .slider-details .btn-white {
        margin-top: 0
    }

    .home-slider.fullpage .home .slider-contain h1 {
        font-size: 35px
    }

    .home-slider.fullpage .home .slider-contain p {
        max-width: 450px;
        font-size: 14px
    }

    .home-slider.fullpage .home .slider-contain .btn-solid {
        padding: 10px 15px
    }

    .about-section h2 {
        font-size: 22px
    }

    .about-section .about-text p {
        line-height: 24px
    }

    .about-section .service .service-block1 svg {
        margin-bottom: 5px
    }

    .about-section .service .service-block1 h5 {
        line-height: 18px
    }

    .about-section .small-section {
        padding-top: 20px
    }

    .padding-bottom-cls {
        padding-bottom: 30px
    }

    .add_to_cart.top, .add_to_cart.bottom {
        left: -300px;
        top: 0;
        height: 100vh;
        width: 300px
    }

    .add_to_cart.top .cart-inner, .add_to_cart.bottom .cart-inner {
        height: 100vh;
        overflow: auto
    }

    .add_to_cart.top .cart-inner .cart_top, .add_to_cart.bottom .cart-inner .cart_top {
        padding: 20px !important;
        margin-bottom: 20px
    }

    .add_to_cart.top .cart-inner .cart_media, .add_to_cart.bottom .cart-inner .cart_media {
        padding: 0 20px !important;
        display: block
    }

    .add_to_cart.top .cart-inner .cart_media .cart_product, .add_to_cart.bottom .cart-inner .cart_media .cart_product {
        padding: 0;
        width: 100%;
        display: block;
        overflow-y: hidden
    }

    .add_to_cart.top .cart-inner .cart_media .cart_product li, .add_to_cart.bottom .cart-inner .cart_media .cart_product li {
        min-width: 100%;
        max-width: 100%;
        margin-right: 0;
        padding-bottom: 10px
    }

    .add_to_cart.top .cart-inner .cart_media .cart_total, .add_to_cart.bottom .cart-inner .cart_media .cart_total {
        padding: 0;
        width: 100%
    }

    .add_to_cart.top.open-side, .add_to_cart.bottom.open-side {
        left: 0
    }

    .animation-sec .animated-icon .icon-1 {
        width: 110px
    }

    .animation-sec .animated-icon .icon-2 {
        width: 90px
    }

    .animation-sec .animated-icon .icon-3 {
        left: 32%;
        width: 60px;
        top: 108px
    }

    .cycle-box-row > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .category-slide .img-category .img-sec {
        width: 85%
    }

    .p-0-responsive {
        padding-top: 0 !important
    }

    .single-product-feature {
        background-image: none !important
    }

    .single-product-feature .upper-sec-feature {
        margin-bottom: 55px
    }

    .single-product-feature .upper-sec-feature .height-cls-res > div {
        height: 100% !important
    }

    .single-product-feature .lower-sec-feature {
        margin-bottom: 50px
    }

    .single-product-feature .home-slider .home {
        height: auto !important
    }

    .banner-style-1 .custom-height {
        height: 314px
    }

    .banner-style-1 .full-box .theme-card .offer-slider .product-box2 .media img.h-cls {
        height: 170px
    }

    .button-dark.category-button .btn {
        padding: 13px 10px
    }

    .button-dark.category-button .btn img {
        width: 24px
    }

    .center-object-banner .full-banner.feature-banner .center-img {
        text-align: center
    }

    .center-object-banner .full-banner.feature-banner .center-img img {
        width: 70%
    }

    .gradient-category .gradient-border {
        height: 190px
    }

    .cart-section tbody tr td, .wishlist-section tbody tr td {
        min-width: 186px
    }

    .blog-detail-page .comment-section li {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .product-wrapper-grid.list-view .product-box .img-wrapper, .product-wrapper-grid.list-view .product-box .img-block {
        width: 50%
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .search-count {
        width: 100%;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li:last-child {
        display: none
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter {
        width: 30%
    }

    .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view {
        width: 30%
    }

    .cart-section tbody tr td {
        min-width: 140px
    }

    .cart-section tbody tr td .qty-box .input-group .form-control {
        width: 52px
    }

    .cart-section tfoot tr td {
        padding-right: 25px
    }

    .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li:first-child {
        margin-top: 15px
    }

    .collection-filter-block .product-service .media .media-body h4 {
        font-size: 16px
    }

    .product-right h2 {
        font-size: 20px
    }

    .testimonial .testimonial-slider .media .media-body {
        padding: 30px
    }

    .testimonial .testimonial-slider .media .media-body p {
        line-height: 1.5
    }

    .blog-page .blog-media {
        margin-bottom: 20px
    }

    .blog-page .blog-media .blog-right {
        display: block;
        margin-top: 15px
    }

    .blog-page .blog-media .blog-right p {
        line-height: 1.3
    }

    .tab-product .tab-content.nav-material .single-product-tables table {
        width: 50%
    }

    .product-description-box .border-product {
        padding-top: 10px;
        padding-bottom: 15px
    }

    .product-description-box .product-icon .product-social li {
        padding-right: 4px
    }

    .product-description-box .product-icon .wishlist-btn span {
        padding-left: 4px
    }

    .single-product-tables.detail-section table {
        width: 75%
    }

    .product-form-box .border-product {
        padding-top: 10px;
        padding-bottom: 15px
    }

    .product-form-box .timer {
        padding-left: 17px
    }

    .product-form-box .timer span {
        width: 55px
    }

    .product-form-box .product-buttons .btn-solid, .product-form-box .product-buttons .btn-outline {
        padding: 7px 13px
    }

    .product-form-box.product-right .timer {
        padding-left: 20px
    }

    .product-form-box.product-right .timer span .padding-l {
        padding-left: 14px
    }

    .product-form-box.product-right .product-buttons .btn-solid {
        padding: 5px 10px
    }

    .product-accordion .single-product-tables table {
        width: 70%
    }

    .tab-product .flex-column {
        -webkit-box-orient: unset !important;
        -webkit-box-direction: unset !important;
        -ms-flex-direction: unset !important;
        flex-direction: unset !important;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .tab-border {
        padding-top: 0
    }

    .dashboard-section .counter-section .counter-box {
        padding: 20px
    }

    .dashboard-section .counter-section .counter-box img {
        height: 40px;
        margin-right: 10px
    }

    .theme-card .offer-slider img {
        height: 120px
    }

    .container-fluid.custom-container {
        padding-left: 50px;
        padding-right: 50px
    }

    .dark-box > div {
        max-width: 25% !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important
    }

    .dark-box.partition-five > div:nth-child(-n+4) {
        margin-bottom: 20px
    }

    .sticky-bottom-cart .selection-section .form-group {
        width: 130px
    }

    .product-box-timer.timer span {
        width: 60px
    }

    .product-right .product-buttons .btn-solid, .product-right .product-buttons .btn-outline {
        padding: 7px 15px
    }

    .product-right .timer {
        padding-left: 30px
    }

    .modern-box {
        padding: 25px 20px
    }

    .gradient-category .gradient-border {
        height: 120px
    }

    .loader_skeleton .category-ldr .row .category-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .loader_skeleton .product-top-filter .row > div:first-child {
        border-left: 1px solid #f3f3f3;
        border-right: 1px solid #f3f3f3;
        border-bottom: 1px solid #f3f3f3
    }

    .loader_skeleton .product-top-filter .row > div:last-child {
        border-right: 1px solid #f3f3f3
    }

    .loader_skeleton .tab-product.vertical-tab ul li {
        display: inline-block;
        width: 16%;
        height: 30px;
        margin-top: 0;
        margin-right: 10px
    }
}

/*Basic Product */

.basic-product {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.basic-product.sold-out .img-wrapper img, .basic-product.sold-out .img-wrapper .bg-size {
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
    pointer-events: none
}

.basic-product.sold-out .img-wrapper .trending-label {
    -webkit-filter: none;
    filter: none
}

.basic-product .timer {
    border: none;
    position: absolute;
    bottom: 30px;
    z-index: 1;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.92)
}

.basic-product .timer span .padding-l {
    position: absolute
}

.basic-product .timer p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    text-align: center
}

.basic-product .product-right .form-select {
    background-color: #f8f8f8;
    border: 1px solid #eee;
    cursor: pointer;
    margin-top: 15px;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    color: #333;
    padding: calc(5px + (9 - 5) * ((100vw - 320px) / (1920 - 320))) calc(30px + (36 - 30) * ((100vw - 320px) / (1920 - 320))) calc(5px + (9 - 5) * ((100vw - 320px) / (1920 - 320))) calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320)));
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%
}

.basic-product .price {
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
    color: #dc3a32;
    font-weight: 500;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.basic-product .price .discounted-price {
    font-weight: 500;
    color: var(--theme-color);
    display: inline-block;
    margin-bottom: 0;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}

.basic-product .product-title {
    line-height: 1.2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: pre-line;
    overflow: hidden;
    font-size: calc(12px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    color: #222;
    font-weight: 500;
    display: block
}

.basic-product .product-title.product-title1 {
    font-size: 16px;
    font-weight: 400;
    color: #777777
}

.basic-product .img-wrapper {
    position: relative;
    overflow: hidden;
    z-index: 0;
    background-color: #f8f8f8
}

.basic-product .img-wrapper > app-image-variant {
    height: 100%
}

.basic-product .img-wrapper .zoom {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.basic-product .img-wrapper .zoom img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.basic-product .img-wrapper .addto-cart-bottom {
    position: absolute;
    bottom: -54px;
    left: 50%;
    width: calc(80% - calc(10px + (40 - 10) * ((100vw - 320px) / (1920 - 320))));
    background-color: #fff;
    border: none;
    padding: calc(5px + (9 - 5) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(155, 155, 155, 0.05);
    box-shadow: 0px 5px 12px 0px rgba(155, 155, 155, 0.05);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 767px) {
    .basic-product .img-wrapper .addto-cart-bottom {
        width: 85%;
        bottom: 16px
    }
}


.basic-product .img-wrapper .addto-cart-bottom.active {
    color: var(--theme-color)
}

.basic-product .img-wrapper .addto-cart-bottom.active .ri-shopping-cart-line:before {
    content: "\f11f"
}

.basic-product .img-wrapper .quick-option {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    background-color: #fff;
    color: var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1
}

.basic-product .img-wrapper .trending-label {
    position: absolute;
    top: 10px;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.basic-product .img-wrapper .trending-label li {
    background-color: var(--theme-color);
    color: #eee;
    padding: 3px 8px;
    font-weight: 500;
    margin-bottom: 0;
    font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));
    z-index: 1;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.basic-product .img-wrapper .trending-label li:nth-child(2) {
    background-color: #fff;
    color: var(--theme-color)
}

.basic-product .img-wrapper .trending-label li:nth-child(3) {
    background-color: #585858;
    color: #fff
}

.basic-product .img-wrapper .trending-label li.out_of_stock {
    background-color: #d02f47
}

.basic-product .img-wrapper .trending-label-product11 {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: var(--theme-color);
    color: #fff;
    padding: calc(2px + (4 - 2) * ((100vw - 320px) / (1920 - 320))) calc(7px + (10 - 7) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    margin-bottom: 0;
    font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));
    z-index: 1
}

.basic-product .img-wrapper .rotate-label {
    position: absolute;
    top: 30px;
    left: 0;
    background-color: var(--theme-color);
    color: #eee;
    padding: 11px 6px;
    border-radius: 0;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 12px;
    -webkit-writing-mode: tb;
    -ms-writing-mode: tb;
    writing-mode: tb;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.basic-product .img-wrapper .stock-label {
    position: absolute;
    top: 10px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: #595959;
    font-weight: 500;
    height: auto;

}

.basic-product .img-wrapper .condition-label {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: #595959;
    font-weight: 500;
    height: auto
}

.basic-product .img-wrapper .brand-label {
    position: absolute;
    top: 10px;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: #595959;
    font-weight: 500;
    height: auto
}

.basic-product .img-wrapper .rating-label i {
    color: #ffa200;
    margin-top: -2px
}

.basic-product .img-wrapper .unit-label {
    margin-bottom: 0;
    background-color: #fff;
    padding: 4px 14px;
    position: absolute;
    bottom: 0;
    font-weight: 400;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    left: 0;
    z-index: 1
}

.basic-product .brand-w-color {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.basic-product .brand-w-color .rating-w-count .rating i {
    padding-right: 0
}

.basic-product .cart-info {
    position: absolute;
    bottom: 12px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    right: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    gap: 8px
}

@media (max-width: 767px) {
    .basic-product .cart-info {
        opacity: 1;
        right: 8px;
        gap: 4px
    }
}

.basic-product .cart-info .active .ri-shopping-cart-line {
    color: var(--theme-color)
}

.basic-product .cart-info .active .ri-shopping-cart-line::before {
    content: "\f11f"
}

.basic-product .cart-info .active .ri-heart-line::before {
    content: "\ee0e"
}

.basic-product .cart-info button {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0
}

.basic-product .cart-info button, .basic-product .cart-info a {
    width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(155, 155, 155, 0.05);
    box-shadow: 0px 5px 12px 0px rgba(155, 155, 155, 0.05)
}

@media (max-width: 767px) {
    .basic-product .cart-info button, .basic-product .cart-info a {
        -webkit-animation: none !important;
        animation: none !important
    }
}

.basic-product .cart-info button span, .basic-product .cart-info a span {
    display: none
}

.basic-product .cart-info button.theme-color i, .basic-product .cart-info a.theme-color i {
    color: var(--theme-color)
}

.basic-product .cart-info i {
    color: #848484;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
    display: block
}

.basic-product .cart-info i:hover {
    color: var(--theme-color)
}

.basic-product .product-detail {
    margin-top: 15px
}

.basic-product .product-detail select {
    margin-top: 6px
}

.basic-product .product-detail .digital-price {
    margin-top: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 11px
}

.basic-product .product-detail .digital-price .form-check {
    min-height: unset;
    padding: 0;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.basic-product .product-detail .digital-price .form-check .form-check-input {
    float: unset;
    margin: 0
}

.basic-product .product-detail .digital-price .form-check .form-check-label {
    margin: 0;
    line-height: 1
}

.basic-product .product-detail h6 {
    display: block;
    overflow: hidden;
    line-height: calc(19px + (24 - 19) * ((100vw - 320px) / (1920 - 320)));
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    margin-top: 2px
}

.basic-product .product-detail h6 a {
    color: #777777
}



.basic-product .product-detail h5 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.basic-product .product-detail h5 a {
    color: #777777
}



.basic-product .ribbon {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.basic-product .ribbon span {
    font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));
    font-weight: bold;
    color: #eee;
    text-transform: capitalize;
    text-align: center;
    line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (1920 - 320)));
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 105px;
    display: block;
    background: var(--theme-color);
    position: absolute;
    top: 19px;
    left: -21px
}

.basic-product .ribbon-round {
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    text-align: center;
    z-index: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    padding: 10px;
    font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 700;
    color: #fff
}

.basic-product .ribbon-round:after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: radial-gradient(35% 35%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 97% 99%, rgba(0, 0, 0, 0)) var(--theme-color);
    clip-path: polygon(100% 50%, 88.04% 62.36%, 90.45% 79.39%, 73.51% 82.36%, 65.45% 97.55%, 50% 90%, 34.55% 97.55%, 26.49% 82.36%, 9.55% 79.39%, 11.96% 62.36%, 0% 50%, 11.96% 37.64%, 9.55% 20.61%, 26.49% 17.64%, 34.55% 2.45%, 50% 10%, 65.45% 2.45%, 73.51% 17.64%, 90.45% 20.61%, 88.04% 37.64%);
    -webkit-animation: animName 20s linear infinite;
    animation: animName 20s linear infinite
}

.basic-product .ribbon-outer {
    --f: 0.5em;
    --r: 0.8em;
    font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    color: #eee;
    position: absolute;
    top: 12px;
    left: calc(-1 * var(--f));
    padding-inline: 10px;
    line-height: 1.8;
    background: var(--theme-color);
    border-bottom: var(--f) solid rgba(0, 0, 0, 0.333333);
    border-right: var(--r) solid rgba(0, 0, 0, 0);
    clip-path: polygon(0 0, 0 calc(100% - var(--f)), var(--f) 100%, var(--f) calc(100% - var(--f)), 100% calc(100% - var(--f)), calc(100% - var(--r)) calc(50% - var(--f) / 2), 100% 0);
    z-index: 1
}

.basic-product .add-cart-btn {
    width: 100%;
    display: block;
    padding: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))) calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
    text-align: center;
    border: none;
    color: #888;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    margin-top: 10px;
    background-color: #f6f6f6
}

@media (max-width: 767px) {
    .basic-product .add-cart-btn {
        margin-top: 8px
    }
}

.basic-product .hover-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    margin-top: -8px
}

@media (max-width: 767px) {
    .basic-product .hover-action {
        gap: 4px;
        margin-top: -4px
    }
}

.basic-product .rating-w-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px
}

.basic-product .rating-w-count .rating i {
    padding-right: 0
}

.basic-product .rating-w-count > span {
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)))
}

.basic-product .color-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.basic-product .color-panel.coverflow ul li {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 2px solid #fff
}

.basic-product .color-panel.coverflow ul li + li {
    margin-left: -13px
}

.basic-product .color-panel.color-lg ul {
    gap: 7px
}

.basic-product .color-panel.color-lg li {
    width: 20px;
    height: 20px
}

.basic-product .color-panel ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: calc(2px + (4 - 2) * ((100vw - 320px) / (1920 - 320)))
}

.basic-product .color-panel ul li {
    width: 15px;
    height: 15px;
    border-radius: 100%
}

.basic-product .color-panel span {
    font-size: 13px
}

.basic-product .color-panel .image li {
    width: unset;
    height: unset
}

.basic-product .color-panel .image li + li a img {
    margin-left: calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320)))
}

.basic-product .color-panel .image li a {
    display: block;
    margin-bottom: 0
}

.basic-product .color-panel .image li a img {
    width: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
    margin: 0
}

.basic-product .general-variant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
    margin-top: 10px;
    margin-left: 1px
}

.basic-product .general-variant .active {
    color: #eee;
    outline: 1px solid var(--theme-color);
    border: 3px solid #fff
}

.basic-product .general-variant.rectangle li {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 10px
}

.basic-product .general-variant.color li {
    border-radius: 100%;
    width: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
    height: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)))
}

.basic-product .general-variant.image_price li {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 2px 8px
}

.basic-product .general-variant.image li {
    width: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));
    height: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)))
}

.basic-product .general-variant.image li button {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8
}

.basic-product .general-variant.image li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.basic-product .general-variant.thumbnail {
    position: absolute;
    bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 10px;
    gap: 10px;
    margin: 0
}

.basic-product .general-variant.thumbnail .image {
    margin-bottom: 0
}

.basic-product .general-variant.thumbnail li {
    border-radius: 100%;
    overflow: hidden;
    display: block;
    border: 1px solid #fff
}

.basic-product .general-variant.thumbnail li + li {
    margin-top: 7px
}

.basic-product .general-variant.thumbnail li button, .basic-product .general-variant.thumbnail li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0;
    margin: 0
}

.basic-product .general-variant.thumbnail li.active {
    border-color: var(--theme-color)
}

.basic-product .general-variant li {
    width: calc(28px + (35 - 28) * ((100vw - 320px) / (1920 - 320)));
    height: calc(28px + (35 - 28) * ((100vw - 320px) / (1920 - 320)));
    background-color: #f8f8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0;
    outline: 1px solid transparent;
    border: 3px solid #fff
}

.basic-product .general-variant li.disabled {
    opacity: 0.4;
    cursor: not-allowed
}

.basic-product .general-variant li.disabled button {
    cursor: not-allowed
}

.basic-product .general-variant li button {
    outline: none;
    border: none;
    background: transparent;
    padding: 0
}

.basic-product .zoom img {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s
}

.basic-product .zoom :hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.basic-product .addtocart_btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    position: relative
}

.basic-product .addtocart_btn .add-button {
    background-color: transparent;
    text-align: center;
    font-size: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 9px 49px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border: 1px solid var(--theme-color);
    margin-top: 15px;
    color: var(--theme-color);
    position: relative
}

.basic-product .addtocart_btn .add-button:before {
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: "";
    background-color: var(--theme-color);
    z-index: -2
}

.basic-product .addtocart_btn .add-button:hover, .basic-product .addtocart_btn .add-button:focus {
    background-color: var(--theme-color) !important;
    color: #fff !important
}

.basic-product .addtocart_btn .add-button:hover i, .basic-product .addtocart_btn .add-button:focus i {
    color: #fff !important
}

.basic-product .addtocart_btn .add-button:hover:before, .basic-product .addtocart_btn .add-button:focus:before {
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    left: 0;
    right: 0;
    opacity: 1
}

.basic-product .addtocart_btn .qty-box {
    position: absolute;
    bottom: 0;
    display: none;
    width: 100%
}

.basic-product .addtocart_btn .qty-box .input-group {
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: unset;
    flex-wrap: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
    border: 1px solid var(--theme-color);
    background-color: #fff
}

.basic-product .addtocart_btn .qty-box .input-group .form-control {
    width: 100%;
    border: none;
    background-color: transparent;
    padding-block: 0
}

.basic-product .addtocart_btn .qty-box .input-group .form-control:focus {
    border-color: #efefef;
    -webkit-box-shadow: none;
    box-shadow: none
}

.basic-product .addtocart_btn .qty-box .input-group button {
    height: 100%;
    padding: 8px;
    border: 1px solid #eee;
    background-color: #f8f8f8;
    z-index: 1
}

.basic-product .addtocart_btn .qty-box .input-group button i {
    color: #222;
    font-weight: 500;
    font-size: 15px
}

.basic-product .addtocart_btn .qty-box.open {
    display: block
}

.basic-product .product-action {
    border-top: 1px solid #eee;
    padding-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.basic-product .product-action a {
    font-size: 20px;
    color: var(--theme-color)
}

.basic-product .product-action button {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 8px 14px;
    color: #222;
    background-color: #f8f8f8;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
    letter-spacing: 0.01em
}

.basic-product:hover .cart-info {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.basic-product:hover .cart-info button {
    -webkit-animation: fadeInRight 300ms ease-in-out;
    animation: fadeInRight 300ms ease-in-out
}

.basic-product:hover .cart-info .hover-action li:nth-child(2) a {
    -webkit-animation: fadeInRight 500ms ease-in-out;
    animation: fadeInRight 500ms ease-in-out
}

.basic-product:hover .cart-info .hover-action li:nth-child(3) a {
    -webkit-animation: fadeInRight 700ms ease-in-out;
    animation: fadeInRight 700ms ease-in-out
}

.basic-product:hover .cart-info .hover-action li:nth-child(4) a {
    -webkit-animation: fadeInRight 1000ms ease-in-out;
    animation: fadeInRight 1000ms ease-in-out
}

.basic-product:hover .product-action button {
    color: var(--theme-color)
}

.basic-product:hover .img-wrapper .quick-option {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.basic-product:hover .img-wrapper .addto-cart-bottom {
    bottom: 16px
}



.basic-product:hover .flip .back {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.basic-product.theme-product-1 {
    border: 1px solid #eee;
    background-color: #fff;
    overflow: hidden;
    padding: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 1px
}

.basic-product.theme-product-1 .brand-w-color {
    margin-bottom: 8px
}

.basic-product.theme-product-1 .product-detail {
    margin-top: 0;
    padding: 0
}

.basic-product.theme-product-1 .product-detail .offer-panel {
    padding: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320))) 0 0;
    margin-top: 0;
    color: #222;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    white-space: nowrap;
    position: relative;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease
}

.basic-product.theme-product-1 .product-detail .offer-panel li + li {
    opacity: 0;
    visibility: hidden
}

.basic-product.theme-product-1 .product-detail .offer-panel .offer-icon {
    color: var(--theme-color);
    -webkit-animation: marquee-discount 2s linear infinite;
    animation: marquee-discount 2s linear infinite;
    display: inline-block
}

.basic-product.theme-product-1 .product-detail > div {
    padding: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320))) 0;
    border-bottom: 1px solid #eee
}

.basic-product.theme-product-1 .cart-info {
    top: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
    bottom: unset;
    opacity: 1;
    right: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)))
}

.basic-product.theme-product-1 .cart-info button, .basic-product.theme-product-1 .cart-info a {
    width: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320)));
    height: calc(26px + (32 - 26) * ((100vw - 320px) / (1920 - 320)));
    border: none
}

.basic-product.theme-product-1 .cart-info button i, .basic-product.theme-product-1 .cart-info a i {
    color: var(--theme-color);
    font-size: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)))
}

.basic-product.theme-product-1 .cart-info button {
    opacity: 0
}

@media (max-width: 767px) {
    .basic-product.theme-product-1 .cart-info button {
        opacity: 1
    }
}

.basic-product.theme-product-1 .cart-info a {
    opacity: 0
}

@media (max-width: 767px) {
    .basic-product.theme-product-1 .cart-info a {
        opacity: 1
    }
}

.basic-product.theme-product-1 .cart-info a.wishlist-icon {
    opacity: 1
}

.basic-product.theme-product-1 .hover-action {
    margin-top: 0
}

.basic-product.theme-product-1 .hover-action li:empty {
    display: none
}

.basic-product.theme-product-1 .hover-action li button {
    -webkit-transition: unset;
    transition: unset
}

.basic-product.theme-product-1:hover .product-detail .offer-panel {
    -webkit-animation: marquee-discount 8s linear infinite;
    animation: marquee-discount 8s linear infinite
}

.basic-product.theme-product-1:hover .product-detail .offer-panel li + li {
    opacity: 1;
    visibility: visible
}

.basic-product.theme-product-1:hover .cart-info .wishlist-icon {
    -webkit-animation: none;
    animation: none
}

.basic-product.theme-product-1:hover .cart-info button {
    -webkit-animation: fadeInDown 500ms ease-in-out;
    animation: fadeInDown 500ms ease-in-out;
    opacity: 1
}

.basic-product.theme-product-1:hover .cart-info a {
    opacity: 1
}

.basic-product.theme-product-1:hover .cart-info a:nth-child(3) {
    -webkit-animation: fadeInDown 700ms ease-in-out;
    animation: fadeInDown 700ms ease-in-out
}

.basic-product.theme-product-1:hover .cart-info a:nth-child(4) {
    -webkit-animation: fadeInDown 1000ms ease-in-out;
    animation: fadeInDown 1000ms ease-in-out
}

.basic-product.theme-product-1:hover .hover-action li button {
    -webkit-animation: fadeInDown 300ms ease-in-out;
    animation: fadeInDown 300ms ease-in-out
}

.basic-product.theme-product-1:hover .hover-action li:nth-child(2) a {
    -webkit-animation: fadeInDown 500ms ease-in-out;
    animation: fadeInDown 500ms ease-in-out;
    opacity: 1
}

.basic-product.theme-product-1:hover .hover-action li:nth-child(3) a {
    -webkit-animation: fadeInDown 700ms ease-in-out;
    animation: fadeInDown 700ms ease-in-out;
    opacity: 1
}

.basic-product.theme-product-1:hover .hover-action li:nth-child(4) a {
    -webkit-animation: fadeInDown 1000ms ease-in-out;
    animation: fadeInDown 1000ms ease-in-out;
    opacity: 1
}

/*Product Page Details */

@media (max-width: 991px) {
    .product-page-details {
        margin-top: 15px
    }
}

.product-page-details .main-title {
    text-transform: capitalize;
    font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.4
}

@media (max-width: 767px) {
    .product-page-details .main-title {
        text-align: center
    }
}

.product-page-details .product-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    margin-top: 10px
}

@media (max-width: 767px) {
    .product-page-details .product-rating {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-page-details .product-rating .divider {
    color: #ddd
}

.product-page-details .product-rating .rating-list {
    color: #ffbc37
}

.product-page-details .product-rating .rating-list i {
    font-size: 18px
}

.product-page-details .product-rating a {
    color: var(--theme-color);
    text-decoration: underline
}

@media (max-width: 767px) {
    .product-page-details .price-text {
        text-align: center
    }
}

.product-page-details .price-text h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-block: 15px 4px;
    color: #dc3a32;
    font-weight: 600;
    letter-spacing: 0.01em;
    font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)))
}

@media (max-width: 767px) {
    .product-page-details .price-text h3 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-page-details .price-text h3 .discounted-price {
    font-weight: 500;
    padding: 5px calc(12px + 0.0025 * (100vw - 320px));
    border-radius: 0;
    color: var(--theme-color);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 12px;
    font-size: 16px;
    position: relative
}

.product-page-details .price-text h3 .discounted-price::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--theme-color);
    opacity: 0.11
}

.product-page-details .price-text h3 .discounted-price del {
    font-size: 18px
}

.product-page-details .price-text span {
    color: #aaa;
    display: block
}

.product-page-details .size-delivery-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    border-block: 1px dashed #eee;
    padding-block: 12px;
    margin-block: 14px 20px;
    gap: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}

@media (max-width: 767px) {
    .product-page-details .size-delivery-info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-page-details .size-delivery-info a {
    color: #7d7d7d;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-page-details .size-delivery-info a span {
    position: relative;
    width: 1px;
    height: 26px;
    background-color: #eee;
    display: block;
    border-radius: 100%
}

.product-page-details .size-delivery-info a i {
    margin-right: 10px
}

.product-page-details .product-offer li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    font-size: 14px
}

.product-page-details .product-offer li:last-child h5 {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.product-page-details .product-offer li buy-button img {
    width: 40px;
    height: 40px;
    border-radius: 100%
}

.product-page-details .product-offer li h5 {
    font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)))
}

.product-page-details .product-offer.delivery-details {
    display: grid;
    gap: 10px
}

.product-page-details .product-offer.delivery-details li {
    font-weight: 400;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #626262
}

.product-page-details .product-offer.delivery-details li i {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #626262
}

.product-page-details .description-text {
    color: #7d7d7d;
    line-height: 1.5;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
    margin-top: 12px
}

.product-page-details .progress {
    background-color: #f6f6f6;
    height: 10px;
    border-radius: 14px
}

.product-page-details .progress .progress-bar {
    background-image: -webkit-gradient(linear, right top, left top, from(#438600), to(#8fd747));
    background-image: linear-gradient(to left, #438600, #8fd747)
}

.product-page-details .left-progressbar {
    margin-top: 13px
}

.product-page-details .left-progressbar h6 {
    color: #7d7d7d
}

.product-page-details .buy-box {
    margin-top: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)))
}

@media (max-width: 767px) {
    .product-page-details .buy-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-page-details .buy-box a {
    color: #4c4c4c
}

.product-page-details .bordered-box {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px dashed #ddd
}

.product-page-details .dashed-border-box {
    padding: 22px 28px;
    border: 1px dashed #ddd;
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 34px
}

.product-page-details .dashed-border-box h4 {
    margin-top: -30px;
    background-color: #fff;
    padding-inline: 8px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.product-page-details .dashed-border-box .payment-img {
    width: 300px
}

.product-page-details .shipping-info {
    display: grid;
    line-height: 1.5;
    color: #5f5f5f;
    font-size: 16px;
    grid-template-columns:1fr 1fr;
    gap: 5px;
    padding-left: 20px;
    margin-bottom: -7px
}



.product-page-details .shipping-info li {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    display: list-item;
    color: #7d7d7d
}

.product-page-details .qty-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.product-page-details .qty-section .qty-box .input-group {
    background-color: #fafafa;
    padding: 6px 6px;
    overflow: hidden;
    border: 1px solid #eee
}

.product-page-details .qty-section .qty-box .input-group input {
    background-color: #fafafa;
    border: none;
    padding: 6px 5px;
    width: calc(40px + (90 - 30) * ((100vw - 320px) / (1920 - 320)))
}

.product-page-details .qty-section .qty-box .input-group button {
    padding: 5px calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 8px #e8e8e8;
    box-shadow: 0 0 8px #e8e8e8;
    border: none
}

.product-page-details .variation-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

@media (max-width: 767px) {
    .product-page-details .variation-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-page-details .variation-box .sub-title {
    margin-bottom: 0
}

.product-page-details .wishlist-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.product-page-details .wishlist-btn-group button {
    padding: 0;
    width: 48px;
    height: 48px;
    border: 1px solid #eee;
    background-color: #fafafa;
    -webkit-transition: none;
    transition: none;
    font-size: 16px;
    line-height: 1;
    color: #6a6a6a
}

.product-page-details .image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.product-page-details .image-box li {
    border: 1px solid #eee;
    padding: 3px
}

.product-page-details .image-box li img {
    width: 65px;
    cursor: pointer;
    height: 65px;
    padding: 0;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.product-page-details .image-box li.active {
    border: 1px solid var(--theme-color)
}

.product-page-details .sub-title {
    font-weight: 600;
    margin-bottom: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    letter-spacing: 0.01em
}

.product-page-details .quantity-variant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    background-color: #fafafa;
    padding: 6px 6px;
    overflow: hidden;
    border: 1px solid #eee
}

.product-page-details .quantity-variant li {
    padding: 6px 10px;
    background-color: #fafafa
}

.product-page-details .quantity-variant li button {
    border: none;
    font-size: 14px;
    font-weight: 500;
    background-color: #fafafa
}

.product-page-details .quantity-variant li.active {
    background-color: #fff;
    border: 1px solid var(--theme-color)
}

.product-page-details .quantity-variant li.active button {
    color: var(--theme-color);
    background-color: #fff
}

.product-page-details .quantity-variant.round li span {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: block;
    cursor: pointer
}

.product-page-details .quantity-variant.circle li {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%
}

.product-page-details .quantity-variant.radio .digital-size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-page-details .quantity-variant.radio .digital-size .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    min-height: unset;
    margin-bottom: 0;
    padding: 0
}

.product-page-details .quantity-variant.radio .digital-size .form-check .form-check-input {
    width: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    height: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    margin: 0px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-filter: unset;
    filter: unset;
    border-radius: 100%
}

.product-page-details .quantity-variant.radio .digital-size .form-check .form-check-input:focus {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.product-page-details .quantity-variant.radio .digital-size .form-check .form-check-input:checked {
    position: relative;
    background-color: #fff;
    border-color: var(--theme-color);
    float: unset
}

.product-page-details .quantity-variant.radio .digital-size .form-check .form-check-input:checked::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: var(--theme-color);
    border-radius: 100%
}

.product-page-details .quantity-variant.radio .digital-size .form-check .form-check-label {
    font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)))
}

.product-page-details .quantity-variant.select-dropdown.form-select {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 150px !important
}

.product-page-details .product-buttons {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .product-page-details .product-buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}


.product-page-details .product-buttons .btn {
    padding: calc(10px + (13 - 10) * ((100vw - 320px) / (1920 - 320))) calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)))
}

.product-page-details .product-buttons .btn.btn-sm {
    padding: 13px 18px
}

.product-page-details .product-buttons .btn.buy-button:hover {
    color: #222;
    background-color: #fff;
    border: 1px solid --theme-color
}

.product-page-details .product-buttons .btn.disabled {
    color: #fff
}

.product-page-details .product-buttons .btn.disabled .ring-animation {
    -webkit-animation: none;
    animation: none
}

.product-page-details .product-buttons .btn-animation i {
    font-size: 15px
}

.product-page-details .trending-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px
}

.product-page-details .trending-text img {
    width: 30px
}

.product-page-details .trending-text h5 {
    margin-bottom: 0;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.4
}

@media (max-width: 767px) {
    .product-page-details .trending-text {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-page-details .top-title-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-page-details.detail-box {
    padding: 20px;
    border-radius: 8px;
    background-color: #f8f8f8
}

.product-page-details.detail-box .progress {
    background-color: #fff
}

.product-page-details.detail-box .quantity-variant {
    background-color: white !important
}

.product-page-details.detail-box .quantity-variant li {
    background-color: white !important
}

.product-page-details.detail-box .quantity-variant li button {
    background-color: #fff
}

.product-page-details.detail-box .quantity-variant li.active {
    background-color: #f8f8f8 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.product-page-details.detail-box .quantity-variant li.active button {
    background-color: #f8f8f8 !important
}

.product-page-details.detail-box .qty-section .qty-box .input-group {
    background-color: #fff
}

.product-page-details.detail-box .qty-section .qty-box .input-group input {
    background-color: #fff
}

.product-page-details.detail-box .qty-section .qty-box .input-group button {
    background-color: #f8f8f8 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.product-page-details .product-accordion .accordion-item {
    border: none;
    background-color: transparent
}

.product-page-details .product-accordion .accordion-item + .accordion-item {
    margin-top: 15px
}

.product-page-details .product-accordion .accordion-item .accordion-header {
    margin-bottom: 0
}

.product-page-details .product-accordion .accordion-item .accordion-header .accordion-button {
    z-index: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    line-height: 1.3;
    color: #232323;
    text-align: center;
    padding: 12px 18px;
    text-decoration: unset;
    text-transform: capitalize;
    border: 1px solid #eee;
    font-weight: 500;
    background-color: #f8f8f8;
    font-size: calc(15px + 3 * (100vw - 320px) / 1600);
    margin: 0;
    border-radius: 0
}

.product-page-details .product-accordion .accordion-item .accordion-header .accordion-button::after {
    content: "\ea4e";
    font-family: remixicon;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    width: unset;
    height: unset;
    background: unset;
    font-size: 22px;
    line-height: 1
}

.product-page-details .product-accordion .accordion-item .accordion-body {
    padding: 15px 0 0
}

.product-page-details .product-accordion .accordion-item .accordion-body p {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    color: #7d7d7d
}

.product-page-details .product-accordion .accordion-item .accordion-body .bordered-box .delivery-details {
    display: grid;
    gap: 10px
}

.product-page-details .product-accordion .accordion-item .accordion-body .bordered-box .delivery-details li {
    font-weight: 400;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #626262
}

.product-page-details.product-form-box {
    position: sticky;
    top: 20px;
    left: 0;
    text-align: center;
    border: 1px solid #eee;
    padding: 20px
}

.product-page-details.product-form-box .product-description .qty-box {
    margin-bottom: 5px
}

.product-page-details.product-form-box .product-description .qty-box .input-group {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.product-page-details.product-form-box .product-buttons {
    margin-bottom: 0
}

.product-page-details.product-form-box .timer {
    margin-bottom: 10px;
    text-align: left
}

/* Mobile Main Menu */

@media (max-width: 1199px) {
    .mega-box .link-section {
        margin-top: 0
    }

    .mega-box .link-section .menu-title {
        margin-top: 0
    }

    .mega-box .link-section .demo ul li a span img {
        top: 30px;
        right: -60px
    }

    .sm-horizontal {
        position: fixed;
        background-color: #fff;
        width: 300px;
        border-radius: 0;
        border: 1px solid #eee;
        top: 0;
        height: 100vh;
        right: -300px;
        z-index: 99;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        overflow: scroll
    }

    .sm-horizontal .mobile-box {
        position: sticky;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 1
    }

    .sm-horizontal .mobile-back {
        padding: 20px;
        text-transform: uppercase;
        -webkit-box-shadow: 0 2px 10px -3px rgba(34, 34, 34, 0.1);
        box-shadow: 0 2px 10px -3px rgba(34, 34, 34, 0.1);
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--theme-color);
        font-size: 18px;
        margin: 0;
        letter-spacing: 0.6px;
        font-weight: 600
    }

    .sm-horizontal .mobile-back i {
        font-size: 20px;
        background: unset;
        opacity: 1;
        font-weight: normal;
        width: unset;
        height: unset;
        line-height: 1;
        position: relative;
        inset: unset;
        -webkit-transform: unset;
        transform: unset;
        margin: 0;
        padding: 0;
        color: #222
    }

    .mega-box.col {
        -ms-flex-preferred-size: unset;
        flex-basis: unset
    }

    .pixelstrap .feature-menu.product-menu {
        width: 100% !important
    }

    .pixelstrap .mega {
        position: unset !important
    }

    .pixelstrap .mega .full-mega-menu {
        margin-left: 0 !important
    }

    .pixelstrap .mega ul {
        margin-left: 0 !important
    }

    .pixelstrap .full-mega-menu, .pixelstrap .clothing-menu {
        width: 100% !important;
        padding: 0 30px 0 18px !important
    }

    .pixelstrap a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }

    .pixelstrap a.highlighted .sub-arrow:before {
        content: "\f1af"
    }

    .pixelstrap a .sub-arrow {
        position: relative;
        inset: unset;
        margin: 0;
        width: unset;
        margin-left: auto;
        height: unset;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1 !important
    }

    .pixelstrap a .sub-arrow:before {
        content: "\ea13";
        font-family: remixicon;
        font-style: normal;
        -webkit-font-smoothing: antialiased
    }

    .pixelstrap > li > ul {
        padding-top: 14px
    }

    .pixelstrap .link-section .menu-title h5 {
        cursor: pointer;
        margin-bottom: 0;
        padding: 9px 0 0;
        font-size: 15px;
        text-transform: capitalize;
        line-height: 24px;
        font-weight: 500;
        color: rgba(34, 34, 34, 0.8)
    }

    .pixelstrap .link-section .menu-title h5::before {
        content: none
    }

    .pixelstrap .link-section .menu-title.active .according-menu:before {
        content: "\f1af";
        position: absolute;
        right: -18px
    }

    .pixelstrap .link-section .menu-title .according-menu:before {
        content: "\ea13";
        font-family: remixicon;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        right: -18px
    }

    .pixelstrap .link-section .menu-content {
        margin-block: 8px 22px
    }

    .pixelstrap .link-section .menu-content a {
        text-transform: capitalize;
        margin-top: 0;
        border: none;
        padding-left: 13px;
        margin-left: 11px
    }

    .pixelstrap .link-section .menu-content a::before {
        content: "";
        position: absolute;
        width: 7px;
        height: 1px;
        background-color: rgba(74, 85, 104, 0.65);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -4px
    }

    .pixelstrap .link-section .menu-content a:hover {
        font-size: 15px
    }

    .pixelstrap .link-section .menu-content li + li a {
        margin-top: 10px
    }

    .pixelstrap .link-section ul {
        background-color: unset
    }

    .pixelstrap .link-section h5 {
        font-weight: 700
    }

    .pixelstrap .full-mega-menu .mega-box {
        border-right: none;
        margin-bottom: 0
    }

    .pixelstrap .category-menu a img {
        width: 30% !important
    }

    .pixelstrap .clothing-menu {
        background: none
    }

    .pixelstrap .clothing-menu .link-section h5 {
        cursor: pointer;
        margin: 0;
        padding: 9px 0 0;
        font-size: 15px;
        text-transform: capitalize;
        line-height: 24px;
        font-weight: 500;
        color: rgba(34, 34, 34, 0.8)
    }

    .pixelstrap .clothing-menu .link-section h5::before {
        content: none
    }

    .pixelstrap .clothing-menu .link-section > ul > li + li {
        padding-top: 0
    }

    .pixelstrap .clothing-menu .link-section > ul > li > a {
        text-transform: capitalize;
        margin-top: 0;
        border: none;
        padding-left: 13px !important;
        margin-left: 11px
    }

    .pixelstrap .clothing-menu .link-section > ul > li > a:hover {
        padding-left: 13px !important;
        font-size: 15px
    }

    .pixelstrap .clothing-menu .link-section > ul > li > a:hover::before {
        background-color: var(--theme-color)
    }

    .pixelstrap .clothing-menu .link-section > ul > li > a::before {
        content: "";
        position: absolute;
        width: 7px;
        height: 1px;
        background-color: rgba(74, 85, 104, 0.65);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -4px
    }

    .pixelstrap li .lable-nav {
        position: relative;
        inset: unset;
        display: inline-block
    }

    .pixelstrap li .lable-nav::before {
        content: none
    }

    .pixelstrap li + li {
        padding-top: 15px
    }

    .pixelstrap li a {
        padding: 0 calc(16px + 8 * (100vw - 320px) / 880);
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));
        line-height: 1.3
    }

    .pixelstrap li a:hover {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1200 - 320)));
        line-height: 1.3;
        padding: 0 calc(16px + 8 * (100vw - 320px) / 880)
    }

    .pixelstrap li ul li a {
        padding: 0 35px;
        font-size: 14px;
        color: #222;
        font-weight: 400;
        letter-spacing: unset
    }

    .pixelstrap li ul li a:hover {
        color: var(--theme-color);
        font-size: 14px;
        padding: 0 35px
    }

    .pixelstrap li > ul > li > ul {
        margin-top: 13px;
        margin-left: 27px
    }

    .pixelstrap li > ul > li > ul > li a {
        text-transform: capitalize;
        margin-top: 0;
        border: none;
        padding-left: 13px;
        margin-left: 11px
    }

    .pixelstrap li > ul > li > ul > li a::before {
        content: "";
        position: absolute;
        width: 7px;
        height: 1px;
        background-color: rgba(74, 85, 104, 0.65);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -4px
    }

    .pixelstrap li > ul > li > ul > li a:hover {
        padding: 0 13px;
        border: none
    }

    .pixelstrap li:last-child {
        margin-bottom: 15px
    }

    .pixelstrap .category-menu a:hover img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .pixelstrap.sm-vertical a .sub-arrow {
        margin-top: 0
    }

    .pixelstrap .mega ul {
        max-width: 100%
    }

    .pixelstrap ul li {
        border-top: none
    }

    .pixelstrap ul ul {
        background-color: transparent
    }

    .sidenav {
        overflow-y: auto
    }

    .sidenav .pixelstrap li > .has-submenu {
        font-size: 15px;
        line-height: 1.3;
        padding: 0 calc(16px + 8 * (100vw - 320px) / 880)
    }

    .sidenav .pixelstrap li a {
        padding: 0 calc(16px + 8 * (100vw - 320px) / 880)
    }

    .sidenav .pixelstrap li a:hover {
        padding: 0 calc(16px + 8 * (100vw - 320px) / 880)
    }

    .sidenav .pixelstrap li > ul > li > a {
        padding-left: 13px !important
    }

    .sidenav .pixelstrap li > ul {
        margin-block: 8px 22px;
        padding: 5px 0 0
    }

    .sidenav .pixelstrap li > ul > li + li {
        padding-top: 9px
    }

    .sidenav .pixelstrap li > ul > li > a {
        margin-top: 0;
        border: none;
        cursor: pointer;
        margin-bottom: 0;
        padding: 0;
        font-size: 15px;
        text-transform: capitalize;
        line-height: 1.3;
        font-weight: 500;
        color: rgba(34, 34, 34, 0.8);
        padding-left: 13px;
        margin-left: 11px
    }

    .sidenav .pixelstrap li > ul > li > ul {
        margin-left: 14px
    }

    .main-menu.border-section {
        border: none
    }

    .main-menu .menu-left .main-menu-right .toggle-nav {
        position: absolute;
        z-index: 2;
        right: 145px;
        top: 6px
    }

    .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
        font-size: 18px;
        padding-left: 5px;
        text-transform: uppercase
    }

    .main-nav-center .toggle-nav {
        position: absolute;
        z-index: 8;
        right: 64px;
        top: -189px
    }

    header.header-2 .main-nav-center .toggle-nav {
        top: -95px;
        right: 157px
    }

    header.header-6 .main-nav-center .toggle-nav {
        top: calc(-83px + (-90 - -83) * ((100vw - 577px) / (1200 - 577)))
    }

    .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav {
        right: unset;
        top: -3px;
        padding-block: 26px
    }

    .toggle-nav {
        padding-block: 33px
    }

    .menu-content > ul > li {
        padding-top: 0
    }

    .menu-content > ul > li a {
        margin-top: 0
    }

    .menu-content > ul > li + li a {
        margin-top: 12px
    }
}

/* Toggle nav */

.toggle-nav {
    display: none;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    cursor: pointer
}

.toggle-nav i {
    font-size: 24px;
    color: #FFF;
    margin-right: 10px

}

/* Alert*/

.alert {
    /*width: 300px;*/
    border-radius: 0;
    font-weight: 600;
    border: 1px solid #bfddcf;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px
}

.alert .alert-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px
}

.alert .alert-icon {
    font-weight: 600;
    font-size: 16px;
    line-height: 1
}

.alert .btn-close {
    position: relative !important;
    inset: unset !important;
    width: auto;
    height: auto;
    opacity: 1;
    padding: 0;
    margin-left: auto;
    font-size: 18px;
    line-height: 1;
    font-weight: 600
}

.alert .btn-close::before {
    content: "\eb99";
    font-family: remixicon;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

.alert .progress {
    height: 0
}