@media (min-width: 1101px) {
   @font-face {
    font-family: 'Work Sans';
    src: url('') format('truetype');
    font-display: swap;
  }
  @font-face {
    font-family: 'Work Sans';
    font-weight: 400;
    src: url('/fonts/worksans/WorkSans-Regular.ttf') format('truetype');
  }
  @font-face {
    font-family: 'Work Sans';
    font-weight: 500;
    src: url('/fonts/worksans/WorkSans-Medium.ttf') format('truetype');
  }
  @font-face {
    font-family: 'Work Sans';
    font-weight: 600;
    src: url('/fonts/worksans/WorkSans-SemiBold.ttf') format('truetype');
  }
  @font-face {
    font-family: 'Work Sans';
    font-weight: 700;
    src: url('/fonts/worksans/WorkSans-Bold.ttf') format('truetype');
  }
body {
  font-family: Work Sans, "Segoe UI";
}
:root {
  --borderstyle: 8px !important;
}
 .bs-user-and-cart > .row {
  width: unset;
 }
.bs-user-and-cart {
 height: 38px;
}
.bs-user-and-cart .bs-user-login {
  order: 2;
}
.bs-user-and-cart .bs-user-cart .bs-user-title {
  display: none;
}
.bs-user-title {
  width: min-content;
}
.bs-user-value-outer {
  padding: 0;
}
.bs-smartsearch-outer {
  border: 1px solid #e6e6e6;  height: 38px;
}

.bs-master-input-search-btn {
  background-color: var(--layoutcolor);
  color: #fff;
  height: calc(100% - 8px);
          margin-top: 4px;
        margin-right: 4px;
  border-radius: var(--borderstyle);
}
.bs-logo {
  height: 38px;
}
.bs-user {
  height: 38px;
  border: 0;
  width: min-content;
    margin-left: 16px;
}
.bs-user-i {
  font-size: 20px;
  margin-right: 8px;
}

.bs-user-and-cart .bs-user-i{
    background-color: #efefef;
    border-radius: var(--borderstyle);
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.bs-sm-outer {
  padding: 16px 0;
}
.bs-cart-count {
  background-color: transparent;
    color: var(--layoutcolor);
    padding: 0;
    min-width: unset;
    top: 9px;
    font-size: 14px;
    border: 0;
    left: 50px;
    position: unset;
    height: 100%;
    font-weight: 600;
}
.bs-title-outer {
  border-bottom: 0;
  margin-top: 24px;
  margin-bottom: 12px;
  position: relative;
  top: 0;
}

.bs-title {
  font-size: 22px;
  font-weight: 700;
  background-color: transparent;
  color: var(--layoutcolor);
  text-transform: capitalize;
  padding-left: 0;
}

footer {
  background: #efefef;
}
.bs-def-footer-outer {
  background: #eeece9 !important;  
  border-top: 1px solid #e0e0e0 !important;
}
.view-block .row-id {
  box-shadow: rgb(0 0 0 / 8%) 0px 2px 6px;
  border: 1px solid #eee;
  position: relative;
}
.view-block .img-id .inner-popover {
  border: 0;
  padding: 0;
}
.view-block .name-id {
  order: 0;
  /* font-size: 16px !important;
  font-weight: 600 !important; */
  margin-bottom: 8px !important;
}
.view-block .name-id-inner {
  color: #7c7c7c;
}
.view-block .brand-id {
  color: #7c7c7c !important;
}
.view-block .row-id > .Cell {
  font-weight: 700;
  text-transform: uppercase;
  font-size: inherit;
  margin-bottom: 12px;
  padding: 0 12px;
  min-width: 50%;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  flex-wrap: wrap;
}
.view-block .row-id > .Cell.name-id,
.view-block .row-id > .Cell.img-id,
.view-block .row-id > .Cell.buy-id,
.view-block .row-id > .Cell.detail-id
{
  min-width: 100%;
}

.view-block .row-id > .Cell.detail-id {
  font-size:11px;
  text-align: center;
}

.view-block .row-id > .Cell:before {
  display: unset;
  font-size:11px;
  display: block;
  width: 100% !important;
}

.view-block .row-id > .code-id.Cell:before,
.view-block .row-id > .retailprice-id.Cell:before,
.view-block .row-id > .price-id.Cell:before
{
  content: attr(data-title) !important;  
}
.view-block .row-id > .Cell.buy-id {
  margin-bottom: 4px;
}
.view-block .img-id .bs-img {
  border-radius: var(--borderstyle) var(--borderstyle) 0 0;
}
.view-icon-clr {
  background: #eeece9;
    padding: 0 8px;
    font-size: 11px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--layoutcolor);
}
.view-icon-clr.view-icon-clr-active {
  border: 2px solid var(--layoutcolor);
}
.bs-productsort-outer {
  margin-left: 16px;
}
.bs-productsort {
  margin-bottom: 0;
  border: 0;
  background-color: #eeece9; 
}

.bs-pd-images-outer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding-right: 0;
}

.bs-pd-info-outer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.bs-pd-images-outer .bs-area-v3 {
  border: 1px solid #e6e6e6;
}
.bs-pd-info-outer .bs-area-v3 {
    padding-left: calc(var(--gap)*2);
}
.bs-select-v1 {
  font-weight:400
  
  }
  
.bs-variation-outer th,
.bs-variation-outer td {
  height: 45px;
}
.view-detail .view-block .row-id {
  padding: 12px 8px 0 8px;
  margin: 0 0 8px 0;
}
.view-detail .view-block .row-id > .Cell {
  padding: 0 4px;
}
.bs-variation-outer tr:nth-child(2n + 1) {
  background-color: transparent !important;
}
.view-block .inner-popover {
  left: 0;
}
.bs-prd-icon-outer {
  left: 0;
}

.bs-menu-tab-outer .bs-tab-link {
  font-size: 16px;
  font-weight: 400;
}
.bs-responsive-table input {
  background-color: #fafafa;
}
.bs-headermenu-outer .bs-main-menu {
  flex: 0 1 100%;
}
.bs-headermenu-outer .bs-main-menu-title {
  width: 100%;
  font-weight:400;
}
.bs-breadcrumb a {
  font-size: 12px;
}
.bs-breadcrumb a:after {
  content: "•";
}
.bs-breadcrumb a:last-child {
  color: var(--layoutcolor);
}
.bs-listedproductcount {
  font-size: 12px;
}
.view-detail .skeleton .s-line.second {
  width: calc(25% - 4px) !important;
}
.view-detail .skeleton .s-line.third {
  width: calc(75% - 4px) !important;
}
}