/** Shopify CDN: Minification failed

Line 4816:0 Expected "}" to go with "{"

**/
@media only screen and (min-width: 1600px) {
    img[alt~="current-deals-banner"] {
      width: 45%;
      border-radius: 8px;
      margin: 1em;
    }
  }
@media screen and (max-width: 1599px) {
img[alt~="current-deals-banner"] {
    border-radius: 8px;
    margin: 1em;
    }
}

#Register {
    background: rgba(var(--color-base-text),.05);
    border-radius: 10px;
    padding: 1.75rem;
}

.wcp-discounts-wrapper {
    margin-top: 30px;
    padding-top: 30px;
    border-top: .1rem solid var(--color-wbbordercolor);
}

#wcp-discount-code {
    border-radius: 5px;
}

.disabled {
    pointer-events: none !important;
    user-select: none !important;
    cursor: not-allowed !important;
    background-color: #f4f4f4 !important;
    border-color: #f4f4f4 !important;
}
.easeload {
    opacity: 0;
    -webkit-transition: all .375s ease; 
    -moz-transition: all .375s ease; 
    -ms-transition: all .375s ease; 
    -o-transition: all .375s ease; 
}
  .aodSaveCart, .aodViewCart {
      margin: 0px -10px;
      max-width: 20rem;
  }
  .filter-form {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      flex-wrap: nowrap;
      font-weight: 600;
  }
  #hubspot-messages-iframe-container {
      z-index: 9 !important;
  }
  .product_notification {
      align-items: center;
      justify-content: center;
      padding: 0px 8px 0px 8px;
      margin-left: 0.5rem;
      border-radius: 10px;
      color: #202020;
      background-color: #f8ca23;
    }
    #dropship_content-tab {
      display: flex;
      border-radius: 624.9375rem;
      border: 1px solid var(--color-wbbordercolor);
      background: rgba(var(--color-base-text),.03);
      font-weight: 500;
    }
    #qv_ca_content-tab.active, #qv_tx_content-tab.active, #dropship_content-tab.active, #qv_da_content-tab.active {
      background: #202020 !important;
    }
    #qv_ca_content-tab { 
        display: flex;
        border-radius: 624.9375rem 0rem 0rem 624.9375rem;
        border: 1px solid var(--color-wbbordercolor);
        background: rgba(var(--color-base-text),.03);
        font-weight: 500;
    }
    #qv_tx_content-tab {
      display: flex;
      border-radius: 0rem 624.9375rem 624.9375rem 0rem;
      border: 1px solid var(--color-wbbordercolor);
      background: rgba(var(--color-base-text),.03);
      font-weight: 500;
    }
    #qv_da_content-tab {
        display: flex;
        border: 1px solid var(--color-wbbordercolor);
        background: rgba(var(--color-base-text),.03);
        font-weight: 500;
    }
    #ca_content-tab.active, #tx_content-tab.active, #da_content-tab.active, #tp_content-tab.active {
      background: #202020 !important;
    }
    #da_content-tab, #tp_content-tab, #tx_content-tab, #ca_content-tab {
        display: flex;
        border-radius: 624.9375rem 624.9375rem;
        border: 1px solid var(--color-wbbordercolor);
        background: rgba(var(--color-base-text),.03);
        font-weight: 500;
        margin: 0.5rem 1rem;
      }
  /* smooth scroll */
  html {
      scroll-behavior: smooth !important;
  }
  /* scroll bar */
  /* width */
  ::-webkit-scrollbar {
      width: 8px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
      background: #f1f1f1;
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background: #888;
  }
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
      background: #666;
  }
  /* LA Cash */
  .Rise__widget {
      left: 16px !important;
      bottom: 16px !important;
  }
  .Rise__widget-launcher {
      transition: 100ms;
  }
  .Rise__widget-launcher:hover {
      transform: scale(1.075);
  }
  #shopify-section-logo-bar {
      margin: 6px 0px 30px 0px;
  }
  
  body {
      animation: fadeInAnimation ease 200ms;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
  }
  
  .predictive-search__list-item {
      animation: fadeInAnimation ease-in-out 150ms;
  }
   
  @keyframes fadeInAnimation {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
       }
  }
  
  .no-js:not(html) {
    display: none !important;
  }
  
  html.no-js .no-js:not(html) {
    display: block !important;
  }
  
  .no-js-inline {
    display: none !important;
  }
  
  html.no-js .no-js-inline {
    display: inline-block !important;
  }
  
  html.no-js .no-js-hidden {
    display: none !important;
  }
  
  .element-margin {
    margin-top: 5rem;
  }
  .grid-auto-flow {
    display: grid;
    grid-auto-flow: column;
  }
  
  .page-margin,
  .shopify-challenge__container {
    margin: 7rem auto;
  }
  
  .rte-width {
    max-width: 82rem;
    margin: 0 auto 2rem;
  }
  
  .list-unstyled {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .hidden {
    display: none !important;
  }
  
  .visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
  }
  
  .visually-hidden--inline {
    margin: 0;
    height: 1em;
  }
  
  .overflow-hidden {
    overflow: hidden;
  }
  
  .skip-to-content-link:focus {
    z-index: 9999;
    position: inherit;
    overflow: auto;
    width: auto;
    height: auto;
    clip: auto;
  }
  
  
  .text-body {
    font-size: 1.5rem;
    letter-spacing: 0.06rem;
  }
  
  
  
  h6,
  .h6 {
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
  }
  
  .caption {
    font-size: calc(var(--font-size-base) * 1px);
    letter-spacing: 0.07rem;
  }
  
  
  .hidden {
    display: none !important;
  }
  
  @media screen and (max-width: 767px) {
    .small-hide {
      display: none !important;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .medium-hide {
      display: none !important;
    }
  }
  
  @media screen and (min-width: 992px) {
    .large-up-hide {
      display: none !important;
    }
  }
  
  .center {
    text-align: center;
  }
  
  .right {
    text-align: right;
  }
  
  .uppercase {
    text-transform: uppercase;
  }
  
  .light {
    opacity: 0.7;
  }
  
  /*a:empty,
  ul:empty,
  dl:empty,
  div:empty,
  section:empty,
  article:empty,
  p:empty,
  h1:empty,
  h2:empty,
  h3:empty,
  h4:empty,
  h5:empty,
  h6:empty {
    display: none;
  }*/
  
  .link{
    cursor: pointer;
    display: inline-block;
    border: none;
    box-shadow: none;
    text-decoration: none;
    text-underline-offset: 0.3rem;
    background-color: transparent;
    font-family: inherit;
  }
  
  .link-with-icon {
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    text-decoration: none;
    margin-bottom: 4.5rem;
    white-space: nowrap;
  }
  
  .link-with-icon .icon {
    width: 1.5rem;
    margin-left: 1rem;
  }
  
  .link[role="link"]:not([href]) {
    cursor: not-allowed;
  }
  
  .circle-divider::after {
    content: '\2022';
    margin: 0 15px;
  }
  
  .circle-divider:last-of-type::after {
    display: none;
  }
  
  
  .full-unstyled-link {
    text-decoration: none;
    color: currentColor;
    display: block;
  }
  
  details > * {
    box-sizing: border-box;
  }
  
  .break {
    word-break: break-word;
  }
  
  .visibility-hidden {
    visibility: hidden;
  }
  
  @media (prefers-reduced-motion) {
    .motion-reduce {
      transition: none !important;
    }
  }
  
  :root {
    --duration-short: 100ms;
    --duration-default: 200ms;
    --duration-long: 500ms;
  }
  .icon-arrow {
    width: 1.5rem;
  }
  
  
  /* arrow animation */
  .animate-arrow .icon-arrow path {
    transform: translateX(-0.25rem);
    transition: transform var(--duration-short) ease;
  }
  
  .animate-arrow:hover .icon-arrow path {
    transform: translateX(-0.05rem);
  }
  
  /* base-details-summary */
  summary {
    cursor: pointer;
    list-style: none;
    position: relative;
  }
  
  summary .icon-caret {
      width: 12px;
      height: 12px;
  }
  
  summary::-webkit-details-marker {
    display: none;
  }
  
  .disclosure-has-popup {
    position: relative;
  }
  
  .disclosure-has-popup[open] > summary::before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    cursor: default;
    content: ' ';
    background: transparent;
  }
  
  .disclosure-has-popup > summary::before {
    display: none;
  }
  
  .disclosure-has-popup[open] > summary + * {
    z-index: 100;
  }
  
  @media screen and (min-width: 768px) {
    .disclosure-has-popup[open] > summary + * {
      z-index: 4;
    }
  
    .facets .disclosure-has-popup[open] > summary + * {
      z-index: 2;
    }
  }
  
  /* base-focus */
  /*
    Focus ring - default (with offset)
  */
  
  *:focus {
    outline: 0;
    box-shadow: none;
  }
  
  
  
  /* Fallback - for browsers that don't support :focus-visible, a fallback is set for :focus */
  
  
  /* Negate the fallback side-effect for browsers that support :focus-visible */
  .no-js *:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
  }
  
  /*
    Focus ring - inset
  */
  
  
  .no-js .focus-inset:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
  }
  
  /*
    Focus ring - none
  */
  
  /* Dangerous for a11y - Use with care */
  .focus-none {
    box-shadow: none !important;
    outline: 0 !important;
  }
  
  
  
  .no-js .focus-offset:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
  }
  
  /* component-grid */
  .grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
  }
  .grid__item {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .grid--gapless .grid__item {
    padding-left: 0;
    padding-bottom: 0;
  }
  
  @media screen and (max-width: 767px) {
    .grid__item.slider__slide--full-width {
      width: 100%;
      max-width: none;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .grid--one-third-max.grid--3-col-tablet .grid__item {
      max-width: 33.33%;
    }
  }
  
  @media screen and (min-width: 992px) {
    .grid--quarter-max.grid--4-col-desktop .grid__item {
      max-width: 25%;
    }
  }
  
  .grid--1-col .grid__item {
    max-width: 100%;
    width: 100%;
  }
  
  .grid--3-col .grid__item {
    width: calc(33.33% - 0.5rem * 2 / 3);
  }
  
  @media screen and (min-width: 768px) {
    .grid--3-col .grid__item {
      width: calc(33.33% - 1rem * 2 / 3);
    }
  }
  
  .grid--2-col .grid__item {
    width: calc(50% - 0.5rem / 2);
  }
  
  @media screen and (min-width: 768px) {
    .grid--2-col .grid__item {
      width: calc(50% - 1rem / 2);
    }
  
    .grid--4-col-tablet .grid__item {
      width: calc(25% - 1rem * 3 / 4);
    }
  
    .grid--3-col-tablet .grid__item {
      width: calc(33.33% - 1rem * 2 / 3);
    }
  
    /*.grid--2-col-tablet .grid__item {
      width: calc(50% - 1rem / 2);
    }*/
  }
  
  @media screen and (min-width: 992px) {
    .grid--4-col-desktop .grid__item {
      width: calc(25% - 1rem * 3 / 4);
    }
  
    .grid--3-col-desktop .grid__item {
      width: calc(33.33% - 1rem * 2 / 3);
    }
  
    .grid--2-col-desktop .grid__item {
      width: calc(50% - 1rem / 2);
    }
  }
  
  .grid__item--vertical-align {
    align-self: center;
  }
  
  .grid__item--full-width {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  @media screen and (max-width: 767px) {
    .grid--peek.slider--mobile {
      margin: 0;
      width: 100%;
    }
  
    .grid--peek.slider--mobile .grid__item {
      box-sizing: content-box;
      margin: 0;
    }
  
    .grid--peek .grid__item {
      width: calc(50% - 3.75rem / 2);
    }
  
    /*.grid--peek .grid__item:first-of-type {
      padding-left: 1.5rem;
    }*/
  
    .grid--peek .grid__item:last-of-type {
      padding-right: 1.5rem;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .slider--tablet.grid--peek .grid__item {
      width: calc(25% - 4rem * 3 / 4);
    }
  
    .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
      width: calc(33.33% - 4rem * 2 / 3);
    }
  
    .slider--tablet.grid--peek.grid--2-col-tablet .grid__item {
      width: calc(50% - 4rem / 2);
    }
  
    .slider--tablet.grid--peek .grid__item:first-of-type {
      padding-left: 1.5rem;
    }
  
    .slider--tablet.grid--peek .grid__item:last-of-type {
      padding-right: 1.5rem;
    }
  }
  
  @media screen and (max-width: 991px) {
    .slider--tablet.grid--peek {
      margin: 0;
      width: 100%;
    }
  
    .slider--tablet.grid--peek .grid__item {
      box-sizing: content-box;
      margin: 0;
    }
  }
  
  
  /* component-media */
  .media {
    display: block;
    position: relative;
    overflow: hidden;
  }
  
  .media--transparent {
    background-color: transparent;
  }
  
  .media > *:not(.zoom):not(.deferred-media__poster-button),
  .media model-viewer {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  
  .media > img {
    object-fit: cover;
    object-position: center center;
    transition: .175s;
  }
  
  .media--square {
    padding-bottom: 100%;
  }
  
  .media--portrait {
    padding-bottom: 125%;
  }
  
  .media--landscape {
    padding-bottom: 66.6%;
  }
  
  .media--cropped {
    padding-bottom: 56%;
  }
  
  .media--16-9 {
    padding-bottom: 56.25%;
  }
  
  .media--circle {
    padding-bottom: 100%;
    border-radius: 50%;
  }
  
  .media.media--hover-effect > img + img {
    opacity: 0;
  }
  
  @media screen and (min-width: 992px) {
    .media--cropped {
      padding-bottom: 63%;
    }
  }
  
  deferred-media {
    display: block;
  }
  
  /* component-button */
  /* Button - default */
  
  .btn-primary, .button, .shopify-challenge__button, .customer button {
      cursor: pointer;
      display: inline-flex;
      vertical-align: middle;
      line-height: 1.25;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      text-decoration: none;
      border: 1px solid #000;
      border-radius: 4px;  
      background: #000;
      color:#fff;
      appearance: none;
      font-size: rgb(var(--color-base-text));
      letter-spacing: 0.5px;
      text-transform: capitalize;
      padding: .5rem .75rem;
  }
  .button:hover, .shopify-challenge__button:hover, .customer button:hover,.btn-primary.disabled, .btn-primary:disabled,
  .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,
  .btn-primary.focus, .btn-primary:focus {
      background: #000;
      border-color: var(--gradient-base-accent-2);
      color: #F8CA23;
      box-shadow: none;
  }
  .shopify-challenge__container .shopify-challenge__button {
      margin-top: 30px;
  }
  
  .button--tertiary {
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
    min-width: 9rem;
    min-height: 3.5rem;
  }
  
  .button--small {
    padding: 1.2rem 2.6rem;
  }
  
  /* Button - hover */
  
  
  /* Button - other */
  
  .button:disabled,
  .button[aria-disabled='true'],
  .button.disabled,
  .customer button:disabled,
  .customer button[aria-disabled='true'],
  .customer button.disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
  
  .button--full-width {
    display: flex;
    width: 100%;
  }
  
  .button.loading {
    color: transparent;
    position: relative;
  }
  .button.loading > .loading-overlay__spinner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .button.loading svg,.button.loading span{
      opacity: 0;
  }
  .button.loading .loading-overlay__spinner svg{
      opacity: 1;
  }
  /* Button - social share */
  
  .share-button {
    display: block;
    position: relative;
  }
  
  .share-button details {
    width: fit-content;
  }
  
  .share-button__button {
      display: flex;
      align-items: center;
  }
  
  details[open] > .share-button__fallback {
    animation: animateMenuOpen var(--duration-default) ease;
  }
  
  .share-button__button:hover {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }
  
  .share-button__button,
  .share-button__fallback button {
    cursor: pointer;
    background-color: transparent;
    border: none;
  }
  
  .share-button__button .icon-share {
      margin-right: 5px;
      height: 16px;
      width: 16px;
  }
  
  .share-button__fallback {
    background: rgb(var(--color-background));
    display: flex;
    align-items: center;
    position: absolute;
    top: 3rem;
    left: 0.1rem;
    z-index: 3;
    width: 100%;
    min-width: max-content;
  }
  
  .share-button__fallback button {
    width: 4.4rem;
    height: 4.4rem;
    padding: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  
  
  .share-button__fallback button:hover svg {
    transform: scale(1.07);
  }
  
  .share-button__close:not(.hidden) + .share-button__copy {
    display: none;
  }
  
  
  .share-button__fallback .field__input {
    box-shadow: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  
  .share-button__fallback .icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  
  .share-button__message:not(:empty) {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding: 0.8rem 0 0.8rem 1.5rem;
  }
  
  .share-button__message:not(:empty):not(.hidden) ~ * {
    display: none;
  }
  
  /* component-form */
  .field__input,
  .select__select,
  .customer .field input,
  .customer select {
    /* -webkit-appearance: none;
    appearance: none; */
    background-color: rgb(var(--color-background));
    border: 0.1rem solid var(--color-wbbordercolor);
    border-radius: 10px;
    font-size: rgb(var(--color-base-text));
    /* width: 100%;
    height: 45px; */
    box-sizing: border-box;
    transition: box-shadow var(--duration-short) ease;
  }
  .text-area,
  .select {
    display: inline-block;
    position: relative;
    width: 100%;
  }
  
  /* Select */
  
  .select .icon-caret,
  .customer select + svg {
    display: none;
    height: 0.6rem;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 0.2rem);
    right: 1.5rem;
  }
  
  .select__select,
  .customer select {
    cursor: pointer;
    padding: .5rem 2rem .5rem .5rem;
  }
  
  /* Field */
  
  .field {
    position: relative;
    width: 100%;
    display: flex;
  }
  
  .customer .field {
    display: block;
  }
  
  .field--with-error {
    flex-wrap: wrap;
  }
  
  .field__input,
  .customer .field input {
    flex-grow: 1;
    padding: 8px 15px;
    width: 100%;
  }
  
  .field__label,
  .customer .field label {
      font-size: rgb(var(--color-base-text));
      left: 15px;
      top: 13px;
      margin-bottom: 0;
      pointer-events: none;
      position: absolute;
      transition: top var(--duration-short) ease,
      font-size var(--duration-short) ease;
      line-height: 1.5;
      color: rgba(var(--color-base-text),.5);
  }
  
  .field__input:focus ~ .field__label,
  .field__input:not(:placeholder-shown) ~ .field__label,
  .field__input:-webkit-autofill ~ .field__label,
  .customer .field input:focus ~ label,
  .customer .field input:not(:placeholder-shown) ~ label,
  .customer .field input:-webkit-autofill ~ label {
    font-size: 12px;
    top: 2px;
    letter-spacing: 0.04rem;
    color: #333;
  }
  
  .field__input:focus,
  .field__input:not(:placeholder-shown),
  .field__input:-webkit-autofill,
  .customer .field input:focus,
  .customer .field input:not(:placeholder-shown),
  .customer .field input:-webkit-autofill {
    padding: 15px 15px 0 15px;
    width: 100%;
  }
  
  .field__input::-webkit-search-cancel-button,
  .customer .field input::-webkit-search-cancel-button {
    display: none;
  }
  
  .field__input::placeholder,
  .customer .field input::placeholder {
    opacity: 0;
  }
  
  .field__button {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: currentColor;
    cursor: pointer;
    display: flex;
    height: 45px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 4.4rem;
  }
  
  .field__button > svg {
    height: 24px;
    width: 23px;
  }
  
  .field__input:-webkit-autofill ~ .field__button,
  .field__input:-webkit-autofill ~ .field__label,
  .customer .field input:-webkit-autofill ~ label {
    color: rgb(0, 0, 0);
  }
  
  /* Text area */
  
  .text-area {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    padding: 1.2rem;
    min-height: 10rem;
    resize: none;
  }
  
  .text-area--resize-vertical {
    resize: vertical;
  }
  
  input[type='checkbox'] {
    display: inline-block;
    width: auto;
    margin-right: 0.5rem;
  }
  
  /* Form global */
  
  .form__label {
    display: block;
    margin-bottom: 0.6rem;
  }
  
  .form__message {
    align-items: center;
    display: flex;
    font-size: calc(var(--font-size-base) * 1px);
    line-height: 1;
    margin-top: 10px;
  }
  
  .form__message--large {
    font-size: 1.6rem;
  }
  
  .customer .field .form__message {
    font-size: 1.4rem;
    text-align: left;
  }
  
  .form__message .icon,
  .customer .form__message svg {
    flex-shrink: 0;
    margin-right: 0.5rem;
    width: 18px;
    height: 18px;
  }
  
  .form__message--large .icon,
  .customer .form__message svg {
    margin-right: 1rem;
  }
  
  .customer .field .form__message svg {
    align-self: start;
  }
  
  .form-status {
    margin: 0;
    font-size: calc(var(--font-size-base) * 1.28px);
  }
  
  .form-status-list {
    padding: 0;
    margin: 1rem;
  }
  
  .form-status-list li {
    list-style-position: inside;
  }
  
  .form-status-list .link::first-letter {
    text-transform: capitalize;
  }
  
  /* component-quantity */
  .quantity {
    position: relative;
    height: 45px;
    display: flex;
  }
  
  .quantity__input {
    color: currentColor;
    font-weight: 500;
    opacity: 0.85;
    text-align: center;
    background-color: transparent;
    border: 0;
    padding: 0 0.5rem;
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    appearance: none;
  }
  
  .quantity__button {
    flex-shrink: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  
  .quantity__button svg {
    width: 1rem;
    pointer-events: none;
  }
  
  .quantity__input:-webkit-autofill,
  .quantity__input:-webkit-autofill:hover,
  .quantity__input:-webkit-autofill:active {
    box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
    -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  }
  
  .quantity__input::-webkit-outer-spin-button,
  .quantity__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  .quantity__input[type='number'] {
    -moz-appearance: textfield;
  }
  
  /* component-modal */
  .modal__toggle {
    list-style-type: none;
  }
  
  .no-js details[open] .modal__toggle {
    position: absolute;
    z-index: 5;
  }
  
  .modal__toggle-close {
    display: none;
  }
  
  .no-js details[open] svg.modal__toggle-close {
    display: flex;
    z-index: 1;
    height: 1.7rem;
    width: 1.7rem;
  }
  
  .modal__toggle-open {
    display: flex;
  }
  
  .no-js details[open] .modal__toggle-open {
    display: none;
  }
  
  .no-js .modal__close-button.link {
    display: none;
  }
  
  .modal__close-button.link {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0rem;
      height: 45px;
      width: 45px;
      background-color: transparent;
  }
  
  .modal__close-button .icon {
      width: 20px;
      height: 20px;
  }
  
  .modal__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(var(--color-background));
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .media-modal {
    cursor: zoom-out;
  }
  
  .media-modal .deferred-media {
    cursor: initial;
  }
  
  /* component-cart-count-bubble */
  .cart-count-bubble:empty {
    display: none;
  }
  
  .cart-count-bubble {
    position: absolute;
    background-color: red;
    height: 1.7rem;
    width: 1.7rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9rem;
    bottom: 0.8rem;
    left: 2.2rem;
    line-height: calc(1 + 0.1 / var(--font-body-scale));
  }
  
  /* section-announcement-bar */
  .card {
    padding: 12px;
    border-radius: 10px !important;
  }
  .card-left {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border-radius: .25rem;
      transition: 200ms;
      border: none;
      padding: 4px;
  }
  
  .card:hover {
      background-color: rgba(var(--color-base-text),.033);
  }
  
  #shopify-section-announcement-bar {
    z-index: 4;
  }
  .announcement-bar {
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,.15);
  }
  .announcement-bar__link {
    display: block;
    width: 100%;
    padding: 1rem 2rem;
    text-decoration: none;
  }
  
  .announcement-bar__link .icon-arrow {
    display: inline-block;
    pointer-events: none;
    margin-left: 0.8rem;
    vertical-align: middle;
    margin-bottom: 0.2rem;
  }
  
  .announcement-bar__link .announcement-bar__message {
    padding: 0;
  }
  
  .announcement-bar__message {
      margin: 0;
      text-transform: capitalize;
      font-weight: normal;
      font-size: calc(var(--font-size-base) * 1);
  }
  
  .announcement-bar p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
  .announcement-bar svg {
    width: 25px;
    height: 20px;
    fill: var(--color-wbmaincolors-text);
    margin-right: 5px;
  }
  /* section-header */
  #shopify-section-header {
    z-index: 9;
  }
  
  .shopify-section-header-sticky {
    position: sticky;
    top: -1px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
  }
  
  .shopify-section-header-hidden {
    /*transform: translateY(-100%);*/
    position: unset;
  }
  
  #shopify-section-header.animate {
    transition: transform 0.15s ease-out;
  }
  
  /* Main Header Layout */
  .header-wrapper {
      display: block;
      position: relative;
  }
  .header *[tabindex='-1']:focus {
    outline: none;
  }
  
  .header__heading {
    margin: 0;
    line-height: 0;
  }
  /* Header icons */
  @media screen and (max-width: 991px) {
    menu-drawer ~ .header__icons .header__icon--account {
      display: none;
    }
  }
  
  /* Search */
  menu-drawer + .header__search {
    display: none;
  }
  
  .header > .header__search {
    grid-area: left-icon;
    justify-self: start;
  }
  
  .header__search {
    display: inline-flex;
    line-height: 0;
    padding: 0;
  }
  
  .header--top-center > .header__search {
    display: none;
  }
  
  .header--top-center * > .header__search {
    display: inline-flex;
  }
  
  @media screen and (min-width: 992px) {
    .header:not(.header--top-center) > .header__search,
    .header--top-center * > .header__search {
      display: none;
    }
  }
  
  .no-js .predictive-search {
    display: none;
  }
  
  details[open] > .search-modal {
    opacity: 1;
    animation: animateMenuOpen var(--duration-default) ease;
  }
  
  details[open] .modal-overlay {
    display: block;
  }
  
  details[open] .modal-overlay::after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    height: 100vh;
    background: rgba(0,0,0,0.4);
  }
  
  .no-js details[open] > .header__icon--search {
    top: 1rem;
    right: 0.5rem;
  }
  
  .search-modal__content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  
  .search-modal__form {
    width: 100%;
  }
  .search-modal__close-button {
    position: absolute;
    right: 0.3rem;
  }
  .search-modal__form .field__button svg {
     fill: rgb(var(--color-base-text));
  }
  @media screen and (min-width: 768px) {
    .search-modal__close-button {
      right: 1rem;
    }
  }
  
  @media screen and (min-width: 992px) {
    .search-modal__close-button {
      position: initial;
      margin-left: 0.5rem;
    }
  }
  
  /* Header menu drawer */
  .header__icon--menu .icon {
    display: block;
    position: absolute;
    opacity: 1;
    transform: scale(1);
    transition: transform 150ms ease, opacity 150ms ease;
  }
  
  details:not([open]) > .header__icon--menu .icon-close,
  details[open] > .header__icon--menu .icon-hamburger {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.8);
  }
  
  .js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
    visibility: hidden;
  }
  
  .js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
    visibility: visible;
    opacity: 1;
    transform: scale(1.07);
  }
  
  .header__inline-menu details[open] > .header__submenu {
    opacity: 1;
    transform: translateY(0);
    animation: animateMenuOpen var(--duration-default) ease;
    z-index: 1;
  }
  
  /* Header menu */
  .header__inline-menu {
    margin-left: -1.2rem;
    grid-area: navigation;
    display: none;
  }
  
  @media screen and (min-width: 992px) {
    .header__inline-menu {
      display: block;
    }
  
    .header--top-center .header__inline-menu {
      justify-self: center;
    }
  
    .header--top-center .header__inline-menu > .list-menu--inline {
      justify-content: center;
    }
  }
  
  .header__menu {
    padding: 0 1rem;
  }
  
  .header__menu-item {
    padding: 1.2rem;
    text-decoration: none;
  }
  
  
  .header__active-menu-item {
    transition: text-decoration-thickness var(--duration-short) ease;
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }
  
  .header__menu-item:hover .header__active-menu-item {
    text-decoration-thickness: 0.2rem;
  }
  
  .header__submenu {
    transition: opacity var(--duration-default) ease,
      transform var(--duration-default) ease;
  }
  
  .header__submenu.list-menu {
    padding: 2rem 0;
  }
  
  .header__submenu .header__submenu {
    padding: 0.5rem 0;
    margin: 0.5rem 0;
  }
  
  .header__submenu .header__menu-item:after {
    right: 2rem;
  }
  
  .header__submenu .header__menu-item {
    padding: 0.95rem 3.5rem 0.95rem 2rem;
  }
  
  .header__submenu .header__submenu .header__menu-item {
    padding-left: 3rem;
  }
  
  .header__menu-item .icon-caret {
    right: 0.8rem;
  }
  
  .header__submenu .icon-caret {
    right: 2rem;
  }
  
  details-disclosure > details {
    position: relative;
  }
  
  @keyframes animateMenuOpen {
    0% {
      opacity: 0;
      transform: translateY(-1.5rem);
    }
  
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /*.overflow-hidden-mobile,
  .overflow-hidden-tablet {
    overflow: hidden;
  }*/
  
  @media screen and (min-width: 768px) {
    .overflow-hidden-mobile {
      overflow: auto;
    }
  }
  
  @media screen and (min-width: 992px) {
    .overflow-hidden-tablet {
      overflow: auto;
    }
  }
  
  .badge {
    border: 1px solid transparent;
    border-radius: 0rem;
    display: inline-flex;
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    line-height: 1;
    padding: 0.6rem 1.3rem;
    text-align: center;
    word-break: break-word;
  }
  
  .gradient {
    background: rgb(var(--color-background));
    background: var(--gradient-background);
    background-attachment: fixed;
  }
  
  @media screen and (forced-colors: active) {
    .icon {
      color: CanvasText;
      fill: CanvasText !important;
    }
  
    .icon-close-small path {
      stroke: CanvasText;
    }
  }
  /* Custom Css */
  
  body{
      font-size: calc(var(--font-size-base) * 1px);
      font-family: var(--wbbase-font);
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.3px;
      color: rgb(var(--color-base-text));
      background: rgb(var(--color-background));
      background: var(--gradient-background);
  }
  a {
      color: rgb(var(--color-base-text));
      transition: .175s ease-in-out;
  }
  a:hover {
      color: var(--color-wbmaincolors-text);
      text-decoration: none;
  }
  button:focus{
      outline: none;
  }
  p{
      color: rgba(var(--color-base-text),0.6);
  }
  svg {
      width: 18px;
      height: 18px;
      vertical-align: middle;
  }
  svg.placeholder-svg{
      width: 100%;
      height: 100%;
  }
  [contenteditable=true]:focus, [href]:focus, [tabindex]:not([tabindex="-1"]):focus, button:focus, details:focus, input:focus, select:focus, textarea:focus {
      outline: none solid #2e8fff !important;
      outline-offset: 1px!important;
  }
  .dropdown-menu {
      animation: animateMenuOpen var(--duration-default) ease;
      border-color: var(--color-wbbordercolor);
      font-size: calc(var(--font-size-base) * 1px);
      border-radius: 10px;
  }
  .modal-content{
      background: rgb(var(--color-background));
  }
  
  @media (max-width: 991px){
      .container {
        max-width: 100%;
      }
  }
  @media (min-width: 992px) and (max-width: 1199px){
      .container {
        max-width: 100%;
      }
  }
  @media (min-width: 1200px) and (max-width: 1409px){
      .container {
          max-width: 95%;
      }
  }
  @media (min-width: 1410px) and (max-width: 1589px){
      .container {
          max-width: 95%;
      }
  }
  @media (min-width:1590px) and (max-width: 1829px) {
      .container {
          max-width: 95%;
      }
  }
  @media (min-width: 1830px){
      .container{
          max-width: 1800px;
      }
  }
    
  /* Header */
  .menuposrow{
      align-items: center;
  }
  .shopify-section-header-sticky header.header{
      background: rgb(var(--color-background));
      box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
  }
  .header__icons .header__search,.header__icons .slidedown_section,.header__icons #cart-icon-bubble,.wbheadwish {
      display: inline-block;
      vertical-align: middle;
  }
  .wbhcart .wbcart-count{
      background: var(--color-wbmaincolors-text);
      color: #fff;
      border-radius: 100%;
      width: 14px;
      height: 14px;
      line-height: 14px;
      font-size: 11px;
      display: inline-block;
      text-align: center;
      position: absolute;
      right: 0;
      bottom: 0;
  }
  .husercart {
      display: flex;
      justify-content: space-around;
      align-items: center;
  }
  .localization-form .disclosure__button svg{
      width: 8px;
      height: 8px;
      margin-left: 5px;
  }
  .header__icons .slidedown_section,#cart-icon-bubble{
      margin-top: 0px;
  }
  .userdrop,.wbhcart,.header__icon--search{
      cursor: pointer;
  }
  .announcement-bar .wbwish {
      color: rgb(var(--color-background));
      padding: 5px 8px;
      transition: 0.3s ease;
  }
  .wbwish:hover {
      color: var(--color-wbmaincolors-text);
  }
  .icon-right-part {
      margin-left: 5px;
  }
  .icon-right-part .main-title {
      font-size: calc(var(--font-size-base) * 1.07px);
      font-weight: normal;
      text-transform: capitalize;
      color: rgb(var(--color-background));
  }
  .icon-right-part .sub-title {
      font-size: calc(var(--font-size-base) * 0.85px);
      font-weight: normal;
      text-transform: capitalize;
      color: #9f9f9f;
  }
  .userdrop svg,.header-support svg {
      width: 32px;
      height: 32px;
      fill: rgb(var(--color-background));
      transition: unset;
  }
  .wbhcart svg {
      width: 38px;
      height: 32px;
      fill: rgb(var(--color-background));
      transition: unset;
  }
  .userdrop:hover svg,.wbhcart:hover svg {
      fill: var(--color-wbmaincolors-text);
      color: var(--color-wbmaincolors-text);
  }
  .wbhcartitem,.wbwishcount {
    background: var(--gradient-base-accent-1);
    color: #202020;
    text-align: center;
    font-size: calc(var(--font-size-base) * .85px);
    font-weight: 800;
    border-radius: 0.25rem;
    padding: 0 6px;
  }
  .header-support {
      padding: 5px;
  }
  .tright{
      position: unset;
  }
  .slidedown_section .dropdown-menu {
      min-width: 210px;
      transform: none !important;
      top: 45px !important;
      left: auto !important;
  }
  .slidedown_section .dropdown-menu li a{
      display: block;
      padding: 4px 15px;
      font-size: calc(var(--font-size-base) * 1.14px);
      font-weight: 500;
      text-transform: capitalize;
  }
  .search__input.field__input {
      border: none;
      box-shadow: none;
      height: 48px;
      border-radius: 10px;
      border: 1px solid var(--color-wbbordercolor);
  }
  .header__icons .field__button,.searchbar .field__button,.template-search .field__button {
      width: auto;
      padding: 0 50px;
      background: var(--gradient-base-accent-1);
      fill: var(--color-base-solid-button-labels);
      height: 48px;
      transition: 0.3s all ease;
      border-radius: 0 10px 10px 0;
  }
  .header__icons .field__button svg,.searchbar .field__button svg {
      fill: var(--color-base-solid-button-labels);
  }
  
  .header__icons .field__button:hover,.searchbar .field__button:hover {
      background: var(--gradient-base-accent-2);
  }
  .header__icons .field__button:hover svg,.searchbar .field__button:hover svg {
      fill: var(--color-wb-hovercolor-button-text);
  }
  input::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  .wbheadwish {
      position: relative;
      margin: 0;
  }
  .header__icons .header__search {
      margin-top: 0px;
      margin-right: 15px;
  }
  .header-top{
      padding: 30px 0 !important;
      border-bottom: 1px solid rgba(255,255,255,.15);
  }
  @media (max-width: 1316px) {
    .header-top{
        margin-bottom: 25px;
    }
  }
  .headphn {
      text-transform: capitalize;
      font-weight: 400;
      letter-spacing: 0;
      padding: 12px 0;
      font-size: calc(var(--font-size-base) * 1.15px);
  }
  .headphn svg {
      width: 24px;
      height: 24px;
  }
  /* cms menu  */
  .cms-menu p {
      display: inline-block;
      margin-right: 50px;
      margin-bottom: 0;
  }
  .cms-menu a {
      font-size: calc(var(--font-size-base) * 1.15px);
      color: rgb(var(--color-background));
      font-weight: normal;
      text-transform: uppercase;
      position: relative;
  }
  .cms-menu a::after {
      position: absolute;
      content: "";
      background-color: #f8ca23;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: -4px;
      opacity: 0;
      height: 2px;
      width: 0;
  }
  .cms-menu a:hover::after {
      opacity: 1;
      width: 100%;
  }
  .cms-menu a:hover,.special-offer a:hover {
      color: var(--color-wbmaincolors-text);
  }
  .special-offer {
      position: relative;
  }
  /* .special-offer::after {
      position: absolute;
      content: '';
      background-color: rgba(255, 255, 255, 0.15);
      width: 1px;
      height: 50px;
      left: 0;
      top: -14px;
  } */
  .special-offer p {
      display: inline-block;
      margin-bottom: 0;
  }
  .special-offer a {
      font-size: calc(var(--font-size-base) * 1px);
      color: rgb(var(--color-background));
      font-weight: normal;
      text-transform: capitalize;
  }
  /* Header Cart Dropdown */
  #cart-icon-bubble .cart__warnings,#cart-icon-bubble .cart__empty-text,#cart-icon-bubble .is-empty .cart__contents, #cart-icon-bubble .is-empty .cart__footer,
  #cart-icon-bubble cart-items.is-empty .title-wrapper-with-link, #webi-main-cart-footer.is-empty{
      display: none;
  }
  #cart-icon-bubble .is-empty .cart__empty-text,#cart-icon-bubble .is-empty .cart__warnings {
      display: block;
  }
  .wb-cart-item__error-text:empty + svg {
      display: none;
  }
  #cart-icon-bubble .dropdown-menu {
      transform: none !important;
      right: 0;
      left: auto !important;
      width: 420px;
      top: 45px !important;
      padding: 0;
  }
  #cart-icon-bubble .dropdown-menu webi-cart-items {
      display: block;
      overflow-y: auto;
      max-height: 400px;
      padding: 10px;
  }
  .wbheadcartdrop {
    display: flex;
    gap: 10px;
    position: relative;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--color-wbbordercolor);
    padding-bottom: 15px;
  }
  .wbheadcartdrop:last-child{
      margin-bottom: 0;
  }
  /* .wbheadcartdrop dl {
      margin-bottom: 6px;
  } */
  .wbcartdimg img{
      border-radius: 10px;
      max-width: 70px;
      border: 1px solid var(--color-wbbordercolor);
  }
  .wbheadcartdrop webi-quantity-input{
      border: 1px solid var(--color-wbbordercolor);
      width: 66px;
      height: 20px;
      border-radius: 0.25rem;
  }
  .wbheadcartdrop .quantity__button svg{
      width: 10px;
  }
  .wbheadcartdrop .quantity__input{
      padding: 0 3px;
  }
  .wbheadcartdrop .quantity__button{
      width: 18px;
  }
  .wbheadcartdrop webi-cart-remove-button{
      position: absolute;
      right: 0;
      top: 0;
  }
  .wbheadcartdrop webi-cart-remove-button svg{
      width: 16px;
      height: 16px;
  }
  .wbcrtname {
      font-size: calc(var(--font-size-base) * 0.93px);
      font-weight: normal;  
      text-transform: capitalize;
      letter-spacing: 0.3px;
      display: block;
      width: 85%;
      line-height: 17px;
      margin-bottom: 6px;
  }
  .wbheadcartdrop .product-option{
      margin: 0 0 6px 0;
  }
  .wbcartddesc {
      width: 100%;
  }
  .wbcartqtybr{
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  .wbheadcartdrop .cart-item__totals {
    border-radius: .25rem;
    padding: 0 .5rem;
    margin-right: .25rem;
    background: rgba(51,153,102,.3);
    color: #0c5132;
    font-weight: 600;
    font-size: calc(var(--font-size-base) * .96px);
    text-align: center;
  }
  .wbheadcartdrop .cart-item__price-wrapper{
      font-size: rgb(var(--color-base-text));
  }
  #webi-main-cart-footer .cart__blocks{
      padding: 10px;
      border-top: 1px solid var(--color-wbbordercolor);
  }
  #webi-main-cart-footer .cart__ctas{
      display: flex;
      gap: 10px;
      margin-top: 12px;
  }
  #webi-main-cart-footer .cart__ctas .button{
      width: 100%;
  }
  #webi-main-cart-footer .totals{
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  #webi-main-cart-footer .totals p,#webi-main-cart-footer .totals h3{
      margin: 0;
      font-weight: 600;
  }
  #webi-main-cart-footer .totals h3{
      font-size: calc(var(--font-size-base) * 1.43px);
  }
  .wbheadcartdrop .loading-overlay:not(.hidden) ~ *{
      visibility: hidden;
  }
  #cart-icon-bubble .cart__empty-text{
      text-align: center;
      font-size: calc(var(--font-size-base) * 1.29px);
      margin: 0;
  }
  #webi-main-cart-footer .discounts{
      margin-top: 10px;
      font-size: calc(var(--font-size-base) * 1px);
  }
  /* Language/ Currency */
  localization-form {
      display: inline-block;
  }
  .localization-form .button {
      padding: 1rem;
  }
  .localization-form__currency {
      display: inline-block;
  }
  .localization-form__select {
      position: relative;
  }
  noscript .localization-form__select {
      padding-left: 0rem;
  }
  .localization-selector.link {
      border-right: 1px solid rgba(255,255,255,.15);
      padding: 5px 8px;
      width: 100%;
      border-radius: 0px;
      display: inline-flex;
      align-items: center;
      transition: 0.3s ease;
  }
  .localization-selector.link:hover {
      color: var(--color-wbmaincolors-text) !important;
  } 
  
  #FooterCountryForm button {
      margin-right: 0px;
  }
  noscript .localization-selector.link {
      padding-top: 1.5rem;
      padding-left: 1.5rem;
  }
  .localization-selector option {
      color: rgb(var(--color-base-text));
  }
  .localization-selector + .disclosure__list {
      opacity: 1;
      animation: animateLocalization var(--duration-default) ease;
  }
  @keyframes appear-down {
      0% {
          opacity: 0;
          margin-top: -1rem;
      }
      100% {
          opacity: 1;
          margin-top: 0;
      }
  }
  
  @keyframes animateLocalization {
      0% {
          opacity: 0;
          transform: translateY(0);
      }
  
      100% {
          opacity: 1;
          transform: translateY(-1rem);
      }
  }
  /* Language/ Currency End */
  
  /* Arrows */
  .slick-slider{
      text-align: center;
  }
  .slick-slider .slick-next, .slick-slider .slick-prev{
      display: inline-block;
      vertical-align: middle;
  }
  .slick-slider .slick-next::before, .slick-slider .slick-prev::before{
      display: none;
  }
  .slick-slider .slick-arrow {
      background: rgba(var(--color-base-text),.05);
      display: inline-block;
      text-align: center;
      border: none;
      font-size: 20px;
      text-transform: uppercase;
      color: rgb(var(--color-base-text));
      opacity: 1;
      transform: unset;
      top: -113px;
      min-width: 30px;
      min-height: 30px;
      border-radius: 10px;
  }
  .slick-slider .slick-arrow.slick-prev {
      cursor: pointer;
      left: auto;
      right: 55px;
  }
  .slick-slider .slick-arrow.slick-next {
      cursor: pointer;
      right: 15px;
  }
  .leftpro .slick-slider .slick-arrow {
      background: transparent;
      display: inline-block;
      text-align: center;
      border: none;
      font-size: 20px;
      text-transform: uppercase;
      color: rgb(var(--color-background));
      transition: .3s ease;
      opacity: 1;
      transform: unset;
      min-width: unset;
      min-height: unset;
      border-radius: 10px;
  }
  .leftpro .slick-slider .slick-arrow {
      top: -48px;
  }
  .leftpro .slick-slider .slick-arrow.slick-prev {
      left: auto;
      right: 38px;
  }
  .leftpro .slick-slider .slick-arrow.slick-next {
      right: 15px;
      left: auto;
  }
  .slick-slider .slick-arrow:hover{
      background: var(--gradient-base-accent-1);
      color: var(--color-base-solid-button-labels);
  }
  .slick-slider .slick-arrow:hover svg,.leftpro .slick-slider .slick-arrow svg {
      fill: var(--color-base-solid-button-labels);
  }
  /* Slick Dots */
  .slick-slider .slick-dots{
      position: unset;
      margin-top: 20px;
  }
  .slick-dots li{
      margin: 0 2px;
  }
  .slick-dots li.slick-active button::before,.slick-dots li button::before{
      color: var(--color-wbmaincolors-text);
  }      
  .slick-dots li{
      width: auto;
      height: auto;
      vertical-align: middle;
  }
  .slick-dots li button::before{
      content: '';
      width: auto;
      height: auto;
      opacity: 1;
  }
  .slick-dots li.slick-active button::before{
      opacity: 1;
  }
  .slick-dots li button{
      background: var(--color-wbmaincolors-text);
      opacity: .5;
      width: 8px;
      height: 8px;
      padding: 0;
      margin: 0 2px;
      border-radius: 100%;
      transition: 0.3s all ease;
  }
  .slick-dots li.slick-active button,.slick-dots li button:hover{
      opacity: 1;
      width: 30px;
      border-radius: 30px;
  }
  .slick-dotted.slick-slider {
      margin-bottom: 0;
  }
  /*slider banner*/
  .procatbnr {
    position: relative;
  }
  .righttext {
    position: absolute;
    top: 50px;
    right: 8%;
    text-align: right;
  }
  .righttext h5,.rtext h5 {
      font-size: calc(var(--font-size-base) * 1.15px);
      text-transform: capitalize;
      font-weight: normal;
      color: rgba(var(--color-base-text),0.5);
  }
  .righttext h2,.rtext h2 {
      font-size: calc(var(--font-size-base) * 1.71px);
      text-transform: capitalize;
      font-weight: normal;
  }
  .righttext a.btn,.rtext a.btn {
      padding: 0;
      background: transparent;
      color: var(--color-wbmaincolors-text);
      margin-top: 10px;
      font-size: calc(var(--font-size-base) * 1px);
      font-weight: normal;
      text-transform: uppercase;
      text-decoration: underline;
      border: none;
  }
  .righttext a.btn:hover,.rtext a.btn:hover {
      background: transparent;
      color: rgb(var(--color-base-text));
      border: none;
  } 
  .rtext {
      position: absolute;
      top: 80px;
      left: 8%;
      text-align: left;
  }  
  /* Collection Banner */
  .middle-top-b {
      margin-top: 18px;
      position: relative;
  }
  .colltext,.sptext {
      position: absolute;
      top: 50px;
      left: 8%;
      max-width: 600px;
  }
  .colltext h4 {
      font-size: calc(var(--font-size-base) * 1.15px);
      text-transform: capitalize;
      font-weight: 500;
  }
  .sptext h4 {
      font-size: calc(var(--font-size-base) * 1.42px);
      text-transform: capitalize;
      font-weight: 700;
      margin-bottom: 15px;
  } 
  .colltext h2.sptext h2 {
      font-size: calc(var(--font-size-base) * 2.5px);
      text-transform: capitalize;
      font-weight: 700;
  }
  .colltext p {
      font-size: calc(var(--font-size-base) * 1.15px);
      text-transform: capitalize;
      font-weight: 700;
      color: rgba(var(--color-base-text),0.5);
  }
  .colltext a.btn,.offerbtxt a.btn,.sptext a.btn {
      padding: 12px 35px;
      border-radius: 10px;
      background: var(--gradient-base-accent-1);
      color: var(--color-base-solid-button-labels);
      margin-top: 20px;
      font-size: calc(var(--font-size-base) * 1px);
      font-weight: normal;
      text-transform: uppercase;
  }
  .colltext a.btn:hover,.offerbtxt a.btn:hover,.sptext a.btn:hover {
      background: var(--gradient-base-accent-2);
      color: var(--color-base-solid-button-labels);
  }   
  /* Offer Banner */
  .offerbnr {
      position: relative;
  }
  .offerbtxt {
      position: absolute;
      top: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      max-width: 550px;
      right: 8%;
  }
  .offerbtxt h2 {
      font-size: calc(var(--font-size-base) * 2.85px);
      text-transform: capitalize;
      font-weight: 500;
  }
  .offerbtxt p {
      font-size: calc(var(--font-size-base) * 1px);
      text-transform: capitalize;
      font-weight: normal;
      color: rgba(var(--color-base-text),0.5);
  }
  
  /* Heading */
  .heading {
      font-size: calc(var(--font-size-header) * 1px);
      font-weight: 500;
      text-transform: capitalize;
      position: relative;
      margin-bottom: 30px;
      padding-bottom: 15px;
      border-bottom: 1px solid var(--color-wbbordercolor);
  }
  .heading strong {
      font-size: calc(var(--font-size-base) * 1.15px);
      line-height: normal;
      display: block;
      color: #555;
      font-weight: 400;
  }
  .heading span {
      display: inline-block;
      vertical-align: middle;
      position: relative;
  }
  .rless{
      margin-left: -15px;
      margin-right: -15px;
  }
  .cless{
      padding: 0px 10px 20px 10px;
      /* padding-left: 15px;
      padding-right: 15px; */
  }   
  ul.twopro{
      padding: 0;
      margin: 0;
  }
  .tab-content > .tab-pane:not(.active){
      display: block;
      height: 0;
      overflow-y: hidden;
  }
  
  .pro-tab{
      position: relative;
  }
  /* .pro-tab.tabs {
      border-bottom: 1px solid rgba(var(--color-base-text),.1);
  } */
  .pro-tab .heading {
      margin-bottom: 0;
      border-bottom: none;
      padding-bottom: 15px;
  }
  .pro-tab .heading span:before {
      content: none;
  }
  .pro-tab .nav-tabs .nav-link {
      text-transform: uppercase;
      position: relative;
      font-weight: 500;
      font-size: calc(var(--font-size-base) * 1.15px);
      border-radius: 10px;
      /* padding: 5px 4.75rem; */
      background: rgba(var(--color-base-text),.05);
      border: none;
      margin-bottom: 6px;
  }
  .pro-tab .nav-tabs .nav-item.active .nav-link, .pro-tab .nav-tabs .nav-link:hover {
      color: var(--gradient-base-accent-1);
      background-color: rgba(var(--color-base-text),.05);
      border-radius: 10px;
      border: none;
  }
  .pro-tab .nav-tabs {
      border-bottom: none;
      display: flex;
      justify-content: space-between;
      border-radius: 10px 10px 0 0;
      padding-bottom: 15px;
      /* flex-wrap: nowrap; */
      /* gap: 20px; */
  }
  .nav-tabs .nav-link.active {
      background-color: var(--gradient-base-accent-1);
      color: #FFF;
      border-radius: 10px;
  }
  
  .pro-tab .nav-tabs .nav-item {
      display: inline-block;
      width: -webkit-fill-available;
      vertical-align: middle;
      white-space: nowrap;
  }
  
  /* top category */
  .homecatb {
      background: rgba(var(--color-base-text),.04);
      border-radius: 10px;
  }
  .homecatbsub h2 {
      font-size: calc(var(--font-size-base) * 1.28px);
      text-transform: capitalize;
      font-weight: 400;
      transition: .3s ease;
  }
  .homecatb:hover h2 {
      color: var(--color-wbmaincolors-text);
  }
  .homecatbsub p {
      text-transform: uppercase;
      margin-bottom: 0;
      padding-bottom: 15px;
  }
  /* Banner Effect */
  .beffect img {
    opacity: 0;
    transition: opacity .175s;
    border-radius: 10px;
  }
  .beffect:hover img {
      cursor: pointer;
  }
  /* Service */
  .deliveryinfo {
      margin-bottom: 0;
      border: 1px solid var(--color-wbbordercolor);
      border-radius: 10px;
      transition: 0.3s ease;
  }
  .deliveryinfo .row {
      margin: 0;
  }
  .deliveryinfo ul {
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .deliveryinfo [class*=col-] {
      border-bottom: 1px solid var(--color-wbbordercolor);
      padding: 0;
      text-align: right;
      padding: 0px 20px 20px 20px;
  }
  .deliveryinfo [class*=col-]:last-child {
      border-bottom: none;
  }
  .deliveryinfo ul svg {
      width: 38px;
      height: 38px;
      stroke: var(--color-wbmaincolors-text);
      transition: transform .5s ease-in-out;
      cursor: pointer;
  }
  .deliveryinfo ul:hover li svg {
      transform: rotateY(360deg);
  }
  .deliveryinfo ul li span {
      display: inline-block;
      vertical-align: middle;
  }
  
  .deliveryinfo li {
      display: inline-block;
      vertical-align: middle;
  }
  .deliveryinfo li:last-child{
      text-align: right;
      margin-left: 10px;
  }
  .deliveryinfo li h4 {
      font-size: calc(var(--font-size-base) * 1.3px);
      text-transform: capitalize;
      font-weight: 500;
      margin-top: 0;
      letter-spacing: 0;
  }
  .deliveryinfo li p {
      text-transform: capitalize;
      margin-bottom: 0;
      font-size: calc(var(--font-size-base) * 0.8px);
      font-weight: 700;
      letter-spacing: 0;
      color: rgba(var(--color-base-text),0.6);
      text-align: right;
  }
  /* Product With Banner */
  .wbprobnrtop .row{
      align-items: center;
  }
  .wbprobnr .slick-slider .slick-dots{
      margin-top: 10px;
  }
  .prbnrleft h2{
      max-width: 300px;
      margin-left: auto;
      margin-right: auto;
  }
  /* special product */
  .special .wbproduct-container .row {
      margin: 0;
      align-items: center;
  }
  .special .wbimgblock {
      padding: 0;
  }
  .special .wbproductdes {
      padding: 10px;
  }
  .special .product-title {
      font-size: calc(var(--font-size-base) * 1.28px);
  }
  .special .price .price-item {
      font-size: calc(var(--font-size-base) * 1.28px);
  }
  .special .wblistpdesc {
      font-size: calc(var(--font-size-base) * 1px);
      font-weight: normal;
      margin-bottom: 10px;
  }
  .timer_outer .row {
      padding: 10px 20px;
  }
  .ptimer {
      padding: 0;
  }
  .timer_outer h5 {
      font-size: calc(var(--font-size-base) * 1.28px);
      text-transform: capitalize;
      display: inline-block;
      vertical-align: middle;
      font-weight: normal;
      margin-bottom: 0;
  }
  .timer_outer p {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 0;
  }
  .countdowntimer{
      margin-top: 0;
      text-align: left;
  }
  .countdowntimer [class*=col-] {
      padding: 0;
  }
  .wbcounttimer {
      background: var(--color-wbmaincolors-text);
      padding: 5px 10px;
      border-radius: 10px;
      display: inline-block;
      text-align: center;
  }
  .timer_outer {
      border-top: 1px solid var(--color-wbbordercolor);
  }
  .countdowntimer .wbcounttimer div {
      display: inline-block;
      vertical-align: middle;
  }
  .countdowntimer .wbcounttimer div::after {
      content: ':';
      font-size: calc(var(--font-size-base) * 1.42px);
      color: rgb(var(--color-background));
      margin: 0 6px;
  }
  .countdowntimer .wbcounttimer div:last-child::after {
      display: none;
  }
  .countdowntimer div span {
      font-weight: normal;
      width: 40px;
      font-size: calc(var(--font-size-base) * 1.42px);
      display: inline-block;
      color: rgb(var(--color-background));
      vertical-align: middle;
  } 
  .countdowntimer div strong {
      color: rgb(var(--color-background));
      display: inline-block;
      vertical-align: middle;
      margin-top: 0;
      font-weight: normal;
      text-align: center;
      font-size: calc(var(--font-size-base) * 1.42px);
      padding: 0 2px;
  }
  /* Left Banner */
  .leftbnr,.secleftbnr,.imgbnr,.salebnr.offerbnr {
      position: relative;
      text-align: center;
  }
  .lefttxt,.slefttxt {
      position: absolute;
      top: 30px;
      left: 0;
      right: 0;
      text-align: center;
  }
  .lefttxt h5,.slefttxt h5,.imgtext h5 {
      font-size: calc(var(--font-size-base) * 1.15px);
      text-transform: capitalize;
      color: rgba(var(--color-base-text),.5);
      font-weight: normal;
  }
  .lefttxt h2,.slefttxt h2 {
      font-size: calc(var(--font-size-base) * 1.71px);
      text-transform: capitalize;
      font-weight: 500;
  }
  .slefttxt h2 {
      color: rgb(var(--color-background));
  }
  .slefttxt h5 {
      color: rgba(var(--color-background),.5);
  }
  .lefttxt a.btn,.slefttxt a.btn,.imgtext a.btn {
      background: transparent;
      color: var(--color-wbmaincolors-text);
      padding: 0;
      border: none;
      text-decoration: underline;
  }
  .lefttxt a.btn:hover,.slefttxt a.btn:hover,.imgtext a.btn:hover {
      background: transparent;
      color: var(--gradient-base-accent-2);
      border: none;
  }
  .slefttxt a.btn:hover {
      color: rgb(var(--color-background));
  }
  /* Image Banner */
  .imgtext,.saletext {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 8%;
      display: none;
      align-items: center;
      text-align: left;
  }
  .imgtext h2 {
      font-size: calc(var(--font-size-base) * 2px);
      text-transform: capitalize;
      font-weight: 500;
  }
  /* Sale Banner */
  .saletext h5 {
      font-size: calc(var(--font-size-base) * 1px);
      text-transform: capitalize;
      font-weight: normal;
      color: rgba(var(--color-base-text),.5);
  }
  .saletext h2 {
      font-size: calc(var(--font-size-base) * 2px);  
      text-transform: capitalize;
      font-weight: 500;
      color: rgb(var(--color-base-text));
  }
  .saletext p {
      font-size: calc(var(--font-size-base) * 1px);
      text-transform: uppercase;
      font-weight: normal;
      color: rgba(var(--color-background),.5);
  }
  .saletext a.btn {
      padding: 10px 20px;
      border-radius: 10px;
      background: var(--gradient-base-accent-1);
      color: var(--color-base-solid-button-labels);
      margin-top: 20px;
      font-size: calc(var(--font-size-base) * 1px);
      font-weight: 400;
      text-transform: uppercase;
  }
  
  .saletext a.btn:hover {
      background: var(--gradient-base-accent-2);
      color: var(--color-base-solid-button-labels);
  }
  /* Toprated Product */
  .owl-dealp .slick-list {
      margin-right: -15px;  
  }
  .toprated .wbproduct-container {
      padding: 20px;
  }
  .bestrightimg {
      border: 1px solid var(--color-wbbordercolor);
      border-radius: 10px;
  }
  .owl-dealp li img {
      border-radius: 10px;
      border: 1px solid var(--color-wbbordercolor);
  }
  .owl-dealp .slick-slide div li {
      margin-bottom: 15px;
  }
  .owl-dealp .slick-slide div:last-child li {
      margin-bottom: 0px;
  }
  /* product category */
  .product-category .wbproduct-container .row {
      margin: 0;
      align-items: center;
  }
  .product-category .wbimgblock {
      padding: 0;
  }
  .product-category .wbproductdes  {
      padding: 0 10px;
  }
  .mycustcatname {
      max-width: 20%;
      flex: 0 0 20%;
  }
  .ctab {
      max-width: 80%;
      flex: 0 0 80%;
  }
  .product-category ul .grid__item:last-child {
      margin-bottom: 4px;
  }
  .ptabbr .slick-slide div:last-child li {
      border-bottom: none!important;
  }
  .owl-procat .card__badge span {
        display: none;
  }
  .pctab .nav-tabs {
      border-bottom: none;
      padding: 0;
      border: 1px solid var(--color-wbbordercolor);   
      border-radius: 10px;
      display: block;
  }
  .pctab .slick-list {
      padding-bottom: 0;
  }
  .pctab .nav-tabs .nav-item {
      margin-bottom: 0;
      display: block!important;
      width: auto!important;
  }
  .ptabbr .slick-slide div:nth-child(1) li a {
      border-radius: 4px 4px 0 0;
  }
  .ptabbr .slick-slide div:nth-child(6) li a {
      border-radius: 0 0 4px 4px;
  }
  .pctab .nav-tabs .nav-link {
      background-color: rgb(var(--color-background));
      border-radius: 0;
      padding: 10.5px 30px;
      transition: .3s ease;
      position: relative;
      text-transform: capitalize;
      font-size: calc(var(--font-size-base) * 1.15px);
      text-align: left;
      color: rgba(var(--color-base-text),.5);
      border: none;
  }
  .pctab .nav-tabs .nav-link svg {
      transform: rotate(180deg);
      float: right;
      margin-top: 5px;
  }
  .ptabbr li {
      border-bottom: 1px solid var(--color-wbbordercolor)!important;
  }
  .ptabbr li a.active, .ptabbr li a:hover {
      color: var(--color-wbmaincolors-text)!important;
      border-color: transparent!important;
  }
  .ptabbr li a.active:before, .ptabbr li a:hover:before {
      content: "";
      background: var(--color-wbmaincolors-text);
      opacity: .1;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
  }
  .ptabbr .slick-slide div:nth-child(1) li a.active:before, .ptabbr .slick-slide div:nth-child(1) li a:hover:before {
      border-radius: 4px 4px 0 0;
  }
  .ptabbr li a i {
      float: right;
      margin-top: 5px;
      padding: 0 10px;
  }
  /* Testimonial */
  .testimonial{
      position: relative;
      border-radius: 10px;
      padding: 15px;
  }
  .wbtestisub ul{
      padding: 0; 
      margin-bottom: 0;
      margin-top: 0;
  }
  .wbtestisub li{
      display: block;
  }
  .testimonial img {
      border: 1px solid var(--color-wbmaincolors-text);
      border-radius: 100%;
      display: unset;
      margin-bottom: 20px;
  }
  .testimonial h4 {
      font-size: calc(var(--font-size-base) * 1.15px);
      font-weight: 400;
      text-transform: capitalize;
      margin-top: 10px;
      margin-bottom: 10px;
      color: var(--color-wbmaincolors-text);
  }
  .testimonial h5 {
      font-size: rgb(var(--color-base-text));
      text-transform: capitalize;
      margin: 0;
      font-weight: 400;
      font-size: 12px;
  }
  .testimonial svg {
      fill: var(--color-wbmaincolors-text);
      opacity: .2;
      position: absolute;
      height: 40px;
      width: 40px;
      right: -90px;
      left: 0;
      margin: 0 auto;
      z-index: -1;
  }
  .testimonial .wbtestisub span {
      display: block;
      position: relative;
      margin-bottom: 50px;
  }
  .testimonial .wbtestisub span:before {
      content: "";
      border-left: 1px solid #ababab;
      height: 30px;
      position: absolute;
      top: 10px;
  }
  .testimonial p {
      color: rgba(var(--color-base-text),.5);
      line-height: 26px;
      font-size: calc(var(--font-size-base) * 1px);
      font-weight: normal;
      margin-bottom: 0;
  }
  /* Logoslider */
  .wblogos .heading{
      font-size: calc(var(--font-size-header) * 0.75px);
  }
  .wblogos {
      visibility: hidden;
      border: 1px solid var(--color-wbbordercolor);
      border-radius: 10px;
      margin-bottom: 25px;
  }
  /* Scroll to top */
  #scroll {
      position: fixed;
      bottom: 60px;
      right: 20px;
      font-size: 18px;
      color: var(--color-base-solid-button-labels);
      cursor: pointer;
      z-index: 2;
      background: var(--gradient-base-accent-1);
      min-width: 40px;
      min-height: 40px;
      overflow: hidden;
      display: block;
      text-align: center;
      opacity: 1;
      transition: all 0.5s ease-in-out 0s;
      transform: scale(1);
      padding: 6px 0;
      border-radius: 10px;
  }
  #scroll.scrollhide{
      bottom: -100px;
      opacity: 0;
      transform: scale(0); 
  }
  #scroll:hover{
      background-color: var(--gradient-base-accent-2);
      color: var(--color-wb-hovercolor-button-text);
  }
  #scroll svg {
      width: 12px;
      height: 12px;
      fill: var(--color-wb-hovercolor-button-text);
  }
  /* Quickview */
  .progallerybtn {
      margin-top: 10px;
  }
  .progallerybtn button{
      display: inline-block;
      margin: 0 5px;
      border-radius: 10px;
  }
  .wbquicksuccess,.spr-form-message-success{
      color: #058c05;
  }
  .hide-modalquick{
      display: none !important;
  }
  .wbquickallimg{
      margin-bottom: 15px;
  }
  .modal-open .slick-list,.modal-open .slick-track{
      transform: none !important;
  }
  .wbquickmodel .close{
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1;
      background: rgba(var(--color-base-text),0.15);
      opacity: 1;
      width: 28px;
      height: 28px;
  }
  .wbquickallimg{
      display: flex;
      flex-wrap: wrap;
  }
  .wbquickallimg .product__media-item {
      width: 100%;
  }
  .wbquickallimg .product__media-item:not(:first-child) {
      display: none !important;
  }
  .quickvslide{
      flex-wrap: inherit;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      display: flex;
      text-align: center;
      margin-left: -8px;
      margin-right: -8px;
  }
  .quickvslide .slider__slide{
      width: calc(25% - 0rem / 4);
      position: relative;
      padding: 0 8px;
  }
  .quickvslide .slider__slide img{
      border-radius: 10px;
      cursor: pointer;
      border: 1px solid var(--color-wbbordercolor);
  }
  .wbquickmodel .inner-class .form__label{
      font-size: rgb(var(--color-base-text));
  }
  .wbquickmodel .product-form__input input[type="radio"] {
      clip: rect(0,0,0,0);
      overflow: hidden;
      position: absolute;
      height: 1px;
      width: 1px;
  }
  .wbquickmodel .product-form__input input + label {
      border-radius: 10px;
      display: inline-block;
      padding: 8px 6px;
      font-size: 14px;
      line-height: 1;
      text-align: center;
      transition: border var(--duration-short) ease;
      cursor: pointer;
      border: 1px solid rgba(var(--color-base-text),.08);
      background: rgba(var(--color-base-text),.03);
      margin: 0 3px;
      box-shadow: none;
      min-width: 32px;
      min-height: 32px;
  }
  .wbquickmodel .product-form__input input + label.active {
      background-color: rgb(var(--color-base-text));
      border-color: rgb(var(--color-base-text));
      color: var(--color-base-solid-button-labels); 
  }
  .wbquickmodel .product-form__input input + label.wbvarcolor{
      padding: 0;
      border-radius: 100%;
      min-width: 24px;
      min-height: 24px;
      box-shadow: 0 0px 0px 1px rgba(0,0,0,0.1);
      border: none;
      display: inline-block;
      vertical-align: middle;
      font-size: 0;
  }
  .wbquickmodel .product-form__input input + label.wbvarcolor.active{
      box-shadow: 0 0px 0px 1px rgba(0,0,0,1);
  }
  variant-webiquick{
      display: block;
  }
  variant-webiquick .js.product-form__input.inner-class {
      margin-bottom: 10px;
  }
  .wbquickmodel .modal-lg{
      max-width: 1000px;  
  }
  .wbquickmodel .modal-lg .modal-content{
      margin: 0 15px;
      border-radius: 10px;
  }
  .wbquickmodel .product__media-item img{
      border-radius: 10px;
      border: 1px solid var(--color-wbbordercolor);
  }
  .wbquickprotype{
      text-transform: uppercase;
      margin-bottom: 10px;
  }
  .quickproduct-title{
      font-size: calc(var(--font-size-base) * 1.7px);
      margin-bottom: 10px;
      text-transform: capitalize;
  }
  .wbquickhrating,.wbquicklpdesc,.wbquickprice{
      margin-bottom: 10px;
  }
  .wbquickmodel .price .price-item{
      font-size: calc(var(--font-size-base) * 2.1px);
  }
  .wbquickmodel .price--on-sale .price-item--regular{
      font-size: 19px;
  }
  .wbquickmodel .product-form .wbflexcart{
      display: flex;
      gap: 15px;
      margin-top: 15px;
  }
  .wbquickmodel .product-form form{
      flex: 1 1 auto;
      width: 100%;
  }
  .wbquickmodel .product-form__submit{
      display: block;
      width: 100%;
      height: 45px;
  }
  .wbquickmodel .product-form__submit svg{
      fill: var(--color-base-solid-button-labels);
      width: 20px;
      height: 20px;
  }
  .wbquickmodel .product-form__submit span{
      margin: 0 5px;
      vertical-align: middle;
      text-transform: uppercase;
      display: inline-block;
  }
  .wbquickmodel .quantity__button{
      width: 36px;
  }
  .wbquickmodel .quantity{
      border: 1px solid var(--color-wbbordercolor);
      border-radius: 10px;
      width: 120px;
  }
  .quickvfull{
      margin-top: 20px;
      display: inline-block;
      color: var(--color-wbmaincolors-text)
  }
  .quickvfull:hover{
      color: rgb(var(--color-base-text));
  }
  
  /* Section Space */
  .spaced-section {
      margin-top: 30px;
  }
  /* Slick issue Loading */
  .owl-slider .sliderel:not(:first-child){
      display: none
  }
  .owl-slider.slick-slider .sliderel:not(:first-child){
      display: block
  }
  .wbtopr,.testi,.wbblog,.wblogobar,.wbprobnrtop,.wbprobnrbtm,.wbpop,.wbbestp,.wbnewpro,.wbsale,.wblatest,.owl-toppro,.wbspeprod,.owl-catt,.owl-procat  {
      display: block;
  }
  /* Left product */
  .index-section {
      margin-top: 25px;
  }
  
  /* .leftpro {
  }    */

  .leftpro .heading {
      color: var(--color-base-solid-button-labels);
      background: #202020;
      font-size: calc(var(--font-size-base) * 1.15px);
      font-weight: 500;
      text-transform: capitalize;
      position: relative;
      padding: 10px;
      margin-top: 0;
      margin-bottom: 15px;
      border-radius: 10px;
  }
  .leftpro .row,.latest .row {
      margin: 0;
      align-items: center;
  }
  .leftpro .wbimgblock,.latest .wbimgblock {
      padding: 0;
  }
  .leftpro .card__badge span,.latest .card__badge span {
      display: none;
  }
  .wbpop .wbproduct-container,.wbbestp .wbproduct-container {
      border: none;
      border-radius: 0;
  }
  .wbpop .twopro li:last-child .wbproduct-container,.wbbestp .twopro li:last-child .wbproduct-container {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none;
  }
  .popular .wbproductdes,.latest .wbproductdes {
      text-align: left;
      padding-right: 0;
      padding-bottom: 0;
  }
  .popular .wbproduct-container, .latest .wbproduct-container {
      margin-top: 0px;
  }
  .latest .wbhrating {
      border-top: 1px solid var(--color-wbbordercolor);
      padding-top: 14px;
      margin-top: 14px;
      width: 55%;
  }
  .latest .grid__item  {
      border-bottom: 1px solid var(--color-wbbordercolor);
      border-right: 1px solid var(--color-wbbordercolor);
  }
  .latest .grid__item:last-child {
      border-bottom:  none;
  }
  /* Left Tag */
  .producttag {
      padding: 0 10px 10px;
  }
  .left-tag-cms p {
      display: inline-block;
      margin: 0;
  }
  .left-tag-cms p a {
      display: inline-block;
      background-color: rgba(var(--color-base-text),.05);
      color: rgb(var(--color-base-text));
      padding: 8px 15px;
      border-radius: 10px;
      margin: 5px;
      transition: 0.3s ease;
      text-transform: uppercase;
  }
  .left-tag-cms p a:hover {
      color: var(--color-base-solid-button-labels);
      background: var(--gradient-base-accent-1);
  }
  /* Banner Effect */
  .beffect {
      position: relative;
      border-radius: 10px;
  }
  
  /* Breadcrumb */
  .breadcrumb {
      background: rgba(var(--color-base-text),.05);
      border-radius: 10px;
      padding: 9px 5px;
      border: 1px solid var(--color-wbbordercolor);
      margin: 6px 0 30px 0px;
      text-transform: capitalize;
  }
  /* Search Page */
  .template-search__search {
      margin: 0 auto 3rem;
      max-width: 700px;
  }
  .template-search--empty {
      padding-bottom: 18rem;
  }
  .search__button .icon {
      height: 20px;
      width: 20px;
  }
  /* lookbook */
  .wblbook .row{
      align-items: center;
  }
  .wblbook img {
      border-radius: 10px;
  }
  .wblbookmain {
      text-align: center;
      position: relative;
  }
  .wblbookmain .wblookbook {
      position: absolute;
      cursor: pointer;
      min-width: 25px;
      min-height: 25px;
  }
  .wblbookmain .wblookbook .wblookbtn{ 
      width: 25px;
      height: 25px;
      padding: 6px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      background: rgba(var(--color-background),0.8);
      border-radius: 100%;
      transition: padding 0.3s ease;
  }
  .wblbookmain .wblookbook .wblookbtn::after{ 
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 100%;
      height: 100%;
      background: rgb(var(--color-base-text));
      border-radius: 100%;
      animation: pulse-border 1.5s ease-out infinite;
  }
  @keyframes pulse-border { 
      0% {
          transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
          opacity: 1;
      }
      100% {
          transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
          opacity: 0;
      }
  }
  .wblbookmain .wblookbook .wblookbtn::before {
      content: "\f067";
      font-family: "fontAwesome";
      position: absolute;
      top: 0;
      left: 0;
      min-width: 25px;
      min-height: 25px;
      color: var(--color-base-solid-button-labels);
      display: flex;
      justify-content: center;
      align-items: center;
      transform: scale(1);
      transition: all 0.3s ease;
      z-index: 2;
      background: var(--gradient-base-accent-1);
      border-radius: 100%;
  }
  .wblbookmain .wblookbook .wblookimg a{
      display: block;
  }
  .wblbookmain .wblookbook .wblbookcnt{
      display: none;
      z-index: 3;
      width: 150px;
      position: relative;
      background: rgb(var(--color-background));
      box-shadow: 2px 2px 8px rgba(var(--color-base-text),0.05);
      border-radius: 10px;
      margin-top: 32px;
      left: -60px;
      padding: 10px 0
  }
  .wblookbleft{
      display: none;
  }
  .wblbookmain .wblookbtn.active ~ .wblbookcnt,.wblookbleft.active{
      display: block;
  }
  .wblookdesc h3 {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: calc(var(--font-size-base) * 1px);
      margin-bottom: 4px;
      font-weight: 500;
      text-transform: capitalize;
  }
  .wblookdesc {
      padding: 10px;
      padding-bottom: 0
  }
  .wblookprice span{
      font-weight: 600
  }
  .wblookprice span.old-price{
      text-decoration: line-through;
      font-weight: normal;
      font-size: 13px;
      padding-left: 2px;
      color: rgba(var(--color-base-text),.5);
  }
  .wblookdesc .wblkbtn{
      margin-top: 8px
  }
  /* popup products */
  .popinner{
      display: none;
  }
  .wbpopup-popducts {
      position: fixed;
      bottom: 15px;
      left: 30px;
      z-index: 9;
  }
  .wbpopup-popducts .popinner .wbproduct-container{
      width: 320px;
      position: relative;
      cursor: pointer;
      padding: 5px;
      border: 1px solid var(--color-wbbordercolor);
      align-items: center;
  }
  .wbpopup-popducts .popinner .wbproduct-container .wbproductdes {
      text-align: left;
      padding: 0 10px;
  }
  .wbpopup-popducts .popinner {
      display: none;
  }
  .wbclosepopup {
      position: absolute;
      top: 5px;
      right: -5px;
      cursor: pointer;
      z-index: 1;
  }
  .wbpopup-popducts .wbproduct-container .wbhrating {
      float: none;
  }
  .wbpopup-popducts .wbimgblock{
      padding: 0
  }
  
  /* Box Layout and Color Customization */
  #wbboxlayout .menupos::before{
      left: 0;
    right: 0;
  }
  #wbboxlayout body{
      box-shadow: 0 0 10px rgba(0,0,0,.2);
      margin: 40px auto;
  }
  @media (max-width: 991px){
      #wbboxlayout body {
          max-width: 100%;
          width: 100%;
      }
      .slidedown_section .dropdown-menu {
          top: 40px !important;
          left: -150px !important;
      }
  }
  @media (min-width: 992px) and (max-width: 1199px){
      #wbboxlayout body {
          max-width: 963px;
      }
  }
  @media (min-width: 1200px) and (max-width: 1409px){
      #wbboxlayout body {
          max-width: 1170px;
      }
  }
  @media (min-width: 1410px) and (max-width: 1589px){
      #wbboxlayout body {
          max-width: 1380px;
      }
  }
  @media (min-width:1590px) and (max-width: 1829px) {
      #wbboxlayout body {
          max-width: 1560px;
      }
  }
  @media (min-width: 1830px){
    #wbboxlayout body{
         max-width: 1800px;
    }
  }
  
  .wbsitebox,.wbrtlmode{
      display: flex;
      margin: 0;
      padding: 0;
  }
  .wbsitebox li{
      width: 50%;
      cursor: pointer;
      background: #f5f5f5;
      padding: 10px 20px;
      border-radius: 10px;
      text-transform: capitalize;
      transition: 0.3s ease;
      text-align: center;
      margin: 0 3px;
      margin-top: 10px;
  }
  .wbrtlmode li{
      width: 50%;
      margin: 0 3px;
      margin-top: 10px;
      text-align: center;
  }
  .wbrtlmode li a{
      display: block;
      cursor: pointer;
      background: #f5f5f5;
      padding: 10px 20px;
      
  border-radius: 10px;
      text-transform: uppercase;
  }
  .wbsitebox li:hover,.wbrtlmode li a:hover{
      background: var(--color-wbmaincolors-text);
      color: #fff;
  }
  .wbcolor_box {
      background: transparent;
      color: #000;
      font-size: 14px;
      line-height: 20px;
      right: -250px;
      padding: 15px;
      position: fixed;
      text-align: left;
      top: 167px;
      width: 250px;
      transition: background 0.5s ease-in-out 0s;
      z-index: 2
  }
  
  @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
  .wbopen-closeclr {
      cursor: pointer;
      float: left;
      border-radius: 4px 0px 0px 4px;
      margin-left: -74px;
      margin-top: -42px;
  }
    
  .wbopen-closeclr.wbclrdisable::before {
      color: #fff;
      content: "";
      font-size: 24px;
      line-height: 36px; 
      padding: 0 10px;
      background: url(color-circle.png) no-repeat;
      width: 36px;
      height: 36px;
      background-size: 36px;
      display: block;
      -webkit-animation:spin 3s linear infinite;
      -moz-animation:spin 3s linear infinite;
      animation:spin 3s linear infinite;
  }
  .wbopen-closeclr.wbclrenable::before {
      color: #fff;
      content: "";
      font-size: 24px;
      line-height: 36px; 
      padding: 0 10px;
      background: url(color-circle.png) no-repeat;
      width: 36px;
      height: 36px;
      background-size: 36px;
      display: block;
      -webkit-animation:spin 3s linear infinite;
      -moz-animation:spin 3s linear infinite;
      animation:spin 3s linear infinite;
  }
  .wbopen-closeclr {
      background-color: #fff;
      border: medium none;
      box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
      padding: 7px 15px;
      transition: 0.3s ease-in-out
  }
  .wbopen-closeclr.wbclrdisable{
      border-radius: 25px 0 0 25px;
  }
  .wbopen-closeclr.wbclrenable {
      border-radius: 30px 30px 0 0;
      margin-left: -94px;
      padding: 8px 10px;
  }
  .wbcolor_box h3 {
      text-align: center;
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 500;
      margin-bottom: 15px;
  }
  .wbcolor_box h5{
      font-size: 14px;
      margin: 0;
      font-weight: normal;
  }
  .wbcolor_box li{
      list-style: none
  }
  .wbinnerclr,.wbrtlmode{
      padding: 0;
  }
  .wbinnerclr li{
      width: 50%;
      float: left;
      margin-top: 10px;
  }
  .wbinnerclr li a{
      height: 35px;
      display: block;
      margin: 0 3px;
      
  border-radius: 10px;
  }
  .wbclr1{
      background: #4e7df1;
  }
  .wbclr2{
      background: #6A1B9A;
  }
  .wbclr3{
      background: #8BC34A;
  }
  .wbclr4{
      background: #FFA000;
  } 
  .wbclr5{
      background: #ad0202;
  }
  .wbclr6{
      background: #00B8D4;
  }
  @media (max-width: 767px){
      .wbcolor_box{
          height: 300px;
          overflow: auto;
      }
      .wbpopup-popducts .popinner .wbproduct-container{
          padding: 8px;
          width: 250px;
      }
  }
  /* Our Story */
  .wbaboutimgblock{
      position: relative;
  }
  .wbaboutimgblock h2{
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      margin: 0;
      font-size: calc(var(--font-size-base) * 3.28px);
  }
  .wbaboutimgblock h2 span{
      margin: 0 auto;
      display: block;
  }
  .wbaboutimgblock,.wbabttxt,.wbabtimgtxt{
      margin-bottom: 30px;
  }
  .wbfaqsec {
      margin-bottom: 20px;
  }
  .wbabttxt h2,.wbabtimgtxt h2{
      font-size: calc(var(--font-size-base) * 1.7px);
      margin-bottom: 8px;
  }
  .faqhead.toggle.collapsed::after {
      content: "+";
  }
  .faqhead.toggle::after {
      content: "-";
      font-size: calc(var(--font-size-base) * 1px);
      font-weight: 400;
      float: right;
      cursor: pointer;
      color: rgb(var(--color-base-text));
  }
  /* FAQ */
  .faqhead{
      display: block;
      border: 1px solid var(--color-wbbordercolor);
      margin-bottom: 10px;
      padding: 10px 15px;
      text-transform: capitalize;
      font-size: calc(var(--font-size-base) * 1.15px);
  }
  .template-page .heading{
      margin-top: 15px;
  }
  .wbpagefaq{
      max-width: 900px;
      margin: 0 auto;
  }
  
  @media (min-width: 768px){
      .footer .footer-collapse {
          display: block !important;
      }
      .header__search .field__input {
          height: 50px;
          border-radius: 30px;
      }
      .header__search .field__label{
          top: 15px;
          font-size: 13px;
      }
      .offrcol,.salecol{
          padding: 0;
      }
      .wbheadwish svg {
          display: none;
      }
  }
  @media (min-width: 576px){
      .mycustcatname {
          display: block!important;
      }
      .procatbgm .toggle {
          display: none;
      }
  }
  @media (min-width: 1590px) {
      .product-recommendations .grid__item {
          flex: 0 0 16.66666666666667%;
          max-width: 20%;
      }
  }
  @media (min-width:1590px) and (max-width: 1829px) {
      .deliveryinfo [class*=col-] {
          padding: 20px 10px;
      }
      .deliveryinfo li h4 {
          font-size: calc(var(--font-size-base) * 1.15px);
      }
      .product-form .cartb svg {
          display: none;
      }
      
  }
  @media (min-width: 1410px) and (max-width: 1590px) {
      .leftw, .hleftw {
          flex: 0 0 20%;
          max-width: 20%;
      }
      .rightw, .right-col {
          flex: 0 0 80%;
          max-width: 80%;
      }
      .special-offer a {
          font-size: calc(var(--font-size-base) * 1px);
      }
      .saletext h2 {
          font-size: calc(var(--font-size-base) * 1.87px);
      }
      .righttext {
          right: 4%;
      }
      .rtext {
          top: 50px;
      }
      .righttext h2, .rtext h2 {
          font-size: calc(var(--font-size-base) * 1.57px);
          letter-spacing: 0;
      } 
      .husercart {
          padding-left: 0;
      }
      .cms-menu p {
          margin-right: 35px;
      }
      .timer_outer h5 {
          font-size: calc(var(--font-size-base) * 1px);
      }
      .countdowntimer div span {
          width: 32px;
          font-size: calc(var(--font-size-base) * 1.28px);
      }
      .countdowntimer div strong {
          font-size: calc(var(--font-size-base) * 1.28px);
      }
      .countdowntimer .wbcounttimer div:after {
          margin: 0 2px;
      }
      .owl-dealp .slick-slide div li {
          margin-bottom: 8px;
      }
      .owl-dealp li img {
          max-width: 140px;
      }
      .product-category .wbproductdes {
          padding: 15px 10px;
      }
      .pctab .nav-tabs .nav-link {
          padding: 9.5px 15px
      }
      .special-offer::after {
          left: -15px;
      }
      .deliveryinfo li h4 {
          font-size: calc(var(--font-size-base) * 1px);
      }
  }
  @media (min-width: 1200px) and (max-width: 1409px){
      .leftw, .hleftw {
          flex: 0 0 23%;
          max-width: 23%;
      }
      .rightw, .right-col {
          flex: 0 0 77%;
          max-width: 77%;
      }
      .icon-right-part {
          margin-left: 0px;
      }
      .owl-dealp .slick-slide div li {
          margin-bottom: 8px;
      }
      .left-tag-cms p a {
          margin: 5px 3px;
      }
      .homesearch {
          max-width: 45%;
          flex: 0 0 45%;
      }
      .tright {
          flex: 0 0 38.33%;
          max-width: 38.33%;
      }
      .husercart {
          padding-left: 0;
      }
      .hmenu {
          max-width: 68%;
          flex: 0 0 68%;
      }
      .offer-icon {
         flex: 0 0 32%;
         max-width: 32%;
      }
      .cms-menu p {
          margin-right: 20px;
      }
      .cms-menu a {
          text-transform: uppercase;
      }
      .imgtext h2,.saletext h2,.offerbtxt h2 {
          font-size: calc(var(--font-size-base) * 1.57px);  
      }
      .deliveryinfo ul li img {
          width: 38px;
          height: 38px;
      }
      .deliveryinfo li h4 {
          font-size: calc(var(--font-size-base) * 1.15px);
          margin-bottom: 6px;
      }
      .deliveryinfo [class*="col-"] {
          border-right: none;
      }
      .deliveryinfo li p{
          font-size: calc(var(--font-size-base) * 0.85px);
      }
      .deliveryinfo li:last-child {
          margin-left: 0px;
          margin-top: 10px;
          text-align: center;
      }
      .lefttxt h2, .slefttxt h2 {
          font-size: calc(var(--font-size-base) * 1.29px);
      }
      .colltext, .righttext {
          top: 34px;
          max-width: 490px;
      }
      .colltext h4, .righttext h5, .rtext h5,.offerbtxt h4 {
          font-size: calc(var(--font-size-base) * 0.85px);
      }
      .colltext h2, .righttext h2, .rtext h2 {
          font-size: calc(var(--font-size-base) * 1.15px);
      }
      .rtext {
          top: 40px;
      }
      .offerbtxt {
          max-width: 450px;
          right: 4%;
      }
      .footer__list-social {
          background-size: 100%;
      }
      .pswp__preloader {
         flex: 0 0 50%;
         max-width: 50%;
      }
      .mycustcatname {
          max-width: 25%;
          flex: 0 0 25%;
      }
      .ctab {
          max-width: 75%;
          flex: 0 0 75%;
      }
      .product-category .wbproductdes {
          padding: 20px 10px;
      }
  }
  @media (min-width: 992px) and (max-width: 1199px){
      .leftw, .hleftw {
          flex: 0 0 28%;
          max-width: 28%;
      }
      .rightw, .right-col {
          flex: 0 0 72%;
          max-width: 72%;
      }
      .wbhmenu  {
          border-top: 1px solid var(--color-wbbordercolor);
          margin-top: 15px;
      }
      .header__icons .field__button, .searchbar .field__button, .template-search .field__button {
          padding: 0 30px;
      }
      .husercart {
          padding-left: 40px;
      }
      .cms-menu p {
          margin-right: 25px;
      }
      .cms-menu a {
          text-transform: capitalize;
      }
      .newsletter-form__field-wrapper button.btn-primary{
          padding: 0 8px;
      }
      .toprated .wbproduct-container {
          padding: 10px;
      }
      .deliveryinfo ul li img {
          width: 38px;
          height: 38px;
      }
      .deliveryinfo li h4 {
          font-size: calc(var(--font-size-base) * 1px);
          margin-bottom: 6px;
      }
      .deliveryinfo li p{
          font-size: calc(var(--font-size-base) * 0.85px);
      }
      .left-tag-cms p a {
          margin: 5px 3px;
      }
      .imgbnr p{
          font-size: calc(var(--font-size-base) * 1.29px);
      }
      .lefttxt h2, .slefttxt h2 {
          font-size: calc(var(--font-size-base) * 1.28px);
      }
      .saletext h2 {
          font-size: calc(var(--font-size-base) * 1.15px);
      }
      .colltext,.righttext {
          top: 24px;
      }
      .colltext h4, .righttext h5, .rtext h5 {
          font-size: calc(var(--font-size-base) * 0.85px);
      }
      .colltext h2, .righttext h2, .rtext h2 {
          font-size: calc(var(--font-size-base) * 1px);
      }
      .colltext p, .righttext p {
          font-size: calc(var(--font-size-base) * 1px);
          margin-bottom: 10px;
      }
      .rtext {
          top: 30px;
          max-width: 400px;
      }
      .righttext a.btn, .rtext a.btn {
          text-transform: capitalize;
          margin-top: 0;
      }
       .offerbtxt a.btn {
          padding: 8px 20px;  
      }
      .offerbtxt h2,.salebtxt h2,.wblookbleft h2,.imgbnr h2,.prbnrleft h2{
          font-size: calc(var(--font-size-base) * 1.28px);
      }
      .offerbtxt h4 {
          font-size: calc(var(--font-size-base) * 1.15px);
      }
      .offerbtxt p {
          display: none;
      }
      .wbcounttimer div span {
          font-size: calc(var(--font-size-base) * 1.15px);
          width: 36px;
      }
      .mycustcatname {
          max-width: 33.33%;
          flex: 0 0 33.33%;
      }
      .ctab {
          max-width: 66.66%;
          flex: 0 0 66.66%;
      }
      .product-category .wbproductdes {
          padding: 10px;
      }
      .pctab .nav-tabs .nav-link {
          padding: 7.5px 10px;
      }
  }
  @media (min-width: 768px) and (max-width: 991px){
      .wbcounttimer {
          padding: 5px 3px;
      }
      .timer_outer h5 {
          font-size: calc(var(--font-size-base) * 1px);
      }
      .countdowntimer div span {
          width: 30px;
          font-size: calc(var(--font-size-base) * 1.28px);
      }
      .countdowntimer div strong {
          font-size: calc(var(--font-size-base) * 1.28px);
          vertical-align: middle;
      }
      .countdowntimer .wbcounttimer div:after {
          margin: 0 3px;
      }
      .procatbnr,.middle-top-b {
          position: relative;
          width: 50%;
          float: left;
          padding: 0 5px;
          margin-top: 15px;
      }
      .husercart {
          padding-left: 75px;
      }
      .cms-menu p {
          margin-right: 30px;
      }
      .cms-menu a {
          text-transform: capitalize;
      }
      .announcement-bar__message {
          font-size: calc(var(--font-size-base) * 0.92px);
          letter-spacing: 0;
      }
      .deliveryinfo ul li img {
          width: 45px;
          height: 45px;
      }
      .deliveryinfo li h4 {
          font-size: calc(var(--font-size-base) * 1px);
          margin-bottom: 5px;
          margin-top: 10px;
      }
      .deliveryinfo li p{
          font-size: calc(var(--font-size-base) * 0.85px)
      }
      .left-tag-cms p a {
          padding: 8px 12px;
          margin: 5px 3px;
      }
      .offerbtxt {
          max-width: 380px;
      }
      .offerbtxt h2,.salebtxt h2,.wblookbleft h2,.imgtext h2,.prbnrleft h2{
          font-size: calc(var(--font-size-base) * 1px);
          margin-bottom: 5px;
      }
      .imgtext h5 {
          font-size: calc(var(--font-size-base) * .85px);
      }
      .offerbtxt p,.salebtxt p,.wblookbleft p,.imgbnr p,.prbnrleft p{
          font-size: calc(var(--font-size-base) * 1px);
      }
      .offerbtxt a.btn-primary,.salebtxt a.btn-primary,.wblookbleft a.btn-primary{
          font-size: calc(var(--font-size-base) * 1px);
          min-width: auto;
          margin-top: 20px;
          padding: 10px 15px;
      }
      .userdrop span.small-hide {
          display: none;
      }
      .saletext p {
        display: none;
      }
      .saletext h2 {
         font-size: calc(var(--font-size-base) * 1px);
      }
      .offerbtxt h4 {
         font-size: calc(var(--font-size-base) * .85px)
      }
      .saletext a.btn {
         padding: 6px 15px;
         text-transform: capitalize;
         margin-top: 0;
      }
      .mycustcatname {
          max-width: 40%;
          flex: 0 0 40%;
      }
      .ctab {
          max-width: 60%;
          flex: 0 0 60%;
      }
      .pctab .nav-tabs .nav-link {
          padding: 7px 10px;
          font-size: calc(var(--font-size-base) * 1px);
      }
  } 
  @media (max-width: 991px){
      .lefttxt, .slefttxt {
          top: 20px;
      }
      .pro-tab .heading {
          padding-bottom: 15px;
      }
      .icon-right-part {
          margin: 0;
      }
      .popular {
          overflow: hidden;
      }
      .wbaboutimgblock h2{
          font-size: calc(var(--font-size-base) * 1.85px);
      }
      .testimonial p {
          font-size: calc(var(--font-size-base) * 1.15px);
      }
      .wbtestisub svg {
          width: 41px;
          height: 41px;
          margin-bottom: 10px;
      }
      .homecatbsub h2 {
          font-size: calc(var(--font-size-base) * 1.15px);
      }
      .header-top {
          padding: 10px 0;
      }
      .header__search .field__button {
          padding: 0 15px;
      }
      .pro-tab .nav-tabs {
          top: 3px;
      }
      .product-tab-item .slick-slider .slick-arrow {
          top: -165px;
      }
      .slick-slider .slick-arrow {
          top: -48px;
      }
      .leftpro .slick-slider .slick-arrow.slick-next {
          right: 5px;
      }
      .leftpro .slick-slider .slick-arrow.slick-prev {
          right: 28px;
      }
      .wbquickmodel .product-form__input input + label.wbvarcolor{
          min-width: 28px;
          min-height: 28px;
      }
      .quickproduct-title{
          font-size: calc(var(--font-size-base) * 1.15px);
      }
      .wbquickmodel .price .price-item{
          font-size: calc(var(--font-size-base) * 1.43px);
      }
      .wbquickmodel .price--on-sale .price-item--regular{
          font-size: calc(var(--font-size-base) * 1.15px);
      }
      .wbquickmodel .quantity{
          width: 100px;
      }
      .quantity__input{
          padding: 0 3px;
      }
      .wbquickmodel .quantity__button {
          width: 32px;
      }
      .wbquickmodel .product-form{
          gap: 10px;
      }
      .breadcrumb{
          padding: 7px 5px;
          margin-bottom: 15px;
          margin-top: 0;
      }
      .heading,.wblogos .heading{
          font-size: calc(var(--font-size-base) * 1.43px);
          margin: 15px 0px 15px 0px;
          padding-bottom: 10px;
      }
      .search__input.field__input {
          height: 42px;
      }
      .header__icons .field__button, .searchbar .field__button, .template-search .field__button {
          height: 42px;
          padding: 0 30px;
      }
      .pro-tab{
          margin-bottom: 20px;
      }
      .pro-tab .nav-tabs .nav-item {
          margin: 0 8px;
      }
      .pro-tab .nav-tabs .nav-link{
          text-transform: capitalize;
      }
      .heading strong{
          font-size: 11px;
          letter-spacing: 0;
      }
      .rless{
          margin-left: -5px;
          margin-right: -5px;
      }
      .cless{
          padding-left: 5px;
          padding-right: 5px;
      }
      .spaced-section, footer{
          margin-top: 30px;
      }
      .product-recommendations .wbproduct-container {
          margin-bottom: 10px;
      }
      .product-category ul .grid__item {
          margin-bottom: 15px;
      } 
      #megamenu{
          display: inline-block;
          vertical-align: middle;
          margin-right: 15px;
      }
  
      .header__heading{
          display: inline-block;
          vertical-align: middle;
      }
  
      .colltext p, .righttext p,.offerbtxt p,.rtext p {
          display: none;
      }
      .colltext h4, .righttext h4, .rtext h4 {
          font-size: calc(var(--font-size-base) * 1px);
      }
      .colltext h2, .righttext h2, .rtext h2 {
          font-size: calc(var(--font-size-base) * 1.29px);
      }
      .colltext a.btn, .offerbtxt a.btn {
          padding: 8px 18px;
          margin-top: 5px;
          font-size: calc(var(--font-size-base) * 1px);
          text-transform: capitalize;
      }
      .colltext, .righttext {
          top: 34px;
          left: 6%;
          max-width: 220px;
      }
      .rtext {
          max-width: 230px;
          top: 34px;
      }
      .headlogo img {
          max-width: 180px;
      }

    @media (max-width: 575px) {
    .headlogo img {
        max-width: 120px !important;
      display:block;
    }
      .slick-slider .slick-arrow {
          min-width: 26px;
          min-height: 26px;
      }
      .slick-slider .slick-arrow.slick-prev {
          right: 40px;
      }
      .slick-slider .slick-arrow.slick-next {
          right: 5px;
      }
  }
  @media (max-width: 767px){
        .leftw{
             order: 2;
        }
        .right-col{
            order: 1
        }
      .breadcrumb {
         margin-top: 15px;
      }
      .menuposrow {
          position: relative;
      }
      .searchbar {
          width: 100%;
          padding: 10px 15px 0;
      }
      .husercart {
          display: unset;
          justify-content: unset;
          padding-left: 0;
      }
      .slidedown_section, #cart-icon-bubble {
          display: inline-block;
          vertical-align: middle;
      }
      .wbquickmodel .product-form .wbflexcart{
          gap: 5px;
      }
      .wbquickmodel .product-form__submit span {
        margin: 0 2px;
        text-transform: capitalize;
        letter-spacing: 0;
      }
      .faqhead{
          font-size: calc(var(--font-size-base) * 0.93px);
          letter-spacing: 0;
      }
      .wbfaqsec p{
          font-size: calc(var(--font-size-base) * 0.86px);
      }
      .deliveryinfo li p{
          font-size: calc(var(--font-size-base) * 0.86px);
      }
      .deliveryinfo [class*="col-"]:nth-child(1), .deliveryinfo [class*="col-"]:nth-child(2) {
        margin-bottom: 0px;
      }
      .wblbookmain{
          margin-top: 15px;
      }
      .lefttxt h5, .slefttxt h5, .imgtext h5 {
          display: none;
      }
      .offerbtxt a.btn-primary, .salebtxt a.btn-primary, .wblookbleft a.btn-primary {
          font-size: calc(var(--font-size-base) * 0.86px);
          min-width: auto;
          padding: 10px 10px;
          margin-top: 5px;
      }
      .imgbnr h2, .offerbtxt h2, .prbnrleft h2, .salebtxt h2, .wblookbleft h2{
          font-size: calc(var(--font-size-base) * 1px);
          margin-bottom: 10px;
      }
      .imgbnr p, .prbnrleft p, .salebtxt p, .wblookbleft p{
          font-size: calc(var(--font-size-base) * 0.86px);
      }
      .saletext h5,.saletext p {
          display: none;
      }
      .saletext h2 {
          font-size: calc(var(--font-size-base) * 1px);
      }
      .header__icons .header__search {
          margin-right: 0;
      }
      .wbheadwish {
          padding: 4px 15px;
          margin-top: 0;
      }
      #shopify-section-announcement-bar{
          display: none;
      }
      .localization-selector.link {
          color: rgb(var(--color-base-text)) !important;
          border: 1px solid var(--color-wbbordercolor);
          padding: 5px 8px;
          width: 100%;
          border-radius: 10px;
          display: flex;
          align-items: center;
          justify-content: space-between;
      }
      .disclosure, localization-form {
          display: block;
      }
      #FooterCountryForm button {
          margin: 0;
      }
      .header__search {
          float: none;
          margin-top: 10px;
      }
      .header__search .field__input {
          height: 45px;
          border-radius: 30px;
      } 
      .header__search .field__button {
          height: 45px;
      }
      .wbproquickdesc{
          margin-top: 10px;
      }
      .wbheadwish a {
          box-shadow: none;
          padding: 0;
          min-width: unset;
          min-height: unset;
      }
      .wbheadwish svg {
          width: 14px;
          height: 14px;
      }
      .template-search .facets-container{
          display: none;
      }
      .template-search__search {
          margin: 0 auto 1.5rem;
      }
      .template-search__header h1{
          font-size: calc(var(--font-size-base) * 1.7px);
          margin-bottom: 15px;
      }
      .footer__blocks-wrapper h5.toggle::after {
          content: '-';
          font-size: calc(var(--font-size-base) * 1.28px);
          font-weight: 500;
          float: right;
          cursor: pointer;
          color: rgb(var(--color-background));
      }
      .footer__blocks-wrapper h5.toggle.collapsed::after {
          content: '+';
      }
      .pro-tab .nav-tabs .nav-item {
          margin: 0 8px;
      }
      .s-panel .slick-dots{
          bottom: 6px;
      }
      .announcement-bar__message {
          padding: 7px 5px;
          font-size: 13px;
          letter-spacing: 0;
      }
      .headlogo img{
          max-width: 160px;
      }
      
      .hmenu {
          margin-top: 8px;
      }
      .wbproduct-container .price .price-item{
          font-size: calc(var(--font-size-base) * 0.93px);
      }
      .wbproduct-container .price--on-sale .price-item--regular{
          font-size: calc(var(--font-size-base) * 0.86px);
      }
      .headlogo{
          width: auto;
          display: inline-block;
      }
      .tright {
          position: absolute;
          top: 4px;
          right: 0;
      }
      .userdrop svg, .header-support svg {
          width: 28px;
          height: 28px;
      }
      .wbhcart svg {
          width: 32px;
          height: 28px;
      }
      .homesearch {
          margin-top: 10px;
      }
      .procatbnr,.middle-top-b {
          position: relative;
          float: left;
      }
      .middle-top-b {
          margin-top: 25px;
      }
  }
  
  @media (min-width: 576px) and (max-width: 767px){
      .pctab .nav-tabs .nav-link {
          padding: 7.5px 10px;
      }
      .mycustcatname {
          max-width: 40%;
          flex: 0 0 40%;
      }
      .ctab {
          max-width: 60%;
          flex: 0 0 60%;
      }
      .offerbtxt h4 {
          font-size: calc(var(--font-size-base) * 1.15px);
      }
      .deliveryinfo li h4 {
          font-size: calc(var(--font-size-base) * 1.15px);
          margin-bottom: 5px;
          margin-top: 10px;
          text-transform: capitalize;
      }
      .deliveryinfo {
          margin-top: 15px;
      }
      .deliveryinfo [class*='col-']{
          flex: 0 0 50%;
          max-width: 50%;
          border-bottom: none;
          padding: 15px;
      }
      .deliveryinfo ul li img {
          width: 45px;
          height: 45px;
      }
      .deliveryinfo [class*='col-']:last-child {
          margin-bottom: 0;
      }
      .countdowntimer div span {
          font-size: calc(var(--font-size-base) * 1.15px);
          width: 30px;
      }
      .countdowntimer div strong {
          font-size: calc(var(--font-size-base) * 1.15px);
          margin-top: 0;
      }
      .colltext h4, .righttext h4, .rtext h4 {
          font-size: calc(var(--font-size-base) * 0.85px);
      }
      .colltext h2, .righttext h2, .rtext h2 {
          font-size: calc(var(--font-size-base) * 1.15px);
      }
      .colltext a.btn, .righttext a.btn, .rtext a.btn, .offerbtxt a.btn {
          padding: 6px 10px;
      }
  }                                                                                                                                                     
  @media (max-width: 575px){
        .countdowntimer {
          margin-top: 10px;
      }
      .right-banner,.pro-tab .heading {
          display: block;
      }
      .pro-tab .nav-tabs {
          position: unset;
          text-align: left !important;
          margin-right: 0;
      }
      .pro-tab.tabs {
          margin-bottom: 15px;
      }
      .pro-tab .nav-tabs .nav-item {
          padding-bottom: 8px;
      }
      .product-tab-item .slick-slider .slick-arrow {
          top: -170px;
      }
      .userdrop svg, .header-support svg {
          width: 24px;
          height: 24px;
      }
      .wbhcart svg {
          width: 32px;
          height: 24px;
      }
      .heading p {
          line-height: 20px;
      }
      .headlogo img {
          max-width: 140px;
      }
      .deliveryinfo ul {
          text-align: left;
          padding: 0 10px;
      }
      .timer_outer [class*="col-"] {
          padding: 0;
      }
      .wbshiprtnsub{
          height: unset;
      }
      .deliveryinfo [class*="col-"]{
          border: none;
          max-width: 100%;
          flex: 0 0 100%;
      }
      .deliveryinfo{
          text-align: left;
          padding: 15px 0;
      }
      .deliveryinfo li h4 {
          font-size: calc(var(--font-size-base) * 1.15px);
          margin-bottom: 5px;
          margin-top: 0;
      }
      .imgbnr [class*="col-"].text-center{
          padding: 15px;
      }
      .deliveryinfo [class*="col-"]{
          margin-bottom: 8px;
      }
      #webi-main-cart-footer .totals h3{
          font-size: calc(var(--font-size-base) * 1.29px);
      }
      .wbcartdimg img{
          max-width: 60px;
      }
      .wbcrtname {
          font-size: calc(var(--font-size-base) * 0.86px);
          letter-spacing: 0;
      }
      #cart-icon-bubble .dropdown-menu{
          width: 290px;
      }
      .offerbnr [class*='col-'],.homecolbnr [class*='col-']{
          margin-bottom: 15px;
      }
      .deliveryinfo [class*='col-']:last-child,.offerbnr [class*='col-']:last-child,.homecolbnr [class*='col-']:last-child{
          margin-bottom: 0;
      }
      .wbtestisub svg {
          width: 31px;
          height: 31px;
      }
      .testimonial p {
          font-size: calc(var(--font-size-base) * 1px);
          line-height: 24px;
          padding: 0 15px;   
      }
      .colltext h4, .righttext h4, .rtext h4,.offerbtxt h4 {
          display: none;
      }
      .colltext a.btn, .righttext a.btn, .rtext a.btn, .offerbtxt a.btn {
          padding: 8px;
          margin-top: 0px;
      }
      .colltext h2, .righttext h2, .rtext h2 {
          font-size: calc(var(--font-size-base) * 1px);
      }
      .pro-tab .nav-tabs .nav-link {
          font-size: calc(var(--font-size-base) * 1px);
          text-transform: capitalize;
      }
      .offerbtxt  {
          max-width: 200px;
          left: 8%;
      }
      .imgbnr h2, .offerbtxt h2, .prbnrleft h2, .salebtxt h2, .wblookbleft h2 {
          font-size: calc(var(--font-size-base) * 1.15px);
      }
      .tab-pro .grid__item, .toprated .grid__item, .newpro .grid__item, .onsale .grid__item,.latest .grid__item {
          border-right: none;
      }
      .imgbnr [class*="col-"], .salebnr [class*="col-"]:nth-child(1) {
          margin-bottom: 10px;
      }
      .offerbnr {
          display: none;
      }
      .deliveryinfo [class*=col-] {
          padding: 10px;
      }
      .ctab,.mycustcatname {
          max-width: 100%;
          flex: 0 0 100%;
      }
      .product-category .slick-slider .slick-arrow {
          display: none !important; 
      }
      .procatbgm .mycustbtm {
          padding: 0;
          border: none;
          background-color: transparent;
          float: right;
          position: absolute;
          width: 100%;
          right: 15px;
          margin: -48px 0;
          transition: .3s ease;
      }
      .procatbgm .toggle.collapsed:after {
          content: "+";
          font-size: 18px;
          font-weight: 500;
          float: right;
          cursor: pointer;
          background: #000;
          color: #fff;
          width: 25px;
          height: 25px;
          padding: 3px 0;
          border-radius: 10px;
          transition: .3s ease;
      }
      .procatbgm .toggle:after {
          content: "-";
          font-size: 18px;
          font-weight: 500;
          float: right;
          cursor: pointer;
          background: #000;
          color: #fff;
          width: 25px;
          height: 25px;
          padding: 3px 0;
          border-radius: 10px;
          transition: .3s ease;
      }
      .countdowntimer .wbcounttimer div:after {
          margin: 0 4px;
      }
      .countdowntimer div strong {
          font-size: calc(var(--font-size-base) * 1.15px);
      }
      .countdowntimer div span {
          font-size: calc(var(--font-size-base) * 1.15px);
          width: 32px;
      }
      .saletext a.btn {
          padding: 8px 10px;
      }
  }

.wbheadcartdrop .cart-item__totals {
  display: none;
}

.wbcartqtybr,
dl {
  display: inline-block !important;
}

dl {
  margin: 0 30px 0 0 !important;
}

.header-support svg {
  height: 30px;
}

.product-option dt {
    display: none;
}

 .middle-top-b {
      margin-top: 20px !important;
  }




.newsletter-form__field-wrapper {
  margin-top:0px !important;
}

@media (max-width: 1520px) {
    .trending-list li {
        line-height: 11px;
    }
}
@media (max-width: 1520px) {
    .trending-list li {
        font-size: 12px;
    }
}

#four-banners {
  max-width:100%;
}

.btn-primary, .button, .shopify-challenge__button, .customer button 
{
  background:#000 !important;
  border-radius: 5px !important;                                                                 
}

@media (max-width: 767px) {
    .leftw {
        margin-top: 1px;
    }
}

#shopify-section-leftbanner {
  margin-top: 1px !important;
}

.bogos-badge-title{
  font-size:
    16px;}
}

@media (max-width: 1316px) {
    .cate-menu {
        display: inline-block !important;
        width: 100%;
    }
}
@media (max-width: 1316px) {
    .header-top {
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 600px) {
  .link, img {
    display: inline-block !important;
  }