* {
    font-family: 'Source Sans Pro', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'STHeiti', 'WenQuanYi Micro Hei', SimSun, sans-serif
  }
  
  .global-primary {
    color: #333
  }
  
  .global-primary a {
    color: #333;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
  }
  
  .global-primary a:hover {
    color: #666
  }
  
  .global-secondary {
    color: #666
  }
  
  .global-secondary a {
    color: #666;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
  }
  
  .global-secondary a:hover {
    color: #333
  }
  
  .grabbing {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing
  }
  
  .grabbing a {
    cursor: inherit
  }
  
  html {
    position: relative;
    min-height: 100%
  }
  
  body {
    background-color: #ffffff;
    font-size: 16px
  }
  
  body.fast_checkout.index {
    background-color: #fff;
    color: #333;
    background-image: none !important
  }
  
  body.v1_theme {
    line-height: 1.5
  }
  
  body.v1_theme p,
  body.v1_theme .custom-page .title,
  body.v1_theme .description-container p,
  body.v1_theme .previewing-closed-store-banner p {
    line-height: 1.5
  }
  
  body.v1_theme .product-item .title {
    line-height: 1.4
  }
  
  .body-content {
    margin-bottom: 50px
  }
  
  .body-wrapper {
    height: 100%
  }
  
  .body-wrapper.has-previewing-closed-store-banner {
    padding-top: 40px
  }
  
  .glyphicon {
    top: 0px
  }
  
  .padding-md {
    padding: 15px
  }
  
  .padding-bottom-md {
    padding-bottom: 15px
  }
  
  .force-text-align-left {
    text-align: left !important;
    justify-content: flex-start !important
  }
  
  .force-text-align-left .product-list-variant-selector-container {
    text-align: left !important
  }
  
  .force-text-align-center {
    text-align: center !important;
    justify-content: center !important
  }
  
  .force-text-align-center .product-list-variant-selector-container {
    text-align: center !important
  }
  
  .force-text-align-right {
    text-align: right !important;
    justify-content: flex-end !important
  }
  
  .force-text-align-right .product-list-variant-selector-container {
    text-align: right !important
  }
  
  @media screen and (min-width: 767px) {
    .padding-zero-sm {
      padding: 0
    }
  }
  
  .breadcrumb {
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    margin-top: 0px
  }
  
  .breadcrumb h1 {
    font-size: inherit;
    margin: inherit;
    display: inherit;
    font-weight: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    color: inherit;
    padding: inherit
  }
  
  #leftCol {
    margin-top: 5px
  }
  
  p {
    line-height: 25px
  }
  
  h1 {
    color: inherit;
    font-weight: inherit
  }
  
  h1,
  h2 {
    text-transform: uppercase;
    padding: 10px 0px 20px 0px;
    margin-bottom: 0px;
    letter-spacing: 2px;
    font-size: 18px
  }
  
  .featured-title {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    text-transform: inherit
  }
  
  .btn-black,
  .btn-black:visited {
    background-color: #000000;
    border: none
  }
  
  .btn-black:hover {
    background-color: #3e3e3e
  }
  
  .btn-custom {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    min-width: 100px;
    font-weight: 600
  }
  
  .btn-custom .fa-shopping-cart {
    display: none
  }
  
  .btn-custom-large {
    color: #fff;
    padding: 8px 50px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    font-size: 16px
  }
  
  .btn.mod-forget-password {
    padding-left: 0;
    padding-right: 0
  }
  
  .available-time-disabled,
  .available-time-disabled:after {
    border-color: #eee;
    background-color: #eee;
    color: #999;
    opacity: 1;
    pointer-events: none
  }
  
  .available-time-disabled-icon {
    pointer-events: none
  }
  
  .available-time-disabled-icon i {
    color: #efefef
  }
  
  .einvoice-carrier {
    display: block;
    margin-bottom: 50px;
    text-align: left
  }
  
  @media screen and (max-width: 320px) {
    .btn.mod-forget-password {
      font-size: 14px
    }
  }
  
  .table>thead>tr>th,
  .table>tbody>tr>th,
  .table>tfoot>tr>th,
  .table>thead>tr>td,
  .table>tbody>tr>td,
  .table>tfoot>tr>td {
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dddddd
  }
  
  .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #dddddd
  }
  
  .table>caption+thead>tr:first-child>th,
  .table>colgroup+thead>tr:first-child>th,
  .table>thead:first-child>tr:first-child>th,
  .table>caption+thead>tr:first-child>td,
  .table>colgroup+thead>tr:first-child>td,
  .table>thead:first-child>tr:first-child>td {
    border-top-width: 0px;
    border-top-style: none
  }
  
  #footer {
    position: relative;
    bottom: 0;
    width: 100%;
    min-height: 370px;
    background-color: #f8f8f8;
    text-transform: capitalize
  }
  
  #footer a {
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear;
  }
  
  a:hover,
  a:visited,
  a:focus,
  a:active,
  a.active {
    text-decoration: none
  }
  
  a {
    cursor: pointer
  }
  
  .clear {
    clear: both
  }
  
  .cursor-pointer {
    cursor: pointer
  }
  
  .cursor-pointer img[ng-src*='png'],
  .cursor-pointer img[ng-src*='gif'] {
    max-width: 400px
  }
  
  .inline-block {
    display: inline-block
  }
  
  #fixed-menu-container {
    position: fixed;
    top: 4px;
    right: 4px;
    z-index: 999
  }
  
  #fixed-menu-container .trial-banner {
    display: none
  }
  
  #fixed-menu-container.has-previewing-closed-store-banner {
    top: 44px
  }
  
  #fixed-menu-container .menu-button span {
    color: #000;
    font-weight: 600;
    font-size: 12px;
    opacity: 0.5
  }
  
  #fixed-menu-container .menu-button span .fa-v5-globe {
    fill: #000;
    height: 12px;
    width: 12px;
    vertical-align: middle;
    margin-top: -1px
  }
  
  #fixed-menu-container .menu-button {
    background-color: #fff;
    border: 1px solid #aaa;
    padding: 5px 8px;
    width: auto;
    height: auto;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 13px;
    opacity: 0.8;
    margin-left: 4px
  }
  
  #fixed-menu-container .menu-button:hover {
    background-color: #f9f9f9
  }
  
  #fixed-menu-container .dropdown {
    cursor: pointer
  }
  
  #fixed-menu-container .dropdown-menu {
    min-width: 75px;
    max-width: 160px;
    box-shadow: none;
    cursor: pointer;
    width: auto;
    text-align: right
  }
  
  #fixed-menu-container .language {
    min-width: 135px;
    width: 95%
  }
  
  #fixed-menu-container .dropdown-menu li {
    line-height: 30px;
    width: 100%;
    white-space: nowrap
  }
  
  #fixed-menu-container .menu-words-reversed {
    display: none
  }
  
  #fixed-menu-container .menu-words:not(.caret) {
    padding-left: 6px
  }
  
  #fixed-menu-container .menu-button.search-button {
    padding: 4px 8px
  }
  
  #fixed-menu-container .menu-button.search-button:hover {
    background-color: white
  }
  
  #fixed-menu-container .menu-button.search-button button {
    border: 0;
    padding: 0;
    background-color: transparent
  }
  
  #fixed-menu-container .menu-button.search-button input {
    width: 0;
    border: 0;
    padding: 1px 0;
    color: black;
    opacity: 1;
    font-weight: normal;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
  }
  
  #fixed-menu-container .menu-button.search-button:hover input,
  #fixed-menu-container .menu-button.search-button input:focus {
    display: initial;
    width: 100px;
    background-color: #fff;
    outline: none
  }
  
  @media screen and (max-width: 767px) {
    .visible-xs-table-cell {
      display: table-cell
    }
  
    #fixed-menu-container.has-previewing-closed-store-banner {
      top: 45px
    }
  
    #fixed-menu-container {
      top: 0;
      right: 0;
      text-align: center;
      height: auto;
      display: table;
      table-layout: fixed;
      width: 100%
    }
  
    #fixed-menu-container a.menu-button,
    #fixed-menu-container div.dropdown {
      display: table-cell
    }
  
    #fixed-menu-container .ie-hack {
      width: 25%
    }
  
    #fixed-menu-container .menu-button .fa {
      font-weight: 400;
      font-size: 20px
    }
  
    #fixed-menu-container .menu-button,
    #fixed-menu-container .dropdown-menu {
      margin-bottom: 0;
      background-color: rgba(255, 255, 255, 0.9);
      height: 100%;
      padding-left: 0px;
      padding-right: 0px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0.1);
      border-width: 1px;
      border-radius: 0px;
      padding-top: 7px;
      padding-bottom: 7px;
      vertical-align: middle;
      opacity: 1;
      margin-left: 0
    }
  
    #fixed-menu-container .menu-button:hover {
      background-color: rgba(255, 255, 255, 0.9)
    }
  
    #fixed-menu-container .dropdown-menu,
    #fixed-menu-container .dropdown-toggle {
      width: 100%;
      text-align: center
    }
  
    #fixed-menu-container .cog-button {
      display: none
    }
  
    #fixed-menu-container .menu-words {
      display: none
    }
  
    #fixed-menu-container .menu-words-reversed {
      display: inline-block
    }
  
    .navbar-wrapper {
      margin-top: 40px
    }
  
    #fixed-menu-container .menu-button .cart-count {
      font-size: 18px;
      line-height: 18px
    }
  
    #fixed-menu-container .dropdown-menu li span {
      font-size: 14px
    }
  
    #fixed-menu-container .dropdown-menu li:not(:last-child) {
      margin-bottom: 10px
    }
  
    #fixed-menu-container .menu-button.search-button {
      display: none
    }
  
    .modal-dialog {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%) !important
    }
  }
  
  #message_text {
    height: 100px
  }
  
  #btn-form-submit-modal {
    min-width: 100px
  }
  
  @media screen and (min-width: 768px) {
  
    #fixed-menu-container div.dropdown,
    #fixed-menu-container .menu-button {
      float: left
    }
  
    .visible-xs-table-cell {
      display: none
    }
  }
  
  @media screen and (max-width: 320px) {
    #fixed-menu-container.has-previewing-closed-store-banner {
      top: 68px
    }
  }
  
  .shop-search-input {
    height: 27px;
    width: 80%;
    vertical-align: middle;
    border-radius: 0
  }
  
  .shop-search-bar-form {
    padding-left: 25px
  }
  
  .shop-search-bar-form button {
    height: 27px;
    vertical-align: middle
  }
  
  .shop-search-bar-form button>i {
    vertical-align: top
  }
  
  .mobile-shop-search-input {
    margin-right: -4px;
    border-radius: 0
  }
  
  .mobile-shop-search-bar-form {
    text-align: center;
    margin-bottom: 27px;
    max-width: 350px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
  }
  
  .mobile-shop-search-button {
    height: 27px
  }
  
  .mobile-shop-search-button>i {
    vertical-align: top
  }
  
  .shop-search-button,
  .mobile-shop-search-button {
    border-width: 0;
    background-color: transparent
  }
  
  .shop-search-button:hover,
  .mobile-shop-search-button:hover {
    background-color: transparent
  }
  
  .desktop-shop-search-form {
    margin-bottom: 8px
  }
  
  .desktop-shop-search-input {
    width: 77%;
    margin-right: -4px
  }
  
  .container {
    position: relative
  }
  
  .content-controller {
    margin-top: 30px
  }
  
  .navbar {
    padding-top: 45px;
    padding-bottom: 30px;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0px
  }
  
  .container>.navbar-header,
  .container-fluid>.navbar-header,
  .container>.navbar-collapse,
  .container-fluid>.navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
    max-width: 50%
  }
  
  .navbar-header {
    min-height: 0px;
    max-width: 100%;
    text-align: left
  }
  
  .navbar-menu {
    margin: 0px;
    position: absolute;
    bottom: 50px;
    right: 0;
    vertical-align: middle
  }
  
  .navbar-menu>ul {
    display: inline-block;
    list-style: none;
    margin: 0px 0px 0px 0px
  }
  
  .navbar-menu>ul>li {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 10px
  }
  
  .navbar-menu>ul>li>a:hover:focus:visited:active,
  .navbar-menu>ul>li>a.active,
  .navbar-menu>ul>li>a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
  }
  
  .navbar-menu>ul>li>a.active,
  .navbar-menu>ul>li>a:hover {
    text-decoration: none
  }
  
  .nav-dropdown {
    position: relative
  }
  
  .nav-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    width: 100%;
    min-width: 160px;
    padding: 10px 0;
    margin: 0;
    text-align: left;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    border-width: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  
  .nav-dropdown:hover .nav-dropdown-menu {
    display: block
  }
  
  .nav-dropdown-menu>li>a {
    display: block
  }
  
  .nav-dropdown-toggle,
  .nav-dropdown-menu>li>a {
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
  }
  
  .trial-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    background-color: #333;
    color: #fff;
    text-align: center
  }
  
  @media (max-width: 768px) {
    .trial-banner {
      padding: 10px 15px;
      height: 58px
    }
  }
  
  .trial-banner p {
    margin: 0;
    padding: 0
  }
  
  @media (max-width: 768px) {
    body {
      margin-bottom: 0px
    }
  
    #footer {
      position: relative;
      height: auto;
      min-height: 400px;
      text-align: center
    }
  
    .badges {
      text-align: center !important;
      margin-top: 0px
    }
  
    .credit-cards {
      text-align: center !important;
      padding: 15px 0px;
      width: 100%
    }
  
    .credit-cards>img {
      padding: 0 15px
    }
  
    .credit-cards>p {
      text-align: center !important
    }
  
    .poweredby {
      text-align: center !important;
      padding: 15px 0px;
      margin-bottom: 30px;
      width: 100%
    }
  
    .sociallinks {
      text-align: center !important
    }
  
    .container>.navbar-header,
    .navbar-header {
      max-width: none
    }
  
    #fb-root {
      position: relative;
      z-index: 1101
    }
  }
  
  .sidr .side-panel-search {
    height: 48px;
    background-color: #efefef
  }
  
  .sidr .side-panel-search form {
    padding-top: 12px;
    padding-left: 4px
  }
  
  .sidr .side-panel-search form button {
    border: 0;
    background: none;
    color: black
  }
  
  .sidr .side-panel-search form input {
    border: 0;
    background: none;
    color: black;
    outline: none;
    width: 65%
  }
  
  .sidr .side-panel-search form .fa-times {
    color: #999999;
    padding-left: 10px;
    cursor: pointer
  }
  
  .sidr ul.language-container {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: none;
    border-bottom: none;
    text-align: center;
    margin-left: -20px
  }
  
  .sidr ul.language-container li {
    display: inline-block;
    margin: 0;
    line-height: 48px;
    border-top: none;
    border-bottom: none
  }
  
  .sidr ul.language-container li:hover,
  .sidr ul.language-container li.active,
  .sidr ul.language-container li.sidr-class-active {
    border-top: none;
    line-height: 48px
  }
  
  .sidr ul.language-container li:hover>a,
  .sidr ul.language-container li:hover>span,
  .sidr ul.language-container li.active>a,
  .sidr ul.language-container li.active>span,
  .sidr ul.language-container li.sidr-class-active>a,
  .sidr ul.language-container li.sidr-class-active>span {
    color: #008edd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
  }
  
  .sidr .hello {
    text-align: center;
    background-color: #262d36
  }
  
  .sidr .section-header {
    padding: 15px 0px 13px 32px;
    background-color: #1f2429
  }
  
  .sidr .section-header a {
    color: #fff
  }
  
  #footer>.container ul {
    list-style: none;
    margin: 20px 0px 20px 0px;
    padding: 0px
  }
  
  #footer>.container ul>li {
    margin-bottom: 5px
  }
  
  #footer>.container ul>li>a:hover:focus:visited:active,
  #footer>.container ul>li>a {
    font-size: 16px !important;
    text-decoration: none
  }
  
  .sociallinks {
    text-align: right
  }
  
  .badges {
    text-align: center;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 50px;
    border-top: 1px solid #e0e0e0
  }
  
  .credit-cards {
    text-align: left
  }
  
  .credit-cards>img {
    padding-right: 15px
  }
  
  .credit-cards>p {
    margin-top: 15px;
    color: #999;
    text-align: left;
    font-size: 13px;
    padding-left: 0
  }
  
  .poweredby {
    float: right
  }
  
  #poweredby-shopline,
  #shopline-copyright {
    padding-bottom: 30px;
    color: #999999;
    font-size: 10px;
    text-align: center;
    width: 100%
  }
  
  #poweredby-shopline>a {
    color: inherit
  }
  
  .custom-page .box-info {
    margin-bottom: 0px;
    height: 100%;
    border-style: none;
    background-color: transparent
  }
  
  .custom-page .owl-item>img {
    width: 100%;
    display: block;
    height: auto
  }
  
  .custom-page .item .product-item {
    /* margin-bottom:40px; */
    /* padding:15px; */
  }
  
  .custom-page .item .product-item.has-variant-selector {
    margin-bottom: 0
  }
  
  /* @media screen and (max-width: 767px) {
    .custom-page .item .product-item {
      margin-bottom: 20px;
      padding: 8px
    }
  } */
  
  .custom-page .item .image-container {
    overflow: hidden;
    margin-bottom: 14px
  }
  
  .custom-page .item img {
    display: block;
    width: 100%;
    height: auto
  }
  
  .custom-page .title {
    font-size: 24px;
    line-height: 40px
  }
  
  .container-full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important
  }
  
  .container-full-width .row {
    margin-left: 0;
    margin-right: 0
  }
  
  .image-max-height {
    max-height: 500px
  }
  
  .margin-bottomless {
    margin-bottom: 0 !important
  }
  
  @media (max-width: 991px) {
    .custom-page .product-items-container {
      display: flex;
      flex-wrap: wrap
    }
  
    .custom-page .product-items-container .quick-cart-item {
      height: 100%
    }
  
    .custom-page .quick-cart-mobile .quick-cart-price {
      margin-bottom: 35px;
      float: unset;
      min-height: unset
    }
  
    .custom-page .product-items-container .info-box {
      min-height: unset;
      height: unset
    }
  
    .custom-page .has-wishlist-button .quick-cart-price {
      margin-bottom: 55px;
      min-height: 51px
    }
  }
  
  .product-item {
    text-align: center
  }
  
  .product-item .info-box {
    height: 60px;
    padding-top: 10px
  }
  
  .product-item .title {
    text-align: left;
    font-size: 16px;
    display: block;
    display: -webkit-box;
    height: auto;
    max-height: 45px;
    margin: 0 auto;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
  }
  
  .product-item .price {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px
  }
  
  .price.price-crossed {
    text-decoration: line-through;
    white-space: nowrap;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666
  }
  
  .product-item .price-sale {
    text-align: left;
    color: #c0392b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px
  }
  
  .product-price {
    display: inline-block
  }
  
  .product-price .price-crossed {
    text-decoration: line-through;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666
  }
  
  .product-price .price-sale {
    text-align: left;
    color: #c0392b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }
  
  .product-item .member-price.label,
  .member.label {
    font-weight: 500;
    font-size: 90%;
    padding: 0.15em 0.5em;
    line-height: 1.6em
  }
  
  .center-cover {
    width: 100%;
    min-height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover
  }
  
  .center-contain {
    width: 100%;
    /* 2021/10/29 */
    /* min-height: 300px; */
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;
  }
  @media(max-width:500px){
    .center-contain {
        min-height: 200px;
      }
  }
  
  .catmenu {
    padding: 0px;
    margin-bottom: 15px
  }
  
  .catmenu p {
    text-transform: uppercase;
    padding: 10px 25px;
    margin-bottom: 0px;
    letter-spacing: 2px;
    font-size: 18px
  }
  
  .catmenu>ul ul {
    list-style-type: none;
    padding: 10px 0 0px 15px
  }
  
  .catmenu>ul {
    list-style-type: none;
    margin: 0px;
    padding: 25px
  }
  
  .catmenu>ul>li {
    margin-bottom: 8px
  }
  
  .catmenu ul>li>a {
    text-transform: capitalize;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    max-width: 65%;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
  }
  
  .catcount {
    color: #666;
    opacity: 0.5;
    float: right;
    position: relative;
    text-align: right;
    padding-left: 12px;
    display: inline-block
  }
  
  .checkout-section-header {
    font-size: 20px;
    margin: 20px auto
  }
  
  .divider {
    border-bottom: 1px solid #e0e0e0;
    margin: 20px auto
  }
  
  .checkout-instructions {
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    padding: 20px
  }
  
  .checkout-tabletop {
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    padding: 20px 20px 0px 20px
  }
  
  .checkout-tablebottom {
    border: 1px solid #e0e0e0;
    margin-bottom: 30px;
    padding: 20px 15px
  }
  
  .checkout-prod-photo {
    margin-bottom: 20px
  }
  
  .checkout-prod-info img.prod-thumbnail {
    width: 70px;
    height: 70px;
    float: left
  }
  
  .checkout-prod-info .prod-title-variation {
    padding-left: 85px
  }
  
  .checkout-prod-info {
    margin-bottom: 10px
  }
  
  .checkout-prod-title {
    font-size: 18px
  }
  
  .checkout-price-details {
    font-size: 18px
  }
  
  .checkout-item-price {
    margin-bottom: 20px;
    text-align: right
  }
  
  .checkout-prod-price {
    font-size: 18px
  }
  
  .tally-label {
    color: #333;
    font-size: 18px;
    margin-bottom: 20px
  }
  
  .tally-price {
    color: #333;
    font-size: 18px;
    margin-bottom: 20px
  }
  
  .applied-user-credits {
    color: #999;
    font-size: 12px
  }
  
  .checkbox {
    float: left
  }
  
  .checkbox a {
    color: #888
  }
  
  .checkout-prod-info .out-of-stock span {
    color: #d9534f;
    font-weight: 400;
    font-size: 12px;
    border: solid 2px #d9534f;
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 5px;
    border-radius: 11px;
    padding: 2px 7px
  }
  
  .payment-instruction-image {
    display: block;
    margin: 8px 0;
    max-height: 160px;
    max-width: 100%;
    cursor: pointer
  }
  
  .large-message {
    background: #f8f8f8;
    margin-bottom: 20px
  }
  
  .large-message .container>.row>.col-sm-12>.content {
    min-height: 150px;
    margin-top: 0px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px
  }
  
  .large-message h2 {
    font-size: 30px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px
  }
  
  .large-message p {
    margin-bottom: 20px
  }
  
  .col-xs-3.product-thumb {
    margin: 0;
    padding: 8px
  }
  
  .quick-cart-mobile-header .title {
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 5px 0px
  }
  
  .product-info .title,
  .theme-modal-title {
    font-size: 22px;
    font-weight: 600;
    margin: 0px 0px 5px 0px
  }
  
  .product-info .title h1 {
    font-size: inherit;
    margin: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit
  }
  
  .quick-cart-mobile-header .price-regular,
  .quick-cart-body .price-regular {
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0px 0px 0px
  }
  
  .product-info .price-regular {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0px 0px 0px
  }
  
  .checkout-prod-info .price-crossed {
    text-decoration: line-through
  }
  
  .quick-cart-mobile-header .price-sale,
  .quick-cart-body .price-sale {
    font-size: 14px;
    font-weight: 400;
    color: #c0392b;
    text-transform: uppercase
  }
  
  .cart-promotion-lables {
    margin-bottom: 4px
  }
  
  .product-info .price-sale {
    font-size: 18px;
    font-weight: 400;
    color: #c0392b;
    text-transform: uppercase
  }
  
  .product-info .member-price.label {
    font-weight: 500;
    font-size: 80%;
    padding: 0.2em 0.5em
  }
  
  .product-info>div {
    margin-bottom: 10px
  }
  
  .quick-cart-body .out-of-stock,
  .product-info .out-of-stock,
  .addon-product-info .out-of-stock {
    color: #d9534f
  }
  
  .action-title {
    margin: 6px 10px 10px 0px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
  }
  
  .quantity {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-bottom: 10px
  }
  
  .messagetobuy {
    margin-top: 30px;
    font-style: italic
  }
  
  .quantity select {
    border: 1px solid #bbb !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("//static.shoplineapp.com/web/v1/img/custom_site/drop-down-arrow.png") no-repeat;
    background-position: 95% 50%;
    width: 50%;
    text-indent: 0.01px;
    text-overflow: '';
    color: #666;
    font-size: 16px;
    line-height: 1;
    height: 34px;
    margin-bottom: 20px;
    margin-right: 6px;
    box-shadow: 0px;
    float: left
  }
  
  .blog-post {
    padding: 10px 9px;
    margin: 10px 0
  }
  
  .blog-post img {
    max-width: 100%;
    height: auto
  }
  
  .blog-post .post-date {
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: grey
  }
  
  .blog-post .post-content {
    margin-top: 30px;
    margin-bottom: 30px
  }
  
  .card-box {
    background-color: white;
    border: solid 1px #e1e1e1;
    padding: 10px 9px;
    margin: 10px 0
  }
  
  .card-box .title {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 5px 10px;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    color: #333333
  }
  
  .value-group {
    padding: 5px 10px
  }
  
  .value-group .label {
    display: block;
    font-weight: 400;
    line-height: 15px;
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0;
    margin: 0 0 5px;
    font-size: 13px;
    color: #333333;
    padding: 0
  }
  
  .value-group .value {
    margin-bottom: 15px;
    font-size: 18px;
    color: #555555
  }
  
  .page-style {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 50px;
    padding: 0px 15px
  }
  
  .page-style img {
    max-width: 100%
  }
  
  .page-style ul,
  ol {
    margin: 15px
  }
  
  .page-style blockquote {
    font-size: 100%
  }
  
  .lightbox-modal-window>.modal-dialog>.modal-content {
    position: relative;
    background-color: transparent;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
  }
  
  @media screen and (min-width: 768px) {
    .lightbox-modal-window .modal-dialog {
      position: absolute;
      top: 0;
      left: 50%;
      margin: 0 auto;
      transform: translate(-50%, 0%) !important;
      display: table;
      height: 100%
    }
  
    .lightbox-modal-window .modal-content {
      display: table-cell;
      vertical-align: middle
    }
  }
  
  .lightbox {
    position: relative
  }
  
  .lightbox-content {
    text-align: center
  }
  
  .lightbox-image img {
    max-width: 100%;
    max-height: 100%
  }
  
  .lightbox-description {
    width: 50%
  }
  
  .lightbox-close {
    position: absolute;
    right: 5px;
    top: 5px;
    font-weight: 600;
    font-size: 14px;
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid #fff;
    -webkit-font-smoothing: antialiased;
    padding: 5px 14px
  }
  
  .lightbox-prev {
    top: 10%;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border: 0px;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    height: 80%;
    width: 15%;
    text-align: left;
    -moz-opacity: 0.1 !important;
    -webkit-opacity: 0.1 !important;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)' !important;
    filter: alpha(opacity=10) !important;
    opacity: 0.1 !important
  }
  
  .lightbox-next {
    top: 10%;
    position: absolute;
    right: 10px;
    background-color: transparent;
    border: 0px;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    height: 80%;
    width: 15%;
    text-align: right;
    -moz-opacity: 0.1 !important;
    -webkit-opacity: 0.1 !important;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)' !important;
    filter: alpha(opacity=10) !important;
    opacity: 0.1 !important
  }
  
  .lightbox-prev:hover,
  .lightbox-next:hover {
    -moz-opacity: 1 !important;
    -webkit-opacity: 1 !important;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)' !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important
  }
  
  .lightbox-prev:focus,
  .lightbox-next:focus {
    outline: none;
    border: none
  }
  
  .boxify-container {
    list-style: none;
    padding: 0;
    text-align: left
  }
  
  .boxify-container.has-variant-selector {
    display: flex;
    flex-wrap: wrap
  }
  
  .boxify-container .boxify-item {
    position: relative;
    list-style: none;
    padding: 15px;
    margin-bottom: 40px;
    float: left
  }
  
  .boxify-container .boxify-item.has-variant-selector {
    margin-bottom: 0
  }
  
  @media (max-width: 480px) {
    .container {
      padding-left: 8px;
      padding-right: 8px
    }
  
    .row {
      margin-left: -8px;
      margin-right: -8px
    }
  
    .boxify-container {
      margin-left: 0px;
      margin-right: 0px
    }
  
    .boxify-container .boxify-item {
      width: 50%;
      padding: 8px
    }
  
    #footer>.container ul>li {
      margin-bottom: 20px
    }
  
    .body-content {
      margin-bottom: 50px
    }
  }
  
  @media (min-width: 480px) and (max-width: 750px) {
    .boxify-container {
      margin-left: 0px;
      margin-right: 0px
    }
  
    .container {
      padding-left: 10px;
      padding-right: 10px
    }
  
    .row {
      margin-left: -10px;
      margin-right: -10px
    }
  
    .boxify-container .boxify-item {
      width: 33%;
      padding: 10px
    }
  
    #footer>.container ul>li {
      margin-bottom: 20px
    }
  
    .check-out-button {
      float: left;
      display: block
    }
  
    .body-content {
      margin-bottom: 50px
    }
  }
  
  @media (min-width: 750px) {
    .boxify-container .boxify-item {
      width: 25%;
      padding: 15px
    }
  }
  
  @media (min-width: 970px) {
    .boxify-container .boxify-item {
      width: 25%;
      padding: 15px
    }
  }
  
  @media (min-width: 1170px) {
    .boxify-container .boxify-item {
      width: 25%;
      padding: 15px
    }
  }
  
  @media (min-width: 992px) {
    .row {
      margin-left: -10px;
      margin-right: -10px
    }
  }
  
  @media (min-width: 768px) {
    .row-eq-height {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
    }
  }
  
  @media (max-width: 991px) {
    .boxify-container {
      display: flex;
      flex-wrap: wrap;
      width: 100%
    }
  
    .boxify-container .quick-cart-item {
      height: 100%
    }
  
    .boxify-container .quick-cart-mobile .quick-cart-price {
      margin-bottom: 35px;
      float: unset
    }
  
    .boxify-container .info-box {
      min-height: unset !important;
      height: unset
    }
  }
  
  .chat-container {
    max-width: 640px;
    margin: 0 auto;
    padding: 0px
  }
  
  .chat-container h2 {
    font-size: 20px;
    margin: 0px;
    padding: 10px;
    width: 100%;
    text-align: center;
    background-color: #f9f9f9;
    text-transform: none
  }
  
  .chat-list {
    padding: 0px;
    margin: 0px 0px 30px 0px
  }
  
  .chat-list li {
    text-decoration: none;
    list-style-type: none
  }
  
  .message-recipient .chat-head {
    float: left;
    margin-left: 15px
  }
  
  .message-recipient .media-body {
    float: left;
    text-align: left;
    max-width: 75%;
    padding: 10px;
    background-color: #fbfbfb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 20px;
    max-width: 70%
  }
  
  .chat-head {
    margin-top: 15px
  }
  
  .chat-head {
    margin-top: 15px
  }
  
  .chat-head .media-object {
    object-fit: contain
  }
  
  .chat-time {
    color: #999
  }
  
  .chat-message {
    white-space: pre-wrap;
    word-break: break-word
  }
  
  .message-sender .chat-head {
    float: right;
    margin-right: 15px
  }
  
  .message-sender .media-body {
    float: right;
    text-align: left;
    max-width: 75%;
    padding: 10px;
    background-color: #fbfbfb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 20px;
    max-width: 70%
  }
  
  .chat-form {
    padding: 10px
  }
  
  .btn-chat {
    color: #fff !important;
    background-color: #333;
    border: 1px solid #111;
    -webkit-font-smoothing: antialiased
  }
  
  .chat-list .media {
    overflow: hidden
  }
  
  .description-container img[src=''],
  .description-container iframe[src=''],
  .ProductDetail-description img[src=''],
  .ProductDetail-description iframe[src=''] {
    opacity: 0
  }
  
  .box-info {
    position: relative;
    padding: 15px;
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease
  }
  
  @media screen and (max-width: 767px) {
    .box-info {
      padding: 15px 0
    }
  }
  
  .box-info tr,
  td,
  th {
    border: 0px
  }
  
  .box-info:before,
  .box-info:after {
    display: table;
    content: ' '
  }
  
  .box-info:after {
    clear: both
  }
  
  .box-info .des-thumbnail {
    padding: 20px
  }
  
  .box-info .img-wrap {
    width: 100%;
    height: auto;
    overflow: hidden
  }
  
  .box-info .img-wrap img {
    width: 100%
  }
  
  .box-info .icon-box {
    width: 65px;
    font-size: 30px;
    display: block;
    float: left
  }
  
  .box-info h2 {
    padding: 0 15px 15px 15px;
    margin: 5px -15px 20px -15px;
    font-weight: 400;
    font-size: 16px;
    display: block;
    border-bottom: 1px solid #ddd
  }
  
  .box-info h2.no-style {
    padding: 0px;
    margin: 20px 0px 10px 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
    border-bottom: none
  }
  
  .box-info .box-header {
    border-bottom: 1px solid #ddd;
    margin: 5px 0 0px 0
  }
  
  .box-info .box-header .pull-right {
    padding: 15px 30px 15px 15px
  }
  
  .box-info .box-header .pull-left {
    padding: 15px 15px 15px 20px
  }
  
  .box-info .box-body {
    padding: 10px
  }
  
  .box-info.full .box-header h2,
  .box-info .box-header h2 {
    padding: 0;
    margin: 0px 0px 0px 0px;
    display: block;
    border-bottom: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px
  }
  
  .box-info.box-messages h2 {
    border-bottom: none
  }
  
  .box-info .statistic-chart {
    padding: 0 0 30px 0
  }
  
  .box-info.full {
    padding: 0px
  }
  
  .box-info.full .box-footer {
    padding: 20px 20px 15px 20px
  }
  
  .box-info.full .box-footer a,
  .box-info.full .box-footer a:hover {
    color: #1b1e24;
    text-decoration: none
  }
  
  .box-info .nav-tabs {
    background: #1b1e24
  }
  
  .box-info .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.428571429;
    font-size: 14px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    border-radius: 0px 0px 0 0;
    margin: 0;
    color: #8b91a0;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease
  }
  
  .box-info .nav-tabs>li>a i {
    color: #fff
  }
  
  .box-info .media-list {
    margin-top: 20px
  }
  
  .box-info .media-list a {
    color: #1b1e24
  }
  
  .box-info .media-list a:hover {
    color: #212121;
    text-decoration: none
  }
  
  .box-info .media-list .media {
    padding: 5px 20px;
    border-bottom: 1px solid #eaeaea
  }
  
  .box-info .media-list li:last-child.media {
    border-bottom: none
  }
  
  .box-info .media-list .media .media-heading a {
    font-size: 14px;
    font-weight: 600;
    color: #1b1e24;
    margin-right: 5px
  }
  
  .box-info .media-list .media .media-heading small {
    color: #65bd77;
    font-size: 11px
  }
  
  .box-info .media-list .media p {
    color: #909090
  }
  
  .box-info .media-list .media .media-object {
    width: 50px
  }
  
  .box-info .nav-tabs>li.active>a,
  .box-info .nav-tabs>li.active>a:hover,
  .box-info .nav-tabs>li.active>a:focus {
    cursor: default;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    background-color: #ffffff;
    color: #1b1e24
  }
  
  .box-info .nav-tabs>li.active>a i,
  .box-info .nav-tabs>li.active>a:hover i,
  .box-info .nav-tabs>li.active>a:focus i {
    color: #212121
  }
  
  .box-info .additional-box {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1
  }
  
  .box-info .additional-btn {
    position: absolute;
    top: 17px;
    right: 15px;
    z-index: 99991
  }
  
  .box-info .btn-group {
    z-index: 9999
  }
  
  .box-info table .btn-group {
    z-index: 1
  }
  
  .box-info .additional-btn .dropdown-menu {
    z-index: 999999
  }
  
  .box-info .additional-btn a.additional-icon {
    color: #909090;
    margin-left: 10px;
    cursor: pointer
  }
  
  .box-info .additional-btn a:hover.additional-icon {
    text-decoration: none
  }
  
  .box-info.success {
    background: #65bd77;
    color: #fff
  }
  
  .box-info.success h2 {
    color: #2c7439;
    border-bottom-color: #3b934b
  }
  
  .box-info.success:hover {
    color: #deffe5
  }
  
  .box-info.success .additional-btn a.additional-icon {
    color: #3b934b
  }
  
  .box-info.success .additional-btn a:hover.additional-icon {
    color: #2c7439
  }
  
  .box-info.success .text-box h3 {
    color: #215f2e
  }
  
  .box-info.success .progress-bar-success {
    background-color: #215f2e
  }
  
  .box-info.success i.success {
    color: #215f2e
  }
  
  .box-info.danger {
    background: #d9534f;
    color: #fff
  }
  
  .box-info.danger h2 {
    color: #791c1a;
    border-bottom-color: #791c1a
  }
  
  .box-info.danger:hover {
    color: #fff
  }
  
  .box-info.danger .additional-btn a.additional-icon {
    color: #791c1a
  }
  
  .box-info.danger .additional-btn a:hover.additional-icon {
    color: #791c1a
  }
  
  .box-info.danger .text-box h3 {
    color: #791c1a
  }
  
  .box-info.danger .progress-bar-danger {
    background-color: #791c1a
  }
  
  .box-info.danger i.danger {
    color: #791c1a
  }
  
  .box-info.info {
    background: #4393d8;
    color: #fff
  }
  
  .box-info.info h2 {
    color: #15558b;
    border-bottom-color: #15558b
  }
  
  .box-info.info:hover {
    color: #deffe5
  }
  
  .box-info.info .additional-btn a.additional-icon {
    color: #15558b
  }
  
  .box-info.info .additional-btn a:hover.additional-icon {
    color: #15558b
  }
  
  .box-info.info .text-box h3 {
    color: #15558b
  }
  
  .box-info.info .progress-bar-info {
    background-color: #15558b
  }
  
  .box-info.info i.info {
    color: #15558b
  }
  
  .box-info.warning {
    background: #f7cb17;
    color: #fff
  }
  
  .box-info.warning h2 {
    color: #9d5d03;
    border-bottom-color: #9d5d03
  }
  
  .box-info.warning:hover {
    color: #deffe5
  }
  
  .box-info.warning .additional-btn a.additional-icon {
    color: #9d5d03
  }
  
  .box-info.warning .additional-btn a:hover.additional-icon {
    color: #9d5d03
  }
  
  .box-info.warning .text-box h3 {
    color: #9d5d03
  }
  
  .box-info.warning .progress-bar-warning {
    background-color: #9d5d03
  }
  
  .box-info.warning i.warning {
    color: #9d5d03
  }
  
  .box-info .additional {
    padding: 0 15px;
    background: #fff;
    color: #909090;
    margin: 15px -15px -15px -15px
  }
  
  .box-info .additional .list-box-info {
    margin: 0 -15px
  }
  
  .box-info .additional .list-box-info ul {
    list-style: none;
    margin: 0;
    padding: 0
  }
  
  .box-info .additional .list-box-info ul li {
    background: #fff;
    padding: 15px 20px;
    color: #909090;
    border-bottom: 1px solid #ddd
  }
  
  .box-info .additional .list-box-info ul li span.label {
    float: right;
    font-size: 13px
  }
  
  .box-info .additional .list-box-info ul li:last-child {
    border-bottom: 1px solid #fff
  }
  
  .box-info.full h2 {
    padding: 15px;
    margin: 5px 0px 20px 0px
  }
  
  .box-info table {
    margin: 0
  }
  
  .box-info table tr th,
  .box-info table tr td {
    padding-left: 15px;
    padding-right: 15px
  }
  
  .box-info .text-box h3 {
    padding: 0;
    margin: 5px 0;
    font-weight: 600;
    font-size: 20px;
    display: block;
    color: #4c5264
  }
  
  .box-info .text-box p {
    font-size: 14px
  }
  
  .birthday-datepicker-block table tr td,
  .birthday-datepicker-block table tr th {
    padding: 0 1px
  }
  
  .birthday-datepicker-block>.form-group>.controls {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
  
  .birthday-datepicker-block .btn-datepicker {
    border-radius: 0
  }
  
  .birthday-datepicker-block .datepicker-input {
    margin-right: -1px
  }
  
  @media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
  
    .table-responsive table,
    .table-responsive thead,
    .table-responsive tbody,
    .table-responsive th,
    .table-responsive td,
    .table-responsive tr {
      display: block
    }
  
    .table-responsive {
      border-width: 0px
    }
  
    .table-responsive thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px
    }
  
    .table-responsive td {
      border: none;
      position: relative;
      padding-left: 50%
    }
  
    .table-responsive td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap
    }
  
    #store-credits .show-row-header {
      display: initial
    }
  
    #store-credits .credit-history td {
      white-space: normal
    }
  }
  
  @media (min-width: 768px) and (max-width: 991px) {
    .box-info .icon-box {
      width: 45px;
      font-size: 20px;
      margin-top: 5px
    }
  
    .box-info .text-box p {
      font-size: 11px
    }
  
    .box-info table {
      margin: 0 0 0 0
    }
  
    .box-info .table-responsive {
      border: none
    }
  
    .nav.navbar-nav.top-navbar li span.absolute {
      left: 25px
    }
  
    .box-info .additional .list-group {
      margin-bottom: -10px
    }
  }
  
  @media (max-width: 480px) {
    .box-info .icon-box {
      width: 100%;
      display: block
    }
  
    .box-info .icon-box,
    .box-info .text-box {
      text-align: center
    }
  }
  
  @media (max-width: 480px) {
    .box-info .box-header {
      margin: 10px 0px 10px 0px;
      padding-bottom: 10px
    }
  
    .box-info .box-header .btn {
      margin-bottom: 10px
    }
  
    .box-info .box-header h2,
    .box-info .box-header .pull-right,
    .box-info .box-header .pull-left {
      text-align: center;
      padding: 5px;
      width: 100%
    }
  }
  
  .field-group {
    padding: 7.5px
  }
  
  .links-container {
    margin-top: 30px;
    margin-bottom: 30px
  }
  
  .field {
    margin-bottom: 20px
  }
  
  .login-input label {
    font-weight: 400
  }
  
  .login-input input {
    width: 90%;
    min-width: 275px
  }
  
  .login-input i {
    vertical-align: bottom;
    margin-right: 10px
  }
  
  .field>.field_with_errors {
    display: inline
  }
  
  .line-input {
    border: none;
    color: #333;
    background: transparent;
    border-bottom: 1px dotted black;
    padding: 5px 2px 0 2px
  }
  
  .line-input:focus {
    outline: none;
    border-color: #999999
  }
  
  .actions {
    margin-top: 20px
  }
  
  .error-list {
    list-style: none;
    padding-left: 0
  }
  
  .full-content-center {
    width: 100%;
    max-width: 500px;
    margin: 5% auto;
    text-align: center
  }
  
  .signup-loader {
    padding-top: 50px;
    width: 100%;
    text-align: center
  }
  
  .fb-app-icon {
    height: 15px;
    padding-right: 5px
  }
  
  .modal-title {
    text-align: center;
    color: #444;
    font-weight: 700;
    font-size: 22px
  }
  
  .fb_dialog_content iframe:nth-child(1),
  .fb_dialog_content>div {
    bottom: 60px !important
  }
  
  .fb_dialog_content iframe:nth-child(2) {
    bottom: 102px !important
  }
  
  .fb_customer_chat_bounce_out_v2 {
    max-height: 0px !important
  }
  
  .facebook-container {
    text-align: center;
    margin: 20px 0px;
    padding: 20px 0px;
    background-color: #f8f8f8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
  }
  
  .facebook-container a {
    color: #fff
  }
  
  .btn-facebook {
    margin: 0 auto;
    background-color: #3b5998;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 60%;
    padding: 10px 0px
  }
  
  .btn-facebook a {
    color: #fff
  }
  
  .forgot-pw {
    float: right;
    margin-top: 8px
  }
  
  .forgot-pw a {
    color: #666;
    text-transform: capitalize;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: color 0.15s linear;
    -moz-transition: color 0.15s linear;
    -o-transition: color 0.15s linear;
    -ms-transition: color 0.15s linear;
    transition: color 0.15s linear
  }
  
  .forgot-pw a:hover {
    color: #333
  }
  
  .modal-backdrop {
    position: fixed;
    bottom: 0
  }
  
  .help-block.text-danger {
    color: #a94442
  }
  
  .owl-carousel-first-initializing {
    position: relative;
    padding-bottom: 35px;
    z-index: 2
  }
  
  .owl-carousel.initializing {
    position: absolute;
    top: 15px;
    padding-right: 30px
  }
  
  .box-info-width-full .owl-carousel.initializing,
  .Grid-row-wrapper.m-full-width .owl-carousel.initializing,
  .box-info .owl-carousel.initializing.remove-horizontal-padding {
    padding-right: 0
  }
  
  .owl-carousel.initializing .owl-stage-outer.owl-height {
    transition: none !important
  }
  
  #home-carousel .item {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0 0
  }
  
  #home-carousel .owl-item .item-container {
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: auto;
    min-height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
  }
  
  #home-carousel img.owl-image {
    max-width: 100%;
    min-height: 100px;
    max-height: 450px;
    display: none !important
  }
  
  #home-carousel .owl-video {
    max-width: 800px;
    margin: 0 auto
  }
  
  #home-carousel .owl-item .item-container {
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: auto;
    min-height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
  }
  
  #home-carousel img.ratio {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0;
    max-height: 450px
  }
  
  .res-iframe {
    position: relative
  }
  
  .res-iframe img.ratio,
  .res-iframe .ratio {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0
  }
  
  .res-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
  
  .res-video-iframe-16x9 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
  }
  
  .res-video-iframe-4x3 {
    position: relative;
    padding-bottom: 70%;
    height: 0;
    overflow: hidden
  }
  
  .owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0px;
    padding: 0;
    font-size: 12px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: transparent;
    filter: Alpha(Opacity=20);
    opacity: 0.2
  }
  
  .owl-theme .owl-controls .owl-buttons div.owl-prev {
    position: absolute;
    top: 50%;
    left: 10px;
    background-image: url(https://shoplineimg.com/assets/misc/arrow-left.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    margin-top: -35px
  }
  
  .owl-theme .owl-controls .owl-buttons div.owl-next {
    position: absolute;
    background-repeat: no-repeat;
    margin-top: -35px;
    top: 50%;
    right: 10px;
    background-image: url(https://shoplineimg.com/assets/misc/arrow-right.png);
    background-size: contain;
    background-position: center;
    height: 50px;
    width: 50px
  }
  
  @media (max-width: 480px) {
    .navbar {
      padding-left: 8px;
      padding-right: 8px
    }
  
    .owl-carousel.initializing {
      padding-right: 0px
    }
  }
  
  @media (max-width: 750px) and (min-width: 480px) {
    .navbar {
      padding-left: 10px;
      padding-right: 10px
    }
  }
  
  @media (min-width: 768px) {
    .navbar {
      width: 750px
    }
  }
  
  @media (min-width: 992px) {
    .navbar {
      width: 970px
    }
  }
  
  @media (min-width: 1200px) {
    .navbar {
      width: 1170px
    }
  }
  
  .navbar-wrapper {
    border-bottom: 1px solid #e0e0e0
  }
  
  .navbar {
    margin: 0 auto;
    border-bottom: 0
  }
  
  .navbar-header-wrapper {
    display: inline-block;
    width: 30%
  }
  
  .navbar-menu-wrapper {
    width: 68%;
    display: inline-block
  }
  
  .navbar-header-wrapper .container {
    width: 100%
  }
  
  .navbar-menu-wrapper .container {
    width: 100%;
    text-align: center
  }
  
  @media (max-width: 767px) {
    .navbar-header-wrapper {
      width: 100%
    }
  
    .navbar-menu-wrapper {
      width: 100%;
      text-align: center
    }
  
    .navbar-menu {
      width: 100%
    }
  }
  
  @media (min-width: 767px) {
  
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
      float: none;
      display: inline-block;
      max-width: 100%;
      width: 100%
    }
  }
  
  .navbar-menu {
    width: 100%;
    vertical-align: middle;
    text-align: right;
    margin: 0px auto;
    position: initial;
    bottom: 0px;
    right: 0;
    display: inline-block
  }
  
  .navbar-menu>ul {
    padding: 0
  }
  
  .navbar-header .logo-image {
    max-height: 140px;
    height: auto;
    max-width: 100%
  }
  
  .navbar-menu>ul>li>a.active,
  .navbar-menu>ul>li>a:hover {
    color: #666
  }
  
  .form-control {
    border-radius: 0px
  }
  
  .form-control-xs {
    width: 80px
  }
  
  .form-control.form-control-sm {
    width: auto;
    min-width: 200px
  }
  
  body.v1_theme .QuickCart-modal .form-control.form-control-sm {
    width: 100%
  }
  
  .form-control-inline {
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: top
  }
  
  .member-profile-cancle+.member-profile-save {
    margin-left: 10px
  }
  
  @media (max-width: 480px) {
  
    .form-control.form-control-sm.form-control-inline,
    .form-control-inline {
      display: block;
      width: 100%;
      margin-bottom: 20px;
      vertical-align: top
    }
  }
  
  .description-container {
    width: 100%;
    max-width: 100%
  }
  
  .description-container * {
    max-width: 100%
  }
  
  .description-container ul li,
  .description-container ol li {
    list-style-position: inside
  }
  
  .description-container p {
    margin-bottom: 0;
    line-height: 22px
  }
  
  .description-container blockquote {
    font-size: unset
  }
  
  .catmenu ul.inner-list>li {
    padding-left: 0px;
    padding-bottom: 8px
  }
  
  ul.inner-list>li {
    padding-left: 35px
  }
  
  .btn.btn-clear:active,
  .btn.btn-clear:hover,
  .btn.btn-clear {
    border: 0 !important;
    background: transparent !important
  }
  
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus {
    outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px
  }
  
  .btn:active,
  .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 0px 0px transparent;
    box-shadow: inset 0 0px 0px transparent
  }
  
  .btn-category-collapse {
    padding: 0px 0 0 12px
  }
  
  .container-xs-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px
  }
  
  .row-xs-height {
    display: table-row
  }
  
  .col-xs-height {
    display: table-cell;
    float: none
  }
  
  @media (min-width: 768px) {
    .container-sm-height {
      display: table;
      padding-left: 0px;
      padding-right: 0px
    }
  
    .row-sm-height {
      display: table-row
    }
  
    .col-sm-height {
      display: table-cell;
      float: none
    }
  }
  
  @media (min-width: 992px) {
    .container-md-height {
      display: table;
      padding-left: 0px;
      padding-right: 0px
    }
  
    .row-md-height {
      display: table-row
    }
  
    .col-md-height {
      display: table-cell;
      float: none;
    }
  }
  
  @media (min-width: 1200px) {
    .container-lg-height {
      display: table;
      padding-left: 0px;
      padding-right: 0px
    }
  
    .row-lg-height {
      display: table-row
    }
  
    .col-lg-height {
      display: table-cell;
      float: none
    }
  
    .quantity {
      margin-bottom: 5px
    }
  }
  
  .newlines {
    white-space: pre-wrap
  }
  
  ._4s7c {
    border: none
  }
  
  #fb-storefront-iframe {
    width: auto;
    text-align: center;
    overflow: hidden;
    border: 0;
    display: block;
    margin: 0 auto
  }
  
  .fb-storefront-wrapper {
    overflow: hidden;
    border: none
  }
  
  .edit-group {
    background-color: #f6f6f6
  }
  
  .edit-group .control-label .fa-question-circle {
    margin-left: 4px
  }
  
  .edit-group .form-group {
    margin-bottom: 0
  }
  
  .edit-group .controls {
    display: inline-block;
    width: 69%;
    padding: 10px;
    vertical-align: middle;
    margin-bottom: 2px
  }
  
  .edit-group .edit-address-group .controls {
    width: 100%
  }
  
  .edit-group label {
    font-size: 14px;
    color: #666;
    width: 30%;
    padding: 10px;
    vertical-align: top;
    margin: 0
  }
  
  .edit-group .edit-address-group label {
    width: auto;
    padding: 0;
    font-size: 12px;
    display: block
  }
  
  .edit-group .edit-text {
    font-size: 14px;
    word-wrap: break-word
  }
  
  .edit-group .form-control {
    height: 44px;
    box-shadow: none;
    border: solid 2px transparent;
    background-color: #fff;
    border-radius: 0
  }
  
  .edit-group .edit-input-group {
    width: 69%;
    float: right
  }
  
  .edit-group .edit-input-group:not(:last-child) {
    margin-bottom: 10px
  }
  
  .edit-group .edit-address-group {
    margin-top: 10px
  }
  
  .edit-group a.collapsed .edit-collapse-icon:before {
    content: '\f105';
    padding-right: 5px
  }
  
  .edit-group .edit-collapse-icon:before {
    font-family: FontAwesome;
    content: '\f107';
    padding-right: 5px
  }
  
  .edit-group .edit-delete,
  .edit-group .edit-add {
    padding-left: 5px
  }
  
  .edit-group .edit-delete {
    color: darkred
  }
  
  .edit-group .edit-add {
    color: green
  }
  
  .edit-group .input-deletable,
  .edit-group .input-addable {
    width: 90%
  }
  
  .edit-group .help-block {
    text-align: right;
    font-size: 14px;
    margin-right: 20px;
    margin-top: -20px
  }
  
  #userForm img {
    max-width: 100%
  }
  
  .tab-content .edit-group .help-block {
    margin: 0
  }
  
  .custom-field-note {
    margin-bottom: 15px
  }
  
  .checkout-plus-minus {
    cursor: pointer;
    background-color: #aaa;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    color: white
  }
  
  .checkout-plus-minus:hover {
    background-color: #ddd
  }
  
  #fixed-menu-container .menu-button li span:hover {
    opacity: 0.7
  }
  
  #fixed-menu-container .menu-button.dropdown-menu {
    text-align: left;
    padding: 15px 16px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    position: absolute
  }
  
  @media screen and (max-width: 767px) {
    #fixed-menu-container .menu-button.dropdown-menu {
      height: auto;
      text-align: center;
      padding-left: 8px;
      padding-right: 8px
    }
  }
  
  .addthis_32x32_style .line-image {
    background: url("https://s3-ap-southeast-1.amazonaws.com/static.shoplineapp.com/web/assets/line_40x40.png") no-repeat left
  }
  
  .lock-inventory-info {
    text-transform: none !important;
    color: #d59201
  }
  
  .lock-inventory-description {
    text-transform: none !important;
    border-bottom: 1px dashed #f7b425
  }
  
  .lock-inventory-locked-quantity {
    font-weight: bold
  }
  
  .lock-inventory-info .tooltip {
    text-transform: none;
    width: 300px;
    padding-right: 20px;
    padding-left: 20px
  }
  
  .checkout-label {
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0;
    display: inline-block;
    padding: 6px 9px;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    max-width: 100%;
    line-height: 1.4
  }
  
  .checkout-label.error {
    padding: 0;
    display: block
  }
  
  .shop-setting-wrapper .shop-setting {
    font-size: 14px;
    padding: 10px 0px;
    margin: 0px 15px;
    border: none;
    border-bottom: 1px solid #ccc
  }
  
  @media screen and (max-width: 368px) {
    .shop-setting-wrapper .shop-setting {
      max-width: 256px;
      width: 100%;
      margin: 0px
    }
  }
  
  @media screen and (max-width: 768px) {
    .shop-setting-wrapper .shop-setting {
      margin-right: 47px;
      margin-top: 5px
    }
  
    .shop-setting-wrapper {
      margin: 10px auto
    }
  }
  
  @media screen and (min-width: 368px) and (max-width: 767px) {
    .shop-setting-group {
      display: block;
      float: none;
      text-align: center
    }
  
    .shop-setting-wrapper {
      width: 340px
    }
  
    .shop-setting-wrapper .shop-setting {
      width: 280px
    }
  }
  
  @media screen and (min-width: 768px) {
    .shop-setting-group {
      display: flex;
      align-items: center;
      float: right
    }
  
    .shop-setting-group category-filter-button {
      float: left
    }
  
    .shop-setting-wrapper {
      float: left
    }
  }
  
  .hide-input-number-spinner::-webkit-outer-spin-button,
  .hide-input-number-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0
  }
  
  .hide-input-number-spinner {
    -moz-appearance: textfield
  }
  
  .comment-media-preview {
    display: inline-block;
    padding: 10px;
    background-color: white;
    margin: 15px 0;
    border: solid 1px #ddd
  }
  
  .comment-media-preview span {
    display: block
  }
  
  .reset-bottom-to-zero {
    margin-bottom: 0px;
    line-height: 20px
  }
  
  .page-item-products-container .product-item.ng-leave {
    display: none
  }
  
  .page-item-products-container .pagination {
    border-radius: 4px;
    overflow: hidden
  }
  
  .page-item-products-container .pagination li.disabled {
    display: none
  }
  
  .fixed-checkout-summary .checkout-summary-container {
    position: fixed;
    top: 0
  }
  
  @media screen and (min-width: 992px) {
    #checkout-summary-wrapper {
      float: none;
      position: absolute;
      right: 20px;
      width: 400px;
      height: 100%;
      padding: 0;
      z-index: 1
    }
  
    #checkout-summary-container>:last-child {
      margin-bottom: 15px
    }
  
    #checkout-summary-wrapper.ui-scrollfix #checkout-summary-container {
      position: fixed;
      width: inherit;
      top: 50px
    }
  
    #checkout-summary-wrapper.ui-scrollfix-sticky-bottom #checkout-summary-container {
      position: absolute;
      width: inherit;
      bottom: 0px
    }
  }
  
  .checkout-controller .cart-product,
  .checkout-controller .cart-promotion {
    border-top: 1px solid #e0e0e0
  }
  
  .checkout-controller .cart-product {
    padding-bottom: 15px;
    padding-top: 15px
  }
  
  .checkout-controller .cart-promotion {
    padding: 10px 15px 10px 10px
  }
  
  .checkout-controller .cart-promotion .promotion-title {
    padding: 7px;
    margin-bottom: 10px
  }
  
  .checkout-controller .cart-promotion .promotion-item {
    padding-bottom: 15px
  }
  
  .checkout-controller .cart-promotion .promotion-item .promotion-label {
    width: 120px;
    line-height: 20px;
    display: inline-block;
    border-radius: 0;
    font-weight: 300;
    font-size: 13px
  }
  
  .checkout-controller .checkout-prod-info.prod-meta {
    min-height: 70px
  }
  
  @media screen and (max-width: 768px) {
    .checkout-controller button.apply-coupon {
      margin-top: 5px
    }
  
    .cart-products>:first-child {
      border-top: 0px
    }
  
    .checkout-controller #checkout-summary-container {
      border-top: 1px solid #e0e0e0;
      padding-top: 15px
    }
  }
  
  @media screen and (min-width: 992px) {
    .text-center-md {
      text-align: center
    }
  }
  
  .checkout-controller button.apply-coupon {
    width: 100%
  }
  
  .checkout-controller .checkout-container h3 {
    margin-top: 30px
  }
  
  .page-item-google-map-iframe iframe {
    width: 100%;
    min-height: 400px
  }
  
  .ck-video-widget,
  .responsive-video {
    position: relative
  }
  
  .responsive-container {
    display: block;
    width: 100%;
    height: auto;
    padding: 28%
  }
  
  .responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
  
  .boxify-image-wrapper {
    position: relative;
    width: 100%;
  }
  
  .boxify-image-wrapper .btn-add-to-cart {
    display: none
  }
  
  .boxify-image-wrapper .btn-add-to-cart {
    position: absolute;
    left: 0;
    bottom: 0;
    width: inherit;
    height: 40px;
    background-color: black;
    color: white;
    padding-top: 10px;
    opacity: 0.65;
    z-index: 1;
    display: none
  }
  
  .boxify-image-wrapper .out-of-stock,
  .Product-image .out-of-stock,
  .quick-cart-item.coming-soon .boxify-image,
  .Product-item.coming-soon .Image-boxify-image,
  .quick-cart-item.available-time-over .boxify-image,
  .Product-item.available-time-over .Image-boxify-image,
  .boxify-image.not-in-available-time,
  .quick-cart-item.not-in-available-time .boxify-image,
  .Product-image.not-in-available-time .Image-boxify-image {
    filter: opacity(0.5)
  }
  
  .Image-boxify .second-image,
  .boxify-image-wrapper .second-image {
    visibility: hidden;
    position: absolute;
    top: 0
  }
  
  .sold-out-item-content,
  .available-time-content {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.6);
    float: right;
    border-radius: 4px
  }
  
  .member-price-tag,
  .product-customized-labels {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #c0392b;
    padding: 2px 4px;
    font-size: 12px;
    color: white;
    border-radius: 3px;
    line-height: 1.5
  }
  
  .member-price-tag-content,
  .product-customized-labels-content {
    vertical-align: middle
  }
  
  .member-only-tag {
    text-transform: capitalize
  }
  
  .member-price-tip {
    margin: 5px 0px 5px 0px
  }
  
  .member-price-tip-content {
    text-transform: capitalize !important;
    font-size: 14px !important
  }
  
  .member-price-tip-content:hover {
    text-decoration: underline
  }
  
  .sold-out-item-content .sold-out-item,
  .available-time-content .available-time-item {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 2px;
    text-align: center
  }
  
  @media screen and (max-width: 340px) {
  
    .sold-out-item-content .sold-out-item,
    .available-time-content .available-time-item {
      font-size: 12px
    }
  }
  
  .boxify-image {
    padding: 50%;
    /*min-height:initial;*/
    /* width: 100%; */
  }
  
  @media screen and (min-width: 768px) {
  
    .product-item:hover .btn-add-to-cart,
    .boxify-image-wrapper:hover .btn-add-to-cart {
      text-align: center;
      display: block
    }
  }
  
  .btn-add-to-cart.mobile-cart {
    float: right;
    border-style: solid;
    border-width: 1px;
    width: 32px;
    height: 32px;
    color: #999999;
    text-align: center;
    margin-right: 8px
  }
  
  .btn-add-to-cart.mobile-cart>i {
    font-size: 18px;
    padding-top: 5px
  }
  
  .quick-cart-cancel-holder {
    position: absolute;
    top: 0;
    right: 0
  }
  
  .quick-cart-cancel-holder .quick-cart-cancel {
    color: white;
    background: #dddddd;
    border-color: #dddddd;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0
  }
  
  .quick-cart-mobile-header {
    margin-top: 20px
  }
  
  .quick-cart-mobile-header .product-title {
    position: relative
  }
  
  .quick-cart-mobile-header .product-link {
    position: relative;
    text-decoration: underline
  }
  
  .quick-cart-body .product-link {
    float: right;
    text-decoration: underline
  }
  
  .quick-cart-body .product-link>a,
  .quick-cart-mobile-header .product-link>a {
    color: black
  }
  
  .quick-cart-mobile-header .product-info,
  .quick-cart-body .product-info {
    padding-left: 5px
  }
  
  .quick-cart-mobile-header .product-images,
  .quick-cart-body .product-images {
    padding-right: 10px
  }
  
  .quick-cart-body {
    margin-top: 20px;
    margin-bottom: 20px
  }
  
  @media screen and (min-width: 768px) {
    .quick-cart-body {
      overflow: auto;
      max-height: calc(100vh - 180px)
    }
  }
  
  .quick-cart-body .product-info .reset-bottom-to-zero {
    padding-top: 0
  }
  
  .quick-cart-body .btn.btn-color-primary.form-control-inline {
    margin-bottom: 10px
  }
  
  .quick-cart-mobile .quick-cart-price {
    float: left;
    min-height: 51px
  }
  
  .quick-cart-mobile .info-box {
    min-height: 120px
  }
  
  .quick-cart-mobile .info-box {
    min-height: 120px
  }
  
  .quick-cart-mobile .info-box .title {
    min-height: 45px
  }
  
  .quick-cart-body .input-group {
    width: 100%
  }
  
  @media screen and (min-width: 768px) {
    .modal-dialog {
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%) !important
    }
  
    .QuickCart-modal .modal-dialog {
      position: relative;
      top: initial;
      left: initial;
      transform: initial !important
    }
  
    .hk-sfplus-areas .left-column {
      padding-right: 5px
    }
  
    .hk-sfplus-areas .mid-column {
      padding-left: 5px;
      padding-right: 5px
    }
  
    .hk-sfplus-areas .right-column {
      padding-left: 5px
    }
  }
  
  [ng\:cloak],
  [ng-cloak],
  [data-ng-cloak],
  [x-ng-cloak],
  .ng-cloak,
  .x-ng-cloak {
    display: none !important
  }
  
  .visible-xs-plus {
    display: none !important
  }
  
  @media (max-width: 768px) {
    .hidden-xs-plus {
      display: none !important
    }
  
    .visible-xs-plus {
      display: block !important
    }
  }
  
  .text-word-wrap {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none
  }
  
  @media screen and (max-width: 767px) {
    .free-gift-quantity {
      text-align: left
    }
  
    #btn-add-to-cart {
      width: 100%
    }
  }
  
  @media not device and (max-width: 767px) {
    .m-search-button .fa-search:before {
      padding-left: 1px
    }
  }
  
  .blacklisted-msg {
    max-width: 768px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto
  }
  
  .previewing-closed-store-banner {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    top: 0;
    width: 100%;
    height: 40px;
    background-color: #333;
    text-align: center;
    z-index: 9000
  }
  
  .previewing-closed-store-banner p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    color: #fff;
    margin: 0;
    line-height: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px
  }
  
  .previewing-closed-store-banner .btn-link {
    color: #fff
  }
  
  .previewing-closed-store-banner .notify-close-btn {
    position: absolute;
    top: 50%;
    right: 5px;
    padding: 0;
    margin-top: -10px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 16px
  }
  
  @media screen and (max-width: 767px) {
    .previewing-closed-store-banner {
      height: 45px
    }
  
    .previewing-closed-store-banner p {
      padding: 0 25px;
      line-height: 140%
    }
  }
  
  @media screen and (max-width: 320px) {
    .previewing-closed-store-banner {
      height: 68px
    }
  
    .previewing-closed-store-banner .message-close-btn {
      top: 35%
    }
  }
  
  .video-width-100 {
    width: 100%
  }
  
  .video-width-75 {
    width: 75%
  }
  
  .video-width-66 {
    width: 66%
  }
  
  .video-width-50 {
    width: 50%
  }
  
  .video-width-33 {
    width: 33%
  }
  
  .video-width-25 {
    width: 25%
  }
  
  .ladda-button.disabled span.ladda-label {
    display: inline-block
  }
  
  .error-message {
    color: #d9534f
  }
  
  .intl-tel-input.iti-container {
    z-index: 1100;
    height: 400px;
    top: 100px !important
  }
  
  .in-authentication-page .large-message {
    margin-bottom: 0px
  }
  
  .in-authentication-page .body-content {
    margin-bottom: 0px
  }
  
  #cart-panel .remove .icon-delete {
    display: none
  }
  
  .cart-item-image {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    float: left;
    object-fit: cover
  }
  
  body.home.index .ProductList-breadcrumb,
  body.home.index .Product-breadcrumb {
    display: none
  }
  
  .owl-carousel-first-initializing {
    padding-bottom: 0
  }
  
  .carousel-display .image-container img {
    max-width: 100%;
    opacity: 1
  }
  
  .bundle-group-label {
    display: inline-flex;
    position: relative;
    margin-right: 9px;
    padding: 2px 6px 2px 4px;
    border-radius: 2px 4px 4px 2px;
    line-height: 14px;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: initial !important
  }
  
  .bundle-group-label.bundle-group-red {
    color: #fbebee;
    background-color: #f05c53
  }
  
  .bundle-group-label.bundle-group-green {
    color: #e8f5ef;
    background-color: #1ba462
  }
  
  .bundle-group-label::before {
    position: absolute;
    content: '';
    top: 0px;
    right: -5px;
    transform: rotate(135deg);
    border-width: 9px;
    border-style: solid;
    border-top-left-radius: 4px;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%
  }
  
  .bundle-group-red::before {
    border-color: #f05c53 transparent transparent #f05c53
  }
  
  .bundle-group-green::before {
    border-color: #1ba462 transparent transparent #1ba462
  }
  
  .bundle-group-label::after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    opacity: 50%;
    border-radius: 50%;
    top: 50%;
    right: -2px;
    transform: translateY(-50%)
  }
  
  .bundle-group-red::after {
    background-color: #fbebee
  }
  
  .bundle-group-green::after {
    background-color: #e8f5ef
  }
  
  .dynamic-delivery-hint {
    padding: 14px;
    background-color: #d9edf7;
    color: #31708f;
    border: 1px solid #bce8f1;
    border-radius: 5px;
    font-weight: 400
  }
  
  .QuickCart-modal .has-buy-now-button .btn-buy-now {
    margin-left: 8px
  }
  
  .zeek-pickup-form {
    margin-bottom: 15px
  }
  
  .FormBuilder-container {
    padding-bottom: 32px
  }
  
  body.forms.show .FormBuilder-container {
    padding-bottom: 32px
  }
  
  body.forms.show form {
    margin: 0 auto;
    background: #fff
  }
  
  @media (min-width: 768px) {
    body.forms.show form {
      max-width: 750px
    }
  }
  
  @media (min-width: 992px) {
    body.forms.show form {
      max-width: 970px
    }
  }
  
  @media (min-width: 1200px) {
    body.forms.show form {
      max-width: 1170px
    }
  }
  
  .FormBuilder-container {
    padding-top: 20px;
    max-width: 600px
  }
  
  .FormBuilder-container .loading {
    display: none
  }
  
  .FormBuilder-container .alert-danger {
    margin-top: 20px
  }
  
  .FormBuilder-container .fa-check-circle-o {
    font-size: 80px;
    color: #5cb75c
  }
  
  .FormBuilder-submit-success {
    display: none
  }
  
  .FormBuilder-submit-success.active {
    display: block
  }
  
  .FormBuilder-form .is-required .control-label:after {
    content: '*';
    margin-left: 4px;
    color: #ff4f54
  }
  
  .FormBuilder-form .form-datepicker-section {
    display: inline-flex;
    width: 100%
  }
  
  .FormBuilder-form .flex-wrapper {
    display: flex;
    flex-wrap: wrap
  }
  
  .FormBuilder-form .flex-wrapper .checkbox,
  .FormBuilder-form .flex-wrapper .radio {
    float: none;
    margin: 5px 0
  }
  
  .FormBuilder-form .selector-wrapper {
    position: relative
  }
  
  .FormBuilder-form .selector-wrapper select {
    appearance: none;
    background-image: none
  }
  
  .FormBuilder-form .selector-wrapper::after {
    font-size: 14px;
    content: '\f078';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    z-index: 4;
    color: #000;
    pointer-events: none
  }
  
  .FormBuilder-form.ng-cloak {
    display: none
  }
  
  .FormBuilder-form.ng-cloak+.loading {
    display: block
  }
  
  .FormBuilder-form .number-input {
    font-size: 14px;
    color: #555;
    width: 100%;
    border: none;
    padding-left: 14px;
    -moz-appearance: textfield
  }
  
  .FormBuilder-form .number-input:focus {
    outline: none
  }
  
  .FormBuilder-form .number-input-wrapper {
    width: 100%;
    border: 1px solid #d0d0d0;
    display: flex
  }
  
  .FormBuilder-form .number-input-button {
    height: 100%;
    margin: auto;
    padding: 0px 15px;
    border: none;
    background-color: transparent;
    color: #333333
  }
  
  .FormBuilder-form .number-input-button:focus {
    outline: none
  }
  
  .FormBuilder-form .number-input-button:disabled {
    color: #CCCCCC
  }
  
  .FormBuilder-form .number-input-button>i {
    width: 14px;
    height: 14px
  }
  
  .FormBuilder-form .address-input {
    margin-bottom: 15px
  }
  
  .FormBuilder-form .address-input-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  
  @media screen and (max-width: 767px) {
    .FormBuilder-form .address-input-wrapper>input {
      width: 100%
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .FormBuilder-form .address-input-wrapper>input:not(:first-child) {
      flex: 1 1 0%
    }
  
    .FormBuilder-form .address-input-wrapper>input:last-child {
      margin-left: 15px
    }
  
    .FormBuilder-form .address-input-wrapper>input:nth-child(2) {
      margin-left: 0px
    }
  }
  
  @media screen and (min-width: 992px) {
    .FormBuilder-form .address-input-wrapper {
      flex-wrap: nowrap
    }
  
    .FormBuilder-form .address-input-wrapper>input:not(:first-child) {
      margin-left: 15px
    }
  
    .FormBuilder-form .address-input-wrapper>input:first-child {
      margin-left: 0px
    }
  }
  
  .FormBuilder-form .image-upload button {
    float: left;
    background-color: #f8f8f8;
    text-align: center;
    padding: 40px;
    border: none;
    outline: none;
    width: 96px;
    height: 96px;
    margin-right: 16px
  }
  
  .FormBuilder-form .image-upload button i {
    color: #888888
  }
  
  .FormBuilder-form .image-upload button:hover:not(:disabled) {
    background-color: rgba(1, 169, 144, 0.1)
  }
  
  .FormBuilder-form .image-upload button:hover:not(:disabled) i {
    color: #01a990
  }
  
  .FormBuilder-form .image-upload button:disabled i {
    color: #dddddd
  }
  
  .FormBuilder-form .image-upload .address-input {
    margin-bottom: 15px
  }
  
  .FormBuilder-form .image-upload .address-input-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  
  @media screen and (max-width: 767px) {
    .FormBuilder-form .image-upload .address-input-wrapper>input {
      width: 100%
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .FormBuilder-form .image-upload .address-input-wrapper>input:not(:first-child) {
      flex: 1 1 0%
    }
  
    .FormBuilder-form .image-upload .address-input-wrapper>input:last-child {
      margin-left: 15px
    }
  
    .FormBuilder-form .image-upload .address-input-wrapper>input:nth-child(2) {
      margin-left: 0px
    }
  }
  
  @media screen and (min-width: 992px) {
    .FormBuilder-form .image-upload .address-input-wrapper {
      flex-wrap: nowrap
    }
  
    .FormBuilder-form .image-upload .address-input-wrapper>input:not(:first-child) {
      margin-left: 15px
    }
  
    .FormBuilder-form .image-upload .address-input-wrapper>input:first-child {
      margin-left: 0px
    }
  }
  
  .FormBuilder-form .image-upload .upload-attachment-description {
    color: #5B5B5B;
    font-size: 12px;
    line-height: 16.34px;
    font-weight: 400;
    white-space: pre-wrap;
    margin: -1px 0 5px
  }
  
  .FormBuilder-form .image-upload .upload-attachment-filename {
    color: #008EDD;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    margin-top: 8px
  }
  
  .FormBuilder-form .image-upload .upload-attachment-description {
    color: #5B5B5B;
    font-size: 12px;
    line-height: 16.34px;
    font-weight: 400;
    white-space: pre-wrap;
    margin: -1px 0 5px
  }
  
  .FormBuilder-form .image-upload .upload-attachment-filename {
    color: #008EDD;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    margin-top: 8px
  }
  
  .FormBuilder-form .image-upload .media-container {
    position: relative;
    float: left;
    margin-right: 16px;
    width: 96px;
    height: 96px;
    background: #F8F8F8
  }
  
  .FormBuilder-form .image-upload .media-container .attachment-preview-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
  
  .FormBuilder-form .image-upload .media-container .attachment-preview-box i {
    font-size: 24px;
    color: #666666
  }
  
  .FormBuilder-form .image-upload .media-container .image-upload-box {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%
  }
  
  .FormBuilder-form .image-upload .media-container .delete-button {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    border-radius: 50%;
    background-color: #000;
    cursor: pointer
  }
  
  .FormBuilder-form .image-upload .media-container .delete-button i {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #fff
  }
  
  .FormBuilder-form .image-upload:after {
    content: ' ';
    display: block;
    clear: both
  }
  
  .FormBuilder-form .static-text {
    margin-bottom: 20px
  }
  
  .FormBuilder-form .divider {
    border-top: 2px solid #ddd;
    margin: 15px -15px
  }
  
  .FormBuilder-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
  }
  
  .FormBuilder-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 4px
  }
  
  .FormBuilder-success-title {
    color: #3a3a3a;
    font-size: 40px
  }
  
  .FormBuilder-success-msg {
    color: #79797a
  }
  
  .FormBuilder-label.m-light {
    font-weight: 400
  }
  
  .FormBuilder-custom-thank-you-msg {
    white-space: pre-wrap;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.36;
    text-align: center;
    color: #000
  }
  
  .sl-form-response #form-response-content {
    overflow: scroll;
    max-height: 880px
  }
  
  .sl-form-response .form-response-row {
    display: flex;
    background-color: #fbfbfb;
    flex-direction: column;
    border-bottom: solid 0.5px rgba(0, 0, 0, 0.25);
    padding: 20px
  }
  
  .sl-form-response .form-response-row .form-response-item-row {
    display: flex;
    padding: 3px 0
  }
  
  .sl-form-response .form-response-row .form-response-item-row .form-question-column,
  .sl-form-response .form-response-row .form-response-item-row .form-response-column {
    display: inline-flex;
    color: #888888
  }
  
  .sl-form-response .form-response-row .form-response-item-row .form-question-column {
    width: 30%;
    font-size: 14px;
    font-weight: bold
  }
  
  .sl-form-response .form-response-row .form-response-item-row .form-response-image {
    width: 48px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
  }
  
  .Product-promotions {
    margin-top: -10px
  }
  
  .Product-promotions-tag {
    border-left: 3px solid #999899;
    padding: 0 8px;
    margin: 0;
    font-size: 14px;
    text-align: left
  }
  
  .Product-promotions-tag span {
    color: #999
  }
  
  .Product-promotions-tag a {
    color: #333
  }
  
  .Product-promotions-tag a:hover {
    text-decoration: underline
  }
  
  .Product-promotions-tag:nth-child(n+3) {
    display: none
  }
  
  .Util-cssToggle:checked~.Product-promotions .Product-promotions-tag:nth-child(n+3) {
    display: block
  }
  
  variation-selector {
    display: block;
    margin-bottom: 20px
  }
  
  variation-selector.quick-cart {
    width: 280px;
    margin-left: -4px
  }
  
  @media screen and (max-width: 767px) {
    variation-selector.quick-cart {
      width: 100%
    }
  }
  
  variation-selector .Variation-container {
    max-height: 110px;
    overflow: hidden;
    transition: max-height 0.25s cubic-bezier(0, 1, 0, 1)
  }
  
  variation-selector .Variation-container.show {
    max-height: 700px;
    transition: max-height 0.25s ease-in-out
  }
  
  variation-selector .Variation-wrap {
    width: 38px;
    height: 38px;
    display: inline-block;
    margin-right: 2px
  }
  
  variation-selector .Variation-thumb {
    width: 30px;
    height: 30px;
    margin: 4px;
    background-size: cover;
    border: 1px solid #eee
  }
  
  variation-selector .Variation-border {
    width: 38px;
    height: 38px;
    position: absolute
  }
  
  @media not all and (pointer: coarse) {
    variation-selector .Variation-border:hover {
      border: solid 1px #979797
    }
  }
  
  variation-selector .Variation-border.selected {
    border: solid 1px #979797
  }
  
  variation-selector .Variation-showMore-content {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px
  }
  
  variation-selector .Variation-showMore-content .Variation-show-more {
    color: #666666;
    cursor: pointer;
    display: inline;
    font-size: 14px
  }
  
  .Wishlist {
    color: #797979
  }
  
  .Wishlist p {
    font-size: 12px;
    line-height: 17px;
    margin: 0
  }
  
  .Wishlist .Button-wishlistRemove {
    color: #797979
  }
  
  .Wishlist-title {
    border-bottom: 1px solid;
    border-color: #f1f1f1;
    padding-bottom: 7px;
    color: #4a4a4a;
    font-weight: 600
  }
  
  .Wishlist-block-row {
    padding: 15px 0
  }
  
  .Wishlist-block-row:hover {
    background-color: #f6f6f6
  }
  
  .Wishlist-productTitle {
    display: block;
    color: #4a4a4a;
    padding-bottom: 10px
  }
  
  .Wishlist-price {
    padding: 7px 0
  }
  
  .Wishlist-price.m-discount .Product-price {
    text-decoration: line-through
  }
  
  .Wishlist-price.m-discount .Product-price.m-sale {
    color: #9e3d48;
    text-decoration: none
  }
  
  .Wishlist-productStatus p {
    font-size: 14px
  }
  
  .Button-wishlistRemove .fa-trash-o {
    display: block
  }
  
  .Button-wishlistRemove .fa-times {
    display: none
  }
  
  .Button-addToCart {
    display: none;
    color: inherit
  }
  
  .Button-addToCart img {
    width: 50%
  }
  
  .Button-addToCart:hover {
    color: inherit
  }
  
  .Wishlist-placeholder .fa {
    font-size: 24px
  }
  
  .Wishlist-placeholder h3 {
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 43px
  }
  
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .Button-addToCart {
      display: inline-block
    }
  
    .Button-addToCart+.btn {
      display: none !important
    }
  }
  
  @media screen and (min-width: 1025px) {
    .Button-addToCart {
      display: none
    }
  }
  
  @media screen and (min-width: 768px) {
    .Wishlist-block-row {
      display: -webkit-flex;
      display: flex;
      align-items: center
    }
  
    .Wishlist-block-row+.Wishlist-block-row {
      border-top: 2px solid;
      border-color: #f1f1f1
    }
  
    .Wishlist-block-row>div {
      float: none;
      display: flex;
      flex-direction: column
    }
  
    .Wishlist-block-row .Wishlist-productStatus .btn-custom span:not(.ladda-label) {
      white-space: pre-line
    }
  }
  
  @media screen and (max-width: 767px) {
    .Wishlist-title {
      display: none
    }
  
    .Wishlist-block-row.row {
      position: relative;
      border: 1px solid;
      border-color: #f1f1f1;
      width: 80%;
      margin: auto;
      padding-bottom: 0
    }
  
    .Wishlist-block-row.row+.Wishlist-block-row {
      margin-top: 20px
    }
  
    .Wishlist-block-row.row img {
      display: inline-block;
      max-width: 80%;
      margin-bottom: 25px
    }
  
    .Wishlist-price {
      text-align: left
    }
  
    .Wishlist-productStatus {
      margin: 10px -15px 0
    }
  
    .Wishlist-productStatus p {
      padding: 15px 0;
      background-color: #efefef;
      line-height: 100%
    }
  
    .Wishlist-productStatus button {
      width: 100%;
      border-radius: 0;
      padding: 15px 0;
      line-height: 100%;
      border: none
    }
  
    .Button-wishlistRemove {
      position: absolute;
      padding: 0;
      top: 15px;
      right: 3%
    }
  
    .Button-wishlistRemove .fa-trash-o {
      display: none
    }
  
    .Button-wishlistRemove .fa-times {
      display: block
    }
  }
  
  .page-cart .btn-color-primary,
  .page-cart .btn-color-primary:not(.btn-clear),
  .page-cart .btn-color-primary:not(.btn-clear):not(.btn-checkout),
  .page-checkout .btn-color-primary,
  .page-checkout .btn-color-primary:not(.btn-clear),
  .page-checkout .btn-color-primary:not(.btn-clear):not(.btn-checkout),
  .page-order-show .btn-color-primary,
  .page-order-show .btn-color-primary:not(.btn-clear),
  .page-order-show .btn-color-primary:not(.btn-clear):not(.btn-checkout),
  .page-return-order-show .btn-color-primary,
  .page-return-order-show .btn-color-primary:not(.btn-clear),
  .page-return-order-show .btn-color-primary:not(.btn-clear):not(.btn-checkout) {
    background-color: #9DAAB0 !important;
    border: 1px solid #9DAAB0 !important;
    color: white !important
  }
  
  .page-cart .btn-default:hover,
  .page-cart .btn-default:focus,
  .page-cart .btn-default.focus,
  .page-cart .btn-default:active,
  .page-cart .btn-default.active,
  .page-cart .open>.dropdown-toggle.btn-default,
  .page-checkout .btn-default:hover,
  .page-checkout .btn-default:focus,
  .page-checkout .btn-default.focus,
  .page-checkout .btn-default:active,
  .page-checkout .btn-default.active,
  .page-checkout .open>.dropdown-toggle.btn-default,
  .page-order-show .btn-default:hover,
  .page-order-show .btn-default:focus,
  .page-order-show .btn-default.focus,
  .page-order-show .btn-default:active,
  .page-order-show .btn-default.active,
  .page-order-show .open>.dropdown-toggle.btn-default,
  .page-return-order-show .btn-default:hover,
  .page-return-order-show .btn-default:focus,
  .page-return-order-show .btn-default.focus,
  .page-return-order-show .btn-default:active,
  .page-return-order-show .btn-default.active,
  .page-return-order-show .open>.dropdown-toggle.btn-default {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important
  }
  
  .page-cart .btn-default,
  .page-cart .btn-default:not(.btn-clear),
  .page-cart .btn-default:not(.btn-clear):not(.btn-checkout),
  .page-checkout .btn-default,
  .page-checkout .btn-default:not(.btn-clear),
  .page-checkout .btn-default:not(.btn-clear):not(.btn-checkout),
  .page-order-show .btn-default,
  .page-order-show .btn-default:not(.btn-clear),
  .page-order-show .btn-default:not(.btn-clear):not(.btn-checkout),
  .page-return-order-show .btn-default,
  .page-return-order-show .btn-default:not(.btn-clear),
  .page-return-order-show .btn-default:not(.btn-clear):not(.btn-checkout) {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
    border-width: 1px !important
  }
  
  .page-cart .btn-success:hover,
  .page-cart .btn-success:focus,
  .page-cart .btn-success.focus,
  .page-cart .btn-success:active,
  .page-cart .btn-success.active,
  .page-cart .open>.dropdown-toggle.btn-success,
  .page-checkout .btn-success:hover,
  .page-checkout .btn-success:focus,
  .page-checkout .btn-success.focus,
  .page-checkout .btn-success:active,
  .page-checkout .btn-success.active,
  .page-checkout .open>.dropdown-toggle.btn-success,
  .page-order-show .btn-success:hover,
  .page-order-show .btn-success:focus,
  .page-order-show .btn-success.focus,
  .page-order-show .btn-success:active,
  .page-order-show .btn-success.active,
  .page-order-show .open>.dropdown-toggle.btn-success,
  .page-return-order-show .btn-success:hover,
  .page-return-order-show .btn-success:focus,
  .page-return-order-show .btn-success.focus,
  .page-return-order-show .btn-success:active,
  .page-return-order-show .btn-success.active,
  .page-return-order-show .open>.dropdown-toggle.btn-success {
    color: #fff !important;
    background-color: #449d44 !important;
    border-color: #398439 !important
  }
  
  .page-cart .btn-success,
  .page-checkout .btn-success,
  .page-order-show .btn-success,
  .page-return-order-show .btn-success {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important
  }
  
  .page-cart .form-group:not(.has-error),
  .page-checkout .form-group:not(.has-error),
  .page-order-show .form-group:not(.has-error),
  .page-return-order-show .form-group:not(.has-error) {
    color: #555 !important;
    border-color: transparent !important;
    background-color: #fff !important
  }
  
  .page-cart .form-group:not(.has-error) .form-control,
  .page-checkout .form-group:not(.has-error) .form-control,
  .page-order-show .form-group:not(.has-error) .form-control,
  .page-return-order-show .form-group:not(.has-error) .form-control {
    background-color: #fff !important;
    border-color: #ccc !important;
    color: #555 !important
  }
  
  .page-cart .btn-link,
  .page-checkout .btn-link,
  .page-order-show .btn-link,
  .page-return-order-show .btn-link {
    color: #337ab7 !important;
    border-radius: 0 !important;
    border: 0 !important
  }
  
  .page-cart .btn-link,
  .page-cart .btn-link:active,
  .page-cart .btn-link.active,
  .page-cart .btn-link[disabled],
  .page-cart fieldset[disabled] .btn-link,
  .page-checkout .btn-link,
  .page-checkout .btn-link:active,
  .page-checkout .btn-link.active,
  .page-checkout .btn-link[disabled],
  .page-checkout fieldset[disabled] .btn-link,
  .page-order-show .btn-link,
  .page-order-show .btn-link:active,
  .page-order-show .btn-link.active,
  .page-order-show .btn-link[disabled],
  .page-order-show fieldset[disabled] .btn-link,
  .page-return-order-show .btn-link,
  .page-return-order-show .btn-link:active,
  .page-return-order-show .btn-link.active,
  .page-return-order-show .btn-link[disabled],
  .page-return-order-show fieldset[disabled] .btn-link {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
  }
  
  .page-cart .btn.btn-link:visited .btn.btn-link:not(.btn-clear):not(.btn-checkout),
  .page-checkout .btn.btn-link:visited .btn.btn-link:not(.btn-clear):not(.btn-checkout),
  .page-order-show .btn.btn-link:visited .btn.btn-link:not(.btn-clear):not(.btn-checkout),
  .page-return-order-show .btn.btn-link:visited .btn.btn-link:not(.btn-clear):not(.btn-checkout) {
    background-color: transparent;
    border: 0 !important;
    padding: 0 !important;
    color: #337ab7 !important
  }
  
  .page-cart .form-inline.form-inline-2,
  .page-checkout .form-inline.form-inline-2,
  .page-order-show .form-inline.form-inline-2,
  .page-return-order-show .form-inline.form-inline-2 {
    letter-spacing: initial
  }
  
  .page-cart .container,
  .page-checkout .container,
  .page-order-show .container,
  .page-return-order-show .container {
    max-width: 100%
  }
  
  .page-cart hr,
  .page-checkout hr,
  .page-order-show hr,
  .page-return-order-show hr {
    border-top: 1px solid #eee
  }
  
  body.checkout_v2.checkout .navbar {
    margin-top: 0
  }
  
  @media (max-width: 768px) {
    body.checkout_v2.checkout .navbar-wrapper {
      height: initial
    }
  }
  
  @media (max-width: 480px) {
    body.checkout_v2.checkout .container .container {
      padding-right: 15px;
      padding-left: 15px
    }
  }
  
  @media (min-width: 480px) and (max-width: 750px) {
    body.checkout_v2.checkout .container .container {
      padding-right: 15px;
      padding-left: 15px
    }
  }
  
  @media (min-width: 768px) {
    body.checkout_v2.checkout .container .container {
      width: 750px
    }
  }
  
  @media (min-width: 992px) {
    body.checkout_v2.checkout .container .container {
      width: 970px
    }
  }
  
  @media (min-width: 1200px) {
    body.checkout_v2.checkout .container .container {
      width: 1170px
    }
  }
  
  body.checkout_v2.checkout .body-content {
    margin-bottom: none
  }
  
  body.checkout_v2.checkout .yield-wrapper {
    margin: 0 !important;
    width: 100%
  }
  
  body.checkout_v2.checkout .navbar-wrapper {
    float: none;
    position: relative;
    padding: 0;
    text-align: center
  }
  
  @media screen and (min-width: 768px) {
  
    body.checkout_v2.checkout .navbar-header-wrapper,
    body.checkout_v2.checkout .navbar {
      max-width: 100%
    }
  }
  
  .new-checkout-ui .navbar .container {
    max-width: 100%
  }
  
  .alert-ask-for-login {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #EDEDED;
    background-color: white
  }
  
  .alert-ask-for-login p {
    line-height: 34px
  }
  
  .alert-ask-for-login .btn {
    min-width: 120px
  }
  
  @media screen and (max-width: 767px) {
    .alert-ask-for-login p {
      line-height: 22px
    }
  
    .alert-ask-for-login .btn {
      min-width: 80px
    }
  }
  
  .cart-items {
    overflow: hidden
  }
  
  .cart-items:before,
  .cart-items:after {
    content: " ";
    display: table
  }
  
  .cart-items:after {
    clear: both
  }
  
  .cart-items .product-image {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
  }
  
  .cart-items .variant-name {
    display: block;
    color: #777777;
    font-size: 13px
  }
  
  .cart-items .price,
  .cart-items .sale-price,
  .cart-items .original-price {
    display: block;
    text-align: center
  }
  
  .cart-items .original-price {
    font-size: 12px;
    text-decoration: line-through
  }
  
  .cart-items .btn-remove-cart-item {
    display: block;
    font-size: 17px;
    line-height: 15px;
    padding: 0;
    color: #7F7F7F !important
  }
  
  @media screen and (min-width: 768px) {
  
    .page-cart .table-row.addon>:first-child,
    .page-checkout .table-row.addon>:first-child,
    .page-order-show .table-row.addon>:first-child {
      padding-left: 25px
    }
  }
  
  #checkout-container .shopping-cart {
    padding: 0
  }
  
  #checkout-container .shopping-cart .section-header {
    margin: 0
  }
  
  .cart-share-btn {
    color: #363D4D;
    display: inline-block;
    width: 21px;
    text-align: center
  }
  
  .cart-share-btn.disable {
    color: #ccc;
    cursor: not-allowed
  }
  
  .cart-share-btn:hover,
  .cart-share-btn:active {
    border-radius: 4px;
    color: #3493FB;
    background-color: rgba(230, 239, 255, 0.4)
  }
  
  #checkout-info {
    display: none
  }
  
  #checkout-container .panel.shopping-cart-empty {
    width: 550px;
    min-height: 350px;
    max-width: 100%;
    border: 0;
    margin: 0 auto;
    text-align: center
  }
  
  #checkout-container .panel.shopping-cart-empty .fa-shopping-cart {
    font-size: 120px;
    color: #CCCCCC;
    display: block;
    text-align: center;
    padding: 10px 0
  }
  
  #checkout-container .panel.shopping-cart-empty h5 {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    margin: 5px 0px
  }
  
  #checkout-container .panel.shopping-cart-empty .btn {
    width: 70%;
    margin-top: 30px
  }
  
  .cart-item .product-image:not([href]) {
    cursor: default
  }
  
  .cart-item .item-information .description {
    margin-left: 70px;
    word-wrap: break-word;
    margin-bottom: 5px
  }
  
  .cart-item .item-information .pre-order-note {
    color: white;
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    padding: 3px 6px;
    font-weight: 400;
    font-size: 12px;
    border-radius: 5px;
    text-align: justify;
    background-color: #828282
  }
  
  .cart-item .item-promotion .badge {
    width: 100%;
    max-width: 150px;
    display: block;
    border-radius: 0;
    padding: 5px 0;
    font-weight: 400;
    font-size: 11px;
    background-color: #E8F8E8;
    color: #000
  }
  
  .cart-item .item-promotion .badge .badge-text {
    white-space: normal
  }
  
  .cart-item .item-quantity .return-quantity {
    margin-top: 10px
  }
  
  .cart-item .disable {
    opacity: 0.4
  }
  
  .cart-promotions {
    display: table;
    width: 100%;
    padding: 5px 15px;
    margin-bottom: 10px
  }
  
  .cart-promotions .cart-promotions-content {
    display: table;
    width: 100%
  }
  
  .cart-promotions:not(:last-child) {
    border-bottom: 1px solid #ededed
  }
  
  .cart-promotions.untriggered-promotions {
    display: block
  }
  
  .cart-promotions.untriggered-promotions .cart-promotions-content {
    display: block
  }
  
  .cart-promotions.untriggered-promotions .cart-promotions-content .promotion-title {
    display: flex;
    justify-content: space-between
  }
  
  .cart-promotions.untriggered-promotions .cart-promotions-content .promotion-title span {
    padding-right: 10px
  }
  
  .cart-promotions.untriggered-promotions .cart-promotions-content .promotion-title a {
    white-space: nowrap
  }
  
  .cart-promotions.untriggered-promotions .cart-promotions-content .promotion .description a {
    text-decoration: none
  }
  
  .cart-promotions.untriggered-promotions .cart-promotions-content .promotion .description a:hover {
    text-decoration: underline
  }
  
  @media screen and (max-width: 767px) {
    .cart-promotions.untriggered-promotions .cart-promotions-content .promotion .description {
      display: initial
    }
  }
  
  .cart-promotions.untriggered-promotions a {
    text-decoration: underline;
    color: black
  }
  
  .cart-promotions .promotion {
    display: table-row
  }
  
  .cart-promotions .promotion .discount,
  .cart-promotions .promotion .description {
    padding-top: 5px;
    padding-bottom: 5px
  }
  
  .cart-promotions .promotion .discount a,
  .cart-promotions .promotion .description a {
    color: #333
  }
  
  .cart-promotions .promotion .discount a:hover,
  .cart-promotions .promotion .description a:hover {
    text-decoration: underline
  }
  
  .cart-promotions .promotion .discount .balance,
  .cart-promotions .promotion .description .balance {
    font-weight: bold
  }
  
  .cart-promotions .promotion .discount .mr-2px,
  .cart-promotions .promotion .description .mr-2px {
    margin-right: 2px
  }
  
  .cart-promotions .promotion .discount .popover-link,
  .cart-promotions .promotion .description .popover-link {
    color: #337ab7;
    cursor: pointer
  }
  
  .cart-promotions .promotion .description .untriggered-hint {
    color: #5CB85C
  }
  
  .cart-promotions .badge,
  .cart-promotions .description,
  .cart-promotions .discount {
    display: table-cell;
    vertical-align: text-top
  }
  
  .cart-promotions .badge {
    width: 150px;
    border-radius: 0;
    font-weight: 400;
    font-size: 11px;
    background-color: transparent;
    padding: 0
  }
  
  .cart-promotions .badge .untriggered {
    background-color: #F3F3F3
  }
  
  .cart-promotions .badge .reward-credit {
    background-color: #FFE8C6
  }
  
  .cart-promotions .badge span {
    display: block;
    background-color: #E8F8E8;
    padding: 5px 0;
    color: #000;
    font-weight: 400;
    font-size: 11px
  }
  
  .cart-promotions .discount {
    text-align: right;
    margin-left: 15px;
    min-width: 95px
  }
  
  .cart-promotions .discount span {
    display: block
  }
  
  .cart-promotions .description {
    padding: 0 15px
  }
  
  .cart-promotions .description .applied-reminder {
    color: #5B5B5B;
    line-height: 15px;
    font-weight: normal
  }
  
  .cart-promotions .promotion.coupon {
    min-height: 50px
  }
  
  .cart-promotions .promotion.coupon .btn-remove-coupon {
    color: #C85C59;
    font-size: 12px;
    padding: 0;
    text-decoration: underline
  }
  
  #apply-credit-form,
  #apply-member-point-form {
    display: none
  }
  
  #apply-credit-form .form-group .apply-member-point-input-group,
  #apply-member-point-form .form-group .apply-member-point-input-group {
    display: inline-grid;
    grid-template-columns: 1fr auto;
    width: 67%
  }
  
  #apply-credit-form .form-group .apply-member-point-input-group .apply-member-point-input,
  #apply-member-point-form .form-group .apply-member-point-input-group .apply-member-point-input {
    width: 100%;
    height: 34px
  }
  
  #apply-credit-form .form-group .apply-member-point-input-group .apply-member-point-input-text,
  #apply-member-point-form .form-group .apply-member-point-input-group .apply-member-point-input-text {
    display: flex;
    flex-direction: row;
    padding: 6px 12px;
    width: auto;
    height: 34px;
    background: #EEEEEE;
    mix-blend-mode: normal;
    border: 1px solid #DDDDDD;
    box-sizing: border-box
  }
  
  #apply-credit-form .apply-member-point-form-remaining,
  #apply-member-point-form .apply-member-point-form-remaining {
    color: #999999;
    font-size: 13px;
    padding-top: 5px
  }
  
  #checkout-container .alert-ask-for-login .btn-color-primary {
    border-radius: 4px
  }
  
  #checkout-container .order-summary .section-body>div {
    margin-bottom: 10px
  }
  
  #checkout-container .order-summary .total,
  #checkout-container .order-summary .subtotal,
  #checkout-container .order-summary .discount,
  #checkout-container .order-summary .tax-fee,
  #checkout-container .order-summary .custom-discount,
  #checkout-container .order-summary .applied-store-credits,
  #checkout-container .order-summary .applied-member-points,
  #checkout-container .order-summary .delivery-fee,
  #checkout-container .order-summary .payment-fee {
    margin-bottom: 10px
  }
  
  #checkout-container .order-summary .total:before,
  #checkout-container .order-summary .total:after,
  #checkout-container .order-summary .subtotal:before,
  #checkout-container .order-summary .subtotal:after,
  #checkout-container .order-summary .discount:before,
  #checkout-container .order-summary .discount:after,
  #checkout-container .order-summary .tax-fee:before,
  #checkout-container .order-summary .tax-fee:after,
  #checkout-container .order-summary .custom-discount:before,
  #checkout-container .order-summary .custom-discount:after,
  #checkout-container .order-summary .applied-store-credits:before,
  #checkout-container .order-summary .applied-store-credits:after,
  #checkout-container .order-summary .applied-member-points:before,
  #checkout-container .order-summary .applied-member-points:after,
  #checkout-container .order-summary .delivery-fee:before,
  #checkout-container .order-summary .delivery-fee:after,
  #checkout-container .order-summary .payment-fee:before,
  #checkout-container .order-summary .payment-fee:after {
    content: " ";
    display: table
  }
  
  #checkout-container .order-summary .total:after,
  #checkout-container .order-summary .subtotal:after,
  #checkout-container .order-summary .discount:after,
  #checkout-container .order-summary .tax-fee:after,
  #checkout-container .order-summary .custom-discount:after,
  #checkout-container .order-summary .applied-store-credits:after,
  #checkout-container .order-summary .applied-member-points:after,
  #checkout-container .order-summary .delivery-fee:after,
  #checkout-container .order-summary .payment-fee:after {
    clear: both
  }
  
  #checkout-container .order-summary .custom-discount {
    line-height: 1.25
  }
  
  #checkout-container .order-summary .custom-discount .row-text,
  #checkout-container .order-summary .applied-store-credits .row-text,
  #checkout-container .order-summary .applied-member-points .row-text {
    display: inline-block;
    width: 100%
  }
  
  #checkout-container .order-summary .custom-discount .user-credits-label,
  #checkout-container .order-summary .applied-store-credits .user-credits-label,
  #checkout-container .order-summary .applied-member-points .user-credits-label {
    display: inline-block
  }
  
  #checkout-container .order-summary .custom-discount .custom-discount-remaining-hint,
  #checkout-container .order-summary .custom-discount .user-credits-remaining-hint,
  #checkout-container .order-summary .applied-store-credits .custom-discount-remaining-hint,
  #checkout-container .order-summary .applied-store-credits .user-credits-remaining-hint,
  #checkout-container .order-summary .applied-member-points .custom-discount-remaining-hint,
  #checkout-container .order-summary .applied-member-points .user-credits-remaining-hint {
    color: #cecaca;
    font-size: 12px
  }
  
  #checkout-container .order-summary .custom-discount .error-text,
  #checkout-container .order-summary .applied-store-credits .error-text,
  #checkout-container .order-summary .applied-member-points .error-text {
    color: #a94442
  }
  
  #checkout-container .order-summary .custom-discount .alert.alert-info,
  #checkout-container .order-summary .applied-store-credits .alert.alert-info,
  #checkout-container .order-summary .applied-member-points .alert.alert-info {
    margin-bottom: 10px
  }
  
  #checkout-container .order-summary .custom-discount,
  #checkout-container .order-summary .applied-store-credits,
  #checkout-container .order-summary .applied-member-points,
  #checkout-container .order-summary .cart-coupon {
    margin-bottom: 10px
  }
  
  #checkout-container .order-summary .custom-discount .btn-toggle,
  #checkout-container .order-summary .applied-store-credits .btn-toggle,
  #checkout-container .order-summary .applied-member-points .btn-toggle,
  #checkout-container .order-summary .cart-coupon .btn-toggle {
    padding-left: 0;
    padding-right: 0
  }
  
  #checkout-container .order-summary .custom-discount form .btn.btn-select,
  #checkout-container .order-summary .applied-store-credits form .btn.btn-select,
  #checkout-container .order-summary .applied-member-points form .btn.btn-select,
  #checkout-container .order-summary .cart-coupon form .btn.btn-select {
    padding: 10px 0 4px 0;
    width: 100%;
    text-align: start
  }
  
  #checkout-container .order-summary .cart-coupon .form-group:before,
  #checkout-container .order-summary .cart-coupon .form-group:after {
    content: " ";
    display: table
  }
  
  #checkout-container .order-summary .cart-coupon .form-group:after {
    clear: both
  }
  
  #checkout-container .order-summary .cart-coupon form label,
  #checkout-container .order-summary .applied-store-credits form label,
  #checkout-container .order-summary .applied-member-points form label {
    display: block;
    font-weight: 400
  }
  
  #checkout-container .order-summary .cart-coupon form input,
  #checkout-container .order-summary .applied-store-credits form input,
  #checkout-container .order-summary .applied-member-points form input {
    float: left;
    width: 67%
  }
  
  #checkout-container .order-summary .cart-coupon form .btn,
  #checkout-container .order-summary .applied-store-credits form .btn,
  #checkout-container .order-summary .applied-member-points form .btn {
    float: right;
    width: 30%
  }
  
  #checkout-container .order-summary .coupon .btn-link {
    padding: 0;
    text-decoration: underline
  }
  
  #checkout-container .order-summary .total {
    font-weight: 600
  }
  
  #checkout-container .order-summary .btn-checkout {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    margin-top: 5px
  }
  
  #checkout-container .order-summary .btn-checkout.disabled {
    color: #fff !important;
    background-color: #cccccc !important;
    border-color: #c2c2c2 !important
  }
  
  #checkout-container .order-summary .dynamic-delivery-fee .question-label {
    padding: 0 0 2px 4px;
    color: #337ab7
  }
  
  #checkout-container .order-summary .dynamic-delivery-fee .question-label .popover {
    color: #333
  }
  
  #checkout-container .order-summary .dynamic-delivery-fee .question-label:hover .popover {
    display: block;
    left: 70px
  }
  
  #checkout-container .order-summary .dynamic-delivery-fee .popover {
    display: none
  }
  
  #checkout-container .order-summary .dynamic-delivery-fee.emphasize {
    padding: 10px;
    color: #31708F;
    background-color: #ECFBFF
  }
  
  #checkout-container .panel-footer .dynamic-delivery-hint {
    padding: 0 14px;
    width: calc(50% - 30px);
    margin: 0 0 10px calc(50% + 30px)
  }
  
  @media (max-width: 768px) {
    #checkout-container .panel-footer .dynamic-delivery-hint {
      width: 100%;
      margin-left: 0;
      line-height: 1.6
    }
  }
  
  #checkout-container .cart-addon {
    padding: 0
  }
  
  #checkout-container .cart-addon .section-header {
    margin: 0
  }
  
  #checkout-container .cart-addon .addon-items-row {
    white-space: nowrap;
    overflow-x: hidden
  }
  
  #checkout-container .cart-addon .addon-items-row.os-host-overflow-x {
    padding-bottom: 3px
  }
  
  #checkout-container .cart-addon .addon-items-row.section-loading-placeholder>.cart-addon-items {
    visibility: hidden;
    pointer-events: none;
    cursor: default
  }
  
  #checkout-container .cart-addon .owl-dots {
    margin-top: -5px;
    margin-bottom: 10px
  }
  
  #checkout-container .cart-addon .os-scrollbar-handle {
    background-color: #afafaf
  }
  
  #checkout-container .cart-addon .os-scrollbar-track {
    background-color: #dfdfdf
  }
  
  #checkout-container .cart-addon .section-loading-placeholder {
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #f0f0f0), to(#fff));
    background: linear-gradient(to right, #fff 0%, #f0f0f0 50%, #fff 100%);
    background-size: 1000px 100%;
    -webkit-animation-name: backgroundSlideShimmer;
    animation-name: backgroundSlideShimmer;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
  }
  
  #checkout-container .cart-addon-items {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    position: relative;
    padding: 20px 15px;
    min-height: auto
  }
  
  #checkout-container .cart-addon-items .addon-product-image {
    width: 114px;
    height: 114px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    cursor: pointer
  }
  
  #checkout-container .cart-addon-items .description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 15px;
    overflow: hidden;
    vertical-align: top
  }
  
  #checkout-container .cart-addon-items .description .addon-promotion-name {
    text-align: left;
    display: block;
    display: -webkit-box;
    max-height: 40px;
    font-size: 13px;
    margin: 0 auto;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
  }
  
  #checkout-container .cart-addon-items .description .addon-purchase-hint {
    margin: 0;
    padding: 3px 0;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #999999
  }
  
  #checkout-container .cart-addon-items .price {
    font-size: 14px;
    font-weight: 500;
    padding: 4px 0;
    text-align: left !important
  }
  
  #checkout-container .cart-addon-items .addon-product-quantity {
    text-align: center
  }
  
  #checkout-container .cart-addon-items .cart-addon-quantity {
    display: inline-block;
    vertical-align: middle
  }
  
  #checkout-container .cart-addon-items .btn-addon {
    width: 100%;
    padding: 6px 10px;
    border-radius: 4px;
    background-color: #000;
    color: #fff;
    font-size: 12px
  }
  
  #checkout-container .cart-addon-items .btn-addon.disabled {
    color: #fff !important;
    background-color: #cccccc !important;
    border-color: #c2c2c2 !important
  }
  
  @media screen and (max-width: 767px) {
    #checkout-container .cart-addon-items {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 30vw;
      min-width: 160px;
      padding: 15px
    }
  
    #checkout-container .cart-addon-items .addon-product-image {
      max-width: none;
      min-width: 130px;
      width: 100%;
      background-size: contain
    }
  
    #checkout-container .cart-addon-items .description {
      padding: 10px 0
    }
  
    #checkout-container .cart-addon-items .description .addon-purchase-hint {
      padding-bottom: 0
    }
  
    #checkout-container .cart-addon-items .description .price {
      padding-top: 0
    }
  }
  
  #checkout-container .cart-addon-items-overlay {
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: none
  }
  
  #checkout-container .cart-addon-items-overlay.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  #checkout-container .cart-addon-items-overlay .cart-addon-items-overlay-check {
    font-size: 25px
  }
  
  .promotion-exclude-memo-icon,
  .promotion-excluded-item {
    color: #008edd;
    font-size: 20px
  }
  
  .promotion-exclude-memo-icon {
    position: relative;
    top: 5px;
    margin-top: -12px;
    display: inline-block
  }
  
  .promotion-excluded-item {
    position: absolute;
    margin: -3px 0 0 3px;
    cursor: pointer
  }
  
  .excluded-promotion-item-panel {
    padding: 10px 15px 10px 10px
  }
  
  .excluded-promotion-item-panel.popover.right {
    margin-left: 8px
  }
  
  .excluded-promotion-item-panel .hint-list {
    margin-left: 20px
  }
  
  .excluded-promotion-item-panel .hint-list .hint-item {
    display: list-item
  }
  
  @keyframes backgroundSlideShimmer {
    0% {
      background-position: -1000px 0
    }
  
    100% {
      background-position: 1000px 0
    }
  }
  
  .inclusive-tax-hint {
    width: 100%;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: normal
  }
  
  body.orders.show .inclusive-tax-hint {
    margin-bottom: 20px
  }
  
  .btn-apple-pay {
    width: 100%;
    max-width: 320px
  }
  
  .btn-google-pay {
    width: calc(50% - 30px)
  }
  
  .google-pay-wrapper {
    width: calc(50% - 60px);
    height: 40px;
    position: absolute;
    background-color: rgba(128, 128, 128, 0.5);
    display: none
  }
  
  .google-pay-wrapper img {
    top: -3px;
    position: relative
  }
  
  .google-pay-wrapper.show {
    z-index: 10;
    display: inline-block
  }
  
  paypal-checkout-btn,
  paypal-cn-checkout-btn {
    width: calc(50% - 30px);
    max-width: 400px
  }
  
  @media (max-width: 767px) {
  
    paypal-checkout-btn,
    paypal-cn-checkout-btn {
      max-width: 100%;
      width: 100%
    }
  }
  
  paypal-checkout-btn>div,
  paypal-cn-checkout-btn>div {
    width: 100%
  }
  
  #payment-request-button.disabled {
    opacity: 0.5;
    pointer-events: none
  }
  
  .delivery-fee-notice {
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: solid 1px #bce8f1;
    background-color: #d9edf7;
    color: #31708f;
    min-height: 52px;
    line-height: 100%;
    margin: 10px auto 0;
    padding: 0px 15px
  }
  
  .delivery-fee-notice .fa-exclamation-circle {
    margin-right: 10px
  }
  
  .page-checkout {
    padding-top: 40px
  }
  
  .page-checkout .form-group .form-control.mod-stripe {
    width: 100%;
    padding: 8px 10px
  }
  
  .page-checkout .form-group.has-error .form-control {
    border-color: #a94442 !important
  }
  
  .page-checkout .form-group.has-error .form-control.StripeElement--empty,
  .page-checkout .form-group.has-error .form-control.StripeElement--invalid {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    border-color: #a94442 !important
  }
  
  .page-checkout [uib-datepicker-popup-wrap] {
    display: inline-block
  }
  
  .page-checkout .hidden-group {
    display: none
  }
  
  .page-cart,
  .page-checkout,
  .page-order-show,
  .page-apply-return,
  .page-return-order-show {
    background-color: #F8F8FA
  }
  
  .page-cart .intl-tel-input,
  .page-checkout .intl-tel-input,
  .page-order-show .intl-tel-input,
  .page-apply-return .intl-tel-input,
  .page-return-order-show .intl-tel-input {
    z-index: 30
  }
  
  .page-cart .order-customer-phone-select-wrapper #order-customer-phone,
  .page-checkout .order-customer-phone-select-wrapper #order-customer-phone,
  .page-order-show .order-customer-phone-select-wrapper #order-customer-phone,
  .page-apply-return .order-customer-phone-select-wrapper #order-customer-phone,
  .page-return-order-show .order-customer-phone-select-wrapper #order-customer-phone {
    display: inline-block
  }
  
  .page-cart .order-customer-phone-select-wrapper #order-customer-phone.has-country-selector,
  .page-checkout .order-customer-phone-select-wrapper #order-customer-phone.has-country-selector,
  .page-order-show .order-customer-phone-select-wrapper #order-customer-phone.has-country-selector,
  .page-apply-return .order-customer-phone-select-wrapper #order-customer-phone.has-country-selector,
  .page-return-order-show .order-customer-phone-select-wrapper #order-customer-phone.has-country-selector {
    width: 90%
  }
  
  .page-cart .order-customer-phone-select-wrapper .contry-content,
  .page-checkout .order-customer-phone-select-wrapper .contry-content,
  .page-order-show .order-customer-phone-select-wrapper .contry-content,
  .page-apply-return .order-customer-phone-select-wrapper .contry-content,
  .page-return-order-show .order-customer-phone-select-wrapper .contry-content {
    margin-left: 15px
  }
  
  .page-cart .order-customer-phone-select-wrapper .intl-tel-input,
  .page-checkout .order-customer-phone-select-wrapper .intl-tel-input,
  .page-order-show .order-customer-phone-select-wrapper .intl-tel-input,
  .page-apply-return .order-customer-phone-select-wrapper .intl-tel-input,
  .page-return-order-show .order-customer-phone-select-wrapper .intl-tel-input {
    width: 9%;
    right: 7px
  }
  
  .page-cart .order-customer-phone-input-wrap,
  .page-checkout .order-customer-phone-input-wrap,
  .page-order-show .order-customer-phone-input-wrap,
  .page-apply-return .order-customer-phone-input-wrap,
  .page-return-order-show .order-customer-phone-input-wrap {
    margin-top: 15px
  }
  
  .page-cart .cart-summary,
  .page-checkout .cart-summary,
  .page-order-show .cart-summary,
  .page-apply-return .cart-summary,
  .page-return-order-show .cart-summary {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden
  }
  
  .page-cart .cart-summary h3.summary-header,
  .page-checkout .cart-summary h3.summary-header,
  .page-order-show .cart-summary h3.summary-header,
  .page-apply-return .cart-summary h3.summary-header,
  .page-return-order-show .cart-summary h3.summary-header {
    margin: 5px 0;
    font-size: 20px;
    font-weight: 600;
    text-align: center
  }
  
  .page-cart .cart-summary h5.summary-header,
  .page-checkout .cart-summary h5.summary-header,
  .page-order-show .cart-summary h5.summary-header,
  .page-apply-return .cart-summary h5.summary-header,
  .page-return-order-show .cart-summary h5.summary-header {
    margin: 5px;
    font-size: 16px;
    text-align: center
  }
  
  .page-cart .cart-summary h5.summary-header .fa,
  .page-checkout .cart-summary h5.summary-header .fa,
  .page-order-show .cart-summary h5.summary-header .fa,
  .page-apply-return .cart-summary h5.summary-header .fa,
  .page-return-order-show .cart-summary h5.summary-header .fa {
    line-height: 18px
  }
  
  .page-cart .cart-summary .shopping-cart,
  .page-checkout .cart-summary .shopping-cart,
  .page-order-show .cart-summary .shopping-cart,
  .page-apply-return .cart-summary .shopping-cart,
  .page-return-order-show .cart-summary .shopping-cart {
    margin: 0 -15px;
    border-left: 0;
    border-right: 0
  }
  
  .page-cart .cart-summary .shopping-cart .cart-items .item-total,
  .page-cart .cart-summary .shopping-cart .cart-items .item-total .price,
  .page-checkout .cart-summary .shopping-cart .cart-items .item-total,
  .page-checkout .cart-summary .shopping-cart .cart-items .item-total .price,
  .page-order-show .cart-summary .shopping-cart .cart-items .item-total,
  .page-order-show .cart-summary .shopping-cart .cart-items .item-total .price,
  .page-apply-return .cart-summary .shopping-cart .cart-items .item-total,
  .page-apply-return .cart-summary .shopping-cart .cart-items .item-total .price,
  .page-return-order-show .cart-summary .shopping-cart .cart-items .item-total,
  .page-return-order-show .cart-summary .shopping-cart .cart-items .item-total .price {
    text-align: right
  }
  
  .page-cart .cart-summary .order-summary,
  .page-checkout .cart-summary .order-summary,
  .page-order-show .cart-summary .order-summary,
  .page-apply-return .cart-summary .order-summary,
  .page-return-order-show .cart-summary .order-summary {
    padding: 15px;
    margin: 0 -15px
  }
  
  .page-cart .cart-summary .panel-header,
  .page-checkout .cart-summary .panel-header,
  .page-order-show .cart-summary .panel-header,
  .page-apply-return .cart-summary .panel-header,
  .page-return-order-show .cart-summary .panel-header {
    padding: 20px
  }
  
  .page-cart .cart-summary .panel-header .fa,
  .page-checkout .cart-summary .panel-header .fa,
  .page-order-show .cart-summary .panel-header .fa,
  .page-apply-return .cart-summary .panel-header .fa,
  .page-return-order-show .cart-summary .panel-header .fa {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 20px;
    height: 20px;
    font-size: 20px
  }
  
  .page-cart .cart-summary .panel-body,
  .page-checkout .cart-summary .panel-body,
  .page-order-show .cart-summary .panel-body,
  .page-apply-return .cart-summary .panel-body,
  .page-return-order-show .cart-summary .panel-body {
    padding-top: 0;
    padding-bottom: 0
  }
  
  .page-cart .cart-summary .panel-footer,
  .page-checkout .cart-summary .panel-footer,
  .page-order-show .cart-summary .panel-footer,
  .page-apply-return .cart-summary .panel-footer,
  .page-return-order-show .cart-summary .panel-footer {
    background-color: white;
    border-top: 1px solid #EDEDED;
    padding: 10px;
    font-size: 25px
  }
  
  .page-cart .tax-fee-notice,
  .page-checkout .tax-fee-notice,
  .page-order-show .tax-fee-notice,
  .page-apply-return .tax-fee-notice,
  .page-return-order-show .tax-fee-notice {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: solid 1px #bce8f1;
    background-color: #d9edf7;
    color: #31708f;
    min-height: 52px;
    line-height: 100%;
    margin: 10px auto 0;
    width: 100px;
    text-align: center
  }
  
  @media (max-width: 768px) {
  
    .page-cart .tax-fee-notice,
    .page-checkout .tax-fee-notice,
    .page-order-show .tax-fee-notice,
    .page-apply-return .tax-fee-notice,
    .page-return-order-show .tax-fee-notice {
      margin-top: 30px
    }
  }
  
  .page-cart .product-review-block .panel-header,
  .page-checkout .product-review-block .panel-header,
  .page-order-show .product-review-block .panel-header,
  .page-apply-return .product-review-block .panel-header,
  .page-return-order-show .product-review-block .panel-header {
    padding: 15px
  }
  
  .page-cart .product-review-block .product-review-description .product-review-description-title,
  .page-checkout .product-review-block .product-review-description .product-review-description-title,
  .page-order-show .product-review-block .product-review-description .product-review-description-title,
  .page-apply-return .product-review-block .product-review-description .product-review-description-title,
  .page-return-order-show .product-review-block .product-review-description .product-review-description-title {
    text-align: left;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600
  }
  
  .page-cart .product-review-block .product-review-description .product-review-description-content,
  .page-checkout .product-review-block .product-review-description .product-review-description-content,
  .page-order-show .product-review-block .product-review-description .product-review-description-content,
  .page-apply-return .product-review-block .product-review-description .product-review-description-content,
  .page-return-order-show .product-review-block .product-review-description .product-review-description-content {
    text-align: left;
    margin-left: 0px;
    margin-top: 3px;
    margin-bottom: 0px
  }
  
  .page-cart .product-review-block .product-review-button,
  .page-checkout .product-review-block .product-review-button,
  .page-order-show .product-review-block .product-review-button,
  .page-apply-return .product-review-block .product-review-button,
  .page-return-order-show .product-review-block .product-review-button {
    position: absolute;
    right: 40px;
    top: 25px;
    padding: 0;
    margin-top: inherit
  }
  
  .page-cart .cart-summary.collapsed .panel-header .fa,
  .page-checkout .cart-summary.collapsed .panel-header .fa,
  .page-order-show .cart-summary.collapsed .panel-header .fa,
  .page-apply-return .cart-summary.collapsed .panel-header .fa,
  .page-return-order-show .cart-summary.collapsed .panel-header .fa {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  
  .page-cart .delivery-form label[for="order-delivery-location-code"],
  .page-checkout .delivery-form label[for="order-delivery-location-code"],
  .page-order-show .delivery-form label[for="order-delivery-location-code"],
  .page-apply-return .delivery-form label[for="order-delivery-location-code"],
  .page-return-order-show .delivery-form label[for="order-delivery-location-code"] {
    line-height: 26px;
    margin-bottom: 10px
  }
  
  .page-cart .delivery-form label[for="order-delivery-location-code"] img,
  .page-checkout .delivery-form label[for="order-delivery-location-code"] img,
  .page-order-show .delivery-form label[for="order-delivery-location-code"] img,
  .page-apply-return .delivery-form label[for="order-delivery-location-code"] img,
  .page-return-order-show .delivery-form label[for="order-delivery-location-code"] img {
    height: 26px;
    margin-right: 5px
  }
  
  .page-cart .delivery-form .form-group.radio label,
  .page-checkout .delivery-form .form-group.radio label,
  .page-order-show .delivery-form .form-group.radio label,
  .page-apply-return .delivery-form .form-group.radio label,
  .page-return-order-show .delivery-form .form-group.radio label {
    width: 100%
  }
  
  .page-cart .delivery-form #recipient-name.form-control[disabled],
  .page-cart .delivery-form #recipient-phone.form-control[disabled],
  .page-checkout .delivery-form #recipient-name.form-control[disabled],
  .page-checkout .delivery-form #recipient-phone.form-control[disabled],
  .page-order-show .delivery-form #recipient-name.form-control[disabled],
  .page-order-show .delivery-form #recipient-phone.form-control[disabled],
  .page-apply-return .delivery-form #recipient-name.form-control[disabled],
  .page-apply-return .delivery-form #recipient-phone.form-control[disabled],
  .page-return-order-show .delivery-form #recipient-name.form-control[disabled],
  .page-return-order-show .delivery-form #recipient-phone.form-control[disabled] {
    background-color: #F1F1F1 !important;
    color: #999999 !important
  }
  
  .page-cart .delivery-form .arrival-time-title,
  .page-checkout .delivery-form .arrival-time-title,
  .page-order-show .delivery-form .arrival-time-title,
  .page-apply-return .delivery-form .arrival-time-title,
  .page-return-order-show .delivery-form .arrival-time-title {
    font-weight: 500;
    margin-bottom: 10px;
    color: #555
  }
  
  .page-cart .delivery-form .arrival-time-description,
  .page-checkout .delivery-form .arrival-time-description,
  .page-order-show .delivery-form .arrival-time-description,
  .page-apply-return .delivery-form .arrival-time-description,
  .page-return-order-show .delivery-form .arrival-time-description {
    color: #666
  }
  
  .page-cart .delivery-form .date-picker,
  .page-checkout .delivery-form .date-picker,
  .page-order-show .delivery-form .date-picker,
  .page-apply-return .delivery-form .date-picker,
  .page-return-order-show .delivery-form .date-picker {
    padding-top: 5px
  }
  
  .page-cart .delivery-form .date-picker .date-picker-title,
  .page-checkout .delivery-form .date-picker .date-picker-title,
  .page-order-show .delivery-form .date-picker .date-picker-title,
  .page-apply-return .delivery-form .date-picker .date-picker-title,
  .page-return-order-show .delivery-form .date-picker .date-picker-title {
    font-weight: 500;
    margin-bottom: 10px
  }
  
  .page-cart .delivery-form .date-picker input,
  .page-checkout .delivery-form .date-picker input,
  .page-order-show .delivery-form .date-picker input,
  .page-apply-return .delivery-form .date-picker input,
  .page-return-order-show .delivery-form .date-picker input {
    display: inline-block;
    width: calc(100% - 40px);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
  }
  
  .page-cart .delivery-form .date-picker button,
  .page-checkout .delivery-form .date-picker button,
  .page-order-show .delivery-form .date-picker button,
  .page-apply-return .delivery-form .date-picker button,
  .page-return-order-show .delivery-form .date-picker button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    vertical-align: bottom
  }
  
  .page-cart .delivery-form .date-picker thead .btn-default,
  .page-cart .delivery-form .date-picker tbody td button,
  .page-checkout .delivery-form .date-picker thead .btn-default,
  .page-checkout .delivery-form .date-picker tbody td button,
  .page-order-show .delivery-form .date-picker thead .btn-default,
  .page-order-show .delivery-form .date-picker tbody td button,
  .page-apply-return .delivery-form .date-picker thead .btn-default,
  .page-apply-return .delivery-form .date-picker tbody td button,
  .page-return-order-show .delivery-form .date-picker thead .btn-default,
  .page-return-order-show .delivery-form .date-picker tbody td button {
    border: 0
  }
  
  .page-cart .delivery-form .date-picker tbody td button.active.btn-default,
  .page-checkout .delivery-form .date-picker tbody td button.active.btn-default,
  .page-order-show .delivery-form .date-picker tbody td button.active.btn-default,
  .page-apply-return .delivery-form .date-picker tbody td button.active.btn-default,
  .page-return-order-show .delivery-form .date-picker tbody td button.active.btn-default {
    border-radius: 4px;
    background-color: #2B60AB !important;
    color: #EEE !important
  }
  
  .page-cart .delivery-form .date-picker tbody td button[disabled],
  .page-checkout .delivery-form .date-picker tbody td button[disabled],
  .page-order-show .delivery-form .date-picker tbody td button[disabled],
  .page-apply-return .delivery-form .date-picker tbody td button[disabled],
  .page-return-order-show .delivery-form .date-picker tbody td button[disabled] {
    text-decoration: line-through;
    opacity: 0.3
  }
  
  .page-cart .delivery-form .date-picker .dropdown-menu,
  .page-checkout .delivery-form .date-picker .dropdown-menu,
  .page-order-show .delivery-form .date-picker .dropdown-menu,
  .page-apply-return .delivery-form .date-picker .dropdown-menu,
  .page-return-order-show .delivery-form .date-picker .dropdown-menu {
    padding: 10px
  }
  
  .page-cart .delivery-form .date-picker .dropdown-menu>li>div>table:focus,
  .page-checkout .delivery-form .date-picker .dropdown-menu>li>div>table:focus,
  .page-order-show .delivery-form .date-picker .dropdown-menu>li>div>table:focus,
  .page-apply-return .delivery-form .date-picker .dropdown-menu>li>div>table:focus,
  .page-return-order-show .delivery-form .date-picker .dropdown-menu>li>div>table:focus {
    outline: none
  }
  
  .page-cart .delivery-form .time-slots,
  .page-checkout .delivery-form .time-slots,
  .page-order-show .delivery-form .time-slots,
  .page-apply-return .delivery-form .time-slots,
  .page-return-order-show .delivery-form .time-slots {
    padding-top: 5px
  }
  
  .page-cart .delivery-form .time-slots .time-slots-title,
  .page-checkout .delivery-form .time-slots .time-slots-title,
  .page-order-show .delivery-form .time-slots .time-slots-title,
  .page-apply-return .delivery-form .time-slots .time-slots-title,
  .page-return-order-show .delivery-form .time-slots .time-slots-title {
    font-weight: 500;
    margin-bottom: 10px
  }
  
  .page-cart .invoice-form #donation-unit,
  .page-checkout .invoice-form #donation-unit,
  .page-order-show .invoice-form #donation-unit,
  .page-apply-return .invoice-form #donation-unit,
  .page-return-order-show .invoice-form #donation-unit {
    line-height: 34px
  }
  
  .page-cart .invoice-form .invoice-mailing-address .form-group,
  .page-checkout .invoice-form .invoice-mailing-address .form-group,
  .page-order-show .invoice-form .invoice-mailing-address .form-group,
  .page-apply-return .invoice-form .invoice-mailing-address .form-group,
  .page-return-order-show .invoice-form .invoice-mailing-address .form-group {
    margin-bottom: 0
  }
  
  .page-cart .additional-form .checkbox,
  .page-checkout .additional-form .checkbox,
  .page-order-show .additional-form .checkbox,
  .page-apply-return .additional-form .checkbox,
  .page-return-order-show .additional-form .checkbox {
    float: none
  }
  
  .page-cart .additional-form .checkbox a,
  .page-checkout .additional-form .checkbox a,
  .page-order-show .additional-form .checkbox a,
  .page-apply-return .additional-form .checkbox a,
  .page-return-order-show .additional-form .checkbox a {
    color: #337ab7
  }
  
  .page-cart .additional-form .form-group.checkbox.has-error input,
  .page-checkout .additional-form .form-group.checkbox.has-error input,
  .page-order-show .additional-form .form-group.checkbox.has-error input,
  .page-apply-return .additional-form .form-group.checkbox.has-error input,
  .page-return-order-show .additional-form .form-group.checkbox.has-error input {
    outline: 1px solid #a94442
  }
  
  .page-cart .additional-form .checkbox:first-child,
  .page-checkout .additional-form .checkbox:first-child,
  .page-order-show .additional-form .checkbox:first-child,
  .page-apply-return .additional-form .checkbox:first-child,
  .page-return-order-show .additional-form .checkbox:first-child {
    margin-top: 0
  }
  
  .page-cart .additional-form .checkbox:last-child,
  .page-checkout .additional-form .checkbox:last-child,
  .page-order-show .additional-form .checkbox:last-child,
  .page-apply-return .additional-form .checkbox:last-child,
  .page-return-order-show .additional-form .checkbox:last-child {
    margin-bottom: 0
  }
  
  .page-cart .panel-place-order>.panel-body,
  .page-checkout .panel-place-order>.panel-body,
  .page-order-show .panel-place-order>.panel-body,
  .page-apply-return .panel-place-order>.panel-body,
  .page-return-order-show .panel-place-order>.panel-body {
    padding-left: calc(50% + 30px)
  }
  
  .page-cart .btn-default.btn-pick-store,
  .page-checkout .btn-default.btn-pick-store,
  .page-order-show .btn-default.btn-pick-store,
  .page-apply-return .btn-default.btn-pick-store,
  .page-return-order-show .btn-default.btn-pick-store {
    background-color: #9DAAB0;
    color: white;
    font-weight: 600;
    border: 0
  }
  
  .page-cart .panel-place-order .panel-footer,
  .page-checkout .panel-place-order .panel-footer,
  .page-order-show .panel-place-order .panel-footer,
  .page-apply-return .panel-place-order .panel-footer,
  .page-return-order-show .panel-place-order .panel-footer {
    background-color: white;
    border-top: 1px solid #EDEDED;
    line-height: 45px;
    padding: 20px 15px
  }
  
  .page-cart .panel-place-order .panel-footer:before,
  .page-cart .panel-place-order .panel-footer:after,
  .page-checkout .panel-place-order .panel-footer:before,
  .page-checkout .panel-place-order .panel-footer:after,
  .page-order-show .panel-place-order .panel-footer:before,
  .page-order-show .panel-place-order .panel-footer:after,
  .page-apply-return .panel-place-order .panel-footer:before,
  .page-apply-return .panel-place-order .panel-footer:after,
  .page-return-order-show .panel-place-order .panel-footer:before,
  .page-return-order-show .panel-place-order .panel-footer:after {
    content: " ";
    display: table
  }
  
  .page-cart .panel-place-order .panel-footer:after,
  .page-checkout .panel-place-order .panel-footer:after,
  .page-order-show .panel-place-order .panel-footer:after,
  .page-apply-return .panel-place-order .panel-footer:after,
  .page-return-order-show .panel-place-order .panel-footer:after {
    clear: both
  }
  
  .page-cart .panel-place-order .btn.btn-link,
  .page-checkout .panel-place-order .btn.btn-link,
  .page-order-show .panel-place-order .btn.btn-link,
  .page-apply-return .panel-place-order .btn.btn-link,
  .page-return-order-show .panel-place-order .btn.btn-link {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 500
  }
  
  .page-cart .panel-place-order .btn-place-order,
  .page-cart .panel-place-order .btn-validate-order,
  .page-checkout .panel-place-order .btn-place-order,
  .page-checkout .panel-place-order .btn-validate-order,
  .page-order-show .panel-place-order .btn-place-order,
  .page-order-show .panel-place-order .btn-validate-order,
  .page-apply-return .panel-place-order .btn-place-order,
  .page-apply-return .panel-place-order .btn-validate-order,
  .page-return-order-show .panel-place-order .btn-place-order,
  .page-return-order-show .panel-place-order .btn-validate-order {
    width: calc(50% - 30px)
  }
  
  .page-cart .panel-place-order .tax-fee,
  .page-checkout .panel-place-order .tax-fee,
  .page-order-show .panel-place-order .tax-fee,
  .page-apply-return .panel-place-order .tax-fee,
  .page-return-order-show .panel-place-order .tax-fee {
    width: calc(50% - 30px);
    margin-left: calc(50% + 30px)
  }
  
  .page-cart .panel-place-order .tax-calculate,
  .page-checkout .panel-place-order .tax-calculate,
  .page-order-show .panel-place-order .tax-calculate,
  .page-apply-return .panel-place-order .tax-calculate,
  .page-return-order-show .panel-place-order .tax-calculate {
    display: flex;
    align-items: center;
    justify-content: center
  }
  
  .page-cart .panel-place-order .tax-calculate .loading-icon,
  .page-checkout .panel-place-order .tax-calculate .loading-icon,
  .page-order-show .panel-place-order .tax-calculate .loading-icon,
  .page-apply-return .panel-place-order .tax-calculate .loading-icon,
  .page-return-order-show .panel-place-order .tax-calculate .loading-icon {
    display: block !important
  }
  
  .page-cart .panel-place-order .tax-calculate i,
  .page-checkout .panel-place-order .tax-calculate i,
  .page-order-show .panel-place-order .tax-calculate i,
  .page-apply-return .panel-place-order .tax-calculate i,
  .page-return-order-show .panel-place-order .tax-calculate i {
    font-size: 14px;
    color: #f595a2;
    margin-right: 5px;
    line-height: 45px
  }
  
  .page-cart .panel-place-order .tax-calculate a,
  .page-checkout .panel-place-order .tax-calculate a,
  .page-order-show .panel-place-order .tax-calculate a,
  .page-apply-return .panel-place-order .tax-calculate a,
  .page-return-order-show .panel-place-order .tax-calculate a {
    margin: 0 5px
  }
  
  .page-cart .form-inline.form-inline-2>*,
  .page-checkout .form-inline.form-inline-2>*,
  .page-order-show .form-inline.form-inline-2>*,
  .page-apply-return .form-inline.form-inline-2>*,
  .page-return-order-show .form-inline.form-inline-2>* {
    display: inline-block;
    vertical-align: top
  }
  
  .page-cart .form-inline.form-inline-2>*:first-child,
  .page-checkout .form-inline.form-inline-2>*:first-child,
  .page-order-show .form-inline.form-inline-2>*:first-child,
  .page-apply-return .form-inline.form-inline-2>*:first-child,
  .page-return-order-show .form-inline.form-inline-2>*:first-child {
    margin-right: 2%;
    width: 49%
  }
  
  .page-cart .form-inline.form-inline-2>*:last-child,
  .page-checkout .form-inline.form-inline-2>*:last-child,
  .page-order-show .form-inline.form-inline-2>*:last-child,
  .page-apply-return .form-inline.form-inline-2>*:last-child,
  .page-return-order-show .form-inline.form-inline-2>*:last-child {
    margin-left: -5px;
    width: 49%
  }
  
  .page-cart .form-inline.form-inline-2>.form-group input,
  .page-cart .form-inline.form-inline-2>.form-group select,
  .page-checkout .form-inline.form-inline-2>.form-group input,
  .page-checkout .form-inline.form-inline-2>.form-group select,
  .page-order-show .form-inline.form-inline-2>.form-group input,
  .page-order-show .form-inline.form-inline-2>.form-group select,
  .page-apply-return .form-inline.form-inline-2>.form-group input,
  .page-apply-return .form-inline.form-inline-2>.form-group select,
  .page-return-order-show .form-inline.form-inline-2>.form-group input,
  .page-return-order-show .form-inline.form-inline-2>.form-group select {
    width: 100%
  }
  
  .page-cart .customer-form .btn.btn-link.btn-login,
  .page-checkout .customer-form .btn.btn-link.btn-login,
  .page-order-show .customer-form .btn.btn-link.btn-login,
  .page-apply-return .customer-form .btn.btn-link.btn-login,
  .page-return-order-show .customer-form .btn.btn-link.btn-login {
    margin-bottom: 3px;
    padding-left: 0;
    padding-right: 0
  }
  
  .page-cart .three-layer-address-form .sl-delivery-address-postcode,
  .page-checkout .three-layer-address-form .sl-delivery-address-postcode,
  .page-order-show .three-layer-address-form .sl-delivery-address-postcode,
  .page-apply-return .three-layer-address-form .sl-delivery-address-postcode,
  .page-return-order-show .three-layer-address-form .sl-delivery-address-postcode {
    width: 100%;
    height: 34px;
    padding-left: 8px
  }
  
  .page-cart .email-required,
  .page-checkout .email-required,
  .page-order-show .email-required,
  .page-apply-return .email-required,
  .page-return-order-show .email-required {
    color: #337ab7
  }
  
  .page-cart input:disabled+span,
  .page-checkout input:disabled+span,
  .page-order-show input:disabled+span,
  .page-apply-return input:disabled+span,
  .page-return-order-show input:disabled+span {
    color: #ccc
  }
  
  .payment-body {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 30px;
    background-color: #f8f8f8
  }
  
  .payment-container {
    background-color: #fff;
    border: solid 1px #e7e7e7;
    padding: 30px 0 50px 30px;
    max-width: 1170px;
    width: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    height: fit-content
  }
  
  .payment-container .merchant-logo-container {
    height: 80px;
    display: flex;
    justify-content: center;
    margin-bottom: 30px
  }
  
  .payment-container .merchant-logo,
  .payment-container .merchant-logo-mobile {
    width: 370px;
    height: 80px;
    text-align: center;
    width: fit-content
  }
  
  .payment-container .merchant-logo img,
  .payment-container .merchant-logo-mobile img {
    height: 100%
  }
  
  .payment-container .merchant-logo-mobile {
    display: none
  }
  
  .payment-container .fpx-selector-container {
    display: flex;
    border-radius: 2px;
    border: solid 1px #ccc;
    align-items: center;
    height: 38px
  }
  
  .payment-container .fpx-selector-container #fpx-bank-element {
    flex: 7
  }
  
  .payment-container .fpx-selector-container .fpx-logo {
    flex: 3;
    display: flex;
    justify-content: center;
    height: 36px
  }
  
  .payment-container .fpx-selector-container .fpx-right-border {
    width: 1px;
    background-color: #ccc;
    height: 23px
  }
  
  .payment-container .payment-main-container {
    display: flex;
    height: 100%
  }
  
  .payment-container .payment-introduce {
    flex: 1;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    display: flex;
    border-right: solid 1px #e7e7e7
  }
  
  .payment-container .payment-introduce-container {
    width: 67%;
    padding-bottom: 10px;
    text-align: center
  }
  
  .payment-container .payment-introduce-container .introduce-piecure {
    display: inline-block;
    width: 240px;
    height: 240px
  }
  
  .payment-container .payment-introduce-container .introduce-piecure img {
    height: 100%
  }
  
  .payment-container .payment-introduce-container .introduce-text {
    margin-top: 10px
  }
  
  .payment-container .payment-form {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center
  }
  
  .payment-container .payment-form .payment-form-container {
    max-width: 410px
  }
  
  .payment-container .payment-form .payment-description {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    border-radius: 6px;
    background-color: #f8f8f8;
    padding: 16px 20px
  }
  
  .payment-container .payment-form .payment-description .clock-logo {
    width: 28px;
    height: 28px;
    margin-right: 13px
  }
  
  .payment-container .payment-form .payment-description .clock-logo img {
    height: 100%
  }
  
  .payment-container .payment-form .payment-bank-selector {
    margin-bottom: 20px
  }
  
  .payment-container .payment-form .submit-btn {
    width: 100%
  }
  
  .payment-container .ElementsApp--isSecondaryFrame>div {
    margin-top: -1px
  }
  
  .payment-container .error-message {
    display: none
  }
  
  @media screen and (max-width: 968px) {
    .payment-container {
      padding: 15px
    }
  
    .payment-container .payment-body {
      overflow: auto
    }
  
    .payment-container .payment-main-container {
      flex-direction: column;
      align-items: center;
      max-width: unset;
      width: 100%;
      height: auto
    }
  
    .payment-container .payment-introduce-container {
      width: fit-content
    }
  
    .payment-container .introduce-text {
      display: none
    }
  
    .payment-container .payment-introduce {
      display: none
    }
  
    .payment-container .payment-form .payment-form-container {
      padding-left: 0;
      flex-direction: unset;
      max-width: unset
    }
  
    .payment-container .payment-form .payment-description {
      justify-content: center;
      margin-bottom: 15px;
      margin-top: 10px
    }
  
    .payment-container .merchant-logo-container {
      height: 40px
    }
  
    .payment-container .merchant-logo-container img {
      height: 40px
    }
  
    .payment-container .error-message {
      text-align: center
    }
  
    .payment-container .merchant-logo-mobile {
      display: block
    }
  
    .payment-container .merchant-logo {
      display: none
    }
  }
  
  .checkout-shopline-payment-form .ui-pnotify {
    color: white;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.19);
    background-color: rgba(43, 52, 61, 0.9);
    font-weight: normal
  }
  
  .checkout-shopline-payment-form .ui-pnotify .ui-pnotify-container {
    display: flex;
    align-items: center
  }
  
  .checkout-shopline-payment-form .ui-pnotify.success .ui-pnotify-icon {
    font-size: 20px;
    color: #90ee90
  }
  
  .checkout-shopline-payment-form .ui-pnotify.success .ui-pnotify-title {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 3px
  }
  
  .checkout-shopline-payment-form .ui-pnotify.error .ui-pnotify-icon {
    font-size: 20px;
    color: #ffc0cb
  }
  
  .checkout-shopline-payment-form .ui-pnotify.error .ui-pnotify-title {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 3px
  }
  
  .checkout-shopline-payment-form .theme-version1 .form-field .field-input input {
    font-weight: 300 !important
  }
  
  .checkout-shopline-payment-form .icon-container.show {
    display: flex !important
  }
  
  .checkout-payment-form .input-container {
    display: flex;
    align-items: center;
    border: solid 1px #cccccc;
    padding: 6px 12px;
    border-radius: 3px
  }
  
  .checkout-payment-form .input-container.error {
    border: solid 1px #c94f1c
  }
  
  .checkout-payment-form .title-text {
    color: #555;
    margin-bottom: 5px;
    display: inline-block
  }
  
  .checkout-payment-form .name-frame,
  .checkout-payment-form .card-number-frame,
  .checkout-payment-form .expiry-date-frame,
  .checkout-payment-form .cvv-frame {
    height: 24px;
    padding-left: 6px
  }
  
  .checkout-payment-form .card-holder-field {
    color: #13395e;
    -webkit-text-fill-color: #13395e;
    letter-spacing: -.4px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif
  }
  
  .checkout-payment-form .card-holder-field::-webkit-input-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-weight: 300;
    letter-spacing: -.4px
  }
  
  .checkout-payment-form .card-holder-field::-moz-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-weight: 300;
    letter-spacing: -.4px
  }
  
  .checkout-payment-form .card-holder-field:-ms-input-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-weight: 300;
    letter-spacing: -.4px
  }
  
  .checkout-payment-form .card-holder-field:-moz-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-weight: 300;
    letter-spacing: -.4px
  }
  
  .checkout-payment-form .icon-container {
    display: flex;
    margin-right: 8px
  }
  
  .checkout-payment-form .name-and-card-number {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
  }
  
  .checkout-payment-form .card-name-container {
    margin-right: 16px
  }
  
  .checkout-payment-form .card-name-container #cardholdersname {
    border: none
  }
  
  .checkout-payment-form .card-name-container #cardholdersname:focus {
    outline: none
  }
  
  .checkout-payment-form .card-name-container,
  .checkout-payment-form .card-number-container {
    flex: 1 0 0
  }
  
  @media screen and (max-width: 1200px) {
    .checkout-payment-form .line-break {
      width: 100%
    }
  
    .checkout-payment-form .card-name-container {
      margin-right: 0px
    }
  }
  
  .checkout-payment-form .expiry-date-container {
    margin-right: 16px
  }
  
  .checkout-payment-form .date-and-code {
    display: flex;
    margin-bottom: 20px
  }
  
  .checkout-payment-form .card-name-description,
  .checkout-payment-form .cvv-description {
    margin-top: 5px;
    display: block;
    color: #555
  }
  
  .checkout-payment-form .error-text {
    color: #c94f1c;
    margin-top: 4px
  }
  
  .checkout-payment-form .fpx-selector-container {
    display: flex;
    border-radius: 2px;
    border: solid 1px #ccc;
    align-items: center
  }
  
  .checkout-payment-form .fpx-selector-container .fpx-bank-element {
    flex: 7;
    color: #32325d;
    font-size: 16px
  }
  
  .checkout-payment-form .fpx-selector-container .fpx-bank-element #bank_id {
    border: 0px;
    outline: 0px
  }
  
  .checkout-payment-form .fpx-selector-container .fpx-logo {
    flex: 3;
    display: flex;
    justify-content: center
  }
  
  .checkout-payment-form .fpx-selector-container .fpx-logo .fpx-logo-img {
    height: 36px;
    width: 66px
  }
  
  .checkout-payment-form .fpx-selector-container .fpx-right-border {
    width: 1px;
    background-color: #ccc;
    height: 23px
  }
  
  .fpx-redirection-text {
    background-color: #F8F8F8;
    margin-top: 16px;
    border-radius: 6px;
    padding-top: 16px;
    padding-bottom: 15px;
    padding-left: 22px;
    padding-right: 20px
  }
  
  .payment-description-text,
  .payment-fpx-description-text {
    color: #9a9a9a;
    text-align: center;
    margin-top: 40px
  }
  
  .payment-fpx-description-text {
    margin-top: 16px
  }
  
  .billing-address-form {
    padding-top: 15px;
    border-top: 1px solid #d8d8d8
  }
  
  @media screen and (max-width: 767px) {
    .billing-address-form .form-inline.form-inline-2 .form-group {
      margin-right: 0;
      margin-left: 0;
      width: 100%
    }
  }
  
  .mailing-address-error-msg .error-block {
    margin-top: 0
  }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0)
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }
  }
  
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
  }
  
  @-webkit-keyframes fadeOut {
    from {
      opacity: 1
    }
  
    to {
      opacity: 0
    }
  }
  
  @keyframes fadeOut {
    from {
      opacity: 1
    }
  
    to {
      opacity: 0
    }
  }
  
  .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
  }
  
  .page-cart .confirm-message>div,
  .page-checkout .confirm-message>div,
  .page-order-show .confirm-message>div {
    display: inline-block
  }
  
  .page-cart .confirm-message,
  .page-checkout .confirm-message,
  .page-order-show .confirm-message {
    display: inline-block;
    max-width: 100%;
    padding-left: 110px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 50%;
    transform: translateX(-50%)
  }
  
  .page-cart .confirm-message:before,
  .page-cart .confirm-message:after,
  .page-checkout .confirm-message:before,
  .page-checkout .confirm-message:after,
  .page-order-show .confirm-message:before,
  .page-order-show .confirm-message:after {
    content: " ";
    display: table
  }
  
  .page-cart .confirm-message:after,
  .page-checkout .confirm-message:after,
  .page-order-show .confirm-message:after {
    clear: both
  }
  
  .page-cart .confirm-message .fa-check,
  .page-checkout .confirm-message .fa-check,
  .page-order-show .confirm-message .fa-check {
    line-height: 100px;
    color: green;
    margin-left: -110px;
    text-align: center;
    font-size: 38px;
    font-weight: 300;
    border: 5px solid green;
    line-height: 51px;
    border-radius: 50%;
    width: 60px;
    height: 60px
  }
  
  .page-cart .confirm-message .payment-slip-upload-btn,
  .page-checkout .confirm-message .payment-slip-upload-btn,
  .page-order-show .confirm-message .payment-slip-upload-btn {
    width: 100%;
    padding: 9px
  }
  
  .page-cart .confirm-message h4,
  .page-checkout .confirm-message h4,
  .page-order-show .confirm-message h4 {
    margin-bottom: 5px
  }
  
  .page-cart .confirm-message p,
  .page-checkout .confirm-message p,
  .page-order-show .confirm-message p {
    line-height: 18px;
    margin-bottom: 15px
  }
  
  .page-cart .shipped-message,
  .page-checkout .shipped-message,
  .page-order-show .shipped-message {
    display: inline-block;
    max-width: 100%;
    padding-left: 110px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 50%;
    transform: translateX(-50%)
  }
  
  .page-cart .shipped-message:before,
  .page-cart .shipped-message:after,
  .page-checkout .shipped-message:before,
  .page-checkout .shipped-message:after,
  .page-order-show .shipped-message:before,
  .page-order-show .shipped-message:after {
    content: " ";
    display: table
  }
  
  .page-cart .shipped-message:after,
  .page-checkout .shipped-message:after,
  .page-order-show .shipped-message:after {
    clear: both
  }
  
  .page-cart .shipped-message .fa,
  .page-checkout .shipped-message .fa,
  .page-order-show .shipped-message .fa {
    line-height: 100px;
    margin-left: -110px;
    text-align: center;
    font-size: 38px;
    font-weight: 300;
    border: 5px solid green;
    line-height: 51px;
    border-radius: 50%;
    width: 60px;
    height: 60px
  }
  
  .page-cart .shipped-message h4,
  .page-checkout .shipped-message h4,
  .page-order-show .shipped-message h4 {
    line-height: 100px;
    margin: 0
  }
  
  .page-cart .order-detail-section,
  .page-cart .order-notification-section,
  .page-checkout .order-detail-section,
  .page-checkout .order-notification-section,
  .page-order-show .order-detail-section,
  .page-order-show .order-notification-section {
    margin: 0 0 15px 0
  }
  
  .page-cart .order-detail-section.delivery-detail .row span:nth-child(1),
  .page-checkout .order-detail-section.delivery-detail .row span:nth-child(1),
  .page-order-show .order-detail-section.delivery-detail .row span:nth-child(1) {
    word-break: normal
  }
  
  .page-cart .panel-order-info form[name="commentForm"],
  .page-checkout .panel-order-info form[name="commentForm"],
  .page-order-show .panel-order-info form[name="commentForm"] {
    margin-bottom: 15px
  }
  
  .page-cart .panel-order-info h4,
  .page-checkout .panel-order-info h4,
  .page-order-show .panel-order-info h4 {
    font-weight: 600
  }
  
  .page-cart .panel-order-info .panel-body>.row,
  .page-checkout .panel-order-info .panel-body>.row,
  .page-order-show .panel-order-info .panel-body>.row {
    word-break: break-all
  }
  
  .page-cart .panel-order-info .panel-footer,
  .page-checkout .panel-order-info .panel-footer,
  .page-order-show .panel-order-info .panel-footer {
    padding: 15px;
    background-color: white
  }
  
  .page-cart .panel-order-info .panel-footer:before,
  .page-cart .panel-order-info .panel-footer:after,
  .page-checkout .panel-order-info .panel-footer:before,
  .page-checkout .panel-order-info .panel-footer:after,
  .page-order-show .panel-order-info .panel-footer:before,
  .page-order-show .panel-order-info .panel-footer:after {
    content: " ";
    display: table
  }
  
  .page-cart .panel-order-info .panel-footer:after,
  .page-checkout .panel-order-info .panel-footer:after,
  .page-order-show .panel-order-info .panel-footer:after {
    clear: both
  }
  
  .page-cart .panel-order-info .delivery-detail>.row>span:first-child,
  .page-checkout .panel-order-info .delivery-detail>.row>span:first-child,
  .page-order-show .panel-order-info .delivery-detail>.row>span:first-child {
    padding-right: 14px
  }
  
  .page-cart .panel-order-info .link,
  .page-checkout .panel-order-info .link,
  .page-order-show .panel-order-info .link {
    color: #337ab7;
    text-decoration: underline
  }
  
  .page-cart .order-hint-section,
  .page-checkout .order-hint-section,
  .page-order-show .order-hint-section {
    padding: 10px 15px 6px 15px
  }
  
  .page-cart .order-hint-section .alert.hint,
  .page-checkout .order-hint-section .alert.hint,
  .page-order-show .order-hint-section .alert.hint {
    display: inline-block;
    margin: 0;
    font-size: 14px
  }
  
  .page-cart .order-hint-section .alert.hint i.fa,
  .page-checkout .order-hint-section .alert.hint i.fa,
  .page-order-show .order-hint-section .alert.hint i.fa {
    font-size: 15px
  }
  
  .page-cart .panel-check-order,
  .page-checkout .panel-check-order,
  .page-order-show .panel-check-order {
    display: flex;
    align-items: center;
    justify-content: space-between
  }
  
  .page-cart .panel-check-order .panel-check-order-title,
  .page-checkout .panel-check-order .panel-check-order-title,
  .page-order-show .panel-check-order .panel-check-order-title {
    margin-top: 0
  }
  
  .page-cart .btn-continue-shopping,
  .page-checkout .btn-continue-shopping,
  .page-order-show .btn-continue-shopping {
    min-width: 45%
  }
  
  .page-cart .chat-widget>.padding-md,
  .page-checkout .chat-widget>.padding-md,
  .page-order-show .chat-widget>.padding-md {
    padding: 0
  }
  
  .page-cart .chat-widget+.box-body,
  .page-checkout .chat-widget+.box-body,
  .page-order-show .chat-widget+.box-body {
    margin: 0 !important
  }
  
  .modal-confirm .modal-header {
    border: none
  }
  
  .modal-confirm .modal-body h5 {
    font-size: 18px;
    letter-spacing: 0.3px;
    color: #333333;
    padding: 20px 0
  }
  
  .modal-confirm .modal-footer {
    border: none;
    padding: 0 10px 10px;
    font-size: 14px
  }
  
  .modal-confirm .modal-footer button {
    display: inline-block;
    height: 32px;
    border-radius: 3px;
    width: 80px;
    letter-spacing: 0.5px
  }
  
  .modal-confirm .modal-footer .btn-cancel {
    background-color: #ffffff;
    border: solid 1px #cccccc;
    color: #666666
  }
  
  .modal-confirm .modal-footer .btn-confirm {
    background-color: #c93020;
    border: solid 1px #c93020;
    color: #ffffff
  }
  
  .page-cart,
  .page-checkout,
  .page-order-show,
  .page-apply-return,
  .page-return-order-show {
    font-size: 14px
  }
  
  @media (max-width: 480px) {
  
    .page-cart .container,
    .page-checkout .container,
    .page-order-show .container,
    .page-apply-return .container,
    .page-return-order-show .container {
      padding-right: 15px;
      padding-left: 15px
    }
  }
  
  @media (min-width: 480px) and (max-width: 750px) {
  
    .page-cart .container,
    .page-checkout .container,
    .page-order-show .container,
    .page-apply-return .container,
    .page-return-order-show .container {
      padding-right: 15px;
      padding-left: 15px
    }
  }
  
  @media (min-width: 768px) {
  
    .page-cart .container,
    .page-checkout .container,
    .page-order-show .container,
    .page-apply-return .container,
    .page-return-order-show .container {
      width: 750px
    }
  }
  
  @media (min-width: 992px) {
  
    .page-cart .container,
    .page-checkout .container,
    .page-order-show .container,
    .page-apply-return .container,
    .page-return-order-show .container {
      width: 970px
    }
  }
  
  @media (min-width: 1200px) {
  
    .page-cart .container,
    .page-checkout .container,
    .page-order-show .container,
    .page-apply-return .container,
    .page-return-order-show .container {
      width: 1170px
    }
  }
  
  @media (max-width: 480px) {
  
    .page-cart .row,
    .page-checkout .row,
    .page-order-show .row,
    .page-apply-return .row,
    .page-return-order-show .row {
      margin-left: -15px;
      margin-right: -15px;
      width: auto
    }
  }
  
  @media (min-width: 480px) and (max-width: 750px) {
  
    .page-cart .row,
    .page-checkout .row,
    .page-order-show .row,
    .page-apply-return .row,
    .page-return-order-show .row {
      margin-left: -15px;
      margin-right: -15px;
      width: auto
    }
  }
  
  @media screen and (max-width: 991px) {
  
    .page-cart .row,
    .page-checkout .row,
    .page-order-show .row,
    .page-apply-return .row,
    .page-return-order-show .row {
      margin-left: -15px;
      margin-right: -15px;
      width: auto
    }
  }
  
  @media (min-width: 992px) {
  
    .page-cart .row,
    .page-checkout .row,
    .page-order-show .row,
    .page-apply-return .row,
    .page-return-order-show .row {
      margin-left: -15px;
      margin-right: -15px;
      width: auto
    }
  }
  
  .page-cart label,
  .page-checkout label,
  .page-order-show label,
  .page-apply-return label,
  .page-return-order-show label {
    font-weight: 400
  }
  
  .page-cart .panel,
  .page-checkout .panel,
  .page-order-show .panel,
  .page-apply-return .panel,
  .page-return-order-show .panel {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #EDEDED;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px
  }
  
  .page-cart .panel-transparent,
  .page-checkout .panel-transparent,
  .page-order-show .panel-transparent,
  .page-apply-return .panel-transparent,
  .page-return-order-show .panel-transparent {
    background-color: transparent
  }
  
  .page-cart .alert,
  .page-checkout .alert,
  .page-order-show .alert,
  .page-apply-return .alert,
  .page-return-order-show .alert {
    margin-bottom: 30px
  }
  
  .page-cart .alert-danger .alert-highlight,
  .page-checkout .alert-danger .alert-highlight,
  .page-order-show .alert-danger .alert-highlight,
  .page-apply-return .alert-danger .alert-highlight,
  .page-return-order-show .alert-danger .alert-highlight {
    color: inherit;
    text-decoration: underline
  }
  
  .page-cart .input-group-btn .btn,
  .page-checkout .input-group-btn .btn,
  .page-order-show .input-group-btn .btn,
  .page-apply-return .input-group-btn .btn,
  .page-return-order-show .input-group-btn .btn {
    border-radius: 0
  }
  
  .page-cart form .form-group:last-child,
  .page-cart form .form-group :last-child,
  .page-checkout form .form-group:last-child,
  .page-checkout form .form-group :last-child,
  .page-order-show form .form-group:last-child,
  .page-order-show form .form-group :last-child,
  .page-apply-return form .form-group:last-child,
  .page-apply-return form .form-group :last-child,
  .page-return-order-show form .form-group:last-child,
  .page-return-order-show form .form-group :last-child {
    margin-bottom: 0
  }
  
  .page-cart form textarea,
  .page-checkout form textarea,
  .page-order-show form textarea,
  .page-apply-return form textarea,
  .page-return-order-show form textarea {
    resize: vertical;
    padding: 8px
  }
  
  .page-cart .panel,
  .page-checkout .panel,
  .page-order-show .panel,
  .page-apply-return .panel,
  .page-return-order-show .panel {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #EDEDED;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  
  .page-cart section,
  .page-checkout section,
  .page-order-show section,
  .page-apply-return section,
  .page-return-order-show section {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #EDEDED;
    margin-bottom: 30px;
    padding: 0 15px;
    background-color: white
  }
  
  .page-cart section .section-header,
  .page-checkout section .section-header,
  .page-order-show section .section-header,
  .page-apply-return section .section-header,
  .page-return-order-show section .section-header {
    padding: 10px 15px;
    margin: 0 -15px;
    font-weight: 500;
    background-color: #F6F6F6;
    line-height: 26px
  }
  
  .page-cart section .section-header h3,
  .page-checkout section .section-header h3,
  .page-order-show section .section-header h3,
  .page-apply-return section .section-header h3,
  .page-return-order-show section .section-header h3 {
    padding: 2px 0;
    font-weight: 500;
    margin: 0;
    font-size: 18px;
    line-height: 22px
  }
  
  .page-cart section h5,
  .page-checkout section h5,
  .page-order-show section h5,
  .page-apply-return section h5,
  .page-return-order-show section h5 {
    font-size: 14px
  }
  
  .page-cart section hr,
  .page-checkout section hr,
  .page-order-show section hr,
  .page-apply-return section hr,
  .page-return-order-show section hr {
    display: block
  }
  
  .page-cart section .section-body,
  .page-checkout section .section-body,
  .page-order-show section .section-body,
  .page-apply-return section .section-body,
  .page-return-order-show section .section-body {
    padding: 15px 0
  }
  
  .page-cart section .table-header,
  .page-cart section .table-row,
  .page-checkout section .table-header,
  .page-checkout section .table-row,
  .page-order-show section .table-header,
  .page-order-show section .table-row,
  .page-apply-return section .table-header,
  .page-apply-return section .table-row,
  .page-return-order-show section .table-header,
  .page-return-order-show section .table-row {
    padding: 15px
  }
  
  .page-cart section .table-row,
  .page-checkout section .table-row,
  .page-order-show section .table-row,
  .page-apply-return section .table-row,
  .page-return-order-show section .table-row {
    border-top: 1px solid #EDEDED;
    border-bottom: none
  }
  
  .page-cart section>*:not(:last-child),
  .page-checkout section>*:not(:last-child),
  .page-order-show section>*:not(:last-child),
  .page-apply-return section>*:not(:last-child),
  .page-return-order-show section>*:not(:last-child) {
    border-bottom: 1px solid #EDEDED
  }
  
  .page-cart .form-group:not(.has-error) select:disabled,
  .page-cart .form-group:not(.has-error) input[disabled],
  .page-checkout .form-group:not(.has-error) select:disabled,
  .page-checkout .form-group:not(.has-error) input[disabled],
  .page-order-show .form-group:not(.has-error) select:disabled,
  .page-order-show .form-group:not(.has-error) input[disabled],
  .page-apply-return .form-group:not(.has-error) select:disabled,
  .page-apply-return .form-group:not(.has-error) input[disabled],
  .page-return-order-show .form-group:not(.has-error) select:disabled,
  .page-return-order-show .form-group:not(.has-error) input[disabled] {
    background-color: #EFEFEF !important;
    color: #7D7D7D !important
  }
  
  .page-cart .margin-top-large,
  .page-checkout .margin-top-large,
  .page-order-show .margin-top-large,
  .page-apply-return .margin-top-large,
  .page-return-order-show .margin-top-large {
    margin-top: 30px
  }
  
  .page-cart .margin-top-standard,
  .page-checkout .margin-top-standard,
  .page-order-show .margin-top-standard,
  .page-apply-return .margin-top-standard,
  .page-return-order-show .margin-top-standard {
    margin-top: 15px
  }
  
  .page-cart .margin-top-small,
  .page-checkout .margin-top-small,
  .page-order-show .margin-top-small,
  .page-apply-return .margin-top-small,
  .page-return-order-show .margin-top-small {
    margin-top: 5px
  }
  
  .page-cart .margin-bottom-standard,
  .page-checkout .margin-bottom-standard,
  .page-order-show .margin-bottom-standard,
  .page-apply-return .margin-bottom-standard,
  .page-return-order-show .margin-bottom-standard {
    margin-bottom: 15px
  }
  
  .page-cart .margin-bottom-small,
  .page-checkout .margin-bottom-small,
  .page-order-show .margin-bottom-small,
  .page-apply-return .margin-bottom-small,
  .page-return-order-show .margin-bottom-small {
    margin-bottom: 5px
  }
  
  .page-cart .margin-bottom-none,
  .page-checkout .margin-bottom-none,
  .page-order-show .margin-bottom-none,
  .page-apply-return .margin-bottom-none,
  .page-return-order-show .margin-bottom-none {
    margin-bottom: 0
  }
  
  .page-cart .sk-three-bounce,
  .page-checkout .sk-three-bounce,
  .page-order-show .sk-three-bounce,
  .page-apply-return .sk-three-bounce,
  .page-return-order-show .sk-three-bounce {
    margin: 0;
    width: 40px
  }
  
  .page-cart .sk-three-bounce .sk-child,
  .page-checkout .sk-three-bounce .sk-child,
  .page-order-show .sk-three-bounce .sk-child,
  .page-apply-return .sk-three-bounce .sk-child,
  .page-return-order-show .sk-three-bounce .sk-child {
    width: 9px;
    height: 9px;
    letter-spacing: 0
  }
  
  .page-cart .tappay-hint,
  .page-checkout .tappay-hint,
  .page-order-show .tappay-hint,
  .page-apply-return .tappay-hint,
  .page-return-order-show .tappay-hint {
    color: #737373;
    font-size: 13px
  }
  
  .checkout-nav {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
  }
  
  .checkout-nav .step {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    max-width: 33%;
    margin-left: -2px;
    margin-right: -2px;
    color: black
  }
  
  .checkout-nav .step span {
    display: block;
    padding: 0 5px
  }
  
  .checkout-nav .step .badge {
    position: relative;
    background-color: transparent;
    height: 50px;
    line-height: 50px;
    padding: 0
  }
  
  .checkout-nav .step .badge::before {
    content: " ";
    background-color: #CCCCCC;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    z-index: 0
  }
  
  .checkout-nav .step .badge::after {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: " ";
    background-color: #CCCCCC;
    height: 30px;
    width: 30px;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 0
  }
  
  .checkout-nav .step .badge .text {
    position: absolute;
    width: 100%;
    z-index: 1
  }
  
  .checkout-nav .step:first-child .badge::before {
    width: 50%;
    left: 50%
  }
  
  .checkout-nav .step:last-child .badge::before {
    width: 50%;
    right: 50%
  }
  
  .checkout-nav .step.visited .badge::after,
  .checkout-nav .step.active .badge::after {
    background-color: #9DAAB2
  }
  
  .page-order-show .return-order-block {
    text-align: center
  }
  
  .page-order-show .return-order-block .return-order-btn {
    margin-bottom: 10px;
    padding: 9px 30px
  }
  
  .page-order-show .return-order-block .return-order-deadline {
    font-size: 12px;
    color: #737373;
    padding: 0
  }
  
  .page-order-show .return-order-block .return-order-deadline.warning {
    color: #970100
  }
  
  .page-order-show .payment-slip-upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px
  }
  
  .page-order-show .payment-slip-upload-btn i {
    font-size: 12px;
    margin-right: 5px
  }
  
  #checkout-errors ul {
    padding-left: 16px
  }
  
  .address-module-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 15px 24px
  }
  
  [address-module] .form-group-address {
    display: flex;
    flex-direction: column
  }
  
  [address-module] .form-group-address .control-label {
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 5px
  }
  
  [address-module] .form-group-address .controls {
    width: 100% !important
  }
  
  [address-module] .form-group-address .help-block {
    margin-bottom: 0
  }
  
  [address-module] .form-group-address .form-control {
    text-overflow: ellipsis;
    overflow: hidden
  }
  
  [address-module] .form-group-address .form-control ::placeholder {
    text-overflow: ellipsis;
    overflow: hidden
  }
  
  [address-module] .logistic-codes-input,
  [address-module] .address-node-ids-input {
    display: none
  }
  
  .MemberCenter .address-module-block .form-group,
  .MemberCenter .address-module-block .form-group-address,
  .member-content-center .address-module-block .form-group,
  .member-content-center .address-module-block .form-group-address {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
  }
  
  .MemberCenter .address-module-block .form-group .control-label,
  .MemberCenter .address-module-block .form-group-address .control-label,
  .member-content-center .address-module-block .form-group .control-label,
  .member-content-center .address-module-block .form-group-address .control-label {
    font-size: 14px !important;
    line-height: 19px;
    padding-bottom: 5px;
    width: 100%
  }
  
  .MemberCenter .address-module-block .form-group .controls,
  .MemberCenter .address-module-block .form-group-address .controls,
  .member-content-center .address-module-block .form-group .controls,
  .member-content-center .address-module-block .form-group-address .controls {
    width: 100% !important
  }
  
  .MemberCenter .address-module-block .address-recipient-name,
  .MemberCenter .address-module-block .address-recipient-phone,
  .member-content-center .address-module-block .address-recipient-name,
  .member-content-center .address-module-block .address-recipient-phone {
    margin-bottom: 15px
  }
  
  #delivery-form-content .address-module-grid {
    margin-bottom: 15px;
    gap: 15px 16px
  }
  
  form[name="deliveryForm"] .radio [address-module] {
    display: inline-block
  }
  
  .page-apply-return .return-section-title.has-error {
    color: #a94442
  }
  
  .page-apply-return .not-select-return-error {
    display: inline-block;
    color: #a94442;
    margin-bottom: 30px
  }
  
  .page-apply-return .return-items-section.has-return-error {
    margin-bottom: 0
  }
  
  .page-apply-return .return-items-section .table-header {
    padding-left: 0;
    padding-right: 0
  }
  
  .page-apply-return .return-items-section .return-item-row.table-row {
    padding-left: 0;
    padding-right: 0
  }
  
  .page-apply-return .return-items-section .return-item-row .item-information {
    display: flex
  }
  
  .page-apply-return .return-items-section .return-item-row .item-information .product-image {
    float: unset;
    display: block
  }
  
  .page-apply-return .return-items-section .return-item-row .return-item-checkbox {
    align-self: center;
    margin-right: 13px
  }
  
  .page-apply-return .return-items-section .return-item-row .return-item-checkbox.has-error {
    outline: 1px solid #a94442
  }
  
  .page-apply-return .return-items-section .return-reason {
    background-color: #f9f9f9;
    padding: 20px 15px 20px 110px;
    margin-left: -15px;
    margin-right: -15px
  }
  
  .member-content-center {
    max-width: 100%;
    margin-bottom: 6%
  }
  
  .member-content-center .nav-tabs {
    margin-bottom: 45px
  }
  
  .member-content-center .tab-pane .order-container>.box-info {
    border: none
  }
  
  .member-content-center .tab-pane .order-container td {
    vertical-align: middle;
    line-height: 1
  }
  
  .member-content-center .loading-items img {
    width: auto;
    margin: 0 auto
  }
  
  .member-content-center #store-credits th {
    text-align: center
  }
  
  .member-content-center #store-credits th,
  .member-content-center .order-container th {
    font-size: 12px
  }
  
  .member-content-center .table {
    font-size: 14px
  }
  
  .member-content-center .order-container th {
    width: 20%
  }
  
  .member-content-center .order-container th:nth-of-type(1) {
    width: 25%
  }
  
  .member-content-center .order-container th:nth-of-type(5) {
    min-width: 230px
  }
  
  .member-content-center .order-container .btn-view-return-order {
    margin-right: 5px;
    border: solid 1px #d1d1d1;
    color: #737373
  }
  
  .member-content-center .order-container .btn-view-return-order:hover {
    color: #737373;
    background-color: #efefef
  }
  
  .member-content-center .order-container td {
    position: relative;
    vertical-align: middle
  }
  
  .member-content-center .order-container td .product-subscription-label {
    position: absolute;
    margin-left: 5px;
    margin-top: -2px
  }
  
  .member-content-center .load-more-wrapper {
    margin: 10px 0 20px
  }
  
  .member-content-center .no-order .container {
    width: auto
  }
  
  @media screen and (max-width: 767px) {
    .member-content-center .content-tabset {
      border: none
    }
  }
  
  .member-content-center .tabset-arrow-left {
    position: fixed;
    font-size: 16px;
    left: 10px;
    top: 68px;
    display: none;
    z-index: 2
  }
  
  .member-content-center .tabset-arrow-right {
    position: fixed;
    font-size: 16px;
    right: 10px;
    top: 68px;
    z-index: 2
  }
  
  .member-content-center .intl-tel-input-block {
    width: 100%
  }
  
  .member-content-center .intl-tel-input-block select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 52px;
    margin: 0
  }
  
  .member-content-center .mobile-phone-control,
  .member-content-center .email-control {
    position: relative
  }
  
  .member-content-center .mobile-phone-control .select-saved-phones-btn,
  .member-content-center .email-control .select-saved-phones-btn {
    position: absolute;
    right: 0
  }
  
  .member-content-center .mobile-phone-control .help-hint-danger,
  .member-content-center .email-control .help-hint-danger {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #a94442;
    font-size: 12px
  }
  
  @media screen and (max-width: 767px) {
  
    .member-content-center .mobile-phone-control .help-hint-danger,
    .member-content-center .email-control .help-hint-danger {
      top: 40px
    }
  }
  
  .member-content-center .mobile-phone-control .help-hint-success,
  .member-content-center .email-control .help-hint-success {
    color: #30652f;
    font-size: 12px;
    margin-left: 5px
  }
  
  .member-content-center .mobile-phone-control .fa-icon,
  .member-content-center .email-control .fa-icon {
    margin-right: 3px
  }
  
  .member-content-center .mobile-phone-control .mobile-phone-text,
  .member-content-center .email-control .mobile-phone-text {
    margin: 0px
  }
  
  .member-content-center .mobile-phone-control .mobile-phone-text .help-hint-danger,
  .member-content-center .email-control .mobile-phone-text .help-hint-danger {
    top: auto
  }
  
  .member-content-center .email-group {
    margin-bottom: 20px
  }
  
  .member-content-center .email-group .email-control .form-group {
    margin-bottom: 0px
  }
  
  .member-content-center .email-group .email-control .help-hint-success {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #30652f;
    font-size: 12px
  }
  
  @media screen and (max-width: 767px) {
    .member-content-center .email-group .email-control .help-hint-success {
      top: 40px
    }
  }
  
  .member-content-center .phone-input-wrapper .intl-tel-input {
    width: 94%
  }
  
  .member-content-center .format-error {
    margin-top: 10px
  }
  
  .member-content-center .email-verification-hint {
    font-family: PingFangTC;
    font-size: 13px;
    color: #737373;
    margin-top: -15px
  }
  
  .member-content-center .order-container .box-info.full tr {
    text-align: left
  }
  
  .member-content-center .btn-custom.btn-buy-now {
    margin-top: 10px
  }
  
  @media screen and (max-width: 1024px) {
    .member-content-center .btn-custom.btn-buy-now {
      display: none
    }
  }
  
  .email-verification-dialog .description {
    margin: 10px 0px
  }
  
  .member-center-title {
    text-align: left;
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 500
  }
  
  .member-center-title .hello {
    display: inline-block;
    margin: 0 30px 0 0
  }
  
  .member-center-logout {
    display: inline-block
  }
  
  .member-center-logout #signoutForm .btn-link {
    background-color: transparent;
    color: #333;
    text-decoration: underline;
    padding: 0;
    font-size: inherit
  }
  
  .member-center-select {
    color: #3493fb;
    vertical-align: text-top
  }
  
  .member-center-phones .controls {
    width: 100% !important
  }
  
  .phone-update {
    color: #3493fb;
    display: block;
    margin-top: -5px
  }
  
  .phone-delete {
    line-height: 44px
  }
  
  .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle,
  .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:active,
  .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:visited,
  .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:hover,
  .btn:not(.btn-clear):not(.btn-checkout).member-profile-save,
  .btn:not(.btn-clear):not(.btn-checkout).member-profile-save:active,
  .btn:not(.btn-clear):not(.btn-checkout).member-profile-save:visited,
  .btn:not(.btn-clear):not(.btn-checkout).member-profile-save:hover {
    border-radius: 4px
  }
  
  .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle,
  .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:active,
  .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:visited,
  .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:hover {
    background-color: transparent;
    border: 1px solid #ccc;
    color: #333
  }
  
  .tab-pane .edit-group {
    background-color: #fff;
    font-size: 14px
  }
  
  .tab-pane .edit-group label,
  .tab-pane .edit-group .controls {
    padding: 0;
    text-align: left
  }
  
  .tab-pane .edit-group label {
    display: inline-block;
    width: 130px;
    vertical-align: middle
  }
  
  .tab-pane .edit-group label.label-empty {
    display: inline-block !important
  }
  
  .tab-pane .edit-group .controls,
  .tab-pane .edit-group .edit-input-group {
    width: calc(100% - 134px)
  }
  
  .tab-pane .edit-group .edit-input-group {
    text-align: left
  }
  
  .tab-pane .member-center-vertical-top label {
    vertical-align: text-top
  }
  
  .tab-pane .member-center-vertical-top.label-top label {
    vertical-align: top
  }
  
  .tab-pane .form-control {
    border: 1px solid #ddd
  }
  
  .tab-pane #userForm .box-info.edit-group {
    border: none;
    padding: 0
  }
  
  @media screen and (max-width: 767px) {
    .tab-pane .users-edit-buttons {
      width: 100%
    }
  }
  
  .tab-pane .chat-container {
    max-width: 100%
  }
  
  .tab-pane .order-container th {
    text-align: center
  }
  
  .content.content-with-tabset {
    max-width: 600px
  }
  
  .content-tabset {
    width: 600px;
    border: 1px solid #ddd;
    font-size: 14px;
    background-color: #fff;
    max-width: 100%;
    overflow: hidden
  }
  
  .content-tabset.tabset-member-center {
    width: 100%;
    overflow: visible
  }
  
  .content-tabset hr {
    border-color: #ddd;
    width: calc(100% + 40px);
    margin: 20px 0 20px -20px;
    display: block
  }
  
  .content-tabset .links-container {
    margin: 20px 0 0
  }
  
  .content-tabset .links-container a {
    color: #666;
    font-size: 14px
  }
  
  .content-tabset .links-container a:nth-of-type(1) {
    margin-bottom: 8px;
    display: inline-block
  }
  
  .content-tabset label {
    font-weight: normal;
    display: block
  }
  
  .content-tabset .divider {
    margin: 10px auto;
    width: auto
  }
  
  .content-tabset .form-group {
    margin-bottom: 20px
  }
  
  .content-tabset .notice-content {
    color: #666;
    font-size: 12px;
    margin-top: 7px
  }
  
  .nav-tabs {
    margin-bottom: 20px
  }
  
  .nav-tabs.nav-justified>li>a {
    border-radius: 0;
    background-color: #fbfbfb;
    border-color: transparent #ddd #ddd transparent;
    margin-right: 0;
    padding: 20px 15px;
    color: #333
  }
  
  .nav-tabs.nav-justified>li:nth-last-of-type(1)>a {
    border-right-color: transparent !important
  }
  
  .nav-tabs.nav-justified>li.active>a,
  .nav-tabs.nav-justified>li.active a:hover,
  .nav-tabs.nav-justified>li.active>a:focus {
    background-color: #fff;
    border-color: transparent #ddd transparent transparent
  }
  
  .tab-pane {
    padding: 0 40px;
    margin-bottom: 30px
  }
  
  .tab-pane a.btn.btn-facebook-login,
  .tab-pane button.btn.btn-success {
    border-radius: 4px !important;
    font-size: 14px;
    cursor: pointer
  }
  
  .tab-pane button.btn.btn-success {
    background-color: #3493fb;
    border-color: #3493fb
  }
  
  .tab-pane button.btn.btn-success:hover {
    background-color: #3493fb;
    opacity: 0.8;
    border-color: #3493fb
  }
  
  .tab-pane .line-input {
    border: 1px solid #ddd;
    padding: 10px 20px;
    width: 100%;
    border-radius: 0;
    outline: none;
    color: #666
  }
  
  .tab-pane select.line-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }
  
  .tab-pane select.line-input::-ms-expand {
    display: none
  }
  
  .tab-pane select.line-input:after {
    content: ''
  }
  
  .tabset-title {
    text-align: center;
    margin-bottom: 20px
  }
  
  .input-dropdown {
    position: relative
  }
  
  .input-dropdown .dropdown-arrow {
    position: absolute;
    top: 0;
    right: 5px;
    line-height: 42px
  }
  
  .datepicker-section table {
    color: initial
  }
  
  .datepicker-section .btn-datepicker {
    width: 15%;
    height: 44px;
    vertical-align: top;
    line-height: 0;
    padding: 0
  }
  
  .tnc-checkbox-error {
    color: #a94442
  }
  
  .tnc-checkbox-error .agree-highlight {
    color: #a94442
  }
  
  @media screen and (min-width: 768px) {
    .member-content-center .nav-tabs {
      display: -webkit-flex;
      display: flex
    }
  
    .member-content-center .nav-justified li {
      flex: 1
    }
  
    .tabset-arrow-left,
    .tabset-arrow-right {
      display: none
    }
  
    .tabset-arrow-left,
    .tabset-arrow-right {
      display: none !important
    }
  
    .member-content-center {
      margin-top: 10px;
      margin-bottom: 0
    }
  
    .member-content-center .panel {
      box-shadow: none;
      -webkit-box-shadow: none
    }
  
    .member-content-center .product-review-block .product-review-description {
      border: 1px solid #ddd;
      padding: 15px 0 15px 15px
    }
  
    .member-content-center .product-review-block .product-review-description p {
      margin: 0
    }
  
    .member-content-center .product-review-block .product-review-description .product-review-description-title {
      font-weight: 600
    }
  
    .member-content-center .product-review-block .product-review-description .product-review-description-content {
      margin-top: 3px;
      margin-bottom: 0px
    }
  
    .member-content-center .product-review-block .product-review-button {
      margin-left: 90%;
      position: absolute;
      right: 40px;
      padding: 0;
      margin-top: -60px
    }
  }
  
  @media screen and (max-width: 767px) {
    .member-content-center {
      position: relative;
      margin-top: 0
    }
  
    .container .member-center-title {
      position: inherit;
      top: 80px
    }
  
    .container .member-center-title .member-content-center {
      margin-top: 20px
    }
  
    .container .member-center-title .member-content-center .panel {
      box-shadow: none;
      -webkit-box-shadow: none
    }
  
    .container .member-center-title .member-content-center .product-review-block .product-review-description p {
      margin: 0
    }
  
    .container .member-center-title .member-content-center .product-review-block .product-review-description .product-review-description-title {
      font-weight: 600;
      font-size: 16px
    }
  
    .container .member-center-title .member-content-center .product-review-block .product-review-description .product-review-description-content {
      font-size: 13px
    }
  
    .container .member-center-title .member-content-center .product-review-block .product-review-button {
      display: grid;
      padding-top: 15px
    }
  
    .member-content-center .address .form-group {
      margin-bottom: 0px
    }
  
    .member-content-center .nav-tabs {
      white-space: nowrap;
      text-align: left;
      overflow-x: auto;
      overflow-y: hidden;
      font-size: 14px;
      background-color: #fcfcfc;
      position: fixed;
      top: 51px;
      left: 0;
      z-index: 999
    }
  
    .member-content-center .nav-justified li {
      margin-left: -4px;
      padding: 15px 20px;
      min-width: 25%;
      float: none;
      width: auto;
      text-align: center;
      display: inline-block
    }
  
    .member-content-center .nav-justified li:nth-of-type(1) {
      margin-left: 0
    }
  
    .member-content-center .nav-justified li.active a,
    .member-content-center .nav-justified li.active a:hover,
    .member-content-center .nav-justified li.active a:active,
    .member-content-center .nav-justified li.active a:focus {
      background-color: transparent;
      border-style: solid;
      border-width: 0 0 3px;
      border-bottom-color: #757575;
      color: #333;
      font-weight: 500
    }
  
    .member-content-center .nav-justified li>a {
      padding: 5px 0
    }
  
    .member-content-center .nav-justified a {
      padding: 0;
      border: none;
      color: #666;
      display: inline
    }
  
    .member-content-center .tab-pane {
      padding: 0 15px
    }
  
    .member-content-center .tab-content {
      margin-top: 130px
    }
  
    .member-content-center .content-tabset {
      border: none
    }
  
    .member-center-title {
      position: absolute;
      top: -50px;
      left: 15px;
      font-size: 15px;
      width: calc(100% - 30px)
    }
  
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:active,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:visited,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:hover,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-save,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-save:active,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-save:visited,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-save:hover {
      width: 100%
    }
  
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:active,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:visited,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-cancle:hover,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-save,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-save:active,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-save:visited,
    .btn:not(.btn-clear):not(.btn-checkout).member-profile-save:hover {
      margin-bottom: 10px
    }
  
    .tab-pane .edit-group label {
      width: 100%
    }
  
    .tab-pane .edit-group .controls,
    .tab-pane .edit-group .edit-input-group {
      width: 100%
    }
  
    .tab-pane #userForm .box-info.edit-group {
      border-bottom: 1px solid #ddd
    }
  
    .tab-pane #userForm .box-info.edit-group:nth-last-of-type(1) {
      border-bottom-width: 0
    }
  
    .content.content-with-tabset {
      max-width: calc(100% - 5px)
    }
  
    .content-2-tabset .nav-justified li {
      float: left;
      width: 50%
    }
  
    .content-tabset {
      width: 100%;
      margin: 0
    }
  
    .content-tabset hr {
      width: 100%;
      margin-left: 0
    }
  
    .content-tabset .notice-content {
      font-size: 14px
    }
  
    .tab-pane {
      padding: 0 20px;
      margin-bottom: 20px
    }
  
    .tab-pane button.btn.btn-success {
      padding: 10px 0
    }
  
    .tab-pane .line-input {
      min-width: 100%
    }
  
    .users-edit-container {
      padding: 0
    }
  
    .in-authentication-page .container .row .content-with-tabset {
      padding-top: 20px
    }
  
    .member-content-center #userForm .box-info:nth-of-type(1) span {
      margin: 0 0 0 20px !important
    }
  }
  
  @media screen and (max-width: 384px) {
    .member-content-center .nav-justified li {
      padding: 15px 10px
    }
  }
  
  @media screen and (max-width: 360px) {
    .member-content-center .nav-justified li {
      padding: 15px 5px
    }
  }
  
  @media screen and (max-width: 320px) {
    .member-content-center #userForm .box-info:nth-of-type(1) span {
      margin: 0 0 0 10px !important;
      font-size: 12px
    }
  
    .member-content-center .nav-justified li {
      padding: 15px 0
    }
  }
  
  .MemberCenter .form-group {
    margin-bottom: 20px
  }
  
  .MemberCenter .edit-group {
    border: none;
    padding: 0;
    background-color: #fff
  }
  
  .MemberCenter .edit-group label {
    word-break: break-word
  }
  
  .MemberCenter .edit-group label .fa-question-circle {
    margin-left: 4px
  }
  
  .MemberCenter .edit-group label,
  .MemberCenter .edit-group .controls {
    padding: 0;
    text-align: left;
    font-weight: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 129px;
    vertical-align: middle
  }
  
  @media screen and (max-width: 767px) {
  
    .MemberCenter .edit-group label,
    .MemberCenter .edit-group .controls {
      width: 100%
    }
  }
  
  .MemberCenter .edit-group .form-control {
    border: 1px solid #ddd
  }
  
  .MemberCenter .edit-input-group {
    text-align: left
  }
  
  .MemberCenter .edit-group .controls,
  .MemberCenter .edit-group .edit-input-group {
    width: calc(100% - 134px)
  }
  
  @media screen and (max-width: 767px) {
  
    .MemberCenter .edit-group .controls,
    .MemberCenter .edit-group .edit-input-group {
      width: 100%;
      text-align: left
    }
  }
  
  @media screen and (max-width: 767px) {
    .MemberCenter .users-edit-buttons {
      width: 100%
    }
  }
  
  .MemberCenter .mobile-phone-control .help-hint-danger {
    right: 30px
  }
  
  @media screen and (max-width: 767px) {
    .MemberCenter #userForm .box-info.edit-group:not(:last-child) {
      border-bottom: 1px solid #ddd
    }
  }
  
  .MemberCenter .edit-group .controls {
    display: inline-block
  }
  
  .MemberCenter .edit-group .edit-delete {
    color: #7F7F7F
  }
  
  .MemberCenter .edit-group .help-block {
    margin-right: 0;
    margin-top: 0
  }
  
  .MemberCenter .birthday-datepicker-block>.form-group>.controls {
    display: inline-flex
  }
  
  .MemberCenter .member-center-vertical-top.label-top label {
    vertical-align: top
  }
  
  .MemberCenter select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist
  }
  
  @media screen and (min-width: 768px) {
    .MemberCenter .Wishlist-block {
      text-align: left
    }
  }
  
  .line-messenger {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-top: 4px;
    padding-bottom: 4px
  }
  
  .line-messenger .app-icon {
    height: 20px;
    width: 57px;
    display: inline-block;
    vertical-align: middle
  }
  
  .line-messenger input[type='checkbox'] {
    display: inline-block;
    vertical-align: middle;
    margin: 0
  }
  
  .line-messenger .message {
    display: inline-block;
    vertical-align: middle
  }
  
  .line-messenger .clear-btn {
    color: #337ab7;
    border: none;
    background: none;
    padding: 0 8px;
    display: inline-block;
    cursor: pointer;
    outline: none
  }
  
  .line-subscription-button,
  .line-deactivate-subscription-button,
  .facebook-deactivate-subscription-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px 7px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    background-color: #fff;
    color: #58be39;
    white-space: nowrap;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.28;
    cursor: pointer
  }
  
  .line-subscription-button svg,
  .line-deactivate-subscription-button svg,
  .facebook-deactivate-subscription-button svg {
    margin-right: 5px;
    width: 20px;
    height: 20px
  }
  
  .line-deactivate-subscription-button {
    color: #c2c2c2
  }
  
  .line-deactivate-subscription-button .fa-check-circle-o {
    margin-right: 5px;
    color: #58be39;
    font-size: 18px
  }
  
  .facebook-deactivate-subscription-button {
    color: #c2c2c2
  }
  
  .facebook-deactivate-subscription-button .fa-check-circle-o {
    margin-right: 5px;
    color: #0584ff;
    font-size: 18px
  }
  
  .line-liff-page .container {
    text-align: center;
    padding: 0 18px
  }
  
  .line-liff-page img {
    width: 100%;
    margin: 0 auto
  }
  
  .line-liff-page .title {
    font-size: 20px;
    font-weight: 600;
    color: #333
  }
  
  .line-liff-page .description {
    font-size: 16px;
    color: #5b5b5b
  }
  
  .line-liff-page .btn-submit {
    background-color: #52af52;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 0;
    position: fixed;
    bottom: 0
  }
  
  .line-quick-sign-up-success-page .container {
    text-align: center;
    padding: 0 18px 144px 18px
  }
  
  .line-quick-sign-up-success-page img {
    width: 288px;
    margin: 0 auto
  }
  
  .line-quick-sign-up-success-page .title {
    color: #52af52;
    font-size: 22px;
    font-weight: 600
  }
  
  .line-quick-sign-up-success-page .description {
    font-size: 16px;
    color: #5b5b5b
  }
  
  .line-quick-sign-up-success-page .btn-line-redirect {
    background-color: #52af52;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 320px
  }
  
  .line-quick-sign-up-success-page .btn-container {
    padding: 24px 0
  }
  
  .facebook-quick-signup-success-page .container {
    text-align: center;
    padding: 0 18px 144px 18px
  }
  
  .facebook-quick-signup-success-page img {
    width: 288px;
    margin: 0 auto
  }
  
  .facebook-quick-signup-success-page .title {
    color: #52af52;
    font-size: 22px;
    font-weight: 600
  }
  
  .facebook-quick-signup-success-page .description {
    font-size: 16px;
    color: #5b5b5b
  }
  
  .facebook-quick-signup-success-page .btn-facebook-redirect {
    background-color: #52af52;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 320px
  }
  
  .facebook-quick-signup-success-page .btn-container {
    padding: 24px 0
  }
  
  .line-quick-signup-failure-page .container {
    text-align: center;
    padding: 0 18px 144px 18px
  }
  
  .line-quick-signup-failure-page img {
    width: 288px;
    margin: 0 auto
  }
  
  .line-quick-signup-failure-page .title {
    font-size: 22px;
    color: #333;
    font-weight: 600
  }
  
  .line-quick-signup-failure-page .description {
    font-size: 16px;
    color: #5b5b5b
  }
  
  .line-quick-signup-failure-page .btn-line-redirect {
    background-color: #52af52;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 320px
  }
  
  .line-quick-signup-failure-page .btn-container {
    padding: 24px 0
  }
  
  .facebook-quick-signup-failure-page .container {
    text-align: center;
    padding: 0 18px 144px 18px
  }
  
  .facebook-quick-signup-failure-page img {
    width: 288px;
    margin: 0 auto
  }
  
  .facebook-quick-signup-failure-page .title {
    font-size: 22px;
    color: #333;
    font-weight: 600
  }
  
  .facebook-quick-signup-failure-page .description {
    font-size: 16px;
    color: #5b5b5b
  }
  
  .facebook-quick-signup-failure-page .btn-facebook-redirect {
    background-color: #52af52;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 320px
  }
  
  .facebook-quick-signup-failure-page .btn-container {
    padding: 24px 0
  }
  
  .facebook-quick-signup-page .container {
    text-align: center;
    padding: 144px 0px
  }
  
  .facebook-messenger {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-top: 4px;
    padding-bottom: 4px
  }
  
  .facebook-messenger .fb-messenger-checkbox {
    margin-left: -15px;
    margin-top: -12px;
    min-height: 70px;
    display: block
  }
  
  .facebook-messenger .fb-messenger-checkbox>span {
    width: 100% !important;
    height: 70px !important
  }
  
  .facebook-messenger .fb-messenger-checkbox>span>iframe {
    width: 100% !important;
    height: 70px !important
  }
  
  .facebook-messenger .app-icon {
    height: 20px;
    display: inline-block;
    vertical-align: middle
  }
  
  .facebook-messenger .message {
    display: inline-block;
    vertical-align: middle
  }
  
  .facebook-messenger .clear-btn {
    color: #337ab7;
    border: none;
    background: none;
    padding: 0 8px;
    display: inline-block;
    cursor: pointer;
    outline: none
  }
  
  .email-messenger {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 4px
  }
  
  .email-messenger input[type='checkbox'] {
    display: inline-block;
    vertical-align: middle;
    margin: 0
  }
  
  .sms-messenger {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-top: 4px;
    padding-bottom: 4px
  }
  
  .sms-messenger input[type='checkbox'] {
    display: inline-block;
    vertical-align: middle;
    margin: 0
  }
  
  .sms-messenger .message {
    display: inline-block;
    vertical-align: middle
  }
  
  .sms-messenger .clear-btn {
    color: #337ab7;
    border: none;
    background: none;
    padding: 0 8px;
    display: inline-block;
    cursor: pointer;
    outline: none
  }
  
  .subscription-checkbox-button {
    border: solid 1px #e7e7e7;
    background: #efefef;
    border-radius: 5px;
    outline: none;
    line-height: normal;
    padding: 0;
    margin: 0
  }
  
  .subscription-checkbox-button.is-active .subscription-checkbox-wrapper {
    padding: 7px;
    position: relative
  }
  
  .subscription-checkbox-button.is-active .subscription-checkbox-wrapper span {
    font-size: 13px;
    padding-left: 19px;
    color: #2e3942;
    display: inline-block;
    line-height: 16px
  }
  
  .subscription-checkbox-button.is-active .subscription-checkbox-wrapper span {
    color: #c2c2c2
  }
  
  .subscription-checkbox-button.is-active .subscription-checkbox-wrapper .subscription-icon {
    position: absolute;
    top: 7px;
    left: 7px;
    font-size: 16px
  }
  
  .subscription-checkbox-button.is-active .subscription-checkbox-wrapper .fa-check-circle-o {
    color: #303a43
  }
  
  .subscription-checkbox-button.is-active.facebook-checkbox .fa-check-circle-o {
    color: #0584ff
  }
  
  .subscription-checkbox-button.is-active.line-checkbox .fa-check-circle-o {
    color: #00c300
  }
  
  .fb-send-to-messenger-container {
    display: table
  }
  
  .signup-page-subscription-title {
    padding-bottom: 4px;
    text-align: left
  }
  
  .btn-custom.btn-buy-now {
    border-color: #fb7813;
    border-color: var(--buy-now-button-color, #fb7813);
    background-color: #fb7813;
    background-color: var(--buy-now-button-color, #fb7813);
    color: #ffffff;
    fill: #ffffff
  }
  
  .btn-custom.btn-buy-now:hover,
  .btn-custom.btn-buy-now:focus {
    opacity: 0.8
  }
  
  .btn-custom.btn-buy-now.btn-cart-fixed {
    display: none;
    align-items: center;
    justify-content: center
  }
  
  .btn-custom.btn-buy-now .btn-buy-now-content {
    display: flex;
    align-items: center;
    justify-content: center
  }
  
  .btn-custom.btn-buy-now .btn-buy-now-content .buy-now-icon {
    display: none;
    margin-right: 4px;
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px
  }
  
  .btn-custom.btn-buy-now .btn-buy-now-content .buy-now-text {
    white-space: pre-line
  }
  
  .btn-custom.btn-buy-now .ladda-label {
    display: flex;
    align-items: center;
    justify-content: center
  }
  
  .buy-now-preorder-hint {
    margin: 10px 0;
    padding: 6px;
    text-align: center
  }
  
  .category-advance-filter {
    margin: 0px;
    padding: 0 25px
  }
  
  .category-advance-filter ul,
  .category-advance-filter li {
    padding: 0;
    list-style-type: none
  }
  
  .category-advance-filter .title {
    margin: 16px 0 10px 0;
    padding-bottom: 16px;
    font-size: 18px
  }
  
  .category-advance-filter .apply-button {
    margin: 8px 0;
    padding: 8px;
    width: 100%;
    outline: none;
    border: none;
    border-radius: 4px;
    background-color: #000;
    color: #fff
  }
  
  .category-advance-filter .apply-button.disabled-hint+.popover {
    visibility: hidden
  }
  
  .category-advance-filter .apply-button+.popover {
    border: none;
    background-color: #efefef;
    box-shadow: 0 2px 4px 0 rgba(162, 162, 162, 0.5)
  }
  
  .category-advance-filter .apply-button+.popover .arrow {
    bottom: -16px;
    margin-left: -8px;
    border-width: 8px;
    border-top-color: #dfdfdf
  }
  
  .category-advance-filter .apply-button+.popover .arrow::after {
    bottom: -6px;
    margin-left: -7px;
    border-width: 7px;
    border-top-color: #efefef
  }
  
  .category-advance-filter .apply-button svg {
    margin-right: 4px;
    width: 12px;
    height: 12px;
    fill: #fff
  }
  
  .category-advance-filter .filter-data-container {
    overflow: auto;
    margin: 0 -20px;
    padding: 0 20px;
    max-height: 628px
  }
  
  .category-advance-filter .filter-data .filter-item-title {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin: 16px 0;
    font-size: 16px
  }
  
  .category-advance-filter .filter-data .filter-item-title .expend-toggle {
    display: flex;
    align-items: center;
    cursor: pointer
  }
  
  .category-advance-filter .filter-data .clear-button {
    display: inline-flex;
    color: #999
  }
  
  .category-advance-filter .filter-data .clear-button .cross-icon::before,
  .category-advance-filter .filter-data .clear-button .cross-icon::after {
    background-color: #999
  }
  
  .category-advance-filter .filter-data .show-more-button {
    display: block;
    margin-bottom: 30px;
    color: #999
  }
  
  .category-advance-filter .filter-data .filter-itmes .clear-button {
    margin-bottom: 16px
  }
  
  .category-advance-filter .filter-data .filter-item {
    margin-bottom: 8px
  }
  
  .category-advance-filter .filter-data .filter-item label {
    display: inline-flex;
    align-items: flex-start;
    color: #4a4a4a;
    font-weight: normal;
    font-size: 16px;
    cursor: pointer
  }
  
  .category-advance-filter .filter-data .filter-item label.disabled {
    cursor: not-allowed
  }
  
  .category-advance-filter .filter-data .filter-item label span {
    margin-left: 22px
  }
  
  .category-advance-filter .filter-data .filter-item label input[type='checkbox'] {
    position: relative;
    display: flex;
    visibility: hidden;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    margin-right: -16px;
    width: 16px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }
  
  .category-advance-filter .filter-data .filter-item label input[type='checkbox']::before {
    display: inline-block;
    visibility: visible;
    min-height: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #666;
    border-radius: 3px;
    background-color: #fff;
    content: ''
  }
  
  .category-advance-filter .filter-data .filter-item label input[type='checkbox']::after {
    position: absolute;
    display: flex;
    visibility: visible;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    content: ''
  }
  
  .category-advance-filter .filter-data .filter-item label input[type='checkbox']:checked::after {
    position: absolute;
    padding: 16px;
    border-radius: 6px;
    background-color: #666;
    color: #fff;
    content: '\f00c';
    font-size: 18px;
    font-family: FontAwesome;
    transform: scale(0.5)
  }
  
  .category-advance-filter .filter-data .filter-price-range {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px 0
  }
  
  .category-advance-filter .filter-data .filter-price-range input {
    padding: 0 8px;
    width: 100%;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px
  }
  
  .category-advance-filter .filter-data .filter-price-range span {
    margin: 0 6px
  }
  
  .category-advance-filter.mobile-category-filter {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    padding: 0;
    background: #fff;
    transition: transform 0.3s;
    transform: translateX(-100%)
  }
  
  .category-advance-filter.mobile-category-filter.open {
    transform: translateX(0)
  }
  
  .category-advance-filter.mobile-category-filter .title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px #ccc;
    font-weight: 700;
    font-size: 20px
  }
  
  .category-advance-filter.mobile-category-filter .title i {
    position: absolute;
    left: 20px;
    font-size: 14px;
    cursor: pointer
  }
  
  .category-advance-filter.mobile-category-filter .filter-data-container {
    overflow: auto;
    max-height: calc(100% - 140px)
  }
  
  .category-advance-filter.mobile-category-filter .filter-data {
    padding: 0 16px;
    border-bottom: solid 1px #ccc
  }
  
  .category-advance-filter.mobile-category-filter .filter-data .filter-item {
    margin: 0 0 8px 16px
  }
  
  .category-advance-filter.mobile-category-filter .apply-button {
    margin: 16px 20px;
    width: calc(100% - 40px);
    height: 36px
  }
  
  @media (min-width: 992px) {
    .category-advance-filter.mobile-category-filter {
      display: none
    }
  }
  
  .category-advance-filter.drawer-category-filter.open .backdrop {
    display: block
  }
  
  .category-advance-filter.drawer-category-filter.open .content {
    transform: translateX(0)
  }
  
  .category-advance-filter.drawer-category-filter .backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    background-color: rgba(0, 0, 0, 0.3)
  }
  
  .category-advance-filter.drawer-category-filter .content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 9999;
    padding: 0;
    width: 320px;
    background: #fff;
    transition: transform 0.3s;
    transform: translateX(100%)
  }
  
  @media (max-width: 320px) {
    .category-advance-filter.drawer-category-filter .content {
      width: 90%
    }
  }
  
  .category-advance-filter.drawer-category-filter .filter-data-container {
    overflow: auto;
    max-height: calc(100% - 70px)
  }
  
  .category-advance-filter.drawer-category-filter .filter-data {
    padding: 0 16px
  }
  
  .category-advance-filter.drawer-category-filter .filter-data .filter-item {
    margin: 0 0 8px 16px
  }
  
  .category-advance-filter.drawer-category-filter .apply-button {
    margin: 16px 20px;
    width: calc(100% - 40px);
    height: 36px
  }
  
  .advance-filter-tag-container {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    margin: 0 20px
  }
  
  .advance-filter-tag-container .advance-filter-tag {
    display: flex;
    margin: 0 10px 10px 0;
    padding: 8px 20px;
    border-radius: 40px;
    background-color: #ebebeb;
    transition: 0.1s
  }
  
  .advance-filter-tag-container .advance-filter-tag:hover {
    background-color: #cccccc
  }
  
  .advance-filter-tag-container .advance-filter-tag:hover .advance-filter-icon::before,
  .advance-filter-tag-container .advance-filter-tag:hover .advance-filter-icon::after {
    background-color: #333
  }
  
  .advance-filter-tag-container .clear-all-button {
    margin: 0 10px 10px 0;
    color: #4a90e2
  }
  
  @media (max-width: 991px) {
    .advance-filter-tag-container {
      display: none
    }
  }
  
  .empty-row .advance-filter-tag-container {
    display: none
  }
  
  @media (max-width: 991px) {
    .empty-row .advance-filter-tag-container {
      display: flex
    }
  }
  
  .advance-filter-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 15px;
    padding: 0 8px;
    min-height: 38px;
    border-bottom: solid 1px #ccc;
    font-size: 14px;
    cursor: pointer
  }
  
  .advance-filter-button svg {
    margin: 0 8px 2px 0;
    width: 11px;
    height: 11px;
    fill: #333
  }
  
  @media (min-width: 992px) {
    .advance-filter-button .filter-tag-count {
      display: none
    }
  }
  
  @media (max-width: 767px) {
    .advance-filter-button {
      justify-content: flex-start;
      width: 280px
    }
  }
  
  .advance-filter-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
  }
  
  .advance-filter-icon.open-icon {
    margin-right: 6px;
    border-top: 6px solid #333;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-radius: 6px
  }
  
  .advance-filter-icon.close-icon {
    margin-right: 6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
    border-left: 6px solid transparent;
    border-radius: 6px
  }
  
  .advance-filter-icon.cross-icon {
    margin-left: 8px;
    width: 14px
  }
  
  .advance-filter-icon.cross-icon::before,
  .advance-filter-icon.cross-icon::after {
    position: absolute;
    width: 12px;
    height: 2px;
    border-radius: 2px;
    background-color: #666;
    content: ''
  }
  
  .advance-filter-icon.cross-icon::before {
    transform: rotate(-45deg)
  }
  
  .advance-filter-icon.cross-icon::after {
    transform: rotate(45deg)
  }
  
  .advance-filter-icon.plus-icon::before,
  .advance-filter-icon.plus-icon::after {
    position: absolute;
    width: 12px;
    height: 2px;
    border-radius: 2px;
    background-color: #666;
    content: ''
  }
  
  .advance-filter-icon.plus-icon::before {
    transform: rotate(-90deg)
  }
  
  .advance-filter-icon.minus-icon::before {
    position: absolute;
    width: 12px;
    height: 2px;
    border-radius: 2px;
    background-color: #666;
    content: ''
  }
  
  @media (max-width: 368px) {
    category-filter-button .advance-filter-button {
      max-width: 256px;
      margin: 0
    }
  }
  
  #left-panel.sidr ul li a,
  #left-panel.sidr ul li span {
    padding: 0 40px 0 32px
  }
  
  #left-panel.sidr .collapse {
    display: none
  }
  
  #left-panel.sidr .collapse.in {
    display: block
  }
  
  .categories-mobile-list li {
    position: relative
  }
  
  .categories-mobile-list .btn.btn-clear:active,
  .categories-mobile-list .btn.btn-clear:hover,
  .categories-mobile-list .btn.btn-clear,
  .categories-mobile-list .catcount {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 48px;
    padding: 0 12px 0 32px
  }
  
  .categories-mobile-list i.fa.fa-angle-down,
  .categories-mobile-list i.fa.fa-angle-up {
    font-size: 18px;
    font-weight: bold;
    color: #ababab
  }
  
  .ProductList-categoryBanner img,
  .ProductList-categoyBanner img {
    width: 100%
  }
  
  .checkout-coupon-list-close {
    margin: 15px 15px 0 0
  }
  
  .checkout-coupon-list {
    font-size: 14px
  }
  
  .checkout-coupon-list-body {
    padding: 15px;
    color: #4a4a4a
  }
  
  .checkout-coupon-list-title {
    padding-bottom: 15px;
    font-weight: 600;
    color: #5b5b5b
  }
  
  .checkout-coupon-list-content {
    scroll-behavior: smooth;
    max-height: 375px;
    overflow: auto
  }
  
  .checkout-coupon-list-card {
    box-sizing: border-box;
    min-height: 84px;
    display: flex;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 10px
  }
  
  .checkout-coupon-list-card .coupon-card-image {
    font-size: 16px;
    width: 180px
  }
  
  @media screen and (max-width: 767px) {
    .checkout-coupon-list-card .coupon-card-image {
      width: 33.33%
    }
  }
  
  .checkout-coupon-list-card:hover {
    cursor: pointer
  }
  
  .checkout-coupon-list-card:hover>.checkout-coupon-list-card-body {
    border: solid 1px rgba(17, 17, 17, 0.7);
    border-left: 0
  }
  
  .checkout-coupon-list-card-body {
    border: 1px solid #ddd;
    border-left: 0;
    display: flex;
    width: 66.66%;
    flex: 1
  }
  
  .checkout-coupon-list-card-title {
    font-weight: bold;
    line-height: normal;
    padding-bottom: 5px
  }
  
  .checkout-coupon-loading {
    padding: 5px 0
  }
  
  .checkout-coupon-list-empty {
    text-align: center;
    padding-bottom: 10px
  }
  
  .trial-order-dialog {
    position: relative;
    text-align: center;
    padding: 20px
  }
  
  .trial-order-dialog .dialog-img {
    width: 380px;
    margin-bottom: 20px
  }
  
  .trial-order-dialog .title {
    font-size: 20px;
    color: #333;
    font-weight: 500;
    margin-bottom: 10px
  }
  
  .trial-order-dialog .description {
    font-size: 14px;
    color: #606060;
    line-height: normal;
    margin-bottom: 20px
  }
  
  .trial-order-dialog .checkout-btn {
    padding: 6px 45px;
    border-radius: 4px;
    background-color: #000;
    color: #fff
  }
  
  .trial-order-dialog .cancel-btn {
    display: block;
    text-decoration: underline;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 20px
  }
  
  @media screen and (max-width: 767px) {
  
    .page-cart h3,
    .page-checkout h3,
    .page-order-show h3 {
      font-size: 16px;
      line-height: 18px
    }
  
    .page-cart .table-row.cart-item,
    .page-checkout .table-row.cart-item,
    .page-order-show .table-row.cart-item {
      padding: 10px 15px;
      position: relative;
      min-height: 130px
    }
  
    .page-cart .table-row.cart-item.read-only,
    .page-checkout .table-row.cart-item.read-only,
    .page-order-show .table-row.cart-item.read-only {
      min-height: 115px
    }
  
    .page-cart .product-image,
    .page-checkout .product-image,
    .page-order-show .product-image {
      position: absolute;
      left: 25px
    }
  
    .page-cart .cart-item .item-information,
    .page-checkout .cart-item .item-information,
    .page-order-show .cart-item .item-information {
      position: static
    }
  
    .page-cart .cart-item .item-information .description,
    .page-checkout .cart-item .item-information .description,
    .page-order-show .cart-item .item-information .description {
      margin-left: 65px;
      margin-right: 25px
    }
  
    .page-cart .cart-item .item-promotion,
    .page-checkout .cart-item .item-promotion,
    .page-order-show .cart-item .item-promotion {
      position: static;
      padding-left: 80px;
      margin-bottom: 5px
    }
  
    .page-cart .cart-item .item-promotion .badge,
    .page-checkout .cart-item .item-promotion .badge,
    .page-order-show .cart-item .item-promotion .badge {
      margin-bottom: 0
    }
  
    .page-cart .cart-item .item-price .price,
    .page-cart .cart-item .item-price .sale-price,
    .page-cart .cart-item .item-price .original-price,
    .page-checkout .cart-item .item-price .price,
    .page-checkout .cart-item .item-price .sale-price,
    .page-checkout .cart-item .item-price .original-price,
    .page-order-show .cart-item .item-price .price,
    .page-order-show .cart-item .item-price .sale-price,
    .page-order-show .cart-item .item-price .original-price {
      text-align: right
    }
  
    .page-cart .cart-item .price-label,
    .page-checkout .cart-item .price-label,
    .page-order-show .cart-item .price-label {
      display: block;
      text-align: right
    }
  
    .page-cart .item-quantity,
    .page-checkout .item-quantity,
    .page-order-show .item-quantity {
      left: 10px;
      padding: 0;
      padding-top: 16px;
      width: 160px
    }
  
    .page-cart .item-quantity .text-danger,
    .page-checkout .item-quantity .text-danger,
    .page-order-show .item-quantity .text-danger {
      max-width: initial;
      text-align: left;
      width: 85vw
    }
  
    .page-cart .item-quantity .lock-inventory-info,
    .page-checkout .item-quantity .lock-inventory-info,
    .page-order-show .item-quantity .lock-inventory-info {
      text-transform: none;
      max-width: initial;
      text-align: left;
      width: 85vw;
      padding: 0
    }
  
    .page-cart .cart-item.read-only .item-quantity,
    .page-checkout .cart-item.read-only .item-quantity,
    .page-order-show .cart-item.read-only .item-quantity {
      text-align: left;
      padding-top: 24px;
      padding-bottom: 5px
    }
  
    .page-cart .item-action,
    .page-checkout .item-action,
    .page-order-show .item-action {
      width: 34px;
      position: absolute;
      right: 25px
    }
  
    .page-cart .item-total,
    .page-checkout .item-total,
    .page-order-show .item-total {
      float: right;
      width: auto;
      padding-top: 24px
    }
  
    .page-cart .cart-promotions .promotion .badge,
    .page-cart .cart-item .item-promotion .badge,
    .page-checkout .cart-promotions .promotion .badge,
    .page-checkout .cart-item .item-promotion .badge,
    .page-order-show .cart-promotions .promotion .badge,
    .page-order-show .cart-item .item-promotion .badge {
      float: none;
      display: block;
      margin-bottom: 5px
    }
  
    .page-cart .cart-promotions,
    .page-checkout .cart-promotions,
    .page-order-show .cart-promotions {
      display: block
    }
  
    .page-cart .cart-promotions .promotion,
    .page-checkout .cart-promotions .promotion,
    .page-order-show .cart-promotions .promotion {
      display: block
    }
  
    .page-cart .cart-promotions .description,
    .page-cart .cart-promotions .discount,
    .page-checkout .cart-promotions .description,
    .page-checkout .cart-promotions .discount,
    .page-order-show .cart-promotions .description,
    .page-order-show .cart-promotions .discount {
      display: inline-block;
      vertical-align: top
    }
  
    .page-cart .cart-promotions .description,
    .page-checkout .cart-promotions .description,
    .page-order-show .cart-promotions .description {
      padding: 0;
      width: calc(100% - 120px)
    }
  
    .page-cart .cart-promotions .discount,
    .page-checkout .cart-promotions .discount,
    .page-order-show .cart-promotions .discount {
      max-width: 100px
    }
  
    .page-cart .cart-summary .order-summary,
    .page-checkout .cart-summary .order-summary,
    .page-order-show .cart-summary .order-summary {
      margin: 0 !important;
      padding-left: 0;
      padding-right: 0
    }
  
    .page-cart .cart-promotions,
    .page-checkout .cart-promotions,
    .page-order-show .cart-promotions {
      position: relative;
      padding: 0 15px
    }
  
    .page-cart .cart-promotions .promotion:not(:first-of-type),
    .page-checkout .cart-promotions .promotion:not(:first-of-type),
    .page-order-show .cart-promotions .promotion:not(:first-of-type) {
      margin-top: 18px
    }
  
    .page-cart .cart-promotions .promotion:first-of-type,
    .page-checkout .cart-promotions .promotion:first-of-type,
    .page-order-show .cart-promotions .promotion:first-of-type {
      margin-top: 15px
    }
  
    .page-cart .cart-promotions.collapsible-cart-promotions,
    .page-checkout .cart-promotions.collapsible-cart-promotions,
    .page-order-show .cart-promotions.collapsible-cart-promotions {
      transition: max-height 0.15s ease;
      overflow: hidden;
      max-height: 194px
    }
  
    .page-cart .cart-promotions.collapsible-cart-promotions:not(.collapsible),
    .page-checkout .cart-promotions.collapsible-cart-promotions:not(.collapsible),
    .page-order-show .cart-promotions.collapsible-cart-promotions:not(.collapsible) {
      padding-bottom: 10px
    }
  
    .page-cart .cart-promotions .collapse-toggle,
    .page-checkout .cart-promotions .collapse-toggle,
    .page-order-show .cart-promotions .collapse-toggle {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      font-size: 22px;
      line-height: 25px;
      position: absolute;
      left: 0;
      bottom: 0;
      background-color: #FFF;
      width: 100%;
      height: 74px;
      background: linear-gradient(to top, #FFF 24.48%, rgba(255, 255, 255, 0) 100%);
      padding-bottom: 4px;
      cursor: pointer
    }
  
    .page-cart .cart-promotions .collapse-toggle:after,
    .page-checkout .cart-promotions .collapse-toggle:after,
    .page-order-show .cart-promotions .collapse-toggle:after {
      content: "\f107";
      line-height: 25px;
      font-family: "FontAwesome";
      transition: transform 0.15s ease
    }
  
    .page-cart .cart-promotions.expanded .cart-promotions-content,
    .page-checkout .cart-promotions.expanded .cart-promotions-content,
    .page-order-show .cart-promotions.expanded .cart-promotions-content {
      padding-bottom: 42px
    }
  
    .page-cart .cart-promotions.expanded .collapse-toggle,
    .page-checkout .cart-promotions.expanded .collapse-toggle,
    .page-order-show .cart-promotions.expanded .collapse-toggle {
      background: transparent
    }
  
    .page-cart .cart-promotions.expanded .collapse-toggle:after,
    .page-checkout .cart-promotions.expanded .collapse-toggle:after,
    .page-order-show .cart-promotions.expanded .collapse-toggle:after {
      transform: rotate(180deg)
    }
  }
  
  @media screen and (max-width: 320px) {
  
    .page-cart .item-quantity,
    .page-checkout .item-quantity,
    .page-order-show .item-quantity {
      width: 130px
    }
  }
  
  @media screen and (max-width: 1200px) {
  
    .cart-promotions .description .popover,
    .cart-promotions .discount .popover {
      z-index: 9
    }
  }
  
  @media screen and (max-width: 767px) {
  
    .yield-wrapper .page-cart .container,
    .yield-wrapper .page-checkout .container,
    .yield-wrapper .page-order-show .container {
      padding-left: 15px;
      padding-right: 15px
    }
  
    .page-cart section,
    .page-checkout section,
    .page-order-show section,
    .page-apply-return section,
    .page-return-order-show section {
      margin-bottom: 15px
    }
  
    .page-cart .panel-place-order .panel-footer,
    .page-checkout .panel-place-order .panel-footer,
    .page-order-show .panel-place-order .panel-footer,
    .page-apply-return .panel-place-order .panel-footer,
    .page-return-order-show .panel-place-order .panel-footer {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -moz-flex;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap
    }
  
    .page-cart .panel-place-order .btn-link,
    .page-checkout .panel-place-order .btn-link,
    .page-order-show .panel-place-order .btn-link,
    .page-apply-return .panel-place-order .btn-link,
    .page-return-order-show .panel-place-order .btn-link {
      display: block;
      float: none !important;
      width: 100%;
      text-align: center;
      margin-top: 10px;
      order: 2
    }
  
    .page-cart .panel-place-order .btn-place-order,
    .page-cart .btn-validate-order,
    .page-checkout .panel-place-order .btn-place-order,
    .page-checkout .btn-validate-order,
    .page-order-show .panel-place-order .btn-place-order,
    .page-order-show .btn-validate-order,
    .page-apply-return .panel-place-order .btn-place-order,
    .page-apply-return .btn-validate-order,
    .page-return-order-show .panel-place-order .btn-place-order,
    .page-return-order-show .btn-validate-order {
      display: block;
      float: none !important;
      width: 100% !important;
      order: 1
    }
  
    .page-cart .tax-fee,
    .page-checkout .tax-fee,
    .page-order-show .tax-fee,
    .page-apply-return .tax-fee,
    .page-return-order-show .tax-fee {
      width: 100% !important;
      margin-left: 0 !important
    }
  
    .page-cart .panel-place-order>.panel-body,
    .page-checkout .panel-place-order>.panel-body,
    .page-order-show .panel-place-order>.panel-body,
    .page-apply-return .panel-place-order>.panel-body,
    .page-return-order-show .panel-place-order>.panel-body {
      padding-left: 15px !important
    }
  
    .page-cart .form-inline-placeholder,
    .page-checkout .form-inline-placeholder,
    .page-order-show .form-inline-placeholder,
    .page-apply-return .form-inline-placeholder,
    .page-return-order-show .form-inline-placeholder {
      display: none
    }
  
    .page-cart #seven-eleven-cross-border-address .row,
    .page-cart #seven-eleven-address .row,
    .page-checkout #seven-eleven-cross-border-address .row,
    .page-checkout #seven-eleven-address .row,
    .page-order-show #seven-eleven-cross-border-address .row,
    .page-order-show #seven-eleven-address .row,
    .page-apply-return #seven-eleven-cross-border-address .row,
    .page-apply-return #seven-eleven-address .row,
    .page-return-order-show #seven-eleven-cross-border-address .row,
    .page-return-order-show #seven-eleven-address .row {
      margin-bottom: 5px
    }
  
    .page-cart .three-layer-address-form .form-group,
    .page-checkout .three-layer-address-form .form-group,
    .page-order-show .three-layer-address-form .form-group,
    .page-apply-return .three-layer-address-form .form-group,
    .page-return-order-show .three-layer-address-form .form-group {
      width: 100% !important;
      margin-left: 0 !important
    }
  
    .page-cart .delivery-form .form-inline .form-group,
    .page-checkout .delivery-form .form-inline .form-group,
    .page-order-show .delivery-form .form-inline .form-group,
    .page-apply-return .delivery-form .form-inline .form-group,
    .page-return-order-show .delivery-form .form-inline .form-group {
      width: 100% !important;
      margin-left: 0 !important
    }
  
    .page-cart .invoice-form .form-group,
    .page-checkout .invoice-form .form-group,
    .page-order-show .invoice-form .form-group,
    .page-apply-return .invoice-form .form-group,
    .page-return-order-show .invoice-form .form-group {
      width: 100% !important;
      margin-left: 0 !important
    }
  
    .page-cart .invoice-form .invoice-select-address .form-group:first-child,
    .page-checkout .invoice-form .invoice-select-address .form-group:first-child,
    .page-order-show .invoice-form .invoice-select-address .form-group:first-child,
    .page-apply-return .invoice-form .invoice-select-address .form-group:first-child,
    .page-return-order-show .invoice-form .invoice-select-address .form-group:first-child {
      margin-bottom: 5px
    }
  
    .page-cart .cart-summary .panel-header,
    .page-checkout .cart-summary .panel-header,
    .page-order-show .cart-summary .panel-header,
    .page-apply-return .cart-summary .panel-header,
    .page-return-order-show .cart-summary .panel-header {
      padding: 10px 15px
    }
  
    .page-cart .cart-summary .panel-header:before,
    .page-cart .cart-summary .panel-header:after,
    .page-checkout .cart-summary .panel-header:before,
    .page-checkout .cart-summary .panel-header:after,
    .page-order-show .cart-summary .panel-header:before,
    .page-order-show .cart-summary .panel-header:after,
    .page-apply-return .cart-summary .panel-header:before,
    .page-apply-return .cart-summary .panel-header:after,
    .page-return-order-show .cart-summary .panel-header:before,
    .page-return-order-show .cart-summary .panel-header:after {
      content: " ";
      display: table
    }
  
    .page-cart .cart-summary .panel-header:after,
    .page-checkout .cart-summary .panel-header:after,
    .page-order-show .cart-summary .panel-header:after,
    .page-apply-return .cart-summary .panel-header:after,
    .page-return-order-show .cart-summary .panel-header:after {
      clear: both
    }
  
    .page-cart .cart-summary h3.summary-header,
    .page-checkout .cart-summary h3.summary-header,
    .page-order-show .cart-summary h3.summary-header,
    .page-apply-return .cart-summary h3.summary-header,
    .page-return-order-show .cart-summary h3.summary-header {
      font-size: 15px;
      text-align: left;
      font-weight: 600;
      float: left;
      line-height: 20px
    }
  
    .page-cart .cart-summary h5.summary-header,
    .page-checkout .cart-summary h5.summary-header,
    .page-order-show .cart-summary h5.summary-header,
    .page-apply-return .cart-summary h5.summary-header,
    .page-return-order-show .cart-summary h5.summary-header {
      float: right;
      margin-left: 0;
      margin-right: 0
    }
  
    .page-cart .cart-summary h5.summary-header span,
    .page-checkout .cart-summary h5.summary-header span,
    .page-order-show .cart-summary h5.summary-header span,
    .page-apply-return .cart-summary h5.summary-header span,
    .page-return-order-show .cart-summary h5.summary-header span {
      display: none
    }
  
    .page-cart .product-review-block .product-review-button,
    .page-checkout .product-review-block .product-review-button,
    .page-order-show .product-review-block .product-review-button,
    .page-apply-return .product-review-block .product-review-button,
    .page-return-order-show .product-review-block .product-review-button {
      position: inherit;
      padding: 0 15px 15px 15px;
      display: grid;
      margin-top: 0
    }
  }
  
  @media screen and (max-width: 767px) {
    .page-order-show .confirm-message {
      padding-left: 0;
      margin-left: 0;
      transform: initial;
      width: 100%;
      display: block
    }
  
    .page-order-show .confirm-message .fa-check {
      float: none !important;
      text-align: center;
      display: block;
      margin: 0 auto
    }
  
    .page-order-show .confirm-message h4 {
      text-align: center;
      line-height: 25px;
      margin-bottom: 15px
    }
  
    .page-order-show .order-detail-section {
      margin: 10px 0
    }
  
    .page-order-show .order-hint-section {
      padding: 10px 15px
    }
  
    .page-order-show .panel-order-info .panel-body>.row:not(:first-child),
    .page-order-show .panel-order-info .panel-body>.row>.col-sm-6:not(:first-child) {
      border-top: 1px solid #ededed
    }
  
    .page-order-show .panel-order-info .panel-body>.row>.col-sm-6 {
      margin-top: -1px
    }
  
    .page-order-show .btn-continue-shopping {
      width: 100%
    }
  }
  
  @media screen and (max-width: 767px) {
  
    .page-cart .margin-top-large,
    .page-checkout .margin-top-large,
    .page-order-show .margin-top-large {
      margin-bottom: 15px
    }
  
    .btn-apple-pay {
      width: 100%;
      max-width: 100%
    }
  
    .btn-google-pay {
      width: 100%;
      max-width: 100%
    }
  
    .google-pay-wrapper {
      width: calc(100% - 60px);
      max-width: 100%
    }
  
    #payment-request-button.disabled {
      opacity: 0.5;
      pointer-events: none
    }
  }
  
  .cart-addon-product {
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 5px;
    border-top: 1px solid #f1f1f1
  }
  
  .promotion-label {
    border-radius: 0;
    font-weight: 300;
    padding: 2px 10px
  }
  
  .addon-cart-item {
    padding: 15px 15px 15px 30px;
    border-bottom: 1px solid #1F2429
  }
  
  .page-checkout form .form-group .input-password-style {
    font-size: 18px;
    font-weight: bold
  }
  
  .form-group.relative {
    position: relative
  }
  
  @media screen and (max-width: 767px) {
    .cart-addon-product .row>:nth-child(1) {
      padding-left: 30px
    }
  }
  
  .sl-checkout-section-icon {
    margin: 0 .5em 0 0
  }
  
  #delivery-form-content hr {
    border-top: 1px solid #ccc;
    margin: 20px 0
  }
  
  .delivery-country-code-sign {
    display: none
  }
  
  @media only screen and (min-width: 768px) {
    .checkout-coupon-form {
      margin-top: 4.5em
    }
  }
  
  .custom-field-readable input[disabled] {
    background-color: transparent !important;
    border-style: none !important
  }
  
  .confirmation {
    padding: 100px
  }
  
  @media screen and (max-width: 767px) {
    .confirmation {
      padding: 10px
    }
  }
  
  .confirmation .confirmation-block {
    width: 600px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    padding: 30px;
    margin: auto
  }
  
  @media screen and (max-width: 767px) {
    .confirmation .confirmation-block {
      width: auto
    }
  }
  
  .confirmation .confirmation-block .oval {
    width: 68px;
    height: 68px;
    margin-bottom: 20px;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center
  }
  
  .confirmation .confirmation-block .oval.exclamation {
    border-color: #f2a246
  }
  
  .confirmation .confirmation-block .oval.paper-plane {
    border-color: #3493fb
  }
  
  .confirmation .confirmation-block .oval .fa {
    font-family: FontAwesome;
    font-size: 36px;
    font-style: normal;
    line-height: normal
  }
  
  .confirmation .confirmation-block .oval .fa.confirmation-plane {
    padding-right: 5px;
    color: #3493fb
  }
  
  .confirmation .confirmation-block .oval .fa.confirmation-exclamation {
    color: #f2a246
  }
  
  .confirmation .confirmation-block .confirmation-email {
    width: 100%;
    height: 42px;
    padding-left: 15px;
    margin-bottom: 10px
  }
  
  .confirmation .confirmation-block .confirmation-title {
    font-family: PingFangTC;
    font-size: 18px;
    font-weight: 500
  }
  
  .confirmation .confirmation-block .confirmation-description {
    font-family: PingFangTC;
    font-size: 14px
  }
  
  .confirmation .confirmation-block .confirmation-signin-link {
    color: #337ab7;
    text-decoration: underline
  }
  
  .confirmation .confirmation-block .confirmation-button {
    width: 100%;
    height: 42px;
    color: #fff;
    background-color: #2d88fb
  }
  
  .confirmation .confirmation-block .confirmation-hint {
    margin-top: 10px;
    font-size: 14px;
    color: #337ab7
  }
  
  .confirmation .confirmation-block .alert {
    width: 100%
  }
  
  .grid-h1_tag-item h1,
  .grid-h1_tag-item h2,
  .grid-text-item h1,
  .grid-text-item h2,
  .Grid-item h1,
  .Grid-item h2 {
    text-transform: unset
  }
  
  .Grid-row-wrapper:not(.m-remove-padding) .Grid-row .Grid-image-item {
    margin-bottom: -2% !important
  }
  
  .container.padding-v-none {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important
  }
  
  .container.padding-v-none .container-md-height {
    margin-bottom: 0 !important
  }
  
  .container.padding-v-none .box-info {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0 !important
  }
  
  .container .item.padding-h-none {
    padding-left: 0;
    padding-right: 0;
    /* display: flex;
    justify-content: center; */
  }
  
  .container .item.padding-h-none .box-info {
    padding-left: 0;
    padding-right: 0
  }
  
  .Customer-cancel-order-modal .cancel-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 15px 70px;
    width: 100%
  }
  
  .Customer-cancel-order-modal .cancel-section img {
    margin-bottom: 20px;
    max-height: 190px
  }
  
  .Customer-cancel-order-modal .cancel-section .cancel-section-title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 22px
  }
  
  .Customer-cancel-order-modal .cancel-section .theme-modal-title {
    margin-bottom: 10px !important
  }
  
  .Customer-cancel-order-modal .cancel-section .theme-modal-description {
    margin-bottom: 20px !important;
    text-align: center
  }
  
  .Customer-cancel-order-modal .cancel-section .theme-modal-selector .selectpicker {
    width: 100% !important
  }
  
  .Customer-cancel-order-modal .cancel-section .theme-modal-btn {
    margin: unset;
    min-width: 100px;
    width: unset
  }
  
  .Customer-cancel-order-modal .cancel-section .sl-loading-spinner {
    margin: 25px 0
  }
  
  .Customer-cancel-order-modal .cancel-section .cancel-confirm-form {
    margin: 0;
    padding: 0 70px;
    width: 100%
  }
  
  .Customer-cancel-order-modal .cancel-section .cancel-confirm-form .form-group {
    margin-bottom: 0
  }
  
  .Customer-cancel-order-modal .cancel-section .cancel-confirm-form .has-error .help-block {
    color: #c0392b
  }
  
  .Customer-cancel-order-modal .cancel-section .cancel-confirm-form .has-error .form-control {
    border-color: #c0392b
  }
  
  .Customer-cancel-order-modal .cancel-section .cancel-confirm-form .message-count {
    margin-top: 15px;
    text-align: right;
    font-size: 12px
  }
  
  .Customer-cancel-order-modal .cancel-section .cancel-confirm-form textarea {
    margin-top: 5px;
    width: 100%;
    height: 100px;
    resize: none
  }
  
  .Customer-cancel-order-modal .cancel-section .cancel-confirm-form .theme-modal-btn {
    margin-top: 15px !important;
    max-width: 100%;
    width: 100%
  }
  
  @media (max-width: 768px) {
    .Customer-cancel-order-modal .cancel-section {
      padding: 15px 0
    }
  
    .Customer-cancel-order-modal .cancel-section .cancel-confirm-form {
      padding: 0
    }
  }
  
  .customer-cancel-order {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px
  }
  
  .customer-cancel-order .customer-cancel-order-button {
    min-width: 100px
  }
  
  [uib-datepicker-popup-wrap] .glyphicon,
  .datetime-picker-dropdown .glyphicon {
    font: normal normal normal 14px/1 FontAwesome
  }
  
  [uib-datepicker-popup-wrap] .glyphicon-chevron-left:before,
  .datetime-picker-dropdown .glyphicon-chevron-left:before {
    content: "\f053"
  }
  
  [uib-datepicker-popup-wrap] .glyphicon-chevron-right:before,
  .datetime-picker-dropdown .glyphicon-chevron-right:before {
    content: "\f054"
  }
  
  [uib-datepicker-popup-wrap] .glyphicon-chevron-up:before,
  .datetime-picker-dropdown .glyphicon-chevron-up:before {
    content: "\f077"
  }
  
  [uib-datepicker-popup-wrap] .glyphicon-chevron-down:before,
  .datetime-picker-dropdown .glyphicon-chevron-down:before {
    content: "\f078"
  }
  
  [uib-datepicker-popup-wrap] .uib-weeks .btn:not(.active),
  .datetime-picker-dropdown .uib-weeks .btn:not(.active) {
    border: none
  }
  
  [uib-datepicker-popup-wrap] .uib-weeks .text-info,
  .datetime-picker-dropdown .uib-weeks .text-info {
    color: #333
  }
  
  .enlargeImageModal,
  .enlargeImageModal .modal-dialog {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important
  }
  
  .enlargeImageModal .modal-dialog {
    top: unset;
    left: unset;
    margin: 0;
    height: 0;
    border: 0;
    transform: unset !important
  }
  
  .enlargeImageModal .modal-dialog .modal-content {
    border: none;
    border-radius: unset
  }
  
  .enlargeImageModal .modal-dialog .modal-content img {
    max-width: 90vw;
    max-height: 80vh
  }
  
  body.pages.show.express-checkout-page {
    margin-bottom: 80px
  }
  
  body.checkout.index.express-checkout-page .NavigationBar {
    display: none !important
  }
  
  body.checkout.index.express-checkout-page #Content {
    padding-top: 0 !important
  }
  
  .facebook-banner {
    position: relative;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(54, 62, 81, 0.2), 0px 0px 16px rgba(54, 62, 81, 0.1)
  }
  
  .facebook-banner .facebook-banner-wrapper {
    display: flex
  }
  
  .facebook-banner .close-icon-wrapper {
    min-width: 32px;
    display: flex;
    justify-content: center;
    align-items: center
  }
  
  .facebook-banner .fa-times {
    color: #d98987
  }
  
  .facebook-banner .wording {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #d98987;
    padding: 8px 16px;
    margin: 0px
  }
  
  .facebook-banner .wording span {
    font-weight: 600;
    text-decoration: underline
  }
  
  @media screen and (max-width: 767px) {
    .ui-pnotify.success.facebook-copy-notify {
      top: 67px
    }
  }
  
  body.fast_checkout.index .main-navigation,
  body.fast_checkout.index .NavigationBar,
  body.fast_checkout.index .side-panel-search,
  body.fast_checkout.index .btn-toggle-cartpanel,
  body.fast_checkout.index #fixed-menu-container,
  body.fast_checkout.index #footer,
  body.fast_checkout.index #Footer {
    display: none !important
  }
  
  #cart-panel paypal-fast-checkout-btn>div {
    margin-bottom: 8px
  }
  
  .quick-cart-button-container.has-spb-button {
    display: flex;
    flex-wrap: wrap
  }
  
  .quick-cart-button-container.has-spb-button paypal-fast-checkout-btn {
    flex: 1;
    margin: 8px 0 0 0;
    min-width: 100%
  }
  
  .quick-cart-button-container.has-spb-button.has-buy-now-button paypal-fast-checkout-btn {
    margin-top: 10px
  }
  
  .has-buy-now-button .btn-buy-now {
    margin-left: 8px;
    height: 38px
  }
  
  .has-buy-now-button.has-spb-button {
    flex-wrap: wrap
  }
  
  .has-buy-now-button.has-spb-button paypal-fast-checkout-btn {
    margin: 12px 0 0 0;
    min-width: 100%
  }
  
  .has-spb-button {
    display: flex
  }
  
  .has-spb-button button {
    flex: 1;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box
  }
  
  .has-spb-button paypal-fast-checkout-btn {
    position: relative;
    z-index: 49;
    margin-left: 24px;
    flex: 1
  }
  
  .addon-promotion-summary paypal-fast-checkout-btn {
    margin-top: 12px
  }
  
  body.products.show .ProductDetail-product-info .btn-custom {
    height: 38px
  }
  
  @media screen and (max-width: 768px) {
    .product-info .ui-scrollfix-sticky-bottom {
      position: fixed;
      bottom: 0;
      bottom: env(safe-area-inset-bottom);
      bottom: constant(safe-area-inset-bottom);
      border-radius: 0;
      width: 100%;
      height: 48px;
      margin: 0 !important;
      left: 0;
      z-index: 2
    }
  
    .product-info .product-detail-button-container.has-spb-button.ui-scrollfix-sticky-mode:not(.has-buy-now-button) button:first-of-type.ui-scrollfix-sticky-bottom,
    .product-info .product-detail-button-container.has-spb-button.ui-scrollfix-sticky-mode:not(.has-buy-now-button) button:last-of-type.ui-scrollfix-sticky-bottom {
      left: 0 !important;
      right: unset !important;
      width: 50% !important
    }
  
    .product-info .product-detail-button-container.has-spb-button.ui-scrollfix-sticky-mode:not(.has-buy-now-button) paypal-fast-checkout-btn {
      position: fixed;
      display: flex;
      align-items: center;
      justify-content: center;
      bottom: 0;
      bottom: env(safe-area-inset-bottom);
      bottom: constant(safe-area-inset-bottom);
      border-radius: 0;
      height: 48px;
      z-index: 2;
      right: 0;
      width: 50%;
      margin: 0;
      background: #F6C557
    }
  
    .product-info .product-detail-button-container.has-spb-button.ui-scrollfix-sticky-mode:not(.has-buy-now-button) paypal-fast-checkout-btn>div {
      display: flex
    }
  
    .product-info .product-detail-button-container.has-buy-now-button.has-spb-button.ui-scrollfix-sticky-mode {
      position: fixed;
      display: flex;
      flex-wrap: nowrap;
      z-index: 2;
      background: #fff;
      left: 0;
      right: 0;
      bottom: 0;
      bottom: env(safe-area-inset-bottom);
      bottom: constant(safe-area-inset-bottom)
    }
  
    .product-info .product-detail-button-container.has-buy-now-button.has-spb-button.ui-scrollfix-sticky-mode .btn-custom .fa-shopping-cart {
      display: block;
      font-size: 16px;
      color: #000
    }
  
    .product-info .product-detail-button-container.has-buy-now-button.has-spb-button.ui-scrollfix-sticky-mode button:first-of-type.ui-scrollfix-sticky-bottom {
      position: static;
      min-width: 48px;
      flex: 0 0 48px;
      height: auto;
      height: 48px;
      border: 1px solid #000;
      background: #fff;
      font-size: 0
    }
  
    .product-info .product-detail-button-container.has-buy-now-button.has-spb-button.ui-scrollfix-sticky-mode button:last-of-type.ui-scrollfix-sticky-bottom {
      position: static;
      height: auto
    }
  
    .product-info .product-detail-button-container.has-buy-now-button.has-spb-button.ui-scrollfix-sticky-mode paypal-fast-checkout-btn {
      display: flex;
      flex: 1 1 auto;
      align-items: center;
      justify-content: center;
      margin: 0;
      min-width: 0;
      background: #F6C557
    }
  
    .product-info .product-detail-button-container.has-buy-now-button.has-spb-button.ui-scrollfix-sticky-mode paypal-fast-checkout-btn>div {
      display: flex;
      align-items: center;
      justify-content: center
    }
  }
  
  .sl-goto-top {
    display: none;
    width: 46px;
    height: 46px;
    background-image: url("https://s3-ap-southeast-1.amazonaws.com/static.shoplineapp.com/web/v1/img/back-to-top.jpg");
    background-size: contain;
    position: fixed;
    bottom: 0;
    bottom: calc(95px + env(safe-area-inset-bottom));
    bottom: calc(95px + constant(safe-area-inset-bottom));
    right: 5%;
    z-index: 100;
    cursor: pointer
  }
  
  .mobile-logo {
    display: none
  }
  
  .mobile-logo a {
    width: 140px;
    height: 40px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto
  }
  
  .search-panel-mobile {
    display: none
  }
  
  @media screen and (max-width: 767px) {
    .body-wrapper {
      padding-top: 51px
    }
  
    .body-wrapper.has-trial-banner {
      padding-top: 109px
    }
  
    .body-wrapper.has-instagram-banner,
    .body-wrapper.has-facebook-banner {
      padding-top: 118px
    }
  
    .mobile-logo {
      display: block
    }
  
    .mobile-revamp-navigation .main-navigation {
      display: none
    }
  
    .mobile-revamp-navigation .content-controller {
      margin-top: 20px
    }
  
    .body-wrapper.no-padding-top {
      padding-top: 0
    }
  
    #fixed-menu-container.mobile-revamp-navigation {
      z-index: 1100;
      background-color: #fff;
      border-bottom: 1px solid #ddd
    }
  
    #fixed-menu-container.mobile-revamp-navigation .menu-button {
      border-width: 0;
      padding: 14px 0 14px 20px;
      width: 11%
    }
  
    #fixed-menu-container.mobile-revamp-navigation .menu-button {
      padding: 14px 20px
    }
  
    #fixed-menu-container.mobile-revamp-navigation.fixed-menu-container-zIndex {
      z-index: 1050
    }
  
    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button,
    #fixed-menu-container.mobile-revamp-navigation .signin-signup-button,
    #fixed-menu-container.mobile-revamp-navigation .member-myaccount-button {
      text-align: right;
      padding: 14px 20px 14px 0
    }
  
    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button {
      position: relative;
      text-align: center
    }
  
    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button .cart-count {
      position: absolute;
      width: 20px;
      height: 20px;
      line-height: 20px;
      background-color: #000;
      border-radius: 50%;
      color: #fff;
      font-size: 12px;
      top: 5px;
      right: 35%;
      opacity: 1
    }
  }
  
  @media screen and (max-width: 767px) and (max-width: 500px) {
    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button .cart-count {
      right: 30%
    }
  }
  
  @media screen and (max-width: 767px) and (max-width: 430px) {
    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button .cart-count {
      right: 25%
    }
  }
  
  @media screen and (max-width: 767px) and (max-width: 335px) {
    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button .cart-count {
      right: 20%
    }
  }
  
  @media screen and (max-width: 767px) and (max-width: 235px) {
    #fixed-menu-container.mobile-revamp-navigation .cart-panel-button .cart-count {
      right: 15%
    }
  }
  
  @media screen and (max-width: 767px) {
  
    #fixed-menu-container.mobile-revamp-navigation .left-panel-button,
    #fixed-menu-container.mobile-revamp-navigation .m-search-button {
      text-align: left;
      display: table-cell !important
    }
  
    #fixed-menu-container .trial-banner {
      display: flex
    }
  
    .fixed-menu-wrapper {
      width: 100%;
      display: table;
      table-layout: fixed;
      position: relative
    }
  
    .search-panel-mobile {
      display: block;
      width: 100%;
      position: fixed;
      top: -4px;
      left: 0;
      background-color: #fff;
      padding: 15px 20px;
      transition: top 0.3s linear;
      pointer-events: none;
      z-index: 1000;
      opacity: 0
    }
  
    .search-panel-mobile.click {
      top: 50px;
      pointer-events: auto;
      opacity: 1
    }
  
    .search-panel-mobile.click .search-mask {
      top: 105px;
      opacity: 1;
      pointer-events: auto
    }
  
    .search-panel-mobile.click.has-trial-banner {
      top: 108px
    }
  
    .search-panel-mobile.click.has-trial-banner .search-mask {
      top: 163px
    }
  
    .search-panel-mobile.click.has-instagram-banner,
    .search-panel-mobile.click.has-facebook-banner {
      top: 101px
    }
  
    .search-panel-mobile.click.has-instagram-banner .search-mask,
    .search-panel-mobile.click.has-facebook-banner .search-mask {
      top: 156px
    }
  
    .search-panel-mobile:after {
      content: '';
      display: block;
      width: calc(100% - 40px);
      height: 1px;
      position: absolute;
      bottom: 15px;
      left: 20px;
      background-color: #ddd
    }
  
    .search-panel-mobile button {
      display: inline-block;
      padding: 2px 6px 3px
    }
  
    .search-panel-mobile .search-mask {
      opacity: 0;
      pointer-events: none;
      width: 100%;
      height: calc(100% - 51px);
      position: fixed;
      top: 51px;
      left: 0;
      background-color: rgba(0, 0, 0, 0.5);
      transition: top 0.25s cubic-bezier(0.41, 0.15, 1, 1)
    }
  
    .search-panel-mobile form {
      text-align: left;
      padding-left: 10px
    }
  
    .mobile-revamp-navigation .side-panel-search.search-panel-mobile form .fa-times {
      right: 10px;
      top: 20%
    }
  }
  
  @media screen and (max-width: 768px) {
    .search-panel-mobile button {
      background-color: transparent;
      border: 0
    }
  
    .body-wrapper.has-previewing-closed-store-banner {
      padding-top: 94px
    }
  }
  
  @media screen and (max-width: 323px) {
    #fixed-menu-container .cart-panel-button .cart-count {
      font-size: 16px;
      line-height: 16px
    }
  }
  
  @media screen and (max-width: 320px) {
    .body-wrapper.has-previewing-closed-store-banner {
      padding-top: 113px
    }
  }
  
  @media screen and (max-width: 767px) {
    #fixed-menu-container {
      height: 51px
    }
  }
  
  body.hsbc-transaction {
    padding-left: 64px;
    padding-right: 64px;
    min-width: 991px
  }
  
  body.hsbc-transaction main {
    max-width: 1170px;
    margin-top: 38px;
    margin-left: auto;
    margin-right: auto;
    padding: 52px 56px;
    background: #fff;
    border: solid 1px #e7e7e7;
    text-align: center
  }
  
  body.hsbc-transaction .description {
    display: inline-block;
    margin: 0 auto 50px;
    font-size: 14px;
    line-height: 19px;
    position: relative
  }
  
  body.hsbc-transaction .description:before {
    content: '!';
    position: absolute;
    left: -24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    font-weight: 12px;
    background: #999;
    color: #fff;
    border-radius: 50%
  }
  
  body.hsbc-transaction .hsbc-container {
    display: flex;
    max-width: 818px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between
  }
  
  body.hsbc-transaction .hsbc-container>:nth-child(1),
  body.hsbc-transaction .hsbc-container>:nth-child(2) {
    min-width: 400px
  }
  
  body.hsbc-transaction .hsbc-container>:nth-child(2) {
    display: none
  }
  
  body.hsbc-transaction .hsbc-container.expired>:nth-child(1) {
    display: none
  }
  
  body.hsbc-transaction .hsbc-container.expired>:nth-child(2) {
    display: block
  }
  
  body.hsbc-transaction .col:last-child {
    text-align: left;
    max-width: 320px
  }
  
  body.hsbc-transaction .col:last-child small {
    color: #ccc
  }
  
  body.hsbc-transaction .qrcode-wrapper {
    padding-top: 4px;
    background: url("https://s3-ap-southeast-1.amazonaws.com/static.shoplineapp.com/web/v1/img/loaders/loader1.gif") center center no-repeat
  }
  
  body.hsbc-transaction .qrcode-wrapper .hsbc-icon {
    width: 100%;
    max-width: 150px;
    margin-top: 10px
  }
  
  body.hsbc-transaction .qrcode {
    min-width: 200px;
    min-height: 200px;
    display: flex;
    justify-content: center
  }
  
  body.hsbc-transaction .hint-container {
    max-width: 320px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 11px 8px;
    background-color: #f8f8f8
  }
  
  body.hsbc-transaction .hint-container img {
    float: left;
    margin-right: 10px
  }
  
  body.hsbc-transaction .hint {
    font-size: 14px;
    text-align: left
  }
  
  body.hsbc-transaction .step {
    position: relative
  }
  
  body.hsbc-transaction .step:not(:last-of-type) {
    margin-bottom: 38px
  }
  
  body.hsbc-transaction .step:last-child {
    margin-bottom: 10px
  }
  
  body.hsbc-transaction .step:before {
    position: absolute;
    left: -46px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background: #eee;
    border-radius: 50%;
    padding: 6px
  }
  
  body.hsbc-transaction .step:first-child:before {
    content: '1'
  }
  
  body.hsbc-transaction .step:nth-child(2):before {
    content: '2'
  }
  
  body.hsbc-transaction .step:nth-child(3):before {
    content: '3'
  }
  
  body.hsbc-transaction .step small {
    display: block
  }
  
  body.hsbc-transaction .hsbc-modal .modal-header,
  body.hsbc-transaction .hsbc-modal .modal-footer {
    border: none
  }
  
  body.hsbc-transaction .hsbc-modal .modal-body {
    max-width: 444px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 10px
  }
  
  body.hsbc-transaction .hsbc-modal .modal-footer button,
  body.hsbc-transaction .hsbc-modal .modal-footer .btn-confirm {
    display: inline-block;
    border-radius: 4px;
    padding: 4px 14px;
    font-size: 14px
  }
  
  body.hsbc-transaction .btn-cancel {
    background: #fff;
    color: #666;
    border: 1px solid #ccc
  }
  
  body.hsbc-transaction .btn-cancel:hover {
    background: #eee
  }
  
  body.hsbc-transaction .btn-confirm {
    background-color: #5cb85c;
    color: #fff;
    border: solid 1px #4cae4c
  }
  
  body.hsbc-transaction .btn-confirm:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
  }
  
  body.hsbc-transaction .btn-go-back {
    display: inline-block;
    background-color: #9daab0;
    min-width: 195px;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px
  }
  
  body.hsbc-transaction .text-danger {
    margin-top: 26px
  }
  
  @media screen and (max-width: 940px) {
    body.hsbc-transaction {
      padding-left: 38px;
      padding-right: 38px;
      min-width: 480px
    }
  
    body.hsbc-transaction main {
      margin-bottom: 38px;
      padding-left: 0;
      padding-right: 0
    }
  
    body.hsbc-transaction .hsbc-container {
      flex-direction: column
    }
  
    body.hsbc-transaction .hsbc-container>:nth-child(2) {
      min-width: 0
    }
  
    body.hsbc-transaction .hint {
      margin-left: 0;
      margin-right: 0;
      max-width: 100%
    }
  
    body.hsbc-transaction .col:last-child {
      max-width: 100%;
      margin-left: 90px;
      margin-right: 57px
    }
  
    body.hsbc-transaction .description {
      padding-left: 30px;
      padding-right: 30px
    }
  
    body.hsbc-transaction .col:last-child {
      margin-top: 50px
    }
  
    body.hsbc-transaction .get-app-wrapper {
      justify-content: center
    }
  }
  
  .instagram-banner {
    position: relative;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(54, 62, 81, 0.2), 0px 0px 16px rgba(54, 62, 81, 0.1)
  }
  
  @media (min-width: 767px) {
    .instagram-banner {
      display: none
    }
  }
  
  .instagram-banner .instagram-banner-wrapper {
    display: flex
  }
  
  .instagram-banner .close-icon-wrapper {
    min-width: 32px;
    display: flex;
    justify-content: center;
    align-items: center
  }
  
  .instagram-banner .fa-times {
    color: #d98987
  }
  
  .instagram-banner .wording {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #d98987;
    padding: 8px 16px;
    margin: 0px
  }
  
  .instagram-banner .wording span {
    font-weight: 600;
    text-decoration: underline
  }
  
  @media screen and (max-width: 767px) {
    .ui-pnotify.success.instagram-copy-notify {
      top: 67px
    }
  }
  
  @keyframes sl-loading-spinner-line {
    0% {
      stroke-dasharray: 2, 85.964;
      transform: rotate(0)
    }
  
    50% {
      stroke-dasharray: 65.973, 21.9911;
      stroke-dashoffset: 0
    }
  
    100% {
      stroke-dasharray: 2, 85.964;
      stroke-dashoffset: -65.973;
      transform: rotate(90deg)
    }
  }
  
  @keyframes sl-loading-spinner-rotate {
    from {
      transform: rotate(0)
    }
  
    to {
      transform: rotate(450deg)
    }
  }
  
  .sl-loading-spinner>circle {
    fill: none;
    box-sizing: border-box;
    stroke-width: 3px;
    transform-origin: 50%;
    animation: sl-loading-spinner-line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, sl-loading-spinner-rotate 1.6s linear infinite
  }
  
  .btn-facebook-login {
    color: #fff;
    background-color: #3B5998;
    display: block;
    padding: 0;
    border: none;
    text-align: left
  }
  
  @media screen and (max-width: 768px) {
    .btn-facebook-login {
      padding: 0
    }
  }
  
  .btn-facebook-login img {
    width: 40px;
    height: 40px;
    padding: 5px;
    display: inline-block
  }
  
  .btn-facebook-login:hover,
  .btn-facebook-login:active,
  .btn-facebook-login:focus {
    opacity: 0.8 !important;
    background: #3B5998 !important
  }
  
  .login-btn-label {
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    padding: 10px 0px;
    color: #fff;
    line-height: 1.43;
    width: 100%;
    margin-left: -40px
  }
  
  .btn-line-login {
    background-color: #00c300;
    padding: 0;
    border: none;
    display: block;
    text-align: left
  }
  
  .btn-line-login img {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: top
  }
  
  .btn-line-login:hover {
    opacity: 0.8 !important;
    background: #00c300 !important
  }
  
  .btn-customer-authentication-login {
    background-color: #fff;
    padding: 0;
    border: none;
    display: block;
    text-align: left
  }
  
  .btn-customer-authentication-login .login-btn-label {
    color: #000
  }
  
  .btn-customer-authentication-login img {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: top
  }
  
  .btn-customer-authentication-login:hover {
    opacity: 0.8 !important;
    background: #fff !important
  }
  
  .social-login-container {
    display: block
  }
  
  .social-login-container div {
    float: left
  }
  
  @media screen and (max-width: 768px) {
    .social-login-container div {
      float: unset
    }
  }
  
  .social-login-container::after {
    clear: both;
    content: ' ';
    display: block
  }
  
  .social-login-container div:nth-last-child(2n+1) {
    width: 100%;
    padding: 0 3px;
    display: block
  }
  
  .social-login-container div:nth-last-child(2n),
  .social-login-container div:nth-last-child(2n)~div {
    width: 50%;
    padding: 0 3px;
    display: inline-block
  }
  
  @media screen and (max-width: 768px) {
    .social-login-container div:nth-last-child(2n+1) {
      width: 100%;
      padding: 9px;
      display: block
    }
  
    .social-login-container div:nth-last-child(2n),
    .social-login-container div:nth-last-child(2n)~div {
      width: 100%;
      padding: 9px;
      display: block
    }
  }
  
  .member-center-coupon-container {
    font-size: 14px
  }
  
  @media screen and (min-width: 768px) {
    .member-center-coupon-container {
      padding: 0 10px
    }
  }
  
  .member-center-coupon-nav {
    color: #696969;
    text-align: start;
    padding: 10px 0 30px 0
  }
  
  @media screen and (max-width: 767px) {
    .member-center-coupon-nav {
      padding: 0 0 20px 0;
      text-align: center
    }
  }
  
  .member-center-coupon-nav>.member-center-coupon-nav-item {
    cursor: pointer
  }
  
  .member-center-coupon-nav .active {
    color: #111111
  }
  
  .member-center-coupon-nav .member-center-coupon-nav-item:not(:last-child)::after {
    content: '';
    margin-left: 20px;
    border-right: 1px solid rgba(74, 74, 74, 0.6)
  }
  
  .member-center-coupon-nav .member-center-coupon-nav-item:not(:first-child) {
    padding-left: 20px
  }
  
  .member-center-coupon-card {
    box-sizing: border-box;
    min-height: 120px;
    display: flex;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 15px
  }
  
  @media screen and (max-width: 767px) {
    .member-center-coupon-card {
      margin-bottom: 10px
    }
  }
  
  @media screen and (max-width: 767px) {
    .member-center-coupon-card .coupon-card-image {
      width: 33.33%;
      font-size: 20px
    }
  }
  
  .member-center-coupon-card .coupon-card-image.invalid {
    background-color: #ddd
  }
  
  .member-center-coupon-body {
    border: 1px solid #ddd;
    border-left: 0;
    display: flex;
    width: 100%;
    flex: 1
  }
  
  @media screen and (max-width: 767px) {
    .member-center-coupon-body {
      width: 66.66%
    }
  }
  
  .member-center-coupon-tag-container {
    text-align: start
  }
  
  .member-center-coupon-tag-container>.member-center-coupon-tag {
    display: inline-block;
    margin-bottom: 7px;
    color: #fff;
    background-color: #f0ad4e;
    border-radius: 5px;
    padding: 6px 9px;
    margin-right: 5px;
    font-size: 12px;
    line-height: 1.33
  }
  
  .member-center-coupon-tag-container.invalid>.member-center-coupon-tag {
    background-color: #777
  }
  
  .member-center-coupon-title {
    font-weight: bold;
    line-height: normal;
    padding-bottom: 5px
  }
  
  .member-center-coupon-title>a {
    color: #4a4a4a !important
  }
  
  .member-center-coupon-title>a:hover {
    border-bottom: 1px solid
  }
  
  .member-center-coupon-stamp {
    height: 100%
  }
  
  @media screen and (max-width: 1024px) {
    .member-center-coupon-stamp {
      display: none
    }
  }
  
  .coupon-card-image {
    background-color: rgba(17, 17, 17, 0.9);
    width: 300px;
    padding: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 24px;
    font-weight: bold;
    line-height: normal;
    word-break: break-word;
    text-align: center
  }
  
  .coupon-card-image .coupon-card-image-hole {
    position: absolute;
    left: 0;
    transform: translateX(-50%);
    background-color: #fff;
    height: 5%;
    border-radius: 50%
  }
  
  .coupon-card-image .coupon-card-image-hole>img {
    display: block;
    height: 100%;
    width: auto
  }
  
  .coupon-card-image .coupon-card-image-hole:nth-child(1) {
    top: 2.0833333333%
  }
  
  .coupon-card-image .coupon-card-image-hole:nth-child(2) {
    top: 10.4166666667%
  }
  
  .coupon-card-image .coupon-card-image-hole:nth-child(3) {
    top: 18.75%
  }
  
  .coupon-card-image .coupon-card-image-hole:nth-child(4) {
    top: 27.0833333333%
  }
  
  .coupon-card-image .coupon-card-image-hole:nth-child(5) {
    top: 35.4166666667%
  }
  
  .coupon-card-image .coupon-card-image-hole:nth-child(6) {
    top: 43.75%
  }
  
  .coupon-card-image .coupon-card-image-hole:nth-child(7) {
    top: 52.0833333333%
  }
  
  .coupon-card-image .coupon-card-image-hole:nth-child(8) {
    top: 60.4166666667%
  }
  
  .coupon-card-image .coupon-card-image-hole:nth-child(9) {
    top: 68.75%
  }
  
  .coupon-card-image .coupon-card-image-hole:nth-child(10) {
    top: 77.0833333333%
  }
  
  .coupon-card-image .coupon-card-image-hole:nth-child(11) {
    top: 85.4166666667%
  }
  
  .coupon-card-image .coupon-card-image-hole:nth-child(12) {
    top: 93.75%
  }
  
  @media screen and (max-width: 767px) {
    .coupon-card-image {
      width: 33.33%
    }
  }
  
  .coupon-card-info {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: #4a4a4a;
    text-align: start
  }
  
  .coupon-card-period {
    line-height: 1.36
  }
  
  .coupon-card-period>.coupon-period-time {
    border-bottom: 1px dashed #000;
    position: relative;
    display: inline-block
  }
  
  .coupon-card-period>.coupon-period-time:hover .coupon-period-tip {
    display: block
  }
  
  .coupon-card-period>.coupon-period-time .coupon-period-tip {
    font-size: 12px;
    display: none;
    position: absolute;
    overflow: auto;
    left: 50%;
    word-break: keep-all;
    white-space: nowrap;
    transform: translate(-50%, -100%);
    background-color: #333333;
    color: white;
    border-radius: 2px;
    padding: 5px 7px;
    overflow: visible;
    top: -5px;
    text-align: center
  }
  
  .coupon-card-period>.coupon-period-time .coupon-period-tip::after {
    content: "";
    border-left: solid transparent 5px;
    border-right: solid transparent 5px;
    border-top: solid #333333 5px;
    bottom: -5px;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
  }
  
  .member-center-profile label {
    vertical-align: top !important
  }
  
  .member-center-profile .container {
    padding: 0px;
    margin-bottom: 16px
  }
  
  .member-center-profile .container .platform-icon {
    height: 20px;
    width: auto
  }
  
  .member-center-profile .container .profile-icon {
    width: 20px;
    height: 20px;
    margin: 0px 2px;
    border-radius: 11px
  }
  
  .member-center-profile .container span {
    width: 48px;
    height: 20px;
    font-family: PingFangTC;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #999999
  }
  
  .order-summary .member-point {
    padding-bottom: 10px
  }
  
  .order-summary .member-point .summary-left {
    width: 60%;
    margin-right: 8px
  }
  
  .order-summary .member-point .summary-right {
    width: 36%;
    display: flex;
    justify-content: flex-end;
    text-align: right
  }
  
  #cartSummary .member-point {
    padding-bottom: 10px
  }
  
  .member-referral-customer-popup-desktop {
    position: absolute;
    background-color: #fff;
    width: 186px;
    height: auto;
    box-shadow: 3px 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06), -1px -2px 4px -1px rgba(0, 0, 0, 0.06);
    transform: translate(-92px, 48px)
  }
  
  .member-referral-customer-popup-desktop::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border: 1rem solid black;
    border-color: transparent transparent #fff #fff;
    top: 2px;
    left: 152px;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -3px 3px 4px -3px rgba(0, 0, 0, 0.1)
  }
  
  .member-referral-customer-popup-desktop .body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    height: 100%
  }
  
  .member-referral-customer-popup-desktop .body .close {
    display: flex;
    align-self: flex-end;
    padding: 5px;
    color: #A1A1A1
  }
  
  .member-referral-customer-popup-desktop .body .close-button {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 15px;
    right: 15px
  }
  
  .member-referral-customer-popup-desktop .body .close-button:before,
  .member-referral-customer-popup-desktop .body .close-button:after {
    position: absolute;
    right: 8px;
    content: '';
    height: 14px;
    width: 2px;
    background-color: #333
  }
  
  .member-referral-customer-popup-desktop .body .close-button:before {
    transform: rotate(45deg)
  }
  
  .member-referral-customer-popup-desktop .body .close-button:after {
    transform: rotate(-45deg)
  }
  
  .member-referral-customer-popup-desktop .body .description {
    width: 112px;
    text-align: center;
    margin-bottom: 8px;
    color: #333
  }
  
  .member-referral-customer-popup-desktop .body .description .icon {
    width: 81px;
    height: 77px
  }
  
  .member-referral-customer-popup-desktop .body .action-button {
    color: #fff;
    background-color: #000;
    border-radius: 0.5rem;
    padding: 6px 12px;
    width: 156px;
    border: solid;
    border-color: #000;
    text-align: center
  }
  
  @media screen and (max-width: 991px) {
    .member-referral-customer-popup-desktop {
      transform: translate(-29px, 48px)
    }
  }
  
  @media screen and (max-width: 768px) {
    .member-referral-customer-popup-desktop {
      display: none
    }
  }
  
  .member-referral-customer-popup-mobile {
    background-color: #121416;
    padding: 15px
  }
  
  .member-referral-customer-popup-mobile .member-referral-link {
    display: flex;
    align-items: center;
    color: white
  }
  
  .member-referral-customer-popup-mobile .member-referral-link .icon {
    margin-right: 12px;
    font-size: 20px !important
  }
  
  .member-referral-customer-popup-mobile .member-referral-link:hover {
    color: white
  }
  
  #member-points .box-body {
    padding: 0
  }
  
  #member-points .show-row-header {
    display: initial
  }
  
  #member-points .field-value {
    display: inline;
    margin-left: 3em
  }
  
  #member-points .normal-font {
    font-weight: normal
  }
  
  #member-points .text-left {
    text-align: unset
  }
  
  #member-points .equal_cash {
    font-size: 13px;
    line-height: 1.5
  }
  
  #member-points .unit {
    padding-left: 5px
  }
  
  #member-points .PromotionInfo-icon img {
    max-width: unset;
    width: 33px
  }
  
  #member-points .member-points-history td {
    white-space: normal
  }
  
  #member-points .table.member-points-history th:nth-child(1) {
    width: 16%
  }
  
  #member-points .member-points-expiry-date {
    width: 105px
  }
  
  #member-points .table-name {
    font-size: 12px;
    text-align: left;
    padding-left: 20px;
    font-weight: bold
  }
  
  #member-points .member-points-balance {
    flex: 1.5
  }
  
  #member-points .member-points-balance p {
    margin-bottom: 8px
  }
  
  #member-points .points-balance {
    width: 69px;
    height: 41px;
    font-size: 30px;
    font-weight: 600;
    color: #666666
  }
  
  #member-points th {
    text-align: center
  }
  
  #member-points table.member-points-history th {
    font-size: 15px;
    font-weight: normal;
    border: 0;
    white-space: nowrap
  }
  
  #member-points .PromotionInfo-redeem-btn {
    padding: 15px 21px
  }
  
  #member-points .PromotionInfo-redeem-btn .redeem-btn-wrapper {
    margin: 0px auto
  }
  
  #member-points .PromotionInfo-redeem-btn .btn {
    width: 122px;
    height: 36px;
    border-radius: 4px;
    border: solid 1px #2e6da4;
    background-color: #337ab7;
    color: white
  }
  
  @media (min-width: 768px) {
    .member-points-balance {
      border-right: solid 1px #e0e0e0
    }
  
    #member-points .text-left {
      text-align: left
    }
  
    #member-points .summary {
      padding-left: 35px
    }
  
    #member-points .unit {
      padding-left: 0px
    }
  }
  
  .points-none {
    background-color: transparent
  }
  
  .member-points td {
    word-break: break-all
  }
  
  #member-points th,
  .order-container th {
    font-size: 12px
  }
  
  #left-panel.sidr .other-setting-list {
    display: none
  }
  
  #left-panel.sidr .other-setting-list li>div {
    cursor: pointer
  }
  
  #left-panel.sidr .other-setting-list span.fa {
    padding: 0 5px 0 0;
    display: inline
  }
  
  .mobile-revamp-navigation .sidr {
    background-color: #323536;
    color: #fff
  }
  
  .mobile-revamp-navigation .sidr .section-header {
    background-color: #121416
  }
  
  .mobile-revamp-navigation .sidr .mobile-search-btn {
    padding: 2px 6px 3px
  }
  
  .mobile-revamp-navigation .sidr ul li:hover>a,
  .mobile-revamp-navigation .sidr ul li:hover>span {
    background-color: #323536
  }
  
  .mobile-revamp-navigation .sidr ul li a,
  .mobile-revamp-navigation .sidr ul li span {
    color: #ababab
  }
  
  .mobile-revamp-navigation .sidr ul li .fa-v5-globe {
    fill: #ababab;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px
  }
  
  .mobile-revamp-navigation .sidr .fa {
    font-size: 18px
  }
  
  .mobile-revamp-navigation .side-panel-search form {
    position: relative
  }
  
  .mobile-revamp-navigation .side-panel-search form input[name="searchQuery"] {
    width: calc(100% - 60px);
    border: 0;
    background: none;
    outline: none
  }
  
  .mobile-revamp-navigation .side-panel-search form .fa-times {
    position: absolute;
    top: 45%;
    right: 0;
    display: none
  }
  
  .mobile-revamp-navigation .side-panel-search form .fa-times.has-search-query {
    display: block
  }
  
  @media screen and (max-width: 767px) {
    .mobile-revamp-navigation .sidr {
      left: -87.5%;
      width: 87.5%;
      min-width: 280px
    }
  
    .panel-mobile {
      top: 51px;
      height: calc(100vh - 50px);
      padding-bottom: 100px
    }
  
    .panel-mobile .side-panel-search {
      margin: 20px
    }
  
    .language-header,
    .currency-header {
      text-align: center;
      padding-left: 0 !important;
      position: relative
    }
  
    .language-header .menu-button,
    .currency-header .menu-button {
      position: absolute;
      left: 20px;
      top: 15px
    }
  }
  
  .session-your-number-title {
    margin-top: 40px;
    line-height: 26px;
    font-size: 14px
  }
  
  .session-your-number-value {
    line-height: 46px;
    font-size: 20px
  }
  
  .session-your-number-value>span:not(:last-child) {
    margin-right: 4px
  }
  
  .session-send-code-btn {
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 30px
  }
  
  .session-varify-code-btn {
    margin-top: 16px;
    margin-bottom: 10px
  }
  
  .QuickCart-modal {
    top: 50%;
    transform: translateY(-50%);
    bottom: auto
  }
  
  .QuickCart-modal .modal-content {
    max-height: calc(100vh - 30px)
  }
  
  body.ios.cart.modal-open {
    position: fixed;
    overflow: hidden
  }
  
  @media screen and (max-width: 767px) {
    body.modal-open #fixed-menu-container {
      z-index: 1040
    }
  
    .QuickCart-modal,
    .promotion-term-modal-window {
      top: 50%;
      transform: translateY(-50%);
      bottom: auto
    }
  
    .QuickCart-modal .modal-dialog,
    .QuickCart-modal .modal-content,
    .promotion-term-modal-window .modal-dialog,
    .promotion-term-modal-window .modal-content {
      height: 100%;
      max-height: calc(100vh - 180px);
      overflow-y: auto
    }
  
    .QuickCart-modal .modal-dialog,
    .QuickCart-modal .modal-body,
    .promotion-term-modal-window .modal-dialog,
    .promotion-term-modal-window .modal-body {
      position: static
    }
  
    .QuickCart-modal .modal-dialog,
    .promotion-term-modal-window .modal-dialog {
      transform: none !important;
      margin-top: 0;
      margin-bottom: 0
    }
  
    .QuickCart-modal .quick-cart-cancel-holder,
    .promotion-term-modal-window .quick-cart-cancel-holder {
      z-index: 2;
      position: fixed;
      top: 1px;
      right: 11px
    }
  
    .QuickCart-modal .modal-content.os-host-overflow-y .quick-cart-cancel-holder,
    .promotion-term-modal-window .modal-content.os-host-overflow-y .quick-cart-cancel-holder {
      top: 0;
      right: 10px
    }
  
    .QuickCart-modal .quick-cart-mobile-header,
    .promotion-term-modal-window .quick-cart-mobile-header {
      margin-top: 0;
      min-height: 0;
      padding-top: 24px;
      display: flex !important;
      flex: 1
    }
  
    .QuickCart-modal .quick-cart-mobile-header>*,
    .promotion-term-modal-window .quick-cart-mobile-header>* {
      float: none;
      width: auto;
      flex: 1
    }
  
    .QuickCart-modal .modal-body,
    .promotion-term-modal-window .modal-body {
      display: flex;
      flex-direction: column
    }
  
    .QuickCart-modal .quick-cart-body,
    .promotion-term-modal-window .quick-cart-body {
      margin-bottom: 0
    }
  
    .QuickCart-modal .quantity,
    .QuickCart-modal .btn-color-primary,
    .promotion-term-modal-window .quantity,
    .promotion-term-modal-window .btn-color-primary {
      margin-bottom: 0
    }
  
    .QuickCart-modal .product-info>div,
    .promotion-term-modal-window .product-info>div {
      margin-bottom: 0
    }
  
    .QuickCart-modal select.form-control-inline,
    .promotion-term-modal-window select.form-control-inline {
      font-size: 16px;
      margin-bottom: 10px !important
    }
  
    .QuickCart-modal .title,
    .promotion-term-modal-window .title {
      min-height: 0;
      overflow-y: hidden
    }
  
    .QuickCart-modal .product-info,
    .promotion-term-modal-window .product-info {
      display: flex;
      flex-direction: column;
      padding-right: 5px
    }
  
    .QuickCart-modal .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical,
    .promotion-term-modal-window .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
      top: 40px;
      width: 7px;
      margin-right: 1px
    }
  }
  
  .Modal-credit-card .row {
    margin: 0 -15px
  }
  
  .Modal-credit-card .padding-none {
    padding: 0
  }
  
  .Modal-credit-card .full-width {
    width: 100%
  }
  
  .Modal-credit-card .Credit-card-icon {
    display: inline-block;
    max-height: 30px;
    margin: 0 5px
  }
  
  .Modal-credit-card .Credit-card-price {
    width: 50%
  }
  
  @media screen and (max-width: 767px) {
    .Modal-credit-card .Credit-card-price {
      width: 70%
    }
  }
  
  .Modal-credit-card .Credit-card-popover-hint {
    position: absolute;
    right: 15px;
    top: 0px
  }
  
  .Modal-credit-card .stripe-repay-form {
    margin-top: 10px
  }
  
  .Modal-credit-card .stripe-repay-form #payment-credit-card-holder-name {
    width: 100%
  }
  
  .Modal-credit-card .stripe-repay-form .form-group {
    width: 100%
  }
  
  .Modal-credit-card .stripe-repay-form .form-inline {
    display: flex
  }
  
  .Modal-credit-card .stripe-repay-form .form-inline>.form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px
  }
  
  .Modal-credit-card .stripe-repay-form .form-inline>.form-group:first-child {
    margin-right: 10px
  }
  
  .Modal-credit-card .stripe-repay-form .form-inline>.form-group .mod-stripe {
    width: 100%;
    padding: 8px 10px
  }
  
  .Modal-credit-card .stripe-repay-form .form-inline>.form-group label {
    margin-bottom: 4px
  }
  
  .Message-close-button {
    display: none
  }
  
  #instagram-profile-pic {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%
  }
  
  #instagram-username {
    display: inline-block;
    font-weight: bold
  }
  
  .instagram-post {
    overflow: hidden;
    float: none;
    display: inline-block;
    vertical-align: bottom;
    padding: 15px
  }
  
  .instagram-post a {
    display: block
  }
  
  .instagram-post .image {
    width: 100%
  }
  
  .instagram-post .like {
    font-weight: bold
  }
  
  .instagram-post .caption {
    height: 68px;
    overflow: hidden;
    text-overflow: ellipsis
  }
  
  @media (max-width: 767px) {
    .instagram-post.col-4 {
      width: 33.3% !important
    }
  }
  
  .grid-h1_tag-item h1 {
    font-size: 35px
  }
  
  .Footer-grids .box-info {
    margin-bottom: 0px;
    height: 100%;
    border-style: none;
    background-color: transparent;
    text-transform: none
  }
  
  .Footer-grids .owl-item>img {
    width: 100%;
    display: block;
    height: auto
  }
  
  .Footer-grids .item .product-item {
    margin-bottom: 40px;
    padding: 15px
  }
  
  @media screen and (max-width: 767px) {
    .Footer-grids .item .product-item {
      margin-bottom: 20px;
      padding: 8px
    }
  }
  
  .Footer-grids .item .image-container {
    overflow: hidden;
    margin-bottom: 14px
  }
  
  .Footer-grids .item img {
    display: block;
    /* width: 100%; */
    max-width: 400px!important;
    height: auto;
    margin: 0 auto;
  }
  
  .Footer-grids .credit-cards img {
    display: inline-block;
    width: auto;
    max-height: 40px
  }
  
  .user-name-input {
    margin-left: 30px
  }
  
  body.order_payment_slips {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 80px;
    background-color: #f8f8f8;
    color: #5b5b5b
  }
  
  body.order_payment_slips .main-navigation,
  body.order_payment_slips .NavigationBar,
  body.order_payment_slips .side-panel-search,
  body.order_payment_slips #fixed-menu-container,
  body.order_payment_slips #footer,
  body.order_payment_slips #Footer {
    display: none !important
  }
  
  body.order_payment_slips #Content,
  body.order_payment_slips .yield-wrapper,
  body.order_payment_slips .body-content,
  body.order_payment_slips .body-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 0 120px 0;
    width: 100%
  }
  
  body.order_payment_slips .o-paymentSlip {
    position: relative;
    padding-bottom: 100px;
    max-width: 1140px;
    width: 100%;
    border: solid 1px #e7e7e7;
    background-color: #fff
  }
  
  body.order_payment_slips .o-paymentSlip .empty-loading-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__header img {
    max-height: 80px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__body {
    display: flex;
    justify-content: center
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo,
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm,
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo,
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedInfo {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 100px 20px 100px;
    width: 100%
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo,
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedInfo {
    padding: 0;
    max-width: 584px
  }
  
  body.order_payment_slips .o-paymentSlip .m-notificationSubscriptions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }
  
  body.order_payment_slips .o-paymentSlip .m-notificationSubscriptions>div {
    margin: 0 8px;
    max-height: 45px
  }
  
  body.order_payment_slips .o-paymentSlip .m-notificationSubscriptions .line-messenger {
    height: 100%
  }
  
  body.order_payment_slips .o-paymentSlip .m-notificationSubscriptions .line-messenger div {
    height: 100%
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo {
    border-right: solid 1px #ddd
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo .orderInfo__amount {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px;
    padding: 16px;
    width: 100%;
    border-radius: 6px;
    background: #f8f8f8;
    color: #666;
    text-align: center;
    font-weight: 600;
    font-size: 28px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo .orderInfo__amount .orderInfo__amount--title {
    margin-right: 12px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo .orderInfo__amount .orderInfo__amount--symbol {
    margin-right: -4px;
    font-weight: 500;
    font-size: 20px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo .orderInfo__subtitle {
    margin-bottom: 10px;
    color: #333;
    font-weight: 600;
    font-size: 18px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo .orderInfo__paymentMethod {
    margin-bottom: 20px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo .orderInfo__instructions {
    margin-bottom: 10px;
    color: #5b5b5b;
    text-align: center;
    font-weight: 400;
    font-size: 14px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo .orderInfo__instructions .instructionText {
    text-align: left;
    white-space: pre-line
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo .orderInfo__instructions .instructionImage {
    display: flex;
    align-items: center;
    flex-direction: column
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo .orderInfo__expendToggle {
    cursor: pointer
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__title {
    margin-bottom: 16px;
    color: #333;
    text-align: center;
    font-weight: 600;
    font-size: 18px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .m-uploadForm__imageInput {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 16px;
    padding: 20px;
    width: 100%;
    border: 1px dashed #3f93fb;
    border-radius: 6px;
    background-color: #f7fbff;
    color: #3f93fb;
    line-height: 1.5;
    cursor: pointer
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .m-uploadForm__imageInput.uploadForm__imageInput--error {
    margin-bottom: 32px;
    border-color: rgba(169, 68, 66, 0.4);
    background-color: rgba(169, 68, 66, 0.05);
    color: #a94442
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .m-uploadForm__imageInput .imageInput_errorMessage {
    position: absolute;
    bottom: -32px;
    left: 0;
    color: #a94442;
    font-weight: 400;
    font-size: 14px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .m-uploadForm__imageInput .imageInput__icon {
    margin-bottom: 4px;
    font-size: 16px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .m-uploadForm__imageInput .imageInput__title {
    font-size: 14px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .m-uploadForm__imageInput .imageInput__description {
    text-align: center;
    font-weight: 400;
    font-size: 12px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .m-uploadForm__imageInput--loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__selectedImage {
    position: relative;
    margin-bottom: 16px;
    min-height: 200px;
    cursor: pointer
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__selectedImage .selectedImage__changeButton {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    background-color: rgba(36, 40, 51, 0.5);
    color: #fff;
    cursor: pointer
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__timePicker {
    margin-bottom: 16px;
    width: 100%
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__timePicker::placeholder {
    color: #999
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__timePicker .input-group>.input-group-btn button,
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__timePicker .input-group>input {
    border-radius: 0 !important
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__timePicker input {
    background-color: #fff !important;
    cursor: pointer
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__message {
    position: relative;
    margin-bottom: 16px;
    width: 100%;
    font-size: 14px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__message textarea {
    padding: 6px 12px;
    width: 100%;
    outline: none;
    border: solid 1px #ddd;
    resize: vertical
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__message textarea::placeholder {
    color: #999
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__message .uploadForm__errorMessage {
    display: none
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__message.uploadForm__message--error {
    margin-bottom: 32px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__message.uploadForm__message--error textarea {
    border-color: #a94442
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__message.uploadForm__message--error .uploadForm__errorMessage {
    position: absolute;
    left: 0;
    display: block;
    color: #a94442;
    font-weight: 400
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__submit {
    margin-bottom: 16px;
    padding: 10px;
    width: 100%;
    border: none;
    border-radius: 3px;
    background-color: #5cb85c;
    color: #fff
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__submit:disabled {
    opacity: 0.5
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm .uploadForm__hint {
    margin-bottom: 4px;
    color: #888;
    text-align: center
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo .uploadedLoginInfo__alert {
    padding: 16px;
    width: 100%;
    border-color: #d6e9c6;
    border-radius: 6px;
    background-color: #dff0d8;
    color: #3c763d
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo .uploadedLoginInfo__alert i {
    margin-right: 2px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo .uploadedLoginInfo__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px;
    width: 100%
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo .uploadedLoginInfo__title .title-line {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo .uploadedLoginInfo__title .title {
    position: absolute;
    padding: 10px;
    background-color: #fff;
    text-align: center
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo .uploadedLoginInfo__image {
    cursor: pointer
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo .uploadedLoginInfo__message {
    margin-bottom: 10px;
    width: 100%;
    text-align-last: left;
    white-space: pre-line
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo .uploadedLoginInfo__time,
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo .uploadedLoginInfo__uploadTime {
    width: 100%;
    text-align-last: left;
    font-weight: 600
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo .uploadedLoginInfo__linkToOrder {
    margin-top: 24px;
    padding: 10px;
    width: 100%;
    border: none;
    border-radius: 3px;
    background-color: #9daab0;
    color: #fff;
    text-align: center
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo .uploadedLoginInfo__notificationTitle {
    margin: 20px 0 10px 0;
    text-align: center;
    font-weight: 600;
    font-size: 18px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedInfo .uploadedInfo__checkIcon {
    margin-bottom: 20px;
    color: #377d22;
    font-size: 48px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedInfo .uploadedInfo__title {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 30px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedInfo .uploadedInfo__hint {
    margin-bottom: 20px
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedInfo .uploadedInfo__login {
    margin-bottom: 16px;
    padding: 10px;
    width: 100%;
    border: none;
    border-radius: 3px;
    background-color: #5cb85c;
    color: #fff;
    text-align: center
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlipUpload__footer {
    position: absolute;
    bottom: 20px;
    padding: 0 20px;
    width: 100%;
    color: #9a9a9a;
    text-align: center
  }
  
  body.order_payment_slips .o-paymentSlip .m-paymentSlipUpload__footer .fa-shield {
    margin-right: 4px;
    font-size: 18px
  }
  
  .paymentSlipImageModal,
  .paymentSlipImageModal .modal-dialog {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important
  }
  
  .paymentSlipImageModal .modal-dialog {
    top: unset;
    left: unset;
    margin: 0;
    height: 0;
    border: 0;
    transform: unset !important
  }
  
  .paymentSlipImageModal .modal-dialog .modal-content .close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px 14px;
    border: solid 2px #fff;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-weight: 600;
    -webkit-font-smoothing: antialiased
  }
  
  .paymentSlipImageModal .modal-dialog .modal-content img {
    max-width: 90vw;
    max-height: 80vh
  }
  
  @media (max-width: 1170px) {
    body.order_payment_slips {
      padding: 10px
    }
  
    body.order_payment_slips #Content,
    body.order_payment_slips .body-wrapper,
    body.order_payment_slips .body-content,
    body.order_payment_slips .yield-wrapper {
      margin-bottom: 0;
      padding: 0
    }
  
    body.order_payment_slips .o-paymentSlip {
      max-width: 768px
    }
  
    body.order_payment_slips .o-paymentSlip .m-paymentSlip__body {
      align-items: center;
      flex-direction: column;
      padding: 0 20px
    }
  
    body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo {
      padding-bottom: 40px
    }
  
    body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm {
      padding-top: 40px
    }
  
    body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo {
      border-right: none;
      border-bottom: solid 1px #ddd
    }
  }
  
  @media (max-width: 768px) {
    body.order_payment_slips .o-paymentSlip {
      max-width: 100%
    }
  
    body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo,
    body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadForm,
    body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedLoginInfo,
    body.order_payment_slips .o-paymentSlip .m-paymentSlip__uploadedInfo {
      padding: 40px 0;
      max-width: 584px
    }
  
    body.order_payment_slips .o-paymentSlip .m-paymentSlip__orderInfo {
      padding-top: 0
    }
  }
  
  .uploadForm__timePicker .btn-default {
    border-width: 1px !important;
    background-color: #fff !important;
    color: #333 !important
  }
  
  .uploadForm__timePicker .btn-default:hover {
    background-color: #e6e6e6 !important
  }
  
  .uploadForm__timePicker .btn-default.active {
    border-color: #adadad !important;
    background-color: #e6e6e6 !important
  }
  
  .uploadForm__timePicker .date-time-picker .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    margin: 2px 0 0 !important;
    padding: 10px !important;
    min-width: 160px !important;
    border: 1px solid #ccc !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
    list-style: none;
    text-align: left;
    font-size: 14px !important
  }
  
  .uploadForm__timePicker .date-time-picker .dropdown-menu li:first-child:focus,
  .uploadForm__timePicker .date-time-picker .dropdown-menu li:first-child div:focus,
  .uploadForm__timePicker .date-time-picker .dropdown-menu li:first-child table:focus {
    outline: none
  }
  
  .uploadForm__timePicker .date-time-picker table thead tr:nth-of-type(2) th {
    height: 10px;
    font-size: 0
  }
  
  .uploadForm__timePicker .date-time-picker .time-button-container {
    margin: 10px 0
  }
  
  .uploadForm__timePicker .date-time-picker .btn-primary {
    border: none !important;
    background-color: #5cb85c !important;
    color: #fff !important
  }
  
  .uploadForm__timePicker .date-time-picker .btn-primary:hover {
    border: none !important;
    background-color: #5cb85c !important;
    color: #fff !important
  }
  
  .uploadForm__timePicker .date-time-picker .btn-link {
    background: none !important;
    color: #3594fb !important
  }
  
  .uploadForm__timePicker .date-time-picker .btn-link:hover {
    background: none !important;
    color: #23527c !important
  }
  
  .uploadForm__timePicker .date-time-picker .time-picker {
    width: 200px
  }
  
  .ui-pnotify {
    color: white;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.19);
    background-color: rgba(43, 52, 61, 0.9)
  }
  
  .ui-pnotify.success .ui-pnotify-icon {
    font-size: 20px;
    color: #90ee90
  }
  
  .ui-pnotify.success .ui-pnotify-title {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 3px
  }
  
  @media screen and (max-width: 767px) {
    .ui-pnotify.success {
      top: 40px
    }
  }
  
  .ui-pnotify.error .ui-pnotify-icon {
    font-size: 20px;
    color: #ffc0cb
  }
  
  .ui-pnotify.error .ui-pnotify-title {
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 3px
  }
  
  @media screen and (max-width: 767px) {
    .ui-pnotify.error {
      top: 40px
    }
  }
  
  tax-fee-popover {
    max-width: 320px;
    border-color: #e7e7e7
  }
  
  tax-fee-popover.popover.top>.arrow {
    border-top-color: #e7e7e7
  }
  
  tax-fee-popover p {
    margin-bottom: 0;
    color: #5b5b5b
  }
  
  tax-fee-popover .tax-fee-icon {
    outline: none;
    color: #337ab7 !important
  }
  
  tax-fee-popover .tax-fee-block {
    margin-bottom: 15px
  }
  
  tax-fee-popover .tax-fee-title {
    font-weight: 700;
    color: #333333
  }
  
  .product-available-info {
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: solid 1px #ebccd1;
    min-height: 52px;
    margin-bottom: 20px;
    padding: 9px 10px;
    line-height: 100%
  }
  
  .product-available-info-icon {
    margin-right: 10px;
    width: 17px !important;
    height: 17px !important
  }
  
  .product-available-info-text {
    font-size: 14px;
    color: #5b5b5b
  }
  
  .product-available-info-time {
    color: #d3796b;
    border-bottom: 1px dashed #ebccd1
  }
  
  .product-reviews-container .product-review-no-data {
    margin-bottom: 35px
  }
  
  @media screen and (max-width: 1200px) {
    .product-reviews-container .product-review-no-data {
      margin-bottom: 0
    }
  }
  
  .product-reviews-container .review-summary-source {
    float: right;
    margin-left: 40px
  }
  
  @media screen and (max-width: 1200px) {
    .product-reviews-container .review-summary-source {
      display: flex;
      position: relative;
      flex-direction: column;
      width: 100%;
      padding: 0;
      margin-left: 0
    }
  }
  
  .product-amazon-review-container {
    display: flex;
    flex-direction: column
  }
  
  @media screen and (max-width: 1200px) {
    .product-amazon-review-container {
      display: block
    }
  }
  
  .show-more-container {
    margin: 0px auto 10px auto
  }
  
  .show-more-container a:hover {
    background-color: #ddd
  }
  
  .show-more-container .show-more-btn {
    text-align: center;
    box-shadow: none;
    padding: 6px 12px;
    background: #ffffff;
    color: #333;
    border: solid 1px #ddd;
    font-size: 16px;
    border-radius: 4px;
    transition: background .3s
  }
  
  .show-more-container .show-more-btn a:hover {
    background: #ddd
  }
  
  .review-summary {
    display: flex
  }
  
  @media screen and (max-width: 1200px) {
    .review-summary {
      display: block;
      flex-direction: column
    }
  }
  
  .review-summary-info {
    margin-right: 50px;
    min-width: 255px
  }
  
  .review-summary-info .review-summary-info-title {
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px
  }
  
  .review-summary-info .review-summary-info-stars {
    margin: 0px 10px 10px 0;
    cursor: default
  }
  
  .review-summary-info .review-summary-info-stars span {
    color: #ffc500;
    font-size: 22px
  }
  
  .review-summary-info .review-summary-info-stars span:not(:last-child) {
    margin-right: 7px
  }
  
  .review-summary-info .review-summary-info-desc {
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
  }
  
  .product-review-box .review-summary-info-stars span {
    color: #ffc500;
    padding-right: 5px
  }
  
  .product-review-box .review-summary-data {
    padding-left: 10px;
    font-size: 13px
  }
  
  .review-summary-bars {
    max-width: 100%;
    width: 100%
  }
  
  @media (max-width: 1200px) {
    .review-summary-bars {
      max-width: calc(100% - 16px)
    }
  }
  
  .review-summary-bars .review-summary-bar {
    display: flex;
    align-items: center
  }
  
  .review-summary-bars .review-summary-bar:not(:last-child) {
    margin-bottom: 5px
  }
  
  .review-summary-bars .review-summary-bar .review-summary-bar-star {
    min-width: 40px;
    white-space: nowrap;
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
  }
  
  .review-summary-bars .review-summary-bar .review-summary-bar-line-bg {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 14px;
    padding: 3px;
    width: 100%;
    height: 12px;
    border: solid 1px #eaeaea;
    border-radius: 4px;
    background-color: #f8f8f8
  }
  
  .review-summary-bars .review-summary-bar .review-summary-bar-line-bg .review-summary-bar-line {
    position: absolute;
    display: flex;
    align-items: center;
    max-width: calc(100% - 6px);
    width: 100%;
    height: 6px;
    border-radius: 4px;
    background-color: #ffc500
  }
  
  .review-summary-bars .review-summary-bar .review-summary-bar-number,
  .review-summary-bars .review-summary-bar .review-summary-bar-number-v2 {
    min-width: 40px;
    white-space: nowrap;
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
  }
  
  .review-summary-bars .review-summary-bar .review-summary-bar-number-v2 {
    display: none
  }
  
  .review-comments {
    margin-top: 60px
  }
  
  .review-comment {
    display: flex;
    margin-bottom: 40px
  }
  
  .review-comment-author {
    display: flex;
    margin-right: 50px;
    min-width: 255px
  }
  
  .review-comment-author .review-comment-author-avatar {
    margin-right: 12px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #eaeaea
  }
  
  .review-comment-author .review-comment-author-info {
    display: flex;
    flex-direction: column
  }
  
  .review-comment-author .review-comment-author-info .review-comment-author-info-name,
  .review-comment-author .review-comment-author-info .review-comment-author-info-date {
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
  }
  
  .review-comment-message .review-comment-message-title {
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
  }
  
  .review-comment-message .review-comment-message-stars {
    margin: 0px 0 10px 0;
    cursor: default
  }
  
  .review-comment-message .review-comment-message-stars span {
    color: #ffc500;
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
  }
  
  .review-comment-message .review-comment-message-stars span:not(:last-child) {
    margin-right: 5px
  }
  
  .review-comment-message .review-comment-message-content {
    letter-spacing: 0.6px;
    font-size: 14px;
    word-break: break-word
  }
  
  .review-comment-image-container {
    margin-top: 24px
  }
  
  .review-comment-image {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 10px;
    margin-bottom: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
  }
  
  .review-pagination {
    display: flex;
    justify-content: center;
    width: 100%
  }
  
  @media (max-width: 767px) {
    .review-comment {
      flex-direction: column
    }
  
    .review-comment-message {
      margin-top: 10px
    }
  }
  
  @media (max-width: 600px) {
    .review-comment {
      flex-direction: column
    }
  
    .review-comment-message {
      margin-top: 10px
    }
  
    .review-summary {
      flex-direction: column
    }
  
    .review-summary-bars {
      margin-top: 10px
    }
  
    .review-summary-source {
      margin-top: 20px;
      width: 100%;
      padding: 0
    }
  
    .review-summary-info-stars,
    .review-summary-info-desc {
      display: inline-block
    }
  }
  
  .product-list-variant-selector-container {
    text-align: left;
    display: block;
    margin-top: 7px
  }
  
  product-item.has-variant-selector:not(.quick-cart-mobile) .info-box,
  .product-item.has-variant-selector:not(.quick-cart-mobile) .info-box {
    height: auto
  }
  
  product-item:not(.promotion-product).has-variant-selector .info-box,
  .product-item:not(.promotion-product).has-variant-selector .info-box {
    margin-bottom: 0;
    padding-bottom: 0;
    display: flow-root
  }
  
  product-item.promotion-product.has-variant-selector,
  .product-item.promotion-product.has-variant-selector {
    position: relative;
    align-self: stretch
  }
  
  product-item.promotion-product.has-variant-selector .info-box,
  .product-item.promotion-product.has-variant-selector .info-box {
    margin-bottom: 28px
  }
  
  product-item.promotion-product.has-variant-selector .add-to-cart-button-container,
  .product-item.promotion-product.has-variant-selector .add-to-cart-button-container {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px)
  }
  
  @media screen and (min-width: 992px) {
  
    product-item.promotion-product.has-variant-selector.has-wishlist-button .info-box,
    .product-item.promotion-product.has-variant-selector.has-wishlist-button .info-box {
      margin-bottom: 50px
    }
  }
  
  @media screen and (max-width: 482px) {
  
    product-item.promotion-product.has-variant-selector.has-wishlist-button .info-box,
    .product-item.promotion-product.has-variant-selector.has-wishlist-button .info-box {
      padding-bottom: 43px
    }
  }
  
  .product-list-variant-selector-wrapper {
    position: relative;
    width: 100%
  }
  
  @media screen and (max-width: 991px) {
    .product-list-variant-selector-wrapper {
      display: inline-block
    }
  }
  
  .product-list-variant-selector-left-mask,
  .product-list-variant-selector-right-mask {
    position: absolute;
    width: 28px;
    height: 30px;
    z-index: 2
  }
  
  .product-list-variant-selector-left-mask {
    left: -1px;
    background: linear-gradient(90deg, #fff 27.4%, rgba(255, 255, 255, 0) 100%);
    left: -1px
  }
  
  .product-list-variant-selector-right-mask {
    right: -1px;
    background: linear-gradient(270deg, #fff 27.4%, rgba(255, 255, 255, 0) 100%);
    right: -1px
  }
  
  .product-list-variant-selector-list {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    max-width: 204px
  }
  
  @media screen and (max-width: 991px) {
    .product-list-variant-selector-list {
      max-width: 170px
    }
  }
  
  @media screen and (max-width: 480px) {
    .product-list-variant-selector-list {
      max-width: 116px
    }
  }
  
  .product-list-variant-selector-scrollable {
    display: inline-flex;
    flex-wrap: wrap;
    padding-bottom: 8px;
    vertical-align: middle;
    width: 100%
  }
  
  @media screen and (max-width: 991px) {
    .product-list-variant-selector-scrollable {
      overflow-x: scroll;
      flex-wrap: nowrap;
      -ms-overflow-style: none;
      scrollbar-width: none
    }
  
    .product-list-variant-selector-scrollable::-webkit-scrollbar {
      display: none
    }
  }
  
  .product-list-variant-selector-item {
    flex-shrink: 0;
    cursor: auto;
    padding: 2px
  }
  
  .product-list-variant-selector-item.selected-variation>.product-list-variant-selector-image:after {
    content: "";
    position: absolute;
    display: block;
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    border: 1px solid #979797
  }
  
  body.v1_theme .product-list-variant-selector-image,
  body.v2_theme .product-list-variant-selector-image {
    border: 1px solid #EEE;
    position: relative;
    background-size: cover
  }
  
  @media screen and (max-width: 991px) {
  
    body.v1_theme .product-list-variant-selector-image,
    body.v2_theme .product-list-variant-selector-image {
      width: 25px !important;
      height: 25px !important
    }
  }
  
  body.v2_theme .product-list-variant-selector-image {
    width: 30px !important;
    height: 30px !important
  }
  
  body.v1_theme .product-list-variant-selector-image {
    width: 20px !important;
    height: 20px !important
  }
  
  .product-list-variant-selector-show-more {
    color: #AAA !important;
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    text-decoration: none
  }
  
  .product-list-variant-selector-show-more:hover {
    color: #AAA !important;
    text-decoration: none;
    cursor: pointer
  }
  
  .product-list-variant-selector-toggle {
    color: #AAA;
    vertical-align: middle;
    margin-bottom: 8px;
    font-size: 13px
  }
  
  .product-list-variant-selector-toggle>.product-list-variant-selector-expand {
    padding-right: 5px;
    display: inline-block
  }
  
  @media screen and (max-width: 991px) {
    .product-list-variant-selector-toggle>.product-list-variant-selector-expand {
      line-height: 25px
    }
  }
  
  .product-list-variant-selector-toggle>.product-list-variant-selector-collapse {
    display: inline-block
  }
  
  .product-list-variant-selector-toggle:hover {
    cursor: pointer
  }
  
  @media screen and (max-width: 991px) {
    .product-list-variant-selector-toggle {
      display: none
    }
  }
  
  .page-item-products-container.has-variant-selector>.product-items-container {
    display: flex;
    flex-wrap: wrap
  }
  
  #product-page .container:nth-child(1) {
    padding-top: 50px
  }
  
  #product-page .container {
    background-color: #fff;
    color: #333
  }
  
  #product-page .box-info {
    background-color: #fff;
    color: #333
  }
  
  #product-page .theme-header {
    font-weight: 600;
    background-color: #F6F6F6;
    border: 1px solid #ededed
  }
  
  #product-page .product-buynow {
    text-align: center;
    line-height: 32px;
    width: 354px;
    margin: 0 auto;
    cursor: pointer
  }
  
  #product-page #product-page-checkout {
    margin-top: 30px
  }
  
  #product-page #product-page-checkout .input-group.col-xs-9 {
    width: 75%
  }
  
  #product-page .product-box {
    margin: 5px 0px 5px 10px;
    line-height: 32px
  }
  
  #product-page .product-buynow-bottom {
    clear: both;
    text-align: right
  }
  
  #product-page .product-buynow-bottom #product-page-checkout-btn {
    margin-right: 28px;
    line-height: 32px
  }
  
  #product-page .reward-credit-summary {
    clear: both;
    text-align: right
  }
  
  #product-page .product-title {
    margin-top: 32px;
    font-size: 18px;
    word-wrap: break-word;
    width: 100%;
    padding-bottom: 14px
  }
  
  #product-page .product-title h1 {
    font-size: inherit;
    margin: inherit;
    display: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit
  }
  
  #product-page .product-price {
    padding: 6px 0px;
    font-size: 18px
  }
  
  #product-page .product-out-of-stock {
    color: #c93020;
    margin-left: 10px;
    font-size: 18px
  }
  
  #product-page .product-messagetobuy {
    font-size: 14px;
    color: #999999;
    max-width: 100%;
    text-align: right;
    padding-top: 5px
  }
  
  #product-page .order-detial {
    padding: 17px 0px
  }
  
  #product-page .ckbox-header {
    margin: 0 0 20px 0;
    font-size: 14px;
    padding: 10px 0
  }
  
  #product-page .ckbox-header .row .info-header-content:nth-last-child(2),
  #product-page .ckbox-header .row .info-header-content:last-child {
    padding-right: 0;
    text-align: right
  }
  
  #product-page .ckbox-info {
    padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 24px);
    margin-left: auto;
    margin-right: auto
  }
  
  #product-page .ckbox-info:last-of-type {
    border-bottom: none
  }
  
  #product-page .multiselect-variation {
    border-bottom: 1px solid #ccc;
    font-size: 14px
  }
  
  #product-page .multiselect-variation.is-selected {
    background-color: #f7f7f7
  }
  
  #product-page .product-box-header {
    margin-left: 30px;
    margin-right: 30px
  }
  
  #product-page .form-control {
    background-color: #fff;
    border-color: #ccc;
    color: #555
  }
  
  #product-page .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc !important;
    border-width: 1px
  }
  
  #product-page .order-detail-count {
    color: #ff3b30
  }
  
  #product-page .help-block {
    margin-top: 8px
  }
  
  @media screen and (max-width: 767px) {
    #product-page .product-messagetobuy {
      top: 46px
    }
  
    #product-page .product-buynow {
      padding: 0px 30px;
      width: 100%
    }
  }
  
  #product-page .line {
    border: solid 1px #dddddd;
    margin: 15px 0px
  }
  
  #product-page .product-data {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
  
  #product-page .product-data .product-des-img img {
    height: 60px;
    width: 60px;
    object-fit: cover
  }
  
  #product-page .product-des {
    max-height: 70px;
    flex: 1;
    margin-left: 10px
  }
  
  #product-page .product-des div {
    white-space: normal;
    margin-left: 15px;
    word-wrap: break-word;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  
  @media screen and (min-width: 992px) and (max-width: 1200px) {
    #product-page .product-des div {
      max-width: 170px;
      width: auto
    }
  }
  
  #product-page .vertical-align-product-content:last-child {
    text-align: right;
    padding-right: 0;
    justify-content: flex-end;
    margin-right: -10px
  }
  
  #product-page .vertical-align-product-content:nth-last-child(2) {
    padding-right: 0;
    justify-content: flex-end
  }
  
  #product-page .item {
    padding: 0 15px !important
  }
  
  #product-page .container-full-width .item {
    padding-left: 0 !important;
    padding-right: 0 !important
  }
  
  #product-page .vertical-align-product-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  
  @media screen and (min-width: 768px) and (max-width: 992px) {
    #product-page .product-des div {
      max-width: 135px;
      margin-left: 0px;
      margin-top: 6px;
      margin-bottom: 6px
    }
  
    #product-page .product-content-button {
      padding: 0px 5px
    }
  }
  
  #product-page .ckbox-header .firsr-header {
    margin-left: 4px
  }
  
  #product-page .box-info h5 {
    margin-left: 19px
  }
  
  #product-page .ckbox-promotion {
    font-size: 14px;
    padding-right: 15px;
    padding-left: 15px
  }
  
  #product-page .ckbox-promotion .promo-badge {
    background-color: #828282;
    color: #ffffff;
    width: 80px;
    text-align: center
  }
  
  #product-page .ckbox-promotion .promo-description {
    white-space: nowrap
  }
  
  #product-page .item-quantity {
    padding: 0px
  }
  
  #product-page .product-page-warning {
    text-align: right;
    font-size: 14px;
    color: #a94442;
    padding: 10px 28px 0 0
  }
  
  #product-page .product-page-warning ul {
    list-style: none
  }
  
  #product-page .delivery-payment-header {
    padding-left: 19px;
    margin-top: 20px;
    margin-bottom: 15px
  }
  
  @media screen and (min-width: 768px) {
    #product-page #page-delivery-options .form-group {
      margin-left: 14px;
      margin-top: 32px
    }
  
    #product-page #page-delivery-options .form-group:nth-child(1) {
      margin-top: 0px
    }
  
    #product-page #page-delivery-options .form-group label {
      font-weight: 500;
      width: 125px;
      position: relative;
      margin-top: 7px
    }
  
    #product-page #page-delivery-options .form-group select {
      width: calc(100% - 170px);
      display: inline;
      float: right;
      margin-right: 32px;
      margin-left: 4px
    }
  
    #product-page #page-delivery-options .form-group p {
      width: calc(100% - 170px);
      display: inline;
      margin-left: 16px
    }
  
    #product-page .product-box {
      display: block
    }
  }
  
  @media screen and (max-width: 767px) {
    #product-page #page-delivery-options .form-group select {
      margin-right: 14px
    }
  
    #product-page .product-des div {
      width: 170px
    }
  }
  
  #product-page .mobile-product-info {
    padding: 15px 10px
  }
  
  #product-page .mobile-product-info div {
    margin: 5px 4px;
    padding-top: 6px;
    padding-bottom: 6px
  }
  
  #product-page .mobile-product-info .form-control {
    display: inline-block
  }
  
  #product-page .mobile-product-info .product-button-row {
    width: 100%;
    display: inline-block;
    margin-top: 10px
  }
  
  #product-page .mobile-product-info .product-img-row {
    height: 60px;
    margin-bottom: 20px
  }
  
  #product-page .mobile-product-info .product-text-row {
    margin-top: 10px;
    margin-bottom: 10px
  }
  
  #product-page .mobile-product-info div span {
    padding-left: 0px;
    padding-right: 0px
  }
  
  #product-page .mobile-product-info .product-head {
    padding: 0 5px;
    word-wrap: break-word;
    word-break: break-all
  }
  
  #product-page .mobile-product-info .product-des {
    margin: 11px 0px 11px;
    padding-left: 10px
  }
  
  #product-page .mobile-product-info .flex-center {
    display: flex;
    align-items: center
  }
  
  #product-page item-variations,
  #product-page #page-promotions,
  #product-page #page-delivery-options {
    font-size: 14px
  }
  
  #product-page #page-promotions {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px
  }
  
  @media screen and (min-width: 768px) {
    #product-page #page-promotions {
      border-top: 1px solid #ccc
    }
  }
  
  #product-page #page-promotions .btn-remove-coupon {
    background-color: transparent;
    border: none;
    display: block;
    text-align: right;
    font-size: 12px;
    color: #337ab7;
    text-decoration: underline;
    padding: 0
  }
  
  #product-page #page-promotions .promotion {
    margin: 5px 0px 5px 0px;
    display: table;
    width: 100%
  }
  
  #product-page #page-promotions .promotion:nth-last-of-type(1) .description,
  #product-page #page-promotions .promotion:nth-last-of-type(1) .discount {
    padding-top: 10px;
    padding-bottom: 10px
  }
  
  #product-page #page-promotions .promotion .badge,
  #product-page #page-promotions .promotion .description,
  #product-page #page-promotions .promotion .discount {
    display: table-cell;
    vertical-align: text-top
  }
  
  #product-page #page-promotions .cart-promotions .description {
    padding: 0;
    width: calc(100% - 120px)
  }
  
  #product-page #page-promotions .cart-promotions .discount {
    max-width: 100px;
    text-align: right;
    margin-left: 15px
  }
  
  #product-page #page-promotions h5 {
    margin-bottom: 15px
  }
  
  #product-page #page-promotions .promotion .badge {
    font-size: 14px;
    border-radius: 0;
    font-weight: 400;
    padding: 0;
    text-align: center;
    background-color: transparent;
    width: 120px
  }
  
  #product-page #page-promotions .promotion .badge .reward-credit {
    background-color: #FFE8C6
  }
  
  #product-page #page-promotions .promotion .badge span {
    display: block;
    background-color: #E8F8E8;
    padding: 5px 0;
    color: #000
  }
  
  #product-page #page-promotions .promotion .badge span.untriggered {
    background-color: #F3F3F3
  }
  
  #product-page #page-promotions .promotion .discount {
    text-align: right;
    margin-left: 15px;
    min-width: 100px
  }
  
  #product-page #page-promotions .promotion .description {
    padding: 0 15px
  }
  
  #product-page #page-summary {
    font-size: 14px;
    margin: 15px 0px
  }
  
  #product-page #page-summary .btn-link {
    color: #337ab7;
    border-radius: 4px;
    border-color: transparent;
    background-color: transparent
  }
  
  #product-page #page-summary .custom-discount,
  #product-page #page-summary .applied-store-credits,
  #product-page #page-summary .applied-member-points,
  #product-page #page-summary .cart-coupon {
    height: auto !important
  }
  
  #product-page #page-summary .custom-discount .btn-link,
  #product-page #page-summary .applied-store-credits .btn-link,
  #product-page #page-summary .applied-member-points .btn-link,
  #product-page #page-summary .cart-coupon .btn-link {
    padding: 0px
  }
  
  #product-page #page-summary .custom-discount .btn-toggle.use-affiliate,
  #product-page #page-summary .applied-store-credits .btn-toggle.use-affiliate,
  #product-page #page-summary .applied-member-points .btn-toggle.use-affiliate,
  #product-page #page-summary .cart-coupon .btn-toggle.use-affiliate {
    width: 100%;
    text-align: start
  }
  
  #product-page #page-summary .custom-discount #apply-credit-form .btn:not(.btn-select),
  #product-page #page-summary .custom-discount #apply-member-point-form .btn:not(.btn-select),
  #product-page #page-summary .custom-discount .coupon-form .btn:not(.btn-select),
  #product-page #page-summary .custom-discount .affiliate-form .btn:not(.btn-select),
  #product-page #page-summary .applied-store-credits #apply-credit-form .btn:not(.btn-select),
  #product-page #page-summary .applied-store-credits #apply-member-point-form .btn:not(.btn-select),
  #product-page #page-summary .applied-store-credits .coupon-form .btn:not(.btn-select),
  #product-page #page-summary .applied-store-credits .affiliate-form .btn:not(.btn-select),
  #product-page #page-summary .applied-member-points #apply-credit-form .btn:not(.btn-select),
  #product-page #page-summary .applied-member-points #apply-member-point-form .btn:not(.btn-select),
  #product-page #page-summary .applied-member-points .coupon-form .btn:not(.btn-select),
  #product-page #page-summary .applied-member-points .affiliate-form .btn:not(.btn-select),
  #product-page #page-summary .cart-coupon #apply-credit-form .btn:not(.btn-select),
  #product-page #page-summary .cart-coupon #apply-member-point-form .btn:not(.btn-select),
  #product-page #page-summary .cart-coupon .coupon-form .btn:not(.btn-select),
  #product-page #page-summary .cart-coupon .affiliate-form .btn:not(.btn-select) {
    background-color: #9DAAB0;
    border: 1px solid #9DAAB0;
    color: white
  }
  
  #product-page #page-summary .custom-discount #apply-credit-form .btn-select,
  #product-page #page-summary .custom-discount #apply-member-point-form .btn-select,
  #product-page #page-summary .custom-discount .coupon-form .btn-select,
  #product-page #page-summary .custom-discount .affiliate-form .btn-select,
  #product-page #page-summary .applied-store-credits #apply-credit-form .btn-select,
  #product-page #page-summary .applied-store-credits #apply-member-point-form .btn-select,
  #product-page #page-summary .applied-store-credits .coupon-form .btn-select,
  #product-page #page-summary .applied-store-credits .affiliate-form .btn-select,
  #product-page #page-summary .applied-member-points #apply-credit-form .btn-select,
  #product-page #page-summary .applied-member-points #apply-member-point-form .btn-select,
  #product-page #page-summary .applied-member-points .coupon-form .btn-select,
  #product-page #page-summary .applied-member-points .affiliate-form .btn-select,
  #product-page #page-summary .cart-coupon #apply-credit-form .btn-select,
  #product-page #page-summary .cart-coupon #apply-member-point-form .btn-select,
  #product-page #page-summary .cart-coupon .coupon-form .btn-select,
  #product-page #page-summary .cart-coupon .affiliate-form .btn-select {
    padding: 10px 0 4px 0;
    width: 100%;
    text-align: start
  }
  
  #product-page #page-summary .custom-discount form label,
  #product-page #page-summary .applied-store-credits form label,
  #product-page #page-summary .applied-member-points form label,
  #product-page #page-summary .cart-coupon form label {
    display: inline-block;
    width: 100%;
    font-weight: 400
  }
  
  #product-page #page-summary .custom-discount form input,
  #product-page #page-summary .custom-discount form .btn-coupon-apply,
  #product-page #page-summary .applied-store-credits form input,
  #product-page #page-summary .applied-store-credits form .btn-coupon-apply,
  #product-page #page-summary .applied-member-points form input,
  #product-page #page-summary .applied-member-points form .btn-coupon-apply,
  #product-page #page-summary .cart-coupon form input,
  #product-page #page-summary .cart-coupon form .btn-coupon-apply {
    float: left;
    width: 67%
  }
  
  #product-page #page-summary .custom-discount form .btn,
  #product-page #page-summary .applied-store-credits form .btn,
  #product-page #page-summary .applied-member-points form .btn,
  #product-page #page-summary .cart-coupon form .btn {
    float: right;
    width: 30%
  }
  
  #product-page #page-summary .custom-discount .row-text,
  #product-page #page-summary .applied-store-credits .row-text,
  #product-page #page-summary .applied-member-points .row-text,
  #product-page #page-summary .cart-coupon .row-text {
    display: inline-block;
    width: 100%
  }
  
  #product-page #page-summary .custom-discount .custom-discount-remaining-hint,
  #product-page #page-summary .custom-discount .user-credits-remaining-hint,
  #product-page #page-summary .applied-store-credits .custom-discount-remaining-hint,
  #product-page #page-summary .applied-store-credits .user-credits-remaining-hint,
  #product-page #page-summary .applied-member-points .custom-discount-remaining-hint,
  #product-page #page-summary .applied-member-points .user-credits-remaining-hint,
  #product-page #page-summary .cart-coupon .custom-discount-remaining-hint,
  #product-page #page-summary .cart-coupon .user-credits-remaining-hint {
    margin-top: -4px;
    color: #cecaca;
    font-size: 12px
  }
  
  #product-page #page-summary .custom-discount .error-text,
  #product-page #page-summary .applied-store-credits .error-text,
  #product-page #page-summary .applied-member-points .error-text,
  #product-page #page-summary .cart-coupon .error-text {
    color: #a94442
  }
  
  #product-page #page-summary .custom-discount .help-block,
  #product-page #page-summary .applied-store-credits .help-block,
  #product-page #page-summary .applied-member-points .help-block,
  #product-page #page-summary .cart-coupon .help-block {
    word-break: break-all
  }
  
  #product-page #page-summary .custom-discount .form-group .apply-member-point-input-group,
  #product-page #page-summary .applied-store-credits .form-group .apply-member-point-input-group,
  #product-page #page-summary .applied-member-points .form-group .apply-member-point-input-group,
  #product-page #page-summary .cart-coupon .form-group .apply-member-point-input-group {
    display: inline-grid;
    grid-template-columns: 1fr auto;
    width: 67%
  }
  
  #product-page #page-summary .custom-discount .form-group .apply-member-point-input-group .apply-member-point-input,
  #product-page #page-summary .applied-store-credits .form-group .apply-member-point-input-group .apply-member-point-input,
  #product-page #page-summary .applied-member-points .form-group .apply-member-point-input-group .apply-member-point-input,
  #product-page #page-summary .cart-coupon .form-group .apply-member-point-input-group .apply-member-point-input {
    width: 100%;
    height: 34px
  }
  
  #product-page #page-summary .custom-discount .form-group .apply-member-point-input-group .apply-member-point-input-text,
  #product-page #page-summary .applied-store-credits .form-group .apply-member-point-input-group .apply-member-point-input-text,
  #product-page #page-summary .applied-member-points .form-group .apply-member-point-input-group .apply-member-point-input-text,
  #product-page #page-summary .cart-coupon .form-group .apply-member-point-input-group .apply-member-point-input-text {
    display: flex;
    flex-direction: row;
    padding: 6px 12px;
    width: auto;
    height: 34px;
    background: #EEEEEE;
    mix-blend-mode: normal;
    border: 1px solid #DDDDDD;
    box-sizing: border-box
  }
  
  #product-page #page-summary hr {
    display: inline-block;
    width: 100%;
    border: solid 1px #dddddd
  }
  
  #product-page #page-summary .subtotal,
  #product-page #page-summary .delivery-fee,
  #product-page #page-summary .payment-fee,
  #product-page #page-summary .discount,
  #product-page #page-summary .total,
  #product-page #page-summary .custom-discount,
  #product-page #page-summary .applied-store-credits,
  #product-page #page-summary .applied-member-points,
  #product-page #page-summary .tax-fee,
  #product-page #page-summary .cart-coupon {
    padding: 3px 28px;
    height: 32px
  }
  
  #product-page #page-summary .checkout-approximately,
  #product-page #page-summary .checkout-note {
    padding: 0 28px
  }
  
  #product-page #page-summary .coupon .btn-link {
    padding: 0;
    text-decoration: underline
  }
  
  #product-page #page-summary .total {
    font-weight: 600
  }
  
  #product-page #page-summary .dark-secondary {
    color: #000
  }
  
  #product-page #page-summary div p:before,
  #product-page #page-summary div p:after {
    content: " ";
    display: table
  }
  
  #product-page #page-summary div p:after {
    clear: both
  }
  
  #product-page #reward-credit-summary {
    clear: both;
    font-size: 14px;
    padding: 10px 28px 0 28px
  }
  
  #product-page #reward-credit-summary .summary-left {
    width: 60%
  }
  
  #product-page #reward-credit-summary .summary-right {
    width: 40%;
    text-align: right
  }
  
  #product-page #member-points-summary {
    clear: both;
    font-size: 14px;
    padding: 10px 28px 0 28px
  }
  
  #product-page #member-points-summary .summary-left {
    width: 60%
  }
  
  #product-page #member-points-summary .summary-right {
    width: 40%;
    text-align: right
  }
  
  @media screen and (min-width: 992px) {
  
    #product-page #page-summary,
    #product-page #reward-credit-summary,
    #product-page #member-points-summary {
      width: 38%;
      float: right
    }
  
    #product-page #product-page-checkout-btn {
      width: calc(38% - 56px)
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
  
    #product-page #page-summary,
    #product-page #reward-credit-summary,
    #product-page #member-points-summary {
      width: 55%;
      float: right
    }
  
    #product-page #product-page-checkout-btn {
      width: calc(55% - 56px)
    }
  }
  
  @media screen and (max-width: 767px) {
  
    #product-page #page-summary,
    #product-page #reward-credit-summary,
    #product-page #member-points-summary {
      padding: 0px 10px
    }
  
    #product-page #page-summary .subtotal,
    #product-page #page-summary .tax-fee,
    #product-page #page-summary .delivery-fee,
    #product-page #page-summary .payment-fee,
    #product-page #page-summary .discount,
    #product-page #page-summary .total,
    #product-page #page-summary .cart-coupon,
    #product-page #page-summary .applied-store-credits,
    #product-page #page-summary .applied-member-points,
    #product-page #page-summary .custom-discount {
      padding: 3px 0px
    }
  
    #product-page #page-summary hr {
      margin: 28px 0
    }
  
    #product-page #page-summary div .subtotal {
      padding: 3px 15px
    }
  
    #product-page #page-summary p {
      width: auto
    }
  
    #product-page #page-promotions .title {
      margin-left: 0
    }
  
    #product-page #page-promotions .promotion {
      display: block
    }
  
    #product-page #page-promotions .promotion:nth-last-of-type(1) {
      padding-top: 15px
    }
  
    #product-page #page-promotions .promotion:nth-last-of-type(1) .discount,
    #product-page #page-promotions .promotion:nth-last-of-type(1) .description {
      padding: 0
    }
  
    #product-page #page-promotions .promotion div {
      display: block;
      height: auto
    }
  
    #product-page #page-promotions .promotion .badge {
      max-width: 120px;
      margin: 0 0 5px;
      display: block
    }
  
    #product-page #page-promotions .promotion .description {
      margin: 0;
      display: inline-block;
      padding: 0;
      width: calc(100% - 120px)
    }
  
    #product-page #page-promotions .untriggered-promotions .description {
      width: 100%
    }
  
    #product-page #page-promotions .promotion .discount span {
      top: 10px
    }
  
    #product-page #page-promotions .promotion .discount {
      display: inline-block
    }
  
    #product-page #page-delivery-options {
      padding: 0px 10px
    }
  
    #product-page #page-promotions .btn-remove-coupon {
      padding: 0
    }
  
    #product-page #page-promotions .cart-promotions {
      position: relative;
      padding: 0 15px
    }
  
    #product-page #page-promotions .cart-promotions .promotion:not(:first-of-type) {
      margin-top: 18px
    }
  
    #product-page #page-promotions .cart-promotions .promotion:first-of-type {
      margin-top: 15px
    }
  
    #product-page #page-promotions .cart-promotions.collapsible-cart-promotions {
      transition: max-height 0.15s ease;
      overflow: hidden;
      max-height: 194px
    }
  
    #product-page #page-promotions .cart-promotions.collapsible-cart-promotions:not(.collapsible) {
      padding-bottom: 10px
    }
  
    #product-page #page-promotions .cart-promotions .collapse-toggle {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      font-size: 22px;
      line-height: 25px;
      position: absolute;
      left: 0;
      bottom: 0;
      background-color: #FFF;
      width: 100%;
      height: 74px;
      background: linear-gradient(to top, #FFF 24.48%, rgba(255, 255, 255, 0) 100%);
      padding-bottom: 4px;
      cursor: pointer
    }
  
    #product-page #page-promotions .cart-promotions .collapse-toggle:after {
      content: "\f107";
      line-height: 25px;
      font-family: "FontAwesome";
      transition: transform 0.15s ease
    }
  
    #product-page #page-promotions .cart-promotions.expanded .cart-promotions-content {
      padding-bottom: 42px
    }
  
    #product-page #page-promotions .cart-promotions.expanded .collapse-toggle {
      background: transparent
    }
  
    #product-page #page-promotions .cart-promotions.expanded .collapse-toggle:after {
      transform: rotate(180deg)
    }
  }
  
  #product-page #buynow-footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999
  }
  
  #product-page .product-content-button {
    padding: 0px 5px;
    margin: auto
  }
  
  #product-page .product-content-button .form-control {
    padding: 6px 3px
  }
  
  .product-checkout-page .cart-items .price {
    color: #333
  }
  
  .product-checkout-page .dark-secondary {
    color: #000
  }
  
  .img-box {
    width: 60px;
    height: 60px
  }
  
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    #product-page .product-buynow {
      width: 278px
    }
  
    #product-page .product-page-warning {
      padding-right: 8px
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #product-page .product-buynow {
      width: 324px
    }
  }
  
  @media screen and (max-width: 767px) {
    #product-page .container:nth-child(1) {
      padding-top: 0px
    }
  
    #product-page-checkout {
      margin-top: 0px
    }
  
    .multiselect-variation .product-des {
      margin-top: 0 !important;
      margin-bottom: 0 !important
    }
  
    .multiselect-variation .product-des div {
      width: 100% !important;
      margin-top: 0 !important;
      margin-bottom: 0 !important
    }
  
    .product-button-row span:last-child:not(.input-group-btn) {
      padding-left: 10px !important
    }
  
    #product-page .mobile-product-info div {
      margin: 0
    }
  
    #product-page-checkout-btn {
      width: calc(100% - 20px);
      margin: 0 10px
    }
  }
  
  .fb-comments {
    z-index: 1
  }
  
  .fb-comments>span {
    height: auto !important
  }
  
  .product-set-selector-wrapper {
    margin-top: 20px;
    margin-bottom: 20px
  }
  
  .product-set-selector-wrapper .child-product-wrapper {
    display: flex;
    flex-wrap: wrap
  }
  
  .product-set-selector-wrapper .child-product-wrapper .child-product-image {
    width: 40px;
    height: 40px;
    object-fit: contain;
    margin-right: 10px;
    cursor: pointer
  }
  
  .product-set-selector-wrapper .child-product-wrapper .child-product-title {
    display: inline-block;
    color: #333333;
    margin-bottom: 10px
  }
  
  .product-set-selector-wrapper .child-product-wrapper a.child-product-title:hover {
    text-decoration: underline
  }
  
  .product-set-selector-wrapper .child-product-divider {
    background: #d6d6d6;
    height: 1px;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px
  }
  
  .product-set-selector-wrapper .child-product-col-wrapper {
    flex: 1
  }
  
  .product-set-selector-wrapper .child-product-variation-wrapper>div:last-child select {
    margin-bottom: 0
  }
  
  .product-set-selector-wrapper .child-product-variation-wrapper>div:last-child .variation-label-container {
    margin-bottom: -8px
  }
  
  .product-set-selector-wrapper .child-product-variation-wrapper>div:last-child .variation-label-container .variation-label {
    margin-bottom: 8px
  }
  
  .product-set-selector-wrapper .child-product-toggler {
    display: flex;
    min-width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 10px
  }
  
  .product-set-selector-wrapper .variation-title+div {
    position: relative
  }
  
  .product-set-selector-wrapper .variation-label-container {
    margin: 8px 0 16px 0
  }
  
  .product-set-selector-wrapper .form-control-inline {
    margin-bottom: 16px
  }
  
  .product-set-selector-wrapper .form-control.form-control-sm {
    width: 100%;
    min-width: auto
  }
  
  .product-set-selector-wrapper.show-overlay {
    position: relative
  }
  
  .product-set-selector-wrapper.show-overlay .product-set-scroll-wrapper {
    overflow-y: scroll;
    padding-right: 15px
  }
  
  .product-set-selector-wrapper.show-overlay .product-set-scroll-wrapper:after,
  .product-set-selector-wrapper.show-overlay .product-set-scroll-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 45px;
    z-index: 6;
    opacity: 0;
    transition: opacity 200ms linear;
    pointer-events: none
  }
  
  .product-set-selector-wrapper.show-overlay .product-set-scroll-wrapper:before {
    top: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 100%)
  }
  
  .product-set-selector-wrapper.show-overlay .product-set-scroll-wrapper:after {
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 100%)
  }
  
  .product-set-selector-wrapper.show-overlay .product-set-scroll-wrapper.bottom:before,
  .product-set-selector-wrapper.show-overlay .product-set-scroll-wrapper.top:after,
  .product-set-selector-wrapper.show-overlay .product-set-scroll-wrapper.middle:before,
  .product-set-selector-wrapper.show-overlay .product-set-scroll-wrapper.middle:after {
    opacity: 1
  }
  
  .v1_theme .product-set-selector-wrapper .variation-title {
    margin-bottom: 8px
  }
  
  .v2_theme .product-set-selector-wrapper .variation-title {
    color: #aaa;
    font-size: 13px;
    margin-bottom: 4px
  }
  
  .v2_theme .product-set-selector-wrapper .child-product-variation-shorthand {
    font-size: 13px;
    color: #999999
  }
  
  .product-set-item-list {
    list-style: '・' !important;
    padding-left: 10px !important
  }
  
  .product-set-item-list p {
    margin-bottom: 0px;
    line-height: 1.5
  }
  
  .product-set-item-list .child-product-item {
    list-style: '・' !important;
    display: list-item !important;
    margin-bottom: 4px;
    font-size: 13px
  }
  
  .product-set-item-list .child-variation-title {
    color: #777
  }
  
  .v1_theme .cart-item-content .child-product-item {
    border-bottom: none;
    line-height: normal
  }
  
  .v1_theme .cart-item-content .child-product-title {
    font-size: 15px
  }
  
  .v1_theme .cart-item-content .child-variation-title {
    font-size: 15px;
    color: #fff
  }
  
  .v2_theme .cart-item-content .child-product-title {
    font-size: 14px;
    color: #333;
    font-weight: bold
  }
  
  .v2_theme .cart-item-content .child-variation-title {
    font-size: 14px;
    color: #333
  }
  
  .cart-item .item-information .product-set-item-list {
    padding-left: 18px !important
  }
  
  .cart-item .item-information .child-product-item .child-product-title,
  .cart-item .item-information .child-product-item .child-variation-title {
    font-size: 13px
  }
  
  .PromotionCart-content .child-product-item .child-product-title {
    color: #4a4a4a
  }
  
  .PromotionCart-content .child-product-item .child-variation-title {
    color: #0303038a
  }
  
  .Wishlist-block-row .product-set-item-list {
    padding-left: 20px !important
  }
  
  .Wishlist-block-row .product-set-item-list .child-product-title {
    color: #333
  }
  
  .variation-label-container {
    margin: 10px 0
  }
  
  .variation-label {
    display: inline-block;
    margin-bottom: 8px;
    padding: 8px 10px;
    border: solid 1px #ccc;
    border-radius: 4px;
    line-height: 1;
    transition: 0.2s;
    cursor: pointer
  }
  
  .variation-label.variation-label--out-of-stock {
    border-color: #ccc !important;
    color: #ccc !important
  }
  
  .variation-label:hover,
  .variation-label.variation-label--selected {
    border-color: #333333;
    color: #333333
  }
  
  .variation-label:not(:last-child) {
    margin-right: 8px
  }
  
  body.v1_theme .amazon-wishlist-block {
    align-items: center
  }
  
  .addon-promotions-container {
    margin-top: 10px
  }
  
  .addon-promotions-container .addon-promotions-header {
    background-color: #eeeeee;
    padding: 10px 15px 10px 19px
  }
  
  .addon-promotions-container .addon-promotions-header #sec0 {
    color: #000
  }
  
  .addon-promotions-container .addon-promotions-header p {
    margin-left: 10px;
    display: inline;
    font-size: 14px;
    font-weight: normal;
    color: #000000
  }
  
  .addon-promotions-container .addon-promotion-item-wrapper {
    padding-bottom: 20px;
    height: 100%;
    margin: 0
  }
  
  .addon-promotions-container .addon-promotion-item-wrapper img {
    border: 2px solid #d8d8d8;
    object-fit: cover;
    cursor: pointer
  }
  
  .addon-promotions-container .addon-promotion-item-wrapper .addon-selected img {
    border: 2px solid #000
  }
  
  .addon-promotions-container .addon-promotion-item-wrapper .price-container {
    font-size: 16px;
    text-align: center;
    vertical-align: middle
  }
  
  @media screen and (min-width: 768px) {
    .addon-promotions-container .addon-promotion-item-wrapper .price-container {
      display: inline-block
    }
  }
  
  .addon-promotions-container .addon-promotion-item-wrapper .title-container {
    font-size: 16px;
    line-height: 1.9rem;
    padding: 0 5px 0 0
  }
  
  @media screen and (max-width: 767px) {
    .addon-promotions-container .addon-promotion-item-wrapper .title-container {
      margin-top: 2px;
      margin-bottom: 14px
    }
  }
  
  .addon-promotions-container .addon-promotion-item-wrapper .addon-checkout-switch {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
  }
  
  @media screen and (max-width: 767px) {
    .addon-promotions-container .addon-promotion-item-wrapper .addon-checkout-switch {
      margin: 0
    }
  }
  
  .addon-promotions-container .addon-promotion-list {
    list-style: none;
    padding: 0
  }
  
  .addon-promotions-container .addon-promotion-list .title {
    padding-right: 6px;
    margin: 0 0 8px 0;
    font-weight: normal;
    font-size: 16px
  }
  
  .addon-promotions-container .addon-promotion-item {
    background-color: #f8f8f8;
    padding-top: 20px
  }
  
  .addon-promotions-container .addon-promotion-item .nopadding-right {
    padding-right: 0px !important
  }
  
  .addon-promotions-container .addon-promotion-item .price-text {
    font-weight: 600
  }
  
  .addon-promotions-container .addon-promotion-item .price-sale {
    margin-top: 2px;
    font-weight: 400;
    text-align: left;
    font-size: 14px;
    color: #c0392b;
    text-transform: uppercase
  }
  
  .addon-promotions-container .addon-promotion-item .quantity-container {
    margin-right: 8px;
    margin-bottom: 8px;
    display: inline-block;
    width: 132px;
    max-width: 100%
  }
  
  @media screen and (max-width: 767px) {
    .addon-promotions-container .addon-promotion-item .quantity-container input {
      padding-left: 0;
      padding-right: 0;
      text-align: center
    }
  }
  
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .addon-promotions-container .addon-promotion-item .quantity-container {
      display: block
    }
  }
  
  @media screen and (max-width: 767px) {
    .addon-promotions-container .addon-promotion-item .quantity-container {
      display: block;
      width: auto
    }
  }
  
  .addon-promotions-container .detail-media-container {
    background-size: cover;
    margin-bottom: 5px;
    position: relative;
    padding: 0;
    width: 40px;
    height: 40px;
    margin: 0 20px 0
  }
  
  @media screen and (max-width: 767px) {
    .addon-promotions-container .detail-media-container {
      margin-left: 0;
      margin-top: -4px
    }
  }
  
  .addon-promotions-container .detail-media-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }
  
  .addon-promotions-container .addon-item-chkbox {
    padding: 0;
    height: 16px;
    width: 16px;
    margin-top: 9px;
    margin-left: 20px
  }
  
  @media screen and (max-width: 767px) {
    .addon-promotions-container .addon-item-chkbox {
      margin: 4px 10px 0 20px
    }
  }
  
  .addon-promotions-container .addon-item-mainInfo {
    margin-left: 0;
    padding-left: 0
  }
  
  .addon-promotions-container .addon-item-mainInfo .row {
    margin: 0
  }
  
  @media screen and (min-width: 1200px) {
    .addon-promotions-container .addon-item-mainInfo {
      width: 70%
    }
  }
  
  .addon-promotions-container .col-full-style {
    padding: 0 5px 0 0
  }
  
  .product-info .title {
    margin-top: 15px
  }
  
  .product-info .out-of-stock {
    margin: 0
  }
  
  .product-info .out-of-stock span {
    word-wrap: break-word
  }
  
  .product-info .product-summary {
    margin: 0;
    line-height: 1.5;
    padding-bottom: 14px;
    white-space: break-spaces;
    word-break: break-word
  }
  
  .product-info .product-summary+hr {
    margin-top: 0
  }
  
  .product-info .out-of-stock .with-addon {
    padding-bottom: 10px
  }
  
  .product-info .reset-bottom-to-zero {
    display: inline-block;
    line-height: 20px;
    padding-top: 10px
  }
  
  .product-info .panel-heading {
    background-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 1px solid #ddd
  }
  
  .product-info .panel-heading .fa-chevron-up,
  .product-info .panel-heading .fa-chevron-down {
    color: #000
  }
  
  .product-info a[aria-expanded="false"] .fa-chevron-up {
    display: none
  }
  
  .product-info a[aria-expanded="true"] .fa-chevron-down {
    display: none
  }
  
  .product-info .panel-title {
    margin-left: 10px;
    display: inline-block;
    color: #000
  }
  
  .product-info .panel-body {
    border-top: 0 !important
  }
  
  .product-info .panel-group {
    margin-bottom: 0
  }
  
  .product-info .blacklisted-payment,
  .product-info .blacklisted-delivery-option {
    padding: 0 1em;
    margin-bottom: 0
  }
  
  .product-info .share-box {
    float: left;
    width: 100%
  }
  
  .product-info .addon-item-container .share-box {
    border-top: 0
  }
  
  .product-info .addon-item-container .variation_title {
    margin-bottom: 10px
  }
  
  .product-info .addon-item-container #btn-main-checkout,
  .product-info .addon-item-container #btn-addon-checkout,
  .product-info .addon-item-container #btn-add-to-cart,
  .product-info .addon-item-container .btn-custom.btn-buy-now,
  .product-info .addon-item-container .btn-buy-togerher {
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    border-radius: 0
  }
  
  .product-info .addon-item-container .btn-custom.btn-buy-now {
    margin-left: 8px
  }
  
  .product-info .addon-item-container .variation-detail {
    margin-top: 20px
  }
  
  .product-info .addon-item-container .variation-detail~* {
    clear: both
  }
  
  .product-info .share-buttons {
    padding-top: 10px;
    display: inline
  }
  
  .product-info .quantity {
    overflow: visible
  }
  
  @media screen and (max-width: 767px) {
    .product-info .ui-scrollfix-sticky-bottom {
      position: fixed;
      bottom: 0;
      bottom: env(safe-area-inset-bottom);
      bottom: constant(safe-area-inset-bottom);
      border-radius: 0;
      width: 100%;
      height: 48px;
      margin: 0 !important;
      left: 0;
      z-index: 2
    }
  
    .product-info .product-detail-button-container.has-spb-button.ui-scrollfix-sticky-mode:not(.has-buy-now-button) button:first-of-type.ui-scrollfix-sticky-bottom,
    .product-info .product-detail-button-container.has-spb-button.ui-scrollfix-sticky-mode:not(.has-buy-now-button) button:last-of-type.ui-scrollfix-sticky-bottom {
      left: 0 !important;
      right: unset !important;
      width: 50% !important
    }
  
    .product-info .product-detail-button-container.has-spb-button.ui-scrollfix-sticky-mode:not(.has-buy-now-button) paypal-fast-checkout-btn {
      position: fixed;
      display: flex;
      align-items: center;
      justify-content: center;
      bottom: 0;
      bottom: env(safe-area-inset-bottom);
      bottom: constant(safe-area-inset-bottom);
      border-radius: 0;
      height: 48px;
      z-index: 2;
      right: 0;
      width: 50%;
      margin: 0;
      background: #F6C557
    }
  
    .product-info .product-detail-button-container.has-spb-button.ui-scrollfix-sticky-mode:not(.has-buy-now-button) paypal-fast-checkout-btn>div {
      display: flex
    }
  
    .product-info .product-detail-button-container.has-buy-now-button.has-spb-button.ui-scrollfix-sticky-mode {
      position: fixed;
      display: flex;
      flex-wrap: nowrap;
      z-index: 2;
      background: #fff;
      left: 0;
      right: 0;
      bottom: 0;
      bottom: env(safe-area-inset-bottom);
      bottom: constant(safe-area-inset-bottom)
    }
  
    .product-info .product-detail-button-container.has-buy-now-button.has-spb-button.ui-scrollfix-sticky-mode .btn-custom>.fa-shopping-cart {
      display: block;
      font-size: 16px;
      color: #000
    }
  
    .product-info .product-detail-button-container.has-buy-now-button.has-spb-button.ui-scrollfix-sticky-mode button:first-of-type.ui-scrollfix-sticky-bottom {
      position: static;
      min-width: 48px;
      flex: 0 0 48px;
      height: auto;
      height: 48px;
      border: 1px solid #000;
      background: #fff;
      font-size: 0
    }
  
    .product-info .product-detail-button-container.has-buy-now-button.has-spb-button.ui-scrollfix-sticky-mode button:last-of-type.ui-scrollfix-sticky-bottom {
      position: static;
      height: auto
    }
  
    .product-info .product-detail-button-container.has-buy-now-button.has-spb-button.ui-scrollfix-sticky-mode paypal-fast-checkout-btn {
      display: flex;
      flex: 1 1 auto;
      align-items: center;
      justify-content: center;
      margin: 0;
      min-width: 0;
      background: #F6C557
    }
  
    .product-info .product-detail-button-container.has-buy-now-button.has-spb-button.ui-scrollfix-sticky-mode paypal-fast-checkout-btn>div {
      display: flex;
      align-items: center;
      justify-content: center
    }
  }
  
  .product-detail-button-container.has-buy-now-button {
    display: flex;
    clear: both
  }
  
  .product-detail-button-container.has-buy-now-button button {
    flex: 1;
    margin-bottom: 0px;
    white-space: unset
  }
  
  .product-detail-button-container.has-buy-now-button button:last-child {
    margin-left: 8px
  }
  
  .product-detail-button-container.has-buy-now-button button .ladda-label {
    display: flex;
    align-items: center;
    justify-content: center
  }
  
  .product-detail-button-container.has-buy-now-button button:first-of-type.ui-scrollfix-sticky-bottom {
    left: 0 !important;
    right: unset !important;
    width: 50% !important
  }
  
  .product-detail-button-container.has-buy-now-button button:last-of-type.ui-scrollfix-sticky-bottom {
    left: unset !important;
    right: 0 !important;
    width: 50% !important
  }
  
  .variant-gallery {
    padding: 0;
    margin: 20px 0 0;
    position: relative;
    width: 100%
  }
  
  .variant-gallery.no-arrow {
    padding-left: 10px;
    padding-right: 10px
  }
  
  @media screen and (max-width: 991px) and (min-width: 768px) {
  
    .variant-gallery-stage,
    .variant-gallery.row {
      padding: 0 15px
    }
  
    .variant-gallery-control.left {
      margin-left: 14px
    }
  
    .variant-gallery-control.right {
      margin-right: 14px
    }
  }
  
  @media screen and (min-width: 769px) {
    product-variant-gallery.vertical .variant-gallery {
      transform: translateZ(0) rotate(90deg) scale(1, 1);
      transform-origin: top left;
      width: 300px;
      position: absolute;
      top: 0;
      margin-top: 0;
      margin-right: -85%
    }
  
    product-variant-gallery.vertical .variant-image .image-container {
      transform: translateZ(0) rotate(-90deg) scale(1, 1)
    }
  }
  
  @media screen and (max-width: 767px) {
    .variant-gallery {
      margin: 10px 0 0 0;
      padding: 0
    }
  
    .col-full-style {
      margin-left: 20px;
      max-width: calc(100% - 70px)
    }
  
    .addon-item-image {
      width: 40px;
      padding: 0
    }
  
    .addon-item-chkbox {
      width: 40px;
      padding: 0 0 0 15px
    }
  
    .addon-item-mainInfo {
      padding-left: 10px;
      width: 87%;
      max-width: calc(100% - 55px)
    }
  
    .product-info.row {
      margin: 0
    }
  
    .addon-item-container,
    .variant-gallery-stage,
    .variant-gallery.row {
      padding: 0 5px
    }
  
    .product-info .title {
      margin-top: 0px
    }
  }
  
  .variant-gallery-scroll-container {
    width: 100%;
    overflow: hidden;
    overflow-x: auto
  }
  
  .variant-gallery-control {
    position: absolute;
    width: 25px;
    height: 100%;
    top: 0;
    cursor: pointer;
    text-align: center;
    background: rgba(0, 0, 0, 0.5)
  }
  
  .variant-gallery-control:hover {
    background: rgba(0, 0, 0, 0.9)
  }
  
  .variant-gallery-control.hide {
    display: none;
    color: #ccc;
    cursor: not-allowed;
    background-color: transparent
  }
  
  .variant-gallery-control.disable {
    cursor: default;
    color: lightgray;
    background-color: transparent;
    display: none
  }
  
  .variant-gallery-control.left {
    left: 0
  }
  
  .variant-gallery-control.right {
    right: 0
  }
  
  .variant-gallery-slider {
    width: 99999px
  }
  
  .variant-image {
    float: left
  }
  
  .variant-image .image-container {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%
  }
  
  .variant-image.selected .image-container {
    border: 2px solid #30a4e1
  }
  
  .additional-details-content img {
    margin: 20px auto
  }
  
  .detail-media-container p,
  .additional-details-content p {
    max-width: 750px;
    margin: 20px auto
  }
  
  .detail-media-container img,
  .additional-details-content img {
    width: auto;
    max-width: 100%
  }
  
  .addon-bottom-line {
    margin: 0px 14px;
    border-top: solid 1px #dddddd
  }
  
  .addon-bottom-line-disable {
    display: none
  }
  
  .loading-placeholder {
    width: 100px;
    max-width: 100%;
    height: 18px;
    margin-bottom: 10px;
    display: block;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #eee), color-stop(30%, #dfdfdf), color-stop(50%, #eee));
    background: -webkit-linear-gradient(left, #eee 10%, #dfdfdf 30%, #eee 50%);
    background: linear-gradient(to right, #eee 10%, #dfdfdf 30%, #eee 50%);
    -webkit-background-size: 1000px 100%;
    background-size: 1000px 100%;
    position: relative
  }
  
  @keyframes placeHolderShimmer {
    0% {
      background-position: -500px 0
    }
  
    30% {
      background-position: -500px 0
    }
  
    70% {
      background-position: 500px 0
    }
  
    100% {
      background-position: 500px 0
    }
  }
  
  .product-info .Product-promotions {
    margin-top: -10px
  }
  
  .Product-promotions .local-datetime {
    border-bottom: 1px dashed #999
  }
  
  .product-info .Util-cssToggleLabel {
    margin-top: 5px
  }
  
  .product-list-empty-placeholder {
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #444;
    font-size: 16px;
    margin: 90px 0
  }
  
  .product-list-empty-placeholder span {
    color: #797979
  }
  
  .product-list-empty-placeholder .help-block {
    font-size: 12px;
    font-weight: 300;
    margin-top: 20px
  }
  
  .ProductList-list .product-item {
    width: 33.3%;
    position: relative;
    padding: 0 10px 30px 10px;
    margin-bottom: 15px
  }
  
  @media screen and (max-width: 767px) {
    .ProductList-list .product-item {
      width: 50%
    }
  }
  
  .product-items-container .product-item {
    margin-bottom: 15px
  }
  
  @media (max-width: 991px) {
  
    .product-items-container,
    .ProductList-list {
      display: flex;
      flex-wrap: wrap
    }
  }
  
  .Back-in-stock-addItem-block .Tooltip-backInStockTooltip,
  .Wishlist-addItem-block .Tooltip-wishlistTooltip {
    position: absolute;
    width: 100%;
    top: 30px;
    left: 0;
    display: none
  }
  
  .Back-in-stock-addItem-block .Tooltip-backInStockTooltip .Tooltip-backInStockTooltip-content,
  .Wishlist-addItem-block .Tooltip-wishlistTooltip .Tooltip-wishlistTooltip-content {
    position: relative;
    border-radius: 4px;
    background-color: #efefef;
    box-shadow: 0 2px 4px 0 rgba(156, 156, 156, 0.5);
    padding: 14px 17px;
    display: inline-block
  }
  
  .Back-in-stock-addItem-block .Tooltip-backInStockTooltip .Tooltip-backInStockTooltip-content a,
  .Wishlist-addItem-block .Tooltip-wishlistTooltip .Tooltip-wishlistTooltip-content a {
    color: #202428;
    text-decoration: underline
  }
  
  .Back-in-stock-addItem-block .Tooltip-backInStockTooltip .Tooltip-backInStockTooltip-content:before,
  .Wishlist-addItem-block .Tooltip-wishlistTooltip .Tooltip-wishlistTooltip-content:before {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    display: block;
    border-style: solid;
    border-width: 0 5px 5px;
    border-color: transparent transparent #efefef transparent
  }
  
  .Back-in-stock-addItem-block {
    position: relative
  }
  
  .Back-in-stock-addItem-block .btn-add-back-in-stock {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    min-width: 100px;
    font-weight: 600;
    border-radius: 4px;
    margin: 20px 0px 10px 0px;
    padding: 6px 12px
  }
  
  .Back-in-stock-addItem-block .btn-add-back-in-stock .font-style {
    font-size: 14px;
    font-weight: normal
  }
  
  .Back-in-stock-addItem-block .btn-add-back-in-stock.is-active {
    background-color: #f0f0f5;
    color: #d1d1e0;
    border-color: #d1d1e0
  }
  
  .Back-in-stock-addItem-block .Tooltip-backInStockTooltip {
    top: 75px;
    z-index: 1000;
    font-weight: normal;
    font-size: 14px
  }
  
  .Wishlist-addItem-block {
    position: relative;
    margin: 20px 0;
    clear: left;
    z-index: 1
  }
  
  .Wishlist-addItem-block a {
    font-size: 14px;
    background-color: transparent;
    color: inherit
  }
  
  .Wishlist-addItem-block .btn-add-wishlist {
    cursor: pointer;
    display: inline-block
  }
  
  .Wishlist-addItem-block .btn-add-wishlist .fa-heart {
    display: none
  }
  
  .Wishlist-addItem-block .btn-add-wishlist.is-active .fa-heart-o {
    display: none
  }
  
  .Wishlist-addItem-block .btn-add-wishlist.is-active .fa-heart {
    display: inline-block
  }
  
  .Wishlist-addItem-block .btn-add-wishlist>svg {
    display: none
  }
  
  .Wishlist-addItem-block.Wishlist-block-center {
    text-align: center
  }
  
  @media screen and (max-width: 767px) {
    .Wishlist-addItem-block {
      text-align: center
    }
  }
  
  .amazon-wishlist-block {
    display: inline-flex
  }
  
  .amazon-wishlist-block .buy-at-amazon-button a {
    padding-right: 30px;
    color: inherit;
    text-decoration: none
  }
  
  .ProductDetail-product-info .quantity {
    overflow: visible
  }
  
  .variant-gallery-carousel-container {
    display: none
  }
  
  .pop-up-panel {
    display: none
  }
  
  .product-review-container {
    padding: 10px 20px
  }
  
  .product-review-container a {
    color: #333
  }
  
  .product-review-container .product-review-breadcrumb {
    margin-bottom: 20px;
    padding-left: 15px
  }
  
  @media screen and (max-width: 767px) {
    .product-review-container .product-review-wrapper {
      display: flex;
      flex-direction: column-reverse
    }
  }
  
  .product-review-container .product-review-panel {
    padding-bottom: 15px
  }
  
  .product-review-container .product-review-panel .panel-header {
    background-color: #f6f6f6;
    height: 100%;
    border: solid 1px #ededed
  }
  
  .product-review-container .product-review-panel .panel-header h4 {
    padding-left: 15px;
    font-weight: 600
  }
  
  .product-review-container .product-review-panel .panel-content {
    font-size: 14px;
    border: solid 1px #ededed;
    border-top: none;
    padding: 15px;
    background-color: #fff
  }
  
  .product-review-container .product-review-panel .panel-content .order-info {
    font-size: 11px
  }
  
  .product-review-container .product-review-panel .panel-content .order-item {
    padding-bottom: 10px
  }
  
  .product-review-container .product-review-panel .panel-content .order-item .disabled {
    pointer-events: none;
    text-decoration: underline
  }
  
  .product-review-container .product-review-panel .panel-content .order-item a:hover {
    text-decoration: underline
  }
  
  .product-review-container .product-review-panel .panel-content .product-title {
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0
  }
  
  @media screen and (max-width: 768px) {
    .product-review-container .product-review-panel .panel-content .product-title {
      display: flex;
      padding-left: 15px
    }
  }
  
  .product-review-container .product-review-panel .panel-content .form-label-rating {
    padding: 15px 0
  }
  
  @media screen and (max-width: 768px) {
    .product-review-container .product-review-panel .panel-content .form-label-rating {
      display: flex;
      padding-left: 15px
    }
  }
  
  .product-review-container .product-review-panel .panel-content .form-label-comment .form-label-comment-gray {
    color: #888888;
    font-size: 12px
  }
  
  @media screen and (max-width: 768px) {
    .product-review-container .product-review-panel .panel-content .form-label-comment {
      clear: both
    }
  }
  
  .product-review-container .product-review-panel .panel-content .form-item-image img {
    object-fit: cover
  }
  
  @media screen and (max-width: 768px) {
    .product-review-container .product-review-panel .panel-content .form-item-image img {
      padding-bottom: 15px
    }
  }
  
  .product-review-container .product-review-panel .panel-content .product-review-form .star-rating span.fa {
    width: 22px;
    height: 18px;
    font-size: 18px;
    letter-spacing: 0.82px;
    text-align: center;
    color: #ffc500
  }
  
  .product-review-container .product-review-panel .panel-content .product-review-form.invalid .score-invalid {
    color: #d9534f !important
  }
  
  .product-review-container .product-review-panel .panel-content .product-review-form.invalid .score-invalid .fa {
    color: #d9534f !important
  }
  
  .product-review-container .product-review-panel .panel-content .submit-btn-wrapper {
    padding: 15px
  }
  
  @media screen and (max-width: 767px) {
    .product-review-container .product-review-panel {
      padding-bottom: 15px
    }
  }
  
  .product-review-container .finished-review {
    margin-bottom: 40px
  }
  
  .product-review-container .finished-review .finished-review-text {
    font-size: 22px;
    margin-bottom: 10px
  }
  
  .product-review-container .finished-review .btn-primary {
    color: #FFF
  }
  
  .product-review-container .image-upload__btn {
    padding-top: 15px
  }
  
  .product-review-container .image-upload__btn:focus,
  .product-review-container .image-upload__btn:hover {
    outline: none
  }
  
  .product-review-container .image-upload__image-wrapper {
    padding-top: 15px
  }
  
  .product-review-container .image-upload-box__loading {
    float: left;
    width: 100px;
    height: 100px;
    position: relative;
    background: #EAEAEA;
    color: white;
    margin-right: 10px
  }
  
  .product-review-container .image-upload-box__loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
  }
  
  .product-review-container .media-container {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 100px;
    height: 100px
  }
  
  .product-review-container .media-container .image-upload-box {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%
  }
  
  .product-review-container .media-container .delete-button {
    position: absolute;
    width: 21px;
    height: 21px;
    top: 0;
    right: 0;
    background-color: #000;
    cursor: pointer
  }
  
  .product-review-container .media-container .delete-button i {
    display: inline-block;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    color: #fff
  }
  
  .PromotionCart-panel {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 101;
    background-color: #fff;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer
  }
  
  .PromotionCart-panel hr {
    display: block;
    margin: 0;
    border: 0;
    border-top: 1px solid #eee
  }
  
  .PromotionCart-panel:not(.expanded) hr {
    display: none
  }
  
  .PromotionCart-header {
    overflow: hidden
  }
  
  .PromotionCart-header .panel-header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 0;
    padding-right: 0
  }
  
  .PromotionCart-header .panel-header-content.container:before,
  .PromotionCart-header .panel-header-content.container:after {
    display: none
  }
  
  .PromotionCart-panel.actived .PromotionCart-header .panel-header-content {
    height: 50px
  }
  
  .PromotionCart-panel.expanded .PromotionCart-header .panel-header-content {
    padding-left: 15px
  }
  
  @media screen and (min-width: 768px) {
    .PromotionCart-header .panel-header-content {
      -webkit-transition: height 0.3s ease-in-out;
      transition: height 0.3s ease-in-out
    }
  }
  
  .PromotionCart-header .cart-header-label {
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    font-size: 14px
  }
  
  .PromotionCart-header .cart-header-label>span b {
    font-weight: 400;
    color: #c0392b
  }
  
  .PromotionCart-header .cart-header-label .dropdown-arrow {
    margin-right: 6px;
    font-size: 18px
  }
  
  @media screen and (max-width: 767px) {
    .PromotionCart-header .cart-header-label {
      line-height: 12px;
      margin-bottom: 5px
    }
  }
  
  @media screen and (min-width: 768px) {
    .PromotionCart-header .cart-header-label {
      padding-left: calc((100% - 750px + 30px) / 2)
    }
  }
  
  @media screen and (min-width: 992px) {
    .PromotionCart-header .cart-header-label {
      padding-left: calc((100% - 970px + 30px) / 2)
    }
  }
  
  @media screen and (min-width: 1200px) {
    .PromotionCart-header .cart-header-label {
      padding-left: calc((100% - 1170px + 30px) / 2)
    }
  }
  
  .PromotionCart-panel.expanded .PromotionCart-header .cart-header-label {
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6;
    padding-left: 0
  }
  
  .PromotionCart-header .cart-header-label .redeem-select-info span {
    color: #b33426
  }
  
  .PromotionCart-header .cart-chkt-btn-cont {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 120px;
    height: 100%;
    padding: 0
  }
  
  @media screen and (min-width: 768px) {
    .PromotionCart-panel.expanded .PromotionCart-header .cart-chkt-btn-cont {
      padding: 12px 15px;
      height: auto
    }
  }
  
  .PromotionCart-header .cart-chkt-btn {
    height: 100%;
    border-radius: 0;
    border-bottom: 0;
    border-top: 0
  }
  
  .PromotionCart-header .cart-chkt-btn.insufficient-point {
    color: #fff;
    border-color: transparent;
    background-color: #ddd;
    cursor: default
  }
  
  @media screen and (min-width: 768px) {
    .PromotionCart-panel.expanded .PromotionCart-header .cart-chkt-btn {
      padding: 7px 12px;
      border-radius: 4px
    }
  }
  
  .PromotionCart-content {
    height: 0;
    overflow-y: scroll
  }
  
  .PromotionCart-panel.expanded .PromotionCart-content {
    height: 155px
  }
  
  .PromotionCart-content .promotion-reminder {
    color: #1BA462;
    background-color: #E8F9EB;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 19px
  }
  
  @media screen and (min-width: 768px) {
    .PromotionCart-content .promotion-reminder {
      display: none
    }
  }
  
  .PromotionCart-content .promotion-reminder .bundle-group-reminder:not(:last-child) {
    padding-right: 7px
  }
  
  .PromotionCart-content .cart-items,
  .PromotionCart-content .cart-item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row
  }
  
  .PromotionCart-content .cart-items {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 15px
  }
  
  .PromotionCart-content .cart-item-container {
    position: relative;
    margin-bottom: 25px
  }
  
  .PromotionCart-content .item-variation .variation {
    display: inline-block
  }
  
  .PromotionCart-content .item-variation .variation:not(:first-of-type):before {
    content: ', '
  }
  
  .PromotionCart-content .product-link {
    display: block;
    width: 115px;
    position: relative;
    cursor: pointer
  }
  
  .PromotionCart-content .product-link>img {
    width: 100%
  }
  
  .PromotionCart-content .product-link .promotion-label {
    position: absolute;
    bottom: 0;
    left: 0
  }
  
  .PromotionCart-content .product-link .remove-button {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #333
  }
  
  .PromotionCart-content .product-link .remove-button>.fa {
    color: #fff
  }
  
  @media screen and (min-width: 768px) {
    .PromotionCart-content .product-link:hover .remove-button {
      display: block
    }
  }
  
  .PromotionCart-content .warning-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    background-color: #fff;
    text-align: center;
    color: #4a4a4a;
    opacity: 0;
    pointer-events: none;
    cursor: default;
    z-index: 2;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s
  }
  
  .PromotionCart-content .warning-mask.actived {
    pointer-events: auto;
    opacity: 0.9
  }
  
  .PromotionCart-content .warning-mask .fa {
    margin-bottom: 10px;
    font-size: 16px
  }
  
  .PromotionCart-content .warning-mask .warning-label {
    font-size: 14px;
    font-weight: 600
  }
  
  .PromotionCart-content .product-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    word-break: break-all;
    margin: 0 18px 0 15px
  }
  
  .PromotionCart-content .product-content .price-details {
    font-size: 14px;
    color: #b33426;
    word-break: break-word
  }
  
  .PromotionCart-content .product-content .price-details.redeem-point {
    font-weight: 500
  }
  
  .PromotionCart-content .product-content .title {
    max-height: 40px;
    overflow-y: hidden;
    font-size: 13px;
    color: #4a4a4a
  }
  
  .PromotionCart-content .product-content .variation {
    font-size: 13px;
    color: rgba(3, 3, 3, 0.54)
  }
  
  .PromotionCart-content .product-content .input-group>input {
    height: 32px;
    box-shadow: none;
    z-index: 0
  }
  
  .PromotionCart-content .product-content .input-group-btn>.btn {
    padding: 5px 10px;
    border-radius: 0
  }
  
  @media screen and (min-width: 768px) {
    .PromotionCart-content .product-content {
      margin: 0 10px
    }
  }
  
  @media screen and (min-width: 768px) {
    .PromotionCart-content {
      -webkit-transition: height 0.3s ease-in-out;
      transition: height 0.3s ease-in-out
    }
  }
  
  @media screen and (min-width: 768px) {
    .promotion-cart-panel-item-quantity {
      padding: 0px;
      text-align: center
    }
  }
  
  .PromotionCart-panel .cart-item-container {
    width: 100%
  }
  
  @media screen and (min-width: 768px) {
    .PromotionCart-panel .cart-item-container {
      min-width: 239px;
      width: 33.2%
    }
  }
  
  @media screen and (min-width: 1200px) {
    .PromotionCart-panel .cart-item-container {
      width: 24.9%
    }
  }
  
  @media screen and (min-width: 1200px) {
    .PromotionCart-content .product-link>img {
      max-height: 115px
    }
  }
  
  @media screen and (max-width: 767px) {
    .PromotionCart-panel {
      display: flex;
      flex-direction: column-reverse;
      z-index: 1102
    }
  
    .PromotionCart-panel.expanded .PromotionCart-content {
      height: auto;
      max-height: 70vh
    }
  
    .PromotionCart-content .container {
      padding-left: 18px;
      padding-right: 18px
    }
  
    .cart-header-label {
      padding-left: 15px
    }
  
    .PromotionCart-header {
      padding-left: 7px
    }
  
    .PromotionCart-panel.expanded .PromotionCart-header {
      z-index: 3;
      box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.1)
    }
  
    .cart-item-container>.remove-button {
      color: #7f7f7f;
      font-size: 17px
    }
  
    .cart-item-container>.remove-button .fa {
      vertical-align: top
    }
  
    .mobile-mask.actived {
      position: absolute;
      top: -100vh;
      left: 0;
      width: 100%;
      height: 100vh;
      background-color: #000;
      opacity: 0.3
    }
  }
  
  .PromotionPage-container {
    display: block
  }
  
  .PromotionPage-container .tooltip-inner {
    padding: 5px 10px
  }
  
  .PromotionPage-container .PromotionInfo-qualifications .local-datetime,
  .PromotionPage-container .PromotionPage-icon-description .local-datetime {
    border-bottom: 1px dashed #999
  }
  
  .PromotionPage-container .ProductList-info {
    margin-bottom: 30px
  }
  
  .PromotionPage-container .ProductList-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 0
  }
  
  .PromotionPage-container .ProductList-paginator-button .Label {
    color: rgba(51, 51, 51, 0.8)
  }
  
  .PromotionPage-container .ProductList-paginator-button.active .Label {
    color: #fff
  }
  
  .PromotionPage-icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 150px 0;
    font-size: 22px;
    font-weight: 600;
    color: #333
  }
  
  .started-promotion .PromotionPage-icon-container {
    display: none
  }
  
  .PromotionPage-icon-container.fixed-height {
    height: 195px;
    padding: 0 5px 18px 5px
  }
  
  .PromotionPage-icon-container.fixed-height .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #fff
  }
  
  .PromotionPage-icon-container.fixed-height .container>img {
    height: 60px;
    margin-bottom: 20px
  }
  
  .PromotionPage-icon-container.fixed-height .PromotionPage-icon-text {
    margin-top: 0
  }
  
  .PromotionPage-icon-container .with-border {
    border: 1px dashed #ddd
  }
  
  .PromotionPage-icon-container .redirect-label {
    padding-top: 10px;
    font-size: 12px;
    color: #5b5b5b;
    font-weight: 400
  }
  
  .PromotionPage-icon-container .PromotionPage-icon-text {
    margin-top: 16px;
    font-size: 22px;
    font-weight: 600;
    text-align: center
  }
  
  .PromotionPage-icon-container .PromotionPage-icon-description {
    margin-top: 3px;
    font-size: 14px;
    color: #5b5b5b;
    font-weight: 400
  }
  
  .PromotionPage-breadcrumb {
    line-height: 2;
    padding-left: 15px
  }
  
  .PromotionPage-breadcrumb .promotion-title {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 14px;
    letter-spacing: 0;
    cursor: default
  }
  
  .PromotionPage-breadcrumb a {
    font-size: 14px;
    color: #333
  }
  
  .PromotionPage-breadcrumb .promotion-title:before,
  .ProductList-breadcrumb .promotion-title:before {
    padding: 0 5px;
    content: '/\00a0'
  }
  
  .PromotionPage-banner {
    margin-top: 30px;
    padding-bottom: 7px
  }
  
  .PromotionPage-banner img {
    width: 100%
  }
  
  .PromotionInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 5px;
    padding: 15px 0;
    font-size: 14px;
    background-color: #f8f8f8;
    color: #5b5b5b
  }
  
  .PromotionInfo>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0 10px
  }
  
  .PromotionInfo .PromotionInfo-icon {
    flex: 1;
    justify-content: center
  }
  
  .PromotionInfo .PromotionInfo-icon>img {
    width: 100%;
    max-width: 27px
  }
  
  .PromotionInfo .PromotionInfo-qualifications {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex: 3
  }
  
  .PromotionInfo .PromotionInfo-qualifications .local-datetime {
    font-weight: 600
  }
  
  .PromotionInfo .PromotionInfo-member-point-balance {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-right: 40px;
    margin-right: 30px;
    border-right: solid 1px #e0e0e0
  }
  
  .PromotionInfo .PromotionInfo-member-point-balance span {
    font-size: 30px;
    font-weight: 600;
    margin-right: 5px
  }
  
  .PromotionInfo .PromotionInfo-member-point-summary {
    flex: 6;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
  }
  
  .PromotionInfo .PromotionInfo-member-point-summary span {
    font-weight: 600
  }
  
  .PromotionInfo .PromotionInfo-summary {
    flex: 8;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  .PromotionInfo .show-term-button {
    font-size: 12px;
    color: #5b5b5b;
    font-weight: normal;
    line-height: normal;
    padding-top: 4px;
    cursor: pointer;
    text-decoration: underline
  }
  
  @media screen and (max-width: 767px) {
    .PromotionInfo {
      flex-direction: column;
      margin-top: 13px;
      padding: 10px 0
    }
  
    .PromotionInfo .PromotionInfo-icon,
    .PromotionInfo .PromotionInfo-qualifications,
    .PromotionInfo .PromotionInfo-member-point-balance,
    .PromotionInfo .PromotionInfo-member-point-summary {
      padding-bottom: 9px
    }
  
    .PromotionInfo .PromotionInfo-summary,
    .PromotionInfo .PromotionInfo-qualifications,
    .PromotionInfo .PromotionInfo-member-point-balance,
    .PromotionInfo .PromotionInfo-member-point-summary {
      align-items: center;
      justify-content: center;
      text-align: center;
      padding-right: 0;
      margin-right: 0;
      border: none
    }
  }
  
  .PromotionPage-container .price-sale {
    color: #c9452b
  }
  
  .PromotionPage-container .price-crossed {
    color: #6f6e72
  }
  
  .PromotionPage-container .info-box {
    height: 120px;
    padding: 8px 0 12px 0
  }
  
  .PromotionPage-container .btn-add-to-promotion-cart {
    border: 1px solid #999;
    padding: 6px 0;
    border-radius: 3px;
    text-align: center;
    cursor: pointer
  }
  
  .PromotionPage-container .btn-add-to-promotion-cart.not-in-available-time,
  .PromotionPage-container .btn-add-to-promotion-cart.sold-out-item {
    background-color: #ddd;
    border-color: transparent;
    cursor: default
  }
  
  .PromotionPage-container .btn-add-to-promotion-cart.not-in-available-time .fa,
  .PromotionPage-container .btn-add-to-promotion-cart.sold-out-item .fa {
    color: #b0b0b0
  }
  
  .PromotionPage-container .btn-add-to-promotion-cart .fa {
    font-size: 16px;
    color: #333
  }
  
  .PromotionPage-container:not(.started-promotion) .btn-add-to-promotion-cart {
    display: none
  }
  
  .PromotionPage-container product-item,
  .PromotionPage-container redeem-gift-item {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px
  }
  
  .PromotionPage-container product-item .title,
  .PromotionPage-container redeem-gift-item .title {
    max-height: 50px;
    font-size: 16px
  }
  
  .PromotionPage-container product-item .price,
  .PromotionPage-container redeem-gift-item .price {
    font-size: 14px
  }
  
  .PromotionPage-container product-item .price-crossed,
  .PromotionPage-container redeem-gift-item .price-crossed {
    font-size: 14px
  }
  
  .PromotionPage-container product-item .price-sale,
  .PromotionPage-container redeem-gift-item .price-sale {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis
  }
  
  @media screen and (min-width: 768px) {
  
    .PromotionPage-container product-item,
    .PromotionPage-container redeem-gift-item {
      width: 33.3%
    }
  }
  
  @media screen and (min-width: 1200px) {
  
    .PromotionPage-container product-item,
    .PromotionPage-container redeem-gift-item {
      width: 25%
    }
  }
  
  @media screen and (max-width: 767px) {
    .PromotionPage-container {
      padding-left: 14px;
      padding-right: 14px
    }
  
    .PromotionPage-nav-container {
      display: flex;
      flex-direction: column
    }
  
    .PromotionPage-nav-container .ProductList-info {
      margin-bottom: 15px
    }
  
    .PromotionPage-nav-container .PromotionPage-breadcrumb {
      padding-bottom: 15px
    }
  }
  
  .redeem-point {
    font-size: 14px
  }
  
  .promotion-term-dialog {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5b5b5b
  }
  
  .promotion-term-dialog.modal-body {
    padding: 0
  }
  
  .promotion-term-dialog .title {
    font-weight: 600;
    padding: 15px
  }
  
  .promotion-term-dialog .description {
    padding: 0 15px;
    white-space: pre-wrap
  }
  
  .promotion-term-modal-window {
    z-index: 1102 !important
  }
  
  .modal-open .promotion-term-modal-window.modal,
  .promotion-term-modal-window.modal.in .modal-dialog .modal-content {
    overflow-y: hidden
  }
  
  .promotion-term-modal-window .scroll-area {
    max-height: calc(50vh)
  }
  
  .promotion-term-modal-window .confirm-bar {
    padding: 15px
  }
  
  .promotion-term-modal-backdrop {
    z-index: 1101 !important
  }
  
  @media screen and (max-width: 767px) {
    .promotion-term-modal-window .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
      top: 0
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .PromotionPage-nav-container {
      display: flex;
      flex-direction: column
    }
  }
  
  .quick-cart-body .input-group-btn:first-child>.btn {
    border-right-width: 0
  }
  
  .quick-cart-body .input-group-btn .btn {
    width: 100%
  }
  
  .quick-cart-mobile .info-box .title {
    min-height: 0
  }
  
  .quick-cart-body .Product-promotions,
  .quick-cart-mobile .Product-promotions {
    margin-top: 5px
  }
  
  .btn-add-to-cart.mobile-cart {
    width: 100%;
    color: #333;
    border-color: #999;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 3px
  }
  
  .btn-add-to-cart.mobile-cart.sold-out-item {
    background-color: #dddddd;
    border-color: #dddddd
  }
  
  .btn-add-to-cart.mobile-cart.sold-out-item i {
    color: #b0b0b0
  }
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .btn-add-to-cart.mobile-cart {
      width: calc(100% - 30px);
      left: 15px
    }
  }
  
  .quick-cart-button-container {
    display: flex;
    clear: both
  }
  
  .quick-cart-button-container button {
    flex: 1;
    white-space: unset
  }
  
  .quick-cart-button-container button .ladda-label {
    display: flex;
    align-items: center;
    justify-content: center
  }
  
  .quick-cart-button-container .btn-buy-now {
    margin-bottom: 0
  }
  
  .quick-cart-mobile-header .product-info {
    word-break: break-word
  }
  
  @media screen and (max-width: 767px) {
    .quick-cart-item {
      padding-bottom: 8px;
      position: relative;
      display: block
    }
  
    /* .quick-cart-item .center-contain {
      min-height: initial !important
    } */
  
    .quick-cart-body {
      margin-top: 0px
    }
  }
  
  .quick-sign-up-validate {
    background-color: #f8f8f8;
    padding: 20px
  }
  
  .quick-sign-up-validate .content {
    padding: 0 20px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    display: none
  }
  
  .quick-sign-up-validate .content.show {
    display: block
  }
  
  .quick-sign-up-validate .content.product {
    margin-bottom: 15px;
    padding: 0
  }
  
  .quick-sign-up-validate .content.product img {
    margin-left: 5px
  }
  
  .quick-sign-up-validate .content>div {
    margin-top: 10px;
    margin-bottom: 10px
  }
  
  .quick-sign-up-validate .content .success-title {
    font-size: 20px;
    font-weight: bold
  }
  
  .quick-sign-up-validate .content .success-title .fa-arrow-right {
    font-size: 21px;
    margin-left: 5px
  }
  
  .quick-sign-up-validate .content .finish-hint {
    font-size: 14px;
    margin-bottom: 20px
  }
  
  .quick-sign-up-validate .content .error {
    display: none;
    background-color: #f2dede;
    color: #a94442;
    border-radius: 4px;
    padding: 10px
  }
  
  .quick-sign-up-validate .content .error.show {
    display: block
  }
  
  .quick-sign-up-validate .content .validate-phone {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px
  }
  
  .quick-sign-up-validate .content .hint {
    margin-bottom: 15px;
    font-size: 14px;
    color: #666666
  }
  
  .quick-sign-up-validate .content .hint.validate {
    margin-top: 10px
  }
  
  .quick-sign-up-validate .content .hint.validate.send-code {
    text-decoration: underline;
    cursor: pointer
  }
  
  .quick-sign-up-validate .content .hint.password {
    margin-bottom: 20px;
    margin-top: 0;
    text-align: left
  }
  
  .quick-sign-up-validate .content .hint .previous-link {
    color: inherit;
    text-decoration: underline;
    cursor: pointer
  }
  
  .quick-sign-up-validate .content button {
    width: 100%;
    height: 42px;
    border-radius: 5px;
    margin-bottom: 15px
  }
  
  .quick-sign-up-validate .content button.sms {
    margin-bottom: 0px
  }
  
  .quick-sign-up-validate .content button.submit {
    margin-bottom: 20px
  }
  
  .quick-sign-up-validate .content button.submit:disabled {
    background-color: #dddddd;
    border: 0
  }
  
  .quick-sign-up-validate .content input {
    width: 100%;
    height: 42px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 0;
    outline: none;
    color: #666;
    padding-top: 5px;
    font-size: 14px
  }
  
  .quick-sign-up-validate .content input.validate-code {
    margin-bottom: 0
  }
  
  .quick-sign-up-validate .content input.password {
    margin-bottom: 5px
  }
  
  .quick-sign-up {
    background-color: #f8f8f8;
    padding: 20px
  }
  
  .quick-sign-up .content {
    padding: 0 20px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    display: none
  }
  
  .quick-sign-up .content.show {
    display: block
  }
  
  .quick-sign-up .content .logo {
    margin-top: 20px;
    height: 100px
  }
  
  .quick-sign-up .content .title-text {
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0
  }
  
  .quick-sign-up .content .confirmed-error {
    border-radius: 4px;
    background-color: #f2dede;
    color: #a94442;
    width: 100%;
    height: 52px;
    line-height: 52px;
    display: none;
    margin-bottom: 20px
  }
  
  .quick-sign-up .content .confirmed-error .confirmed-error-content {
    color: #a94442;
    text-decoration: underline
  }
  
  .quick-sign-up .content .confirmed-error.show {
    display: block
  }
  
  .quick-sign-up .content .intl-tel-input {
    width: 100%;
    height: 42px;
    margin-bottom: 20px
  }
  
  .quick-sign-up .content .intl-tel-input .country-list {
    z-index: 1100
  }
  
  .quick-sign-up .content .intl-tel-input input {
    border: 1px solid #ddd;
    border-radius: 0;
    outline: none;
    color: #666;
    padding-top: 5px;
    font-size: 14px
  }
  
  .quick-sign-up .content .error-message {
    display: none;
    margin-top: -10px;
    margin-bottom: 12px;
    color: #a94442
  }
  
  .quick-sign-up .content .error-message.show {
    display: block
  }
  
  .quick-sign-up .content .options {
    padding: 0 0 20px;
    text-align: left
  }
  
  .quick-sign-up .content .options div {
    margin-bottom: 5px
  }
  
  .quick-sign-up .content .options input {
    margin-right: 5px;
    position: relative
  }
  
  .quick-sign-up .content .submit-btn {
    width: 100%;
    height: 42px;
    border-radius: 5px;
    margin-bottom: 20px
  }
  
  .quick-sign-up .content .submit-btn:disabled {
    background-color: #dddddd;
    border: 0
  }
  
  .recipient-id-input {
    margin-top: 15px
  }
  
  .recipient-id-input select,
  .recipient-id-input input {
    border-radius: 0
  }
  
  .recipient-id-input .input-wrapper {
    display: flex
  }
  
  .recipient-id-input .selector-wrapper {
    flex-basis: 150px
  }
  
  .recipient-id-input input {
    flex: 1;
    border-left: none
  }
  
  .recipient-id-input.has-error .id-input-hint {
    display: none
  }
  
  .page-return-order-show .pd-box {
    padding: 15px 20px
  }
  
  .page-return-order-show .back-to-order {
    display: inline-block;
    margin-bottom: 15px;
    color: black
  }
  
  .page-return-order-show .back-to-order .fa-chevron-left {
    font-size: 12px
  }
  
  .page-return-order-show .return-order-detail-header .label {
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px
  }
  
  .page-return-order-show .return-order-detail-header .label.label-info {
    background-color: #008edd
  }
  
  .page-return-order-show .return-order-detail-header .label.label-default {
    border: solid 1px #cccccc;
    color: #555555;
    background-color: #fff
  }
  
  .page-return-order-show .return-confirmed-section {
    display: flex;
    justify-content: center;
    padding: 30px 0
  }
  
  .page-return-order-show .return-confirmed-section .panel-body {
    text-align: center
  }
  
  .page-return-order-show .return-confirmed-section .confirm-icon {
    margin-bottom: 10px
  }
  
  .page-return-order-show .return-confirmed-section .confirm-title {
    font-size: 18px;
    font-weight: 600;
    color: #333333
  }
  
  .page-return-order-show .return-confirmed-section .confirm-email {
    font-weight: 500
  }
  
  .page-return-order-show .return-section-title {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 30px
  }
  
  .page-return-order-show .return-order-detail .panel-body {
    padding: 0
  }
  
  .page-return-order-show .return-order-detail .return-order-detail-header {
    padding-top: 15px;
    padding-bottom: 15px
  }
  
  .page-return-order-show .return-order-detail .return-order-detail-header .order-subtitle {
    margin-bottom: 5px
  }
  
  .page-return-order-show .return-order-detail .return-order-detail-header .delivery-tracking-id {
    color: #5087e6
  }
  
  .page-return-order-show .return-order-detail .return-order-detail-footer {
    padding-top: 15px;
    padding-bottom: 15px
  }
  
  .page-return-order-show .return-order-detail .return-order-detail-footer .btn-continue-shopping {
    width: 100%
  }
  
  .page-return-order-show .return-items-table {
    margin-left: -15px;
    margin-right: -15px
  }
  
  .page-return-order-show .return-items-table .table-header {
    border-top: 1px solid #ededed
  }
  
  .page-return-order-show .return-items-table .table-row:last-child {
    border-bottom: 1px solid #ededed
  }
  
  .page-return-order-show .return-items-table .inspect-result .fa {
    margin-right: 7px
  }
  
  .page-return-order-show .return-items-table .inspect-result .accepted {
    color: #008000
  }
  
  .page-return-order-show .return-items-table .inspect-result .rejected {
    color: #8b0000
  }
  
  .page-return-order-show .return-order-refund-section .panel-body {
    padding-left: 0;
    padding-right: 0
  }
  
  .simplified-ui-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fafafa;
    padding: 40px 24px;
    z-index: 999;
    width: initial
  }
  
  .simplified-ui-wrapper .nav-tabs {
    display: none
  }
  
  .simplified-ui-wrapper form {
    display: none
  }
  
  .simplified-ui-wrapper form .line-input {
    font-size: 20px;
    padding: 6px 0;
    color: #7a8499;
    border: none;
    border-bottom: 1px solid #3955a4
  }
  
  .simplified-ui-wrapper .links-container,
  .simplified-ui-wrapper hr,
  .simplified-ui-wrapper .tabset-title {
    display: none
  }
  
  .simplified-ui-wrapper .divider-wrapper {
    border-top: 1px solid #e6eaf0;
    position: relative;
    margin: 40px 0 30px
  }
  
  .simplified-ui-wrapper .divider-wrapper span {
    position: absolute;
    top: -10px;
    left: 50%;
    padding: 0 12px;
    transform: translateX(-50%);
    color: #7a8499;
    white-space: nowrap;
    background-color: #fafafa
  }
  
  .simplified-ui-wrapper .circle-button-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
  }
  
  .simplified-ui-wrapper .circle-button-wrapper .circle-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    box-shadow: 0 1px 2px 1px rgba(54, 62, 81, 0.1);
    background-color: #fff
  }
  
  .simplified-ui-wrapper .circle-button-wrapper .circle-button:nth-child(1) {
    margin-right: 16px
  }
  
  .simplified-ui-wrapper .circle-button-wrapper .circle-button.active {
    background-color: #3955a4
  }
  
  .simplified-ui-wrapper .btn-line-login {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: 56px;
    border-radius: 6px;
    box-shadow: 0 1px 2px 1px rgba(54, 62, 81, 0.1);
    background-color: #fff
  }
  
  .simplified-ui-wrapper .btn-line-login svg {
    display: inline-block;
    margin-right: 4px
  }
  
  .simplified-ui-wrapper .btn-line-login .login-btn-label {
    color: #000;
    width: initial;
    margin: 0
  }
  
  .simplified-ui-wrapper .btn-facebook-login {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: 56px;
    border-radius: 6px;
    box-shadow: 0 1px 2px 1px rgba(54, 62, 81, 0.1);
    background-color: #fff
  }
  
  .simplified-ui-wrapper .btn-facebook-login svg {
    display: inline-block;
    margin-right: 4px
  }
  
  .simplified-ui-wrapper .btn-facebook-login .login-btn-label {
    color: #000;
    width: initial;
    margin: 0
  }
  
  .simplified-ui-wrapper #sign-in-btn,
  .simplified-ui-wrapper #sign-in-recaptcha {
    margin-top: 30px;
    font-size: 20px;
    height: 56px;
    border: none;
    background-color: #3955a4
  }
  
  .simplified-ui-wrapper #sign-in-btn.simplified-disable,
  .simplified-ui-wrapper #sign-in-recaptcha.simplified-disable {
    background-color: #dadaee
  }
  
  .store-credits-container h2,
  .membership-status-container h2 {
    padding: 8px;
    margin-bottom: 2em
  }
  
  .membership-status-container .field-value {
    display: inline;
    margin-left: 3em
  }
  
  #store-credits .box-body {
    padding: 0
  }
  
  #store-credits .field-value {
    display: inline;
    margin-left: 3em
  }
  
  #store-credits .table.credit-history th:nth-child(1) {
    width: 16%
  }
  
  #store-credits .store-credits-expiry-date {
    width: 105px
  }
  
  #store-credits table.credit-summary td {
    width: 84%;
    border: 0
  }
  
  #store-credits table.credit-summary th {
    font-weight: bold;
    border: 0;
    white-space: nowrap
  }
  
  #store-credits table.credit-history th {
    font-size: 15px;
    font-weight: normal;
    border: 0;
    white-space: nowrap
  }
  
  .credit-balance {
    text-align: left
  }
  
  .credits-none {
    background-color: transparent
  }
  
  .tax-fee-info {
    margin: 10px 0 20px !important
  }
  
  .tax-fee-info .tax-fee-info-text {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    padding: 10px 15px;
    min-height: 52px;
    border: solid 1px #bce8f1;
    border-radius: 5px;
    background-color: #d9edf7;
    color: #31708f;
    line-height: 100%;
    cursor: pointer
  }
  
  .Theme-modal .theme-modal-close button {
    position: absolute;
    top: 0;
    right: 0;
    width: 37px;
    height: 34px;
    border: none;
    border-radius: 0 4px;
    background-color: #dddddd;
    color: #ffffff
  }
  
  .Theme-modal .theme-modal-title {
    text-align: center;
    font-weight: 600;
    font-size: 22px
  }
  
  .Theme-modal .theme-modal-description {
    font-size: 14px
  }
  
  .Theme-modal .theme-modal-selector .selectpicker {
    width: 100%
  }
  
  .Theme-modal .theme-modal-btn {
    text-align: center
  }
  
  .Util-cssToggle {
    display: none
  }
  
  .Util-cssToggle~.Util-cssToggleLabel {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    padding: 0 10px;
    line-height: 24px;
    font-weight: normal
  }
  
  .Util-cssToggle~.Util-cssToggleLabel span {
    display: block;
    font-weight: normal;
    font-size: 14px
  }
  
  .Util-cssToggle~.Util-cssToggleLabel :before {
    position: absolute;
    right: -5px;
    line-height: 20px;
    content: "\f107";
    font-family: FontAwesome;
    float: right
  }
  
  .Util-cssToggle~.Util-cssToggleLabel .Toggle-collapsed {
    display: none
  }
  
  .Util-cssToggle~.Util-cssToggleLabel .Toggle-expanded {
    display: block
  }
  
  .Util-cssToggle:checked~.Util-cssToggleLabel :before {
    content: "\f106"
  }
  
  .Util-cssToggle:checked~.Util-cssToggleLabel .Toggle-collapsed {
    display: block
  }
  
  .Util-cssToggle:checked~.Util-cssToggleLabel .Toggle-expanded {
    display: none
  }
  
  .store-credits td {
    word-break: break-all
  }
  
  .order-summary .promotion {
    padding-top: 10px
  }
  
  .order-summary .promotion .summary-left {
    width: 60%;
    margin-right: 8px
  }
  
  .order-summary .promotion .summary-right {
    width: 36%;
    display: flex;
    justify-content: flex-end;
    text-align: right
  }
  
  #cartSummary .promotion {
    padding-bottom: 10px
  }
  
  .member-center-birthday-error {
    margin-top: -20px
  }
  
  .custom-field-readable input[disabled] {
    border: none;
    box-shadow: none;
    padding-left: 0
  }
  
  .notify-msg {
    text-align: left
  }
  
  .member-referral {
    margin-bottom: 30px
  }
  
  .member-referral span {
    margin-right: 8px;
    margin-left: 10px;
    font-size: 15px;
    height: 20px;
    color: #5b5b5b;
    line-height: normal
  }
  
  .member-referral .member-referral-header {
    margin-bottom: 16px
  }
  
  .member-referral .info {
    font-size: 13px;
    margin-bottom: 4px
  }
  
  .member-referral .info .understand {
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer
  }
  
  .member-referral .link {
    font-size: 13px
  }
  
  .member-referral .link .copy {
    color: #3493fb;
    font-size: 13px;
    cursor: pointer
  }
  
  .member-referral .generate-code {
    color: #3493fb;
    font-size: 13px;
    cursor: pointer
  }
  
  .member-referral .member-referral-title {
    font-weight: 600
  }
  
  .member-referral img.member-referral-icon {
    content: url("https://s3-ap-southeast-1.amazonaws.com/static.shoplineapp.com/web/assets/icon_membership_info.svg")
  }
  
  .membership-reminder i,
  .membership-info i {
    font-size: 20px
  }
  
  .membership-reminder {
    margin-bottom: 30px;
    padding: 0 15px;
    font-family: PingFangTC
  }
  
  .membership-info {
    margin-bottom: 15px;
    display: flex;
    align-items: center
  }
  
  .membership-info i {
    opacity: 0.1
  }
  
  .membership-info span {
    margin-right: 8px;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 600;
    height: 20px;
    color: #5b5b5b
  }
  
  .membership-info .member-level {
    padding: 2px 10px;
    width: auto;
    min-height: 24px;
    height: auto;
    border-radius: 14px;
    text-align: center;
    background-color: #f0ad4e
  }
  
  .membership-info .member-level span {
    font-size: 15px;
    color: #ffffff;
    margin: auto
  }
  
  .membership-info img.icon-membership-info {
    content: url("https://s3-ap-southeast-1.amazonaws.com/static.shoplineapp.com/web/assets/icon_membership_info.svg")
  }
  
  .membership-tier-block {
    display: flex;
    min-height: 83px;
    height: auto
  }
  
  .membership-upgrade-progress,
  .membership-detail-list {
    display: inline-block
  }
  
  .membership-detail {
    padding-left: 0
  }
  
  .membership-detail-list {
    padding: 15px 20px;
    background-color: #f8f8f8;
    width: 100%
  }
  
  .membership-detail-list .detail-item {
    margin-bottom: 10px;
    display: flex
  }
  
  .membership-detail-list .detail-item:last-child {
    margin-bottom: 0
  }
  
  .membership-detail-list .detail-item a {
    font-size: 14px
  }
  
  .membership-detail-list .detail-item .icon-image img {
    width: 20px
  }
  
  .membership-detail-list .detail-item i {
    margin-right: 9px;
    font-size: 18px;
    padding-top: 2px
  }
  
  .membership-detail-list .detail-item i,
  .membership-detail-list .detail-item span.item-title {
    color: #999999
  }
  
  .membership-detail-list .detail-item div {
    display: flow-root;
    font-size: 0px
  }
  
  .membership-detail-list .detail-item span {
    padding-left: 6px;
    font-size: 14px;
    font-weight: normal;
    color: #333333
  }
  
  .membership-detail-list .detail-item span.item-title {
    display: inline-block;
    padding-left: 0
  }
  
  .membership-next-tier {
    padding-right: 0
  }
  
  .membership-next-tier a {
    color: #3493fb
  }
  
  .membership-next-tier span {
    font-size: 14px;
    font-weight: 500;
    color: #333333
  }
  
  .membership-next-tier span.title-item {
    font-size: 15px;
    font-weight: 600
  }
  
  .membership-next-tier .detail-item {
    display: flex;
    margin-bottom: 10px
  }
  
  .membership-next-tier .detail-item span {
    color: #5b5b5b
  }
  
  .membership-next-tier .detail-item i {
    padding-top: 1px;
    margin-right: 10px;
    height: 18px;
    width: 18px;
    color: black;
    opacity: 0.1
  }
  
  .membership-next-tier .price-item,
  .membership-next-tier .condition-item {
    margin-bottom: 5px
  }
  
  .membership-next-tier .price-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
  }
  
  .membership-next-tier .price-item span {
    text-align: right
  }
  
  .membership-next-tier .price-item span:first-child {
    margin-right: 10px
  }
  
  .membership-next-tier .price-item span.upgrade-info {
    color: #999999
  }
  
  .membership-next-tier .progress-item {
    width: 100%
  }
  
  .membership-next-tier .progress-item div {
    height: 8px
  }
  
  .membership-next-tier .progress-item div.empty-bar {
    border-radius: 4px;
    width: 100%;
    background-color: #f8f8f8
  }
  
  .membership-next-tier .progress-item div.fill-bar {
    position: relative;
    top: -8px;
    border-radius: 4px 0 0 4px;
    width: 0;
    background-color: #f0ad4e
  }
  
  .membership-next-tier .progress-item div.fill-bar.if-full {
    border-radius: 4px
  }
  
  .membership-next-tier .description-item span {
    font-size: 12px;
    font-weight: normal;
    color: #999999
  }
  
  .merchant-membership-tiers-dialog {
    padding: 15px;
    height: auto;
    width: auto;
    max-height: 491px;
    max-width: 600px;
    border-radius: 9px;
    background-color: #ffffff;
    overflow-y: auto
  }
  
  .merchant-membership-tiers-dialog a.membership-tiers-close-btn {
    display: flex;
    float: right;
    padding: 0;
    color: #7F7F7F
  }
  
  .merchant-membership-tiers-dialog .tier-item {
    margin-bottom: 20px
  }
  
  .merchant-membership-tiers-dialog .tier-item:last-child {
    margin-bottom: 0
  }
  
  .merchant-membership-tiers-dialog .tier-item span {
    display: block;
    font-size: 14px;
    color: #999999
  }
  
  .merchant-membership-tiers-dialog .tier-item span.item-title {
    font-size: 16px;
    font-weight: 600;
    color: #333333
  }
  
  .merchant-membership-tiers-dialog .tier-item span.item-title.discount-title {
    margin-bottom: 5px;
    font-weight: normal
  }
  
  #userForm .membership-detail-list .detail-item .icon-image {
    display: inline-flex;
    margin-right: 6px;
    margin-left: -2px
  }
  
  #userForm .membership-detail-list .detail-item .icon-image img {
    max-width: none;
    width: 20px;
    height: 20px;
    border: 0
  }
  
  #userForm .membership-info span {
    font-size: 15px !important
  }
  
  .member-content-center #userForm .box-info .membership-info span {
    margin-left: 10px !important
  }
  
  .member-content-center .order-list-buttons {
    display: flex;
    justify-content: flex-end
  }
  
  #userForm div.info-part:nth-of-type(2) {
    margin-top: 35px
  }
  
  img.icon-membership-promotion {
    content: url("https://s3-ap-southeast-1.amazonaws.com/static.shoplineapp.com/web/assets/icon_membership_promotion.svg")
  }
  
  img.icon-membership-upgrade {
    content: url("https://s3-ap-southeast-1.amazonaws.com/static.shoplineapp.com/web/assets/icon_membership_upgrade.svg")
  }
  
  img.icon-membership-condition {
    content: url("https://s3-ap-southeast-1.amazonaws.com/static.shoplineapp.com/web/assets/icon_membership_condition.svg")
  }
  
  @media (max-width: 991px) {
    .membership-detail {
      padding-right: 0
    }
  
    .membership-next-tier {
      margin-top: 40px;
      padding-left: 0
    }
  }
  
  @media (max-width: 767px) {
    .membership-reminder .membership-info {
      margin-bottom: 10px
    }
  
    .membership-next-tier .detail-item {
      margin-bottom: 15px
    }
  
    .member-center-title.membership-reminder-title {
      width: auto
    }
  }
  
  .user-profile-recaptcha-button .users-edit-buttons {
    display: inline-flex
  }
  
  .user-profile-recaptcha-button .users-edit-buttons .member-profile-save+div {
    position: absolute
  }
  
  .user-profile-recaptcha-button .users-edit-buttons .g-recaptcha {
    margin-top: 0;
    margin-left: 12px
  }
  
  #get-welcome-member-referral-credits {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px
  }
  
  #get-welcome-member-referral-credits img {
    width: 168px;
    height: 180px;
    margin-bottom: 20px;
    margin-top: 15px
  }
  
  #get-welcome-member-referral-credits .close-section {
    cursor: pointer;
    display: flex;
    align-self: flex-end;
    padding: 5px
  }
  
  #get-welcome-member-referral-credits .close-section .close-button {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 0;
    right: 0;
    color: white;
    background: #DDDDDD;
    border: 1px solid #DDDDDD;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-radius: 5px
  }
  
  #get-welcome-member-referral-credits .close-section .close-button:before,
  #get-welcome-member-referral-credits .close-section .close-button:after {
    position: absolute;
    right: 14px;
    top: 12px;
    content: '';
    height: 11px;
    width: 3px;
    background-color: #fff
  }
  
  #get-welcome-member-referral-credits .close-section .close-button:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  
  #get-welcome-member-referral-credits .close-section .close-button:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  
  #get-welcome-member-referral-credits .body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 428px
  }
  
  @media (max-width: 767px) {
    #get-welcome-member-referral-credits .body {
      max-width: 100%
    }
  }
  
  #get-welcome-member-referral-credits .body .title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333
  }
  
  #get-welcome-member-referral-credits .body .content {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 !important;
    color: #333
  }
  
  #get-welcome-member-referral-credits .body .continue {
    display: block;
    width: 175px;
    color: #fff;
    background-color: #121416;
    border-radius: 3px;
    padding: 6px 12px;
    text-align: center;
    border: solid;
    border-color: black;
    margin-bottom: 15px;
    cursor: pointer
  }
  
  @media (max-width: 767px) {
    #get-welcome-member-referral-credits .body .continue {
      width: 100%
    }
  }
  
  sl-list-page-wishlist-button {
    position: absolute;
    left: 0;
    z-index: 1;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%
  }
  
  sl-list-page-wishlist-button.hover-button {
    bottom: 40px
  }
  
  sl-list-page-wishlist-button.is-active {
    display: flex
  }
  
  @media (max-width: 991px) {
    sl-list-page-wishlist-button {
      display: flex
    }
  
    sl-list-page-wishlist-button.hover-button {
      display: none
    }
  }
  
  product-item.has-wishlist-button sl-list-page-wishlist-button {
    bottom: 30px
  }
  
  product-item.has-wishlist-button sl-list-page-wishlist-button.hover-button {
    bottom: 0
  }
  
  product-item.has-wishlist-button .info-box {
    margin-bottom: 25px
  }
  
  @media screen and (min-width: 481px) and (max-width: 991px) {
    product-item.has-wishlist-button .info-box {
      padding-bottom: 35px
    }
  }
  
  product-item.only-wishlist-button sl-list-page-wishlist-button {
    bottom: 0
  }
  
  body.promotions sl-list-page-wishlist-button {
    bottom: 30px;
    display: flex
  }
  
  body.promotions product-item.has-wishlist-button {
    position: relative
  }
  
  body.promotions product-item.has-wishlist-button .info-box {
    margin-bottom: 25px
  }
  
  @media screen and (min-width: 481px) and (max-width: 991px) {
    body.promotions product-item.has-wishlist-button .info-box {
      padding-bottom: 43px
    }
  }
  
  body.promotions .product-item product-item.has-wishlist-button {
    position: unset
  }
  
  body.promotions .product-item.has-wishlist-button product-item {
    position: unset
  }
  
  .plp-wishlist-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 40px;
    text-align: center;
    cursor: pointer
  }
  
  .plp-wishlist-button.is-active {
    display: flex
  }
  
  @media (hover: hover) and (pointer: fine) {
    .plp-wishlist-button:hover .fa-heart {
      opacity: 0.8
    }
  
    .plp-wishlist-button:hover .fa-heart-o:before {
      color: #c6c6c6
    }
  }
  
  .plp-wishlist-button .fa {
    font-size: 18px
  }
  
  .plp-wishlist-button .fa-heart {
    color: #000
  }
  
  .plp-wishlist-button .fa-heart-o:before {
    content: '\f004';
    color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000
  }
  
  .plp-wishlist-button .Tooltip-wishlistTooltip {
    position: absolute;
    bottom: 40px;
    left: 0;
    display: none;
    width: 100%
  }
  
  .plp-wishlist-button .Tooltip-wishlistTooltip.is-active {
    display: block
  }
  
  .plp-wishlist-button .Tooltip-wishlistTooltip .Tooltip-wishlistTooltip-content {
    position: relative;
    display: inline-block;
    padding: 14px 17px;
    border-radius: 4px;
    background-color: #efefef;
    box-shadow: 0 2px 4px 0 rgba(156, 156, 156, 0.5)
  }
  
  .plp-wishlist-button .Tooltip-wishlistTooltip .Tooltip-wishlistTooltip-content a {
    color: #202428;
    text-decoration: underline
  }
  
  .plp-wishlist-button .Tooltip-wishlistTooltip .Tooltip-wishlistTooltip-content:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    display: block;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent transparent #efefef transparent;
    transform: translateX(-50%) rotate(180deg)
  }

  .justify-end {
    display: flex;
    justify-content: flex-end;
  }

  .justify-start {
    display: flex;
    justify-content: flex-start;
  }
  
  @media (min-width: 992px) {
    .product-item:hover sl-list-page-wishlist-button.hover-button {
      display: flex
    }
  
    .product-item:hover product-item.has-wishlist-button sl-list-page-wishlist-button.hover-button {
      bottom: 40px
    }
  }
  
  @media (max-width: 991px) {
  
    .boxify-container product-item.quick-cart-mobile.has-wishlist-button .quick-cart-price,
    .boxify-container product-item.quick-cart-mobile.only-wishlist-button .quick-cart-price {
      margin-bottom: 55px !important
    }

    .justify-end, .justify-start{
      display: flex;
      justify-content: center;
    }
  }