/** Shopify CDN: Minification failed

Line 1125:23 Expected identifier but found whitespace
Line 1125:25 Unexpected "{"
Line 1125:34 Expected ":"
Line 1130:13 Expected identifier but found whitespace
Line 1130:14 Unexpected "1px"
Line 1130:25 Unexpected "{"
Line 1130:34 Expected ":"
Line 1133:12 Expected identifier but found "{"
Line 1133:13 Unexpected "{"
Line 1133:22 Expected ":"
... and 30 more hidden warnings

**/
  
  
@font-face {
    font-family: 'BebasNeue-Regular';
    src: url('BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Gilroy-Bold';
    src: url('Gilroy-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Gilroy-Heavy';
    src: url('Gilroy-Heavy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Gilroy-Light';
    src: url('Gilroy-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Gilroy-Medium';
    src: url('Gilroy-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Gilroy-Regular';
    src: url('Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
    body{
      -webkit-overflow-scrolling:touch;
       overflow-scrolling:touch;
       letter-spacing: 0;
  
    }
     
    
    .animated{
      animation:animated 0.5s ease-out;
      
        -webkit-animation:animated 0.5s  ease-out;
      animation-fill-mode: forwards;
    }
    @keyframes animated{
      0%{
        opacity:0;
        -webkit-transform: translateY(40px);
        transform:  translateY(40px);
      }
      100%{
        opacity:1;
        -webkit-transform: translateY(0%);
        transform:  translateY(0%);
      }
    }
    
    
    @-webkit-keyframes animated{
      0%{
        opacity:0;
        -webkit-transform: translateY(50%);
        transform:  translateY(50%);
      }
      100%{
        opacity:1;
        -webkit-transform: translateY(0%);
        transform:  translateY(0%);
      }
    }
    
    .d0-0 {
      animation-delay: 0s !important;
    }
    
    .d0-1 {
      animation-delay: 0.1s !important;
    }
    
    .d0-2 {
      animation-delay: 0.2s !important;
    }
    
    .d0-3 {
      animation-delay: 0.3s !important;
    }
    
    .d0-4 {
      animation-delay: 0.4s !important;
    }
    
    .d0-5 {
      animation-delay: 0.5s !important;
    }
    
    .d0-6 {
      animation-delay: 0.6s !important;
    }
    
    .d0-7 {
      animation-delay: 0.7s !important;
    }
    
    .d0-8 {
      animation-delay: 0.8s !important;
    }
    
    .d0-9 {
      animation-delay: 0.9s !important;
    }
    
    .d0-10 {
      animation-delay: 1s !important;
    }
    
    .d0-11 {
      animation-delay: 1.1s !important;
    }
    a{
       
      text-decoration: none;
   
    }
     
    .swiper-contianer,.swiper{
      overflow: hidden;
      width:100%;
      position: relative;
    }
    
    
    nobr {
      display: contents;
    }
    
    .common-pc--hide {
      display: none;
    }
    
    .common-pad--show {
      display: none;
    }
    
    .common-small--hide {
      display: block;
    }
     
    .text-left{
      text-align: left!important;
    }
    .text-center{
      text-align: center!important;
    }
    .text-right{
      text-align: right!important;
    }
     
    @media only screen and (max-width:820px){.small--text-left{text-align:left !important;}.small--text-right{text-align:right !important;}.small--text-center{text-align:center !important;}}
     
    
    .common-flex-box {
      display: flex;
    }
    .common-media-inner {
      position: relative;
    }
    .common-media-item {
      position: relative;
    }
    
    .common-media-item .section-logo {
      display: flex;
      align-items: center;
      font-size: 1.875vw;
    }
    
    .common-media-item .custom_html_box {
      margin-top: 24px;
      line-height: 1.33333;
      font-size: 1.25vw;
    }
    
    /* .common-media-item .common-header .common-wrapper,
    .common-media-item .custom_html_box .common-wrapper {
      max-width: 860px;
    } */
   
    .common-media-item .section-logo img {
      max-width: 170px;
      width: 8.854vw;
    }
    
    .common-media-item .common-header {
      margin-bottom: 4.167vw;
      position: relative;
      z-index: 1;
    }
    
    .common-media-item .section-logo span {
      margin-left: 14px;
    }
    
    .common-featured-item {
      flex: 1;
    }
    
    h1.common-banner-title,
    .common-banner-title.h1,
    .common-banner-title,
    .bg-text-wrapper .common-banner-title {
    
      font-size: 2.6042vw;
      letter-spacing: 0.011em;
      font-weight: 400;
      margin-bottom: 1.8519vh;
      color: #000000;
    }
    
    .common-media-item .bg-text-wrapper{
    padding:60px 0px;
    }
    
    h2.common-title,
    .common-title.h2,
    .common-title {
      font-weight: 700;
      font-size: 3.125vw;
      letter-spacing: 0.011em;
      line-height: 1.2;
      margin-bottom: 15px;
     
    }
    
    
    @media screen and (min-width: 2049px) {
    
     body h2.common-title,
     body .common-title.h2,
     body .common-title {
        font-size: 60px ;
        letter-spacing: 0.031em;
      }
    }
    
    @media screen and (max-width: 990px) {
    
      body h2.common-title,
      body .common-title.h2,
      body .common-title {
        font-size: 28px ;
      }
    }
    
    .common-subtitle {
    
      font-size: 1.0417vw;
      letter-spacing: 0.011em;
      line-height: 1.2;
      color: #000000;
      font-weight: 400;
      margin-bottom: 10px;
    }
    
    @media screen and (min-width: 2049px) {
      .common-subtitle {
        font-size: 28px;
     
      }
    }
    
    @media screen and (max-width: 850px) {
    
      .common-subtitle {
        font-size: 14px;
     
      }
    }
    
    .common-media-btn {
      
      font-size: 1.25vw;
      letter-spacing: 0.011em;
      font-weight: 400;
    }
    
    @media screen and (min-width: 1921px) {
      .common-media-btn {
        font-size: 18px;
      }
    }
    
    @media screen and (max-width: 850px) {
      .common-media-btn {
        font-size: 12px;
      }
    }
    
    .common-media-item .common-wrapper {
      height: 100%;
    }
    .common-media-item .common-wrapper .common-wrapper .bg-text-table-wrapper  {
  padding: max(3vw, 2em) max(6vw, 2em);
    }
    .common-media-item .prtext-wrapper .hero__text-content {
      display: table-cell;
      padding-left: 0px;
      padding-right: 0px;
    }
    
    h1.common-product-name,
    .common-product-name.h1,
    .common-product-name {
     
      font-size: 1.875vw;
      letter-spacing: 0.011em;
      font-weight: 400;
      color: #000000;
    }
    
    @media screen and (max-width: 850px) {
    
      h1.common-product-name,
      .common-product-name.h1,
      .common-product-name {
        font-size: 20px;
        line-height: 1.1;
        letter-spacing: 0;
        margin-bottom: 12px;
      }
    }
    
    .common-tips {
      display: flex;
      position: relative;
    
      font-size: 14px;
      letter-spacing: 0.011em;
      line-height: 1.714286;
      color: #000000;
      font-weight: 400;
    }
    
    .common-tips::before {
      content: "*";
    }
    
    .common-tips-image-box .common-tips {
      position: absolute;
      bottom: 8px;
      padding: 0px 12px;
    }
    
    .common-media-item {
      position: relative;
    }
    
    .common-media-item .prtext-wrapper .hero__text-content .common-title {
      margin-bottom: 1.8519vh;
    }
    
    .common-media-item .media-box .common-tips {
      position: absolute;
      bottom: 8px;
      width: 100%;
      left: 0px;
    }
    
    .common-header {
      margin-bottom: 2.708333vw;
      text-align: center;
    }
    
    .common-header .common-title {
      margin-bottom: 0px;
    }
    
    .common-header .common-title+.common-subtitle {
      margin-top: 15px;
    }
    
    .common-header .common-subtitle {
      margin-bottom: 0px;
    }
    
    .common-media-item video {
      width: 100%;
      max-height: 1012px;
      height: auto;
      vertical-align: bottom;
      object-fit: cover;
    }
    
    .common-featured-box {
      margin-left: -8px;
      margin-right: -8px;
    }
    
    .common-featured-item,
    .common-icon-item {
      flex: 1;
      padding: 0px 8px;
      margin-bottom: 30px;
    }
    
    .common-featured-box,
    .common-icon-box {
      display: flex;
      align-items: flex-start;
      margin-bottom: -30px;
    }
    
    .common-icon-box {
      display: flex;
      text-align: center;
      margin: 0px -10px;
    }
    
    .common-icon-item .image {
      max-width: 55px;
      margin: 0 auto;
    }
    
    .common-icon-item .common-subtitle {
      margin-top: 2.3148vh;
      font-size: 16px;
      margin-bottom: 0px;
    }
    
    .common-iwt-image-box {
      position: relative;
    }
    
    .common-iwt-image-box .image {
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
    }
    textarea {
      font-family: ArialNova;
    }
    .common-iwt-content {
      display: flex;
      align-items: center;
    }
    
    
    .common-iwt-content .common-iwt-text-box {
      flex: 1;
      width: 50%;
    }
    
    .common-iwt-content .common-iwt-image-box {
      width:50%;
      max-width: 680px;
    
    }
    
    .common-iwt-content .common-iwt-text-box {
      padding: 20px;
    }
    
    .common-iwt-content .common-iwt-text-box .title {
      font-size: 1.667vw;
    }
    
    .common-iwt-content .common-iwt-text-box .subtitle {
      margin-bottom: 0px;
      font-weight: 300;
    }
    
    .common-iwt-content .common-iwt-image-box-right {
      order: 2;
    }
    .common-iwt-content .common-iwt-image-box.common-iwt-image-box-left {
      width: 68.3%;
      max-width: 580px;
    }
     
    .common-iwt-content .common-iwt-text-box-left {
      order: 1;
      padding-left: 0px;
    }
    .common-iwt-content .common-iwt-text-box .common-content{
      margin-top: 15px;
    }
    .common-iwt-content .common-iwt-text-box-right {
      order: 1;
      padding-left: 0px;
    }
    
    .common-iwt-text-box.common-iwt-text-box-right {
      padding-right: 0;
      padding-left:10%;
      max-width: 810px;
      margin-right: auto;
    }
    
    .common-iwt-text-box.common-iwt-text-box-left {
      padding-right: 10%;
      max-width: 810px;
      margin-left: auto;
    }
    .common-iwt-text-box.common-iwt-text-box-left .text-box{
     max-width: 480px;
    }
    .common-iwt-text-box.common-iwt-text-box-left .text-box .common-topsubtitle{
      margin-bottom: 30px;
    }
    .common-iwt-text-box.common-iwt-text-box-left .text-box .common-topsubtitle img{
      max-width:180px;
    }
    @media screen and (max-width: 1424px) {
      .common-iwt-text-box.common-iwt-text-box-left .text-box .common-topsubtitle img{
        max-width:120px;
      }
    }
    .common-iwt-content-item+.common-iwt-content-item {
      padding-top: 1.823vw;
    }
    
    .common-iwt-content-item .common-wrapper {
      max-width: 1160px;
    }
    
    .common-bgz-container {
      padding-bottom: 80px;
    }
     
    .page-width,
    .common-page-width,
    .common-wrapper {
      max-width: 1242px;
      padding:0px 32px;
      margin: 0 auto;
    }
    @media (min-width: 590px) {
      .page-width.narrow,
      .common-page-width.narrow,
      .common-wrapper.narrow {
        max-width: 1124px;
        padding:0px 32px;
        margin: 0 auto;
      }
    }
    
    .common-item-container .wrapper {
      padding: 0px 20px;
      max-width: 1260px;
    }
    
    .common-item-container .right-box {
      flex: 0 1 calc(100% - 46.73%);
      padding-left: 25px;
      display: grid;
      grid-gap: 5px;
      grid-template-columns: 33.6% 31.74% auto;
    
    }
    
    .common-item-inner {
      display: flex;
    }
    
    .common-item-inner .text-box {
      margin-bottom: 20px;
    }
    
    .common-item-container .left-box-inner {
      position: sticky;
      top: 0px;
    }
    
    .common-image-with-text-box {
      padding-top: 35px;
    }
    
    .common-item-container .left-box .image-box {
      text-align: center;
    
      background: #ffffff;
      margin-bottom: 30px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      overflow: hidden;
      line-height: 0;
      padding-top: 100%;
      position: relative;
    }
    
    .common-item-container .left-box .item {
      width: 100%;
      transition: all 0.5s ease;
      position: absolute;
      top: 0px;
      left: 0px;
      opacity: 0;
      pointer-events: none;
    }
    
    .common-item-container .left-box .item.active {
      position: relative;
      opacity: 1;
      pointer-events: auto;
    }
    
    .common-accessories-title {
    
      font-size: 1.4583vw;
    
      letter-spacing: 0.011em;
      line-height: 1.407407;
      color: #000;
      font-weight: 400;
      margin-bottom: 1.8519vh;
    }
    
    .common-accessories-subtitle {
    
      font-size: 1.1458vw;
      letter-spacing: 0.011em;
      line-height: 1.45;
      color: #000000;
      font-weight: 400;
    }
    
    .common-item-container .left-box {
      padding-right: 25px;
      flex: 0 1 46.73%;
    }
    
    .common-item-container .left-box .image-element__wrap {
      height: 100%;
    }
    
    .common-item-container .left-box .image-element__wrap img {
      width: unset;
      height: 100%;
    }
    
    .common-item-container .left-box .common-tips {
      margin-top: 3.125vw;
    }
    
    .common-item-container .right-box .item {
      position: relative;
      margin-bottom: 5px;
      border-radius: 10px;
      overflow: hidden;
      transition: all 0.5s ease;
      cursor: pointer;
    }
    
    .common-item-container .right-box .item:hover {
      opacity: 0.8;
    }
    
    .common-item-container .right-box .title {
      position: absolute;
      top: 15px;
      left: 0px;
      padding: 0px 5px;
      width: 100%;
      text-align: center;
      margin-bottom: 0;
      font-size: 16px;
      letter-spacing: 0.011em;
      line-height: 1.1;
      color: #000000;
      font-weight: 400;
    }
    
    .common-item-container .left-box .item img {
      height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    .common-spec-label {
    
      font-size: 16px;
      letter-spacing: 0.011em;
      color: #000;
      font-weight: bold;
    }
    
    .common-spec-content {
    
      font-size: 16px;
      letter-spacing: 0.011em;
      color: #000000;
      font-weight: 400;
      display: flex;
    
      background: #ffffff;
      align-items: center;
    }
    
    .common-spec-content-item {
      padding-top: 4.167vw;
    }
    
    .common-spec-content-item .common-content li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      list-style: none;
      border-top: 1px solid #b1b1b3;
      border-bottom: 1px solid #b1b1b3;
      padding: 7px 5px;
      margin: 0;
      line-height: 1.75;
    }
    
    .common-spec-content-item .common-content li+li {
      border-top: none;
    }
    
    .common-spec-content-item .common-content li span:first-child {
      width: 45%;
    
      font-size: 16px;
      letter-spacing: .011em;
    
      font-weight: 400;
      color: #000000;
    }
    
    .common-spec-content-item .common-content li span:nth-child(even) {
      width: 55%;
    }
    
    .common-spec-text-box {
      flex: 0 1 57%;
      padding: 35px 10px 35px 0;
      margin-left: 3%;
    }
    
    .common-spec-text-box .tips-content {
      margin-top: 4.6296vh;
    }
    
    .common-spec-image-box {
      flex: 0 1 43%;
    }
    
    .common-spec-image-box .image {
      max-width: 405px;
      margin: 0 auto;
    }
    
    .common-media-item .prtext-wrapper.outer .bg-text-wrapper-inner {
      padding: 0px;
    }
    
    .common-accessories-title {
    
      font-size: 1.4583vw;
      letter-spacing: 0.011em;
      line-height: 1.407407;
      color: #000;
      font-weight: unset;
      margin-bottom: 1.8519vh;
    }
    
    /* .common-featured-outer .pfi-inner .common-title {
      font-size: 1.667vw;
    } */
    
    .common-featured-outer .image-box {
      margin-bottom: 24px;
    }
    
    .common-featured-outer .common-subtitle {
      font-size: 1.25vw;
    }
    
    .common-grid-box .pfi-inner {
      position: relative;
    }
    
    .common-grid-box .text-box {
      position: absolute;
      bottom: 30px;
      padding-left: 30px;
      max-width: 55%;
      line-height: 1.28;
    }
    
    .common-grid-box .common-grid-item .text-box .common-title {
      font-size: 1.25vw;
    }
    
    .common-grid-box .common-grid-item:nth-child(1) .text-box .common-title {
      font-size: 1.458vw;
    }
    
    .common-grid-box .common-grid-item .text-box .common-subtitle {
      font-size: 0.9375vw;
    }
    
    .common-grid-container .common-header {
      margin-bottom: 2.604vw;
    }
    
    .section-title {
      margin-top: 0px;
    }
    
    .common-grid-box {
      display: grid;
      grid-template-columns: 67.25% 32.75%;
      grid-template-rows: auto auto auto;
      grid-gap: 10px;
      width: 100%;
    }
    
    .common-grid-box .common-grid-item:nth-child(1) {
      grid-column: 1/3;
    }
    
    .common-grid-box .common-grid-item:nth-child(2) {
      grid-column: 1;
      grid-row: 2;
    }
    
    .common-grid-box .common-grid-item:nth-child(3) {
      grid-column-start: 1;
    }
    
    .common-grid-box .common-grid-item:nth-child(4) {
      grid-column: 2;
      grid-row: 2/5;
    }
    
    .common-grid-box .common-grid-item:nth-child(4) .text-box {
      max-width: 90%;
    }
    
    .common-featured-outer .bottom-content {
      margin: 0 auto;
      max-width: 50%;
      text-align: center;
      font-size: 1.25vw;
      line-height: 1.33333;
      padding-top: 10px;
    }
    
    .common-media-item .featured-box {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      /* text-align: center; */
      font-size: 1.25vw;
      margin-top: 4.1667vw;
     
      
    }
    
    .common-media-item .featured-box .content {
      font-size: 7.2917vw;
      font-weight: bold;
    }
    
    
    .common-media-item .featured-box .item {
    
      padding: 0px 10px;
    }
    .common-media-item .featured-box .item+.item{
      margin-left: 5%;
    }
    .common-media-item .featured-box.has-four-item{
      margin-left: 0px;
    }
    .common-media-item .featured-box.has-four-item .item{
      flex: 0 1 33.33333%;
    }
    
    .common-image-featured-item {
      width: 50%;
      padding-left: 15px;
    }
    
    .common-image-featured-box {
      margin: 0px 15px 0px 0px;
      width: calc(100% - 15px);
      display: flex;
      align-items: flex-start;
      box-sizing: border-box;
    }
    
    .common-image-featured-box .pfi-inner {
      position: relative;
    }
    
    .common-image-featured-box .text-box {
      position: absolute;
      width: 100%;
      padding: 0px 15%;
      text-align: center;
      top: 70px;
    }
    
    .common-image-featured-box .text-box .common-title {
      font-size: 1.6667vw;
    
      max-width: 680px;
      margin: 0 auto 10px;
    }
    
    .common-image-featured-box .text-box .common-subtitle {
      margin-bottom: 0px;
      
      max-width: 680px;
      margin: 0 auto;
      color: #666666;
    }
    
    
    
    .common-blog-featured-item {
      width: 50%;
      padding-left: 15px;
    }
    
    .common-blog-featured-box {
     margin-left:-15px;
      width: calc(100% + 15px);
      display: flex;
      align-items: flex-start;
      box-sizing: border-box;
    }
    
    .common-blog-featured-box .pfi-inner {
      position: relative;
    }
    
     .common-blog-featured-box .text-box-outer {
      position: absolute;
      width: 69%;
      padding: 40px 20px 20px 45px;
      bottom: 2.6042vw;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      text-align: left;
      /* justify-content: center; */
      height: 100%;
      top: 0px;
      left: 0px;
    }
     .common-blog-featured-box .text-box-outer  .new-button{
      margin-top: 3.646vw;
      border:none;
    }
    
    
     .common-blog-featured-box .text-box-outer  .common-title {
      
    
      /* max-width: 680px;
      margin: 0 auto 10px; */
    }
    
     .common-blog-featured-box .text-box-outer  .common-subtitle {
      margin-bottom: 0px;
      
      max-width: 680px;
      margin: 0 auto;
      color: #666666;
    }
    
    .common-blog-featured-box .image-box{
      border-radius: 8px;
      overflow: hidden;
    }
    .testimonials-person-say-container .common-title{
     
      margin-top: 0px;
      text-align: center;
      font-size: 2.0833vw;
    margin-bottom: 35px;
     
    }
    .testimonials-person-say-container .image-box{
      position: relative;
      z-index: 2;
    }
    .testimonial-meta .media-box.play .image-box{
    z-index: -1;
    }
    .testimonial-meta .media-box.play .play-btn{
      display: none;
      }
    .testimonials-person-say-container .image-box,
    .testimonials-person-say-container .video-box{
      border-radius: 8px;
      overflow: hidden;
      margin-bottom: 20px;
    }
    .testimonials-person-say-container .text-box .common-title{
     font-size: 1.6667vw;
     margin-bottom: 10px;
     text-align: left;
    }
    .testimonials-person-say-container .text-box .common-subtitle{
     margin-bottom: 0px;
     font-size: 16px;
     color:#666666;
     
     text-align: left;
     
     }
    .testimonial-meta .media-box{
      position: relative;
    }
    
    .testimonial-meta .no-cover-image.media-box    .video-box{
    position: relative;
    }
    .testimonial-meta .no-cover-image.media-box  .play-btn{
      display: none;
    }
    .video-swiper-container .swiper-slide.side{
      opacity: 1;
    }
    .testimonial-meta  .video-box{
      width: 99%;
      height: 99%;
      position: absolute;
      top: 0.5%;
      left: 0.5%;
    }
    .testimonial-meta .play-btn{
      position: absolute;
      z-index: 3;
      width: 40px;
      height: 40px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border: 1px solid #fff;
      border-radius: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }
    .testimonial-meta .play-btn svg{
      width: 25px;
      height: 25px;
      display: block;
    }
    .testimonial-meta .play-btn svg path{
      fill:#fff;
    }
    .testimonial-meta  .plyr--video{
    height: 100%;
    } 
     .new-button{
      display: table;
      border-radius: 50px;
      text-decoration: none;
      line-height: 1.2;
      transition: all 0.3s ease;
      color: #ffffff;
      font-weight: 600;
      padding: 9px 25px;
      border-radius: 50px;
      font-size: 17px;
      width: fit-content;
      background-color: var(--color-primary);
    }
    .common-header-link:hover,
    .new-button:hover{
      color:#ffffff !important;
      background-color: #000 !important;
    }
    .common-header-link{
      transition: all 0.3s ease;
    }
    .shopify-payment-button__button{
      background-color: {{settings.product_bn_btn_bg_color}};
      border-radius: 24px!important;
     overflow: hidden;
      line-height: 1;
      text-transform: capitalize;
      border: 1px solid {{settings.product_bn_btn_bg_color}}; 
      transition: all 0.5s ease;
      font-size: 18px;
      color:{{settings.product_bn_btn_text_color}};
    }
    
    .shopify-payment-button__button:hover{  
      color: #666666!important;
      background-color: transparent!important;
    }
     
    /* .common-service-container .common-header .common-title{
      font-size: 2.083vw;
      color: #333333;
    } */
   
     
    .footer-block__newsletter .footer-block__heading{
      font-size: 32px;
      font-weight: 400;
    }
    
    .newsletter-form__field-wrapper .field__input{
      background-color: transparent;
      color: #ffffff;
      border-bottom: 1px solid #999999;
      padding-left: 0px;
      padding-right: 0px;
      font-size: 24px;
      height: 5rem;
       ;
    } 
    .newsletter-form__field-wrapper .field__label{
      color: #BCBCBC;
      left: 0px!important;
      font-size: 24px;
       font-weight:400;
    }
    .newsletter-form__message{
      color:#ffffff;
    }
    
    .newsletter-form__field-wrapper .field__input:focus~.field__label{
      font-size: 16px;
      top: 0px;
      left: 0px;
    }
    .newsletter-form__field-wrapper  .field__button>svg{
      width: 12px;
    }
    .newsletter-form__button{
      justify-content: flex-end;
    }
    .newsletter-tips {
      color: #BCBCBC;
      font-family: ArialNova-Light;
      margin-top: 10px;
      font-size: 12px;
    }
    .footer-block__heading{
      color: #fff;
    }
    .localization-box{
      display: flex;
      align-items: center;
      color: #999999;
    }
    .footer-additional-text,
    .footer-additional-text a{
      color:#ffffff;
      font-size: 14px;
    }
    
    .footer-additional-text{
      list-style: none;
      display: flex;
      align-items: center;
    }
    .footer-additional-text li:not(:last-child){
      margin-right: 10px;
        border-right: 1px solid #ffffff;
        padding-right: 10px;
    }
    
    
    
    
    
    
    
    .thumbnail-slider .feature-row__image-wrapper .feature-row__image{
      height: 100%;
      top: 50%;
      transform: translateY(-50%);
    }
    
    .media-swiper-container {
      margin-bottom: 0px;
    }
    .bottom-product-tabbar-item-box{
      background: #F7F6F2;
        box-shadow: 0px 2px 2px rgba(0,0,0,0.05);
    }
    .bptib-inner{
      list-style: none;
      display: flex;
      font-size: 22px;
      color: #999999;
      padding: 10px 0px;
    }
    .bptib-inner .cell{
    cursor: pointer;
    }
    .bptib-inner .cell+.cell {
    margin-left: 30px;
    }
    .bptib-inner .cell.active{
      color: #333;
    }
    
    .top-amazon-commoon-tabber-outer{
      position: sticky;
      top: 0px;
      z-index: 2;
    }
    #tabbar-btn-box[disabled="disabled"] .right-box-buy-btn,
    #tabbar-btn-box[disabled="disabled"] #tabbar_add_to_cart_btn{
      opacity: 0.8;
      pointer-events: none;
    }
    
     
  
    /* 这里新增 */
    .new-swiper-pagination{
      position: relative;
      bottom: 0px!important;
      margin-top: 30px;
    }
    .new-swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
      width: 20px;
    }
    .new-swiper-pagination .swiper-pagination-bullet{
      width: 20px;
      height:8px;
      border-radius: 10px;
      transition: .3s;
      margin:0px 5px;
    }
    .new-swiper-pagination .swiper-pagination-bullet-active{
    width:60px;
    background-color:#000000;
    }
    
    
    
    @media only screen and (min-width: 2561px) {
    .common-wrapper,.page-width{
      max-width: 1921px;
    }
     /* .common-section-container-inner{
      max-width: 2560px;
      margin: 0 auto;
    }   */
    .banner__content.common-wrapper, .banner__content.page-width{
      max-width: 1440px;
    }
    }
    
    @media only screen and (min-width: 1921px) {
      
      .new-button{
        font-size: 18px;
      }
      .common-image-featured-box .text-box .common-title {
        font-size: 32px;
      }
     
      .common-image-featured-box .text-box {
        top: 70px; 
      }
    
    
       /* .common-blog-featured-box .text-box-outer  .common-title {
        font-size: 32px;
      } */
    
       .common-blog-featured-box .text-box-outer {
        bottom: 50.0006px;
      }
    
    
      .common-media-item .featured-box {
        font-size: 24px;
        margin-top: 80px;
      }
    
      .common-media-item .featured-box .content {
        font-size: 140px;
      }
    
      .common-featured-outer .bottom-content {
    
        font-size: 24px;
      }
    
      .common-header {
        margin-bottom: 60px;
      }
    
      .common-grid-box .common-grid-item .text-box .common-subtitle {
        font-size: 18px;
      }
    
      .common-grid-container .common-header {
        margin-bottom: 50px;
      }
    
      .common-grid-box .common-grid-item .text-box .common-title {
        font-size: 24px;
      }
    
      .common-grid-box .common-grid-item:nth-child(1) .text-box .common-title {
        font-size: 27.994px;
      }
    
      .common-featured-outer .common-subtitle {
        font-size: 24px;
      }
    
      .common-featured-outer .common-title {
        font-size: 32px;
      }
    
      .common-header .common-title+.common-subtitle {
        margin-top: 24.998px;
      }
    
      .common-media-item .common-header {
        margin-bottom: 80px;
      } 
    
      .common-media-item .custom_html_box {
    
        font-size: 24px;
      }
    
      .common-iwt-content-item+.common-iwt-content-item {
        padding-top: 35px;
      }
    
      .common-iwt-content .common-iwt-text-box .title {
        font-size: 32px;
      }
    
      .common-media-item .section-logo {
        font-size: 36px;
      }
     
    
      /* .common-page-width,
      .common-wrapper {
        width: 80%;
      } */
    
      .common-tips {
        font-size: 0.7292vw;
      }
    
      .common-image-with-text-box {
        padding-top: 35px;
      }
    }
    
    /* @media only screen and (max-width: 1440px) {
    
      .common-page-width,
      .common-wrapper {
        width: 80%;
      }
    } */
    
    @media screen and (max-width: 1366px) {
      .common-tips {
        font-size: 12px;
        line-height: 17px;
      }
    
    }
    
    /* @media only screen and (max-width: 1024px) {
    
      .common-page-width,
      .common-wrapper {
        width: 95%;
      }
    } */
    
    @media screen and (min-width: 820px) and (max-width: 820px) {
    
      .common-media-item .bg-text-wrapper h2,
      h2.common-title,
      .common-title.h2,
      .common-title {
        font-size: 40px ;
     
      }
    }
    .waphide {
      display: block;
    }
    
    .pchide {
      display: none;
    }
    @media screen and (max-width: 990px) {
    
      br.waphide {
        display: none;
      }
    
      br.pchide {
        display: block;
      }
    
      .common-item-inner .text-box {
        margin-bottom: 20px;
      }
    
      .common-pc--hide {
        display: block;
      }
    
      .common-small--hide {
        display: none;
      }
    
      .common-spec-content-item {
        padding-top: 32px;
      }
    
      /* .common-header .common-title {
        padding: 0px 20px;
      } */
     
    
      .common-banner .media-box {
        padding: 0px !important;
      }
    
      .common-media-item .prtext-wrapper .hero__text-content .common-title,
      h2.common-title,
      .common-title.h2,
      .common-title {
        margin-bottom: 16px;
      }
    
      h1.common-banner-title,
      .common-banner-title.h1,
      .common-banner-title {
        font-size: 24px;
        line-height: 1.3;
        letter-spacing: 0;
      }
    
      .common-media-item .common-tips {
        justify-content: center;
      }
    
     
    
      .common-banner .media-box {
        padding: 0px;
      }
    
      .common-accessories-title {
        font-size: 18px;
      }
    
      .common-item-container .common-wrapper,
      .common-page-width,
      .common-wrapper {
        width: 100%;
        padding: 0 32px;
      }
    
      h1.common-banner-title,
      .common-banner-title.h1,
      .common-banner-title,
      .bg-text-wrapper .common-banner-title {
        font-size: 24px;
        line-height: 1.3;
        letter-spacing: 0;
        margin-bottom: 12px;
      }
    
      .common-media-item .bg-text-wrapper-inner {
        /* max-width: 100% !important; */
        /* text-align: center; */
      }
    
      .common-media-item .prtext-wrapper.outer .hero__text-content {
        padding: 40px 0px !important;
      }
    
      .common-media-item .hero__text-content {
        vertical-align: top;
      }
    
      .common-iwt-content {
        flex-wrap: wrap;
      }
    
      .common-bgz-inner .right-box,
      .common-bgz-inner .left-box {
        width: 100%;
      }
    
      .common-iwt-content .common-iwt-text-box {
        padding: 0px;
        width: 100%;
        flex: 0 1 100%;
        text-align: left;
        order: 1;
      }
    
      .common-iwt-text-box.common-iwt-text-box-right .text-box {
        padding-left: 0px;

      }
    
      .common-iwt-text-box.common-iwt-text-box-left .text-box {
        padding-right: 0px;
      }
    
      .common-iwt-content .common-iwt-image-box {
        padding: 0px;
        width: 100%;
        flex: 0 1 100%;
        order: 2;
      }
    
      .common-bgz-inner .rightbox-contentbox {
        text-align: center;
      }
    
      .common-bgz-inner .bgz-right-wap-img {
        margin-bottom: 0px;
      }
    
      .common-image-with-text-box {
        padding-top: 0px;
      }
    
      .common-bgz-inner .bgz-right-wap-img.pchide {
        margin-bottom: 18px;
      }
    
      .common-image_with_text .common-subtitle {
        margin-bottom: 25px;
      }
    
      .common-iwt-content-item+.common-iwt-content-item {
        padding-top: 80px;
      }
    
      .common-item-inner {
        flex-wrap: wrap;
      }
    
      .common-item-container .right-box {
        flex: 0 1 100%;
        padding-left: 0px;
        margin-bottom: 0px;
      }
    
      .common-item-container .right-box .title {
        font-size: 16px;
        margin-bottom: 0;
        width: 100%;
    
      }
    
      .common-accessories-title {
        font-size: 24px;
      }
    
      .common-accessories-subtitle {
        font-size: 24px;
      }
    
      .common-icon-box {
        flex-wrap: wrap;
        margin: 0px;
      }
    
      .common-icon-item .common-subtitle {
        line-height: 1.4;
        font-size: 14px;
        margin-top: 10px;
      }
    
      .common-icon-item {
        width: 33.33333%;
        flex: 0 1 33.33333%;
        padding: 0px 5px;
      }
    
      .common-icon-item .image {
        max-width: 32px;
      }
    
     
    
      .common-item-container .left-box-inner {
        position: relative;
      }
    
      .common-item-container .left-box {
        padding-right: 0px;
        flex: 0 1 100%;
        margin-bottom: 20px;
      }
    
      .common-accessories-title {
        margin-bottom: 10px;
      }
    
      .common-item-container .left-box .common-tips {
        margin-top: 20px;
      }
    
      /* .common-media-item .media-box,
      .common-item-container .common-wrapper,
      .common-page-width,
      .common-wrapper {
        width: 100%;
        padding: 0 20px;
      } */
    
      .common-media-item .prtext-wrapper.outer {
        position: relative;
        text-align: center;
      }
    
      .common-media-item .prtext-wrapper.outer .hero__text-content {
        padding: 0px !important;
      }
    }
    
    @media screen and (min-width: 590px) and (max-width:990px) {
      .common-pc--hide {
        display: none;
      }
      
      .common-pad--show {
        display: block;
      }
      .common-pad--show+.common-small--hide {
        display: none!important;
      }
    }
    
    @media only screen and (max-width: 589px) {
      .waphide {
        display: none;
      }
    
      .pchide {
        display: block;
      }
       .common-blog-featured-box .text-box-outer  .common-title{
        
        margin-bottom: 10px;
      }
       .common-blog-featured-box .text-box-outer {
        width: 100%;
        padding: 18px 18px;
      }
      .common-blog-featured-container .common-title{
       font-size: 24px;
       margin-bottom: 30px;
      }
      .common-blog-featured-box{
        display:block;
        width:100%;
        margin-left: 0px;
      }
      .common-blog-featured-item{
        width:100%;
        padding-left: 0px;
      }
      .common-blog-featured-item+.common-blog-featured-item{
        margin-top: 10px;
      }
      .page-width,
     
      .common-item-container .common-wrapper,
      .common-page-width,
      .common-wrapper {
        padding: 0px 18px; 
      }
    
      .common-media-item .prtext-wrapper.outer .hero__text-content {
        padding: 0px !important;
      }
    
      .common-item-container .right-box .title {
        font-size: 12px;
        top: 5px;
      }
    
      .common-accessories-title {
        font-size: 16px;
    
      }
    
      .common-accessories-subtitle {
        font-size: 12px;
      }
    
      .common-spec-label {
      
        font-size: 12px;
      }
    
      .common-accessories-title {
        font-size: 16px;
      }
    
    
    
      .common-icon-container .wrapper {
        padding: 0px 0px;
      }
    }
    
    .product-single__meta .btn--add-to-cart {
      max-width: calc(50% - 10px);
    }
    
    /* new common css end */
    
    
    
    
    
    
    .feature-row__image-wrapper {
      position: relative;
      width: 100%;
      margin: 0 auto;
    }
    .feature-row__image-wrapper.fadeUp {
    overflow: hidden;
    }
    .feature-row__image-wrapper.fadeUp img{
      transition: transform 0.5s ease;
    }
    .feature-row__image-wrapper.fadeUp:hover img{
    transform: scale(1.2);
    }
    
    .feature-row__image {
      display: block;
      margin: 0 auto;
    }
    
    .feature-row__image-wrapper .feature-row__image {
      width: 100%;
      position: absolute;
      top: 0;
      height: 100%;
    }
    
    .feature-row__image-wrapper .feature-row__image img {
      width: 100%;
    object-fit:cover;
      height: 100%;
    }
    
    
    
    
    
    
    
    .prtext-wrapper {
      position: absolute;
      z-index:2;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
    }
    
    .bg-text-table-wrapper {
      display: table;
      width: 100%;
      height: 100%;
    }
    .bg-text-table-wrapper .banner__buttons{
      margin-top: max(3vw, 30px);
    }
    .bg-text-table-wrapper .new-button{
      font-size: 15px;
    }
    
    .pbir-item .wrapper .hero__text-content {
      padding: 40px 0px;
    }
    
    .bg-text-container {
    
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 8;
    }
    
    .bg-text-container .wrapper {
      height: 100%;
    }
    
    .hero__text-content.horizontal-center .bg-text-wrapper-inner {
      margin: 0 auto;
    }
    
    .vertical-top.hero__text-content {
      vertical-align: top;
    }
    
    
    .hero__text-content.horizontal-left {
      text-align: left;
    }
    
    .hero__text-content.vertical-top {
      vertical-align: top;
    }
    
    .hero__text-content.vertical-bottom {
      vertical-align: bottom;
    }
    
    .hero__text-content.horizontal-center {
      text-align: center;
    }
    
    .hero__text-content.horizontal-right {
      text-align: right;
    }
    
    .hero__text-content.vertical-center {
      vertical-align: middle
    }
    
    .hero__text-content.vertical-center .hero__subtitle {
      margin-right: 0;
    }
    
    .hero__text-content.vertical-center .hero__link {
      display: block;
    }
    
    .hero__text-content.horizontal-center .section-logo {
      justify-content: center;
    }
    
    .hero__text-content.horizontal-left .section-logo {
      justify-content: flex-start;
    }
    
    .hero__text-content.horizontal-right .section-logo {
      justify-content: flex-end;
    }
    
    /* .title:not(.is-spaced)+.subtitle:not(.modal_price){
          margin-top:0px;
        } */
    .subtitle:not(.is-spaced)+.title {
      margin-top: 0px;
    
    }
    
    .product-feature-content h2 {
      margin-bottom: 1.5625vw;
    }
    
    @media only screen and (max-width:590px) {
      .hero__text-content.mb-vertical-center {
        vertical-align: middle
      }
    
      .hero__text-content.vertical-center .hero__link {
        margin-top: 0px
      }
    
      .hero__text-content.mb-vertical-center {
        vertical-align: middle
      }
    
      .hero__text-content.mb-vertical-center .hero__subtitle {
        margin-right: 0;
      }
    
      .hero__text-content.mb-vertical-center .hero__link {
        display: block
      }
    
      .hero__text-content.mb-vertical-top {
        vertical-align: top;
      }
    
      .hero__text-content.mb-vertical-bottom {
        vertical-align: bottom;
      }
    
      .hero__text-content.mb-horizontal-left {
        text-align: left!important;
      }
    
      .hero__text-content.mb-horizontal-center {
        text-align: center!important;
      }
    
      .hero__text-content.mb-horizontal-right {
        text-align: right!important;
      }
    }
    
    
    .add-to-cart-btn {
      border: 1px solid #999999;
      border-radius: 24px;
      font-size: 18px;
      text-align: center;
      justify-content: center;
      padding: 13px;
      cursor: pointer;
      color: #666;
      background: transparent;
      transition: all .5s ease;
    }
    
    .add-to-cart-btn:hover {
      border-color: #333333;
    }
    
    #product-payment-button{
      width: 100%;
        display: flex;
        justify-content: center;
        border: 1px solid #999999;
        border-radius: 24px;
        font-size: 18px;
        text-align: center;
        justify-content: center;
        padding: 12px;
        height: 48px;
        background: #222222;
      color:#ffffff;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
   
    
    
    /* 新增移动端导航 */
    #shopify-section-header.menu-open .header-wrapper,
    #shopify-section-header.menu-open #menu-drawer{
      background-color: #f9f9f9;
    }
    #shopify-section-header.menu-open .header__heading-link,
    #shopify-section-header.menu-open .header__icons,
    #shopify-section-header.menu-open .header__heading{
      opacity: 0;
      pointer-events: none;
      visibility: hidden;
    }
    #shopify-section-header .header__icon--menu{
      transition: unset;
    }
    #shopify-section-header.menu-open .header__icon--menu{
      position: absolute;
      right: 5px;
      top: 50%;
      transition: unset;
      transform: translateY(-50%);
    }
    .menu-drawer-container .header__icon--menu .icon-close-small{
    width:25px;
    height:25px;
    }
    .menu-drawer__navigation-container .search-button svg path{
    fill:#CCCCCC;
    }
    
    .menu-drawer__menu-li .menu-drawer__submenu{
      visibility: hidden; 
      opacity: 0;
      pointer-events: none;
      max-height: 0;
      
      transform: translateY(10px);
      transition: transform opacity 0.4s ease;
    }
    .menu-drawer__menu-li.active .menu-drawer__submenu{
      visibility: visible;
      opacity:1;
      pointer-events: auto;
      max-height: unset;
      transform: translateY(0px);
    }
    .menu-drawer__menu-li.reactive{
     max-height: 0;
     pointer-events: none;
    opacity: 0;
    display: none;
    }
    .menu-drawer__menu-item.list-menu__item{
    justify-content: space-between;
    }
    .menu-drawer__menu-li svg{
      transition: all 0.3s ease;
    }
    .menu-drawer__menu-item-parent-title{
      font-weight:600;
    }
    .menu-drawer__menu-li.active .menu-drawer__menu-item-parent-title svg{
    transform: rotate(-180deg);
    }
    /* .menu-drawer__navigation{
      height: 66vh;
      overflow: auto;
    } */
    .menu-drawer__menu-li.active .menu-drawer__menu-item-parent-title{
      color: rgb(var(--color-button));
    }
    .menu-drawer__menu-item-parent-title{
      padding: 14px 0px;
    }
    .menu-drawer__menu-li {
      border-bottom: 1px solid #C9C9C9;
    }
    .menu-drawer__menu-li.active{
      border-bottom:1px solid transparent;
    }
    .menu-drawer__menu-grandchildlink-megamenu-box {
      visibility: hidden; 
      opacity: 0; 
      pointer-events: none;
      max-height: 0;
     
      transform: translateY(10px);
      transition: transform opacity 0.4s ease;
    }
    .menu-drawer__menu-li-banner.active .menu-drawer__menu-grandchildlink-banner-box,
    .menu-drawer__menu-child-li.active .menu-drawer__menu-grandchildlink-megamenu-box{
      visibility: visible;
      opacity:1;
      pointer-events: auto;
      max-height: unset;
      transform: translateY(0px);
    }
    .menu-drawer__menu-child-li svg{
      width:12px!important;
      height:12px!important;
      transition: all 0.3s ease;
    }
    .menu-drawer__menu-child-li.active .menu-drawer__menu-item-child-title svg{
    transform: rotate(-180deg);
    }
    .menu-drawer__menu-grandchildlink-megamenu-box .image-box{
      background-color: #ffffff;
      border-radius: 5px;
      overflow: hidden;
    }
    .menu-drawer__menu-grandchildlink-megamenu-box .list-box{
      padding-top:18px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 15px 19px;
    }
    .menu-drawer__menu-child-li.reactive{
      max-height: 0;
      pointer-events: none;
     opacity: 0;
     display: none;
    }
    .menu-drawer__menu-child-li .text-box{
      text-align: center;
      margin-top: 10px;
    }
    .menu-drawer__menu-child-li .text-box .title-box{
      font-size: 14px;
     }
     .menu-drawer__menu-child-li .text-box .subtitle-box{
      font-size: 12px;
     }
     .menu-drawer__menu-grandchildlink-banner-box .title-box{
      margin-top: 10px;
      font-size: 14px;
     }
     .menu-drawer__menu-grandchildlink-banner-box .cell+.cell{
      margin-top: 20px;
     }
    @media only screen and (min-width:590px){
    
    .mobile-nav__item .mobile-nav__faux-link,.mobile-nav__item a:not(.megamenu__promo-link){
        font-size:24px
    }
      }
    
    .mobile-nav__item .mobile-nav__faux-link,.mobile-nav__item a,.mobile-nav__toggle button{
      color:{{ settings.color_drawer_text | default: "#ffffff" }};
      color:var(--colorDrawerText);
      padding:15px 20px;
      text-decoration:none
    }
    
    .mobile-nav__item .mobile-nav__faux-link:active,.mobile-nav__item a:active,.mobile-nav__toggle button:active{
        color:{{ settings.color_drawer_text | default: "#ffffff" | color_darken: 15 }};
        color:var(--colorDrawerTextDarken);
      }
    
    .mobile-nav__item .mobile-nav__faux-link:active,.mobile-nav__item a:active,.mobile-nav__toggle button:active{
        background-color:{{ settings.color_drawer_background | default: "#1c1d1d" | color_darken: 5 }};
        background-color:var(--colorDrawersDim);
      }
    
    .mobile-nav__child-item{
      display:flex;
    }
    
    .mobile-nav__item--secondary a{
        font-size:15px;
        line-height:1.2;
        padding-top:10px;
        padding-bottom:5px;
      }
    
    .mobile-nav__item--secondary:after{
        display:none;
      }
    
    .mobile-nav__spacer{
      height:0;
      padding:5px;
    }
    
    .mobile-nav__has-sublist{
      position:relative;
      display:table;
      width:100%
    }
    
    .mobile-nav__has-sublist .mobile-nav__link{
        display:table-cell;
        vertical-align:middle;
        width:100%;
      }
    
    .mobile-nav__link--button{
      width:100%;
      text-align:left;
      padding:0;
    }
    
    .mobile-nav__link--button-small{
      width:auto
    }
    
    .mobile-nav__link--button-small .collapsible-trigger__icon{
        right:-10px;
      }
    
    .mobile-nav__toggle{
      display:table-cell;
      vertical-align:middle;
      width:1%
    }
    
    .mobile-nav__toggle .icon{
        width:16px;
        height:16px;
      }
    
    .mobile-nav__sublist{
      margin:0
    }
    
    .mobile-nav__sublist .mobile-nav__item:after{
        top:0;
        bottom:auto;
        border-bottom:none;
      }
    
    .mobile-nav__sublist .megamenu__promo--mobile:last-child,.mobile-nav__sublist .mobile-nav__item:last-child{
        padding-bottom:20px;
      }
    
    .mobile-nav__sublist .mobile-nav__faux-link,.mobile-nav__sublist .mobile-nav__link{
        font-family:var(--typeBasePrimary),var(--typeBaseFallback);
        font-weight:var(--typeBaseWeight);
        letter-spacing:var(--typeBaseSpacing);
        line-height:var(--typeBaseLineHeight);
        font-weight:400;
        padding:10px 25px 10px 40px;
        font-size:var(--typeBaseSize);
      }
    
    .mobile-nav__grandchildlist{
      margin:0
    }
    
    .mobile-nav__grandchildlist .mobile-nav__item:last-child{
        padding-bottom:0;
      }
    
    .mobile-nav__grandchildlist .mobile-nav__link{
        padding-left:60px;
      }
    
    .mobile-nav__social{
      margin:10px 0 15px -5px
    }
    
    .mobile-nav__social li{
        margin-right:10px;
        display:inline-block;
      }
    
    .mobile-nav__social a{
        padding:10px 5px;
      }
    
    .mobile-nav__social .icon{
        width:24px;
        height:24px;
      }
    
    @media only screen and (min-width:590px){
      .site-nav__link--icon .icon{
        width:28px;
        height:28px;
      }
    }
    
    .megamenu{
      padding:35px 0;
      line-height:1.8;
    }
    
    .megamenu__wrapper{
      display:flex;
      
    }
    .megamenu-banner .image-box{
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius:5px;
      overflow:hidden;
    }
    .megamenu-banner .title-box{
      margin-top: 20px;
      font-weight: 500;
      font-size: 14px;
     
    }
    .megamenu__promo{
      flex:0 0 280px;
      text-align:center;
      padding-left:30px
    }
    
    html[dir=rtl] .megamenu__promo{
        padding-left:0;
        padding-right:30px
    }
    
    .megamenu__promo--mobile{
      padding:0;
    }
    
    .megamenu__promo-link{
      display:block;
      padding:0;
    }
    
    .megamenu__promo-image{
      margin-bottom:15px;
    }
    
    .megamenu__cols{
      width: 21%;
      flex-wrap:wrap;
    }
    
    .megamenu__col{
      flex:1 1 auto;
      page-break-inside:avoid;
      break-inside:avoid;
    }
    
    .megamenu__link-label{
      position:relative;
      display:inline-block;
      font-size: 14px;
      font-weight: 400;
    
    }
    
     
    .megamenu__col-title a{
      font-weight:700;
      font-size:calc(var(--typeBaseSize) + 1px);
    }
    
    .site-nav--is-megamenu:hover .appear-animation{
      opacity:1;
      transform:translateY(0px);
      transition-duration:0.5s;
    }
    .megamenu__right-box{
      width: 68.5%;
      flex-shrink: 0;
      
      padding-left: 60px;
     
    }
    
    .megamenu__right-box .image-box{
      border-radius: 5px;
        overflow: hidden;
        border: 1px solid #f0f0f0;
    }
    .megamenu__right-box .image-box img{
      object-fit: contain;
    }
    .megamenu__right-box .list-box{
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 254px));
      gap: 28px;
    }
    .megamenu__right-box .nav-text-box .common-title{
      text-align: left;
        font-size: 14px;
        color: #333333;
      margin-bottom: 0px;
    }
    .megamenu__right-box .cell .text-box{
      margin-top: 20px;
    }
    /* .megamenu__right-box .item-box-inner{
      display: flex;
    } */
     
    .nav-more-link-box{
      display: flex;
        justify-content: flex-end;
     
    }
    .nav-text-box{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
    }
     
    .nav-more-link{ 
      text-decoration-line: unset!important;
      color: rgb(var(--color-button))!important;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 1.4;
    }
    .nav-more-link svg{
      width:16px;
      height:16px;
      transition: all 0.3s ease;
    }
    .nav-more-link:hover svg{
    
      transform: translateX(5px);
    }
    .megamenu__right-box .image{
      margin-bottom:10px;
    }
    .megamenu__right-box .title{
      font-size: 14px;
      font-weight: 500;
      color:#333333;
      margin-bottom: 0px;
      white-space: wrap;
    }
    .site-nav__dropdown.megamenu .title-text-box{
      display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 20px;
      }
    .megamenu__right-box .subtitle-box{
      font-size: 12px;
     color:#505050;
     margin-top: 5px;
      white-space: wrap;
     }
    
    .header-layout.header-layout--left .header-item--navigation{
      justify-content: center;
    }
    
    
    .megamenu__right-box .item-box{
      display:none;
    }
    .megamenu__right-box .item-box.active{
      display:block;
    }
    .megamenu-has-image .site-nav__dropdown-link{
      display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 10px;
        transition: all 0.2s ease;
    cursor: pointer;
    }
     
     
    .megamenu__col-title {
    margin-bottom:10px;
    padding: 5px 10px 5px 20px;
    line-height: 1.4;
    width: fit-content;
    transition: all 0.3s ease;
    }
    .megamenu__col-title.active,
    .megamenu__col-title:hover{
      background-color: #F9F9F9;
    }{
      background-color: #F9F9F9;
    }
    .megamenu__right-box  .swiper-container-rtl .swiper-button-next:after,.megamenu__right-box  .swiper-container .swiper-button-prev:after,
    .megamenu__right-box .swiper-button-next:after,.megamenu__right-box    .swiper-button-prev:after{
      display:none;
    }
    .megamenu__right-box .swiper-outer{
      position: relative;
      padding: 0px 15px;
      margin: 0px -15px;
    }
    .megamenu__right-box .swiper-button-next{
    right:-10px;
    transform: translateY(-30px) ;
    }
    .megamenu__right-box .swiper-button-prev{
      left:-10px;
      transform: translateY(-30px) rotate(180deg);
      }
    
      .megamenu-banner .swiper-button-next::after,
      .megamenu-banner .swiper-button-prev::after
    {
      display: none;
    }
    
    .megamenu-banner .swiper-button-next,
    .megamenu-banner .swiper-button-prev{
      position: relative;
      left: unset;
      right: unset;
      bottom: unset;
      top: unset;
      width: 40px;
        height: 40px;
        border-radius: 50px;
        background: rgb(var(--color-button));
        color: #fff;
        transform: unset;
        margin-top: 0px;
        opacity: 1!important;
    }
    .megamenu-banner .swiper-button-next.swiper-button-disabled,
    .megamenu-banner .swiper-button-prev.swiper-button-disabled{
      background-color:#E9E9E9;
    }
    .megamenu-banner .swiper-button-prev svg{
      transform: rotate(180deg);
    }
    .megamenu-banner .swiper-button-next svg,
    .megamenu-banner .swiper-button-prev svg{
      width: 22px;
        height: 22px;
    }
    .megamenu-banner .megamenu__wrapper{
      display:block;
      max-width: 1060px;
      margin: 0 auto;
    }
    .megamenu-banner .swiper-button-box{
      display: flex;
          justify-content: flex-end;
          align-items: center;
          gap: 20px;
          margin-top: 20px;
      }
    /* 导航 */
    
    
    
    
    
    
    
      .header__icon{
        width: 20px;
        height: 20px;
      
        transition: all 0.3s ease;
      }
    
    .footer__blocks-wrapper{
      display:flex;
    }
    .footer-block--newsletter-box{
      width: 27%;
       max-width: 365px; 
      margin-right: 10%;
      flex-shrink: 0!important;
    }
    .footer-block-item-box{
      display: flex;
      flex:1;
      /* margin-right: -3%; */
    }
     
    .footer-block-item-box .footer-block{
    margin-right: 3%;
    flex:1;
    }
    
    .footer-block-item-box .footer-block li{
      margin-right: 0px!important;
    }
    
    .footer-block-item-box .footer-block__heading{
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-weight: 400;
    }
    .footer-block-item-box .icon-minus{
    display: none;
    }
    .footer-block-item-box .footer-block__heading.active .icon-plus{
      display: none;
      }
    .footer-block-item-box .footer-block__heading.active .icon-minus{
      display: block;
    
    }
    
    .footer__content-bottom-wrapper .top-box,
    .footer__content-bottom-wrapper .bottom-box{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .product-form__buttons{
      display: flex;
      margin-right: -15px;
      margin-top: 10px;
    }
    product-recommendations .price{
      font-size:14px;
    }
    .product-form__buttons .buy-now-button,
    .product-form__buttons .add-to-cart-btn-box{
      width: 50%;
      padding-right: 15px;
    }
    .variant-btn[data-type="color"]{
    font-size: 0px!important;
    }
    .variant-btn{
      position: relative;
      border-radius:5px; 
      border:1px solid #000;
      padding:5px!important;
      margin-right: 25px !important;
     
      }
       .variant-btn[data-type="color"]{
        width:30px;
        height:30px;
        border-radius:50px;
        font-size:0px!important; 
    border: unset;
      
      }
    
        .variant-btn[data-type="color"] span{
      text-align: center;
      background: #000;
      color: #ffffff;
      bottom: 100%;
      padding: 4px 7px;
      display: block;
      position: absolute;
      z-index: 2;
      min-width: 44px;
      left: 50%;
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translate(-50%);
      margin-bottom: 12px;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
      filter: alpha(opacity=0);
      /* visibility: hidden; */
      -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
      -o-transition: all .25s ease-out;
      transition: all .25s ease-out;
      -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.28);
      -moz-box-shadow: 2px 2px 6px rgba(0,0,0,.28);
      box-shadow: 2px 2px 6px #00000047;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: normal;
      pointer-events: none;
     
    }
    
        .variant-btn[data-type="color"]  span::after{
      content: "";
      border-left: solid transparent 7px;
      border-right: solid transparent 7px;
      border-top: solid #000000 7px;
      bottom: -7px;
      content: " ";
      left: 50%;
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translate(-50%);
      position: absolute;
      width: 0;
      height: 7px;
    }
       
        .variant-btn[data-type="color"]::after{
          border:unset;
        }
    
        .variant-btn[data-type="color"]:hover span{ 
      opacity: 1;
      transform: translate(-50% ,0%);
    }
    
        .variant-btn[data-type="color"]::after{
    content:"";
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #000000;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    opacity: 0;
    }
     
    
    .product-form__input input[type=radio]:checked+.variant-btn::after{
      opacity: 1;
    }
    
    .product-form__input-variant{
      padding-left:4px!important;
    }
     .main-product-box{
      border-bottom: 1px solid #CFCDCD;
     }
     #MainContent{
      position: relative;
     }
     .breadcrumb{
      color:#000;
      font-size: 14px;
     }
   
    .collection-banner-container .breadcrumb__list{
        padding: 35px 0 0px;
  }
  .breadcrumb__list {
    margin: 0;
    padding: 26px 0;
    list-style: none;
    display: inline-flex;
  }
  
  .breadcrumb__item + .breadcrumb__item:before {
    content: "/";
    opacity: .7;
    float: left;
    margin: 0 4px;
  }
  
  .breadcrumb__link {
    transition: opacity .2s ease-in-out;
  }
  
  .breadcrumb__link:not([aria-current="page"]):not(:hover) {
    opacity: .7;
  }
  
  [dir="rtl"] .breadcrumb__item + .breadcrumb__item:before {
    float: right;
  }
  
     .breadcrumb__divider{
      color:#999999;
     }
     .shopify-section--collection-banner{
      z-index: 2;
     }
     .shopify-section--collection-banner .breadcrumb a,
      .shopify-section--collection-banner .breadcrumb{
    color: #969696;
          opacity: 1!important;
         } 
     .common-swiper-button{
     
      transform: translateY(-50%);
      width: 46px;
      height: 46px;
      background: #666666b3;
      border-radius: 50px;
    }
    .common-swiper-button.swiper-button-disabled{
    display:none;
    }
    .common-swiper-button::after{
      display:none;
    }
    .common-swiper-button path{
      stoke:#ffffff;
    }
    .common-swiper-button-prev{
      left: 22px;
      
    }
    .common-swiper-button-prev svg{
      display: block;
      transform: rotate(180deg);
    }
    .common-swiper-button-next{
      right: 22px;
    }
    body[data-type="product"]  .breadcrumb{
      margin-bottom:45px;
    }
    .common-icon-text-box .image-box {
     
      text-align: center;
    }
    .common-icon-text-box .image-box img {
      height: 40px;
    }
    /* .common-section-container .common-wrapper{
      max-width: 1240px;
    } */ 
    
    
    
    
    
    
    
    
      
      @media screen and (min-width:820px) {
        .footer-additional-text{
          margin-left:-5px;
        }
        .footer-additional-text a{
      padding:0px 5px;
        }
        
     
      }
     
      .search-modal__content .field::after,  .search-modal__content .field::before{
    display: none;
      }
      .search-modal__content .search__button{
        position: relative;
    right:unset;
     
      }
      .search-modal__content  .field__input{
        padding: 0px;
      }
      .search-modal__content  .field__input:focus{
    box-shadow: none;
      }
      .search-modal__content  .field__input::placeholder{
        color:#333333;
      }
      .search-modal__content  .common-wrapper{
        width:100%;
      }
      .search-quick-links-container{
        display:none;
       }
       .mb-sqlb .search-quick-links-container, .search-quick-links-box .search-quick-links-container{
        display:block;
       }
       .search-quick-links-box{
      
           padding: 20px 30px;
           text-align: left;
           width: 100%;
           position: absolute;
           top: 115%;
           background: #FBFBFB;
           border-radius: 0px 0px 8px 8px;
       }
       .sqlc-title{
        color: #999999;
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 0px;
       }
        
       .sqlc-box a{
        display:block;
       }
       .sqlc-box a+a{
       margin-top:18px;
       }
       .mb-sqlb{
         display:none;
        padding: 5px 40px;
           margin-top: 20px;
           padding-top: 20px;
           border-top: solid 1px rgba(0, 0, 0, 0.1);
       }
       
       .mb-sqlb .sqlc-box{
        padding:0px 10px;
       }
       
       .mb-sqlb .sqlc-box a+a{
           margin-top: 5px;
           padding-top: 5px;
           border-top: solid 1px rgba(0, 0, 0, 0.1);
       }
       
       .mb-search-clean-btn{
           display:none;
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           right: 15px;
       }
       
       .mb-search-clean-btn svg{
        width:12px;
       }
       
       .mnd-2 .mobile-nav__label{
        color:rgba(0,0,0,0.6)
       }
       .search-modal__form{
        position: relative;
       }   
       .search-modal-inner{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 85px;
       }
    /* .menu-drawer__inner-container .search-modal__form{
      margin-top: 28px;
    } */
    .menu-drawer__navigation-container .field-inner{
      background: #ffffff;
      display: flex;
      align-items: center;
      padding: 13px;
    }
    .menu-drawer__navigation-container  .search-button{
      background: transparent;
      border: none;
      outline: none;
      width: 20px;
      height: 20px;
      padding: 0px;
      margin-right: 10px;
    }
    .menu-drawer__navigation-container  .search-button svg{
      width: 100%;
      height: 100%;
      color:#d3d3d3;
    }
    .menu-drawer__navigation-container  input[type="search"]{
      outline: none;
        padding: 0px;
        border: none;
        box-shadow: none;
        font-size: 18px;
        width: 100%;
        background-color: transparent;
    }
    .menu-drawer__navigation-container  input[type="search"]::placeholder,
    .search-modal__content .field__input::placeholder{
      opacity:1;
      color: #D3D3D3;
    }
    
    .slideshow__media img{
      width:100%;
      height:100%;
    }
    .slideshow__text_inner{
      width: 100%;
    }
    .csiat-inner{
      display: flex;
      align-items: flex-start;
    }
    .csiat-inner .image-box{
     width: 100%;
      max-width: 465px;
    }
    .csiat-inner .text-box{
      flex:1;
     
    }
    .common-strange-image-and-text-container .common-wrapper{
      max-width: 1059px;
    }
    .common-strange-image-and-text-item-left .text-box{
      padding-left: 6.4%;
    }
    .common-strange-image-and-text-item-right .text-box{
      padding-right: 6.4%;
    }
    .common-strange-image-and-text-item-1 .image-box{
      margin-top: 15%;
    }
    .common-strange-image-and-text-item-2,
    .common-strange-image-and-text-item-3{
      margin-top: 10%;
    }
    .common-strange-image-and-text-item-2 .image-box{
      margin-top: -30%;
    }
    .common-strange-image-and-text-item-3 .image-box{
    margin-top:-15%;
    }
    .testimonials-swiper-contianer{
      padding-bottom:40px;
    }
    .testimonials-swiper-contianer .swiper-pagination{
      bottom:0px;
    }
    .testimonials-swiper-contianer .swiper-pagination-bullet-active{
      background-color: #000000;
    }
    .common-image-featured-container  .text-box .common-title,
    .common-image-featured-container  .text-box .common-subtitle{
       max-width: 100%;
    }
    .testimonials-section-swiper-container   .swiper-container-rtl .swiper-button-next:after,.testimonials-section-swiper-container   .swiper-container .swiper-button-prev:after,
    .testimonials-section-swiper-container  .swiper-button-next:after,.testimonials-section-swiper-container    .swiper-button-prev:after{
      display:none;
    }
    .testimonials-section-swiper-container  .swiper-button-next {
      right: 22px;
      transform: translateY(-30px);
      width: 46px;
      height: 46px;
      background: rgba(102, 102, 102, 0.7);
      border-radius: 50px;
    }
    .testimonials-section-swiper-container  .swiper-button path{
      stoke:#ffffff;
    }
    .testimonials-section-swiper-container  .swiper-button-prev {
      width: 46px;
      height: 46px;
      background: rgba(102, 102, 102, 0.7);
      border-radius: 50px;
      left: 22px;
      transform: translateY(-30px)  rotate(180deg);
    }
    body[data-type="product"] .testimonials-section-swiper-container  .swiper-button-prev {
      transform: translateY(-50px)  rotate(180deg);
    }
    body[data-type="product"] .testimonials-section-swiper-container  .swiper-button-next {
      transform: translateY(-50px)  ;
    }
    .testimonials-section-swiper-container .swiper-slide{
      transition: all 0.3s ease;
    }
     
    
    body[data-type="product"]  .testimonials-section-swiper-container .swiper-slide.side{
      opacity: 1!important;
    }
    .common-modal-container .image-box{
    margin:0 auto;
    
    }
    .common-icon-text-box{
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    
    .common-icon-text-container .image-box{
      margin:0 auto;
      padding-bottom: 5px;
      }
      .common-icon-text-container .common-subtite{
      margin-bottom:0px;
        }
     
    .common-icon-text-item{
      flex:1;
      position: relative; 
    }
    .common-icon-text-item:not(:last-child)::after{
      content: "";
      position: absolute;
      right: 0px;
      top: 50%;
      transform: translateY(-110%);
      width: 1px;
      height: 40px;
      background-color: #999;
    }
    .common-icon-text-item .pfi-inner{
      padding:0px 5px;
    }
    .product-featured-no-margin-top .featured-box{ 
      margin-top: 0px!important;
    }
    .common-video-item .media-box{
    position: relative;
    }
    .common-video-item .image-box{
      position: relative;
      z-index: 1;
    }
    .common-video-item .video-box.has-cover{
      position: absolute;
      width: 100%;
      height:100%;
      top: 0px;
      left:0px;
      }
      .common-video-item .video-box.has-cover .plyr {
        height: 100%;
      }
      .common-video-item  .play-btn{
        width: 90px;
        height: 60px;
        border: 1px solid #999999;
        background-color: rgba(0,0,0,0.5);
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease;
    
      }
      .common-video-item  .play-btn:hover{
        opacity: 0.8;
      }
      .common-video-item  .play-btn svg{
        width: 40px;
        height: 30px;
      }
      .common-video-item  .play-btn svg path{
        fill: #ffffff;
      }
      .common-video-item  .image-box.play{
        opacity: 0;
        pointer-events: none;
      }
    /* body[data-type="product"] .testimonials-section-swiper-container .swiper-slide.swiper-slide-prev,
    body[data-type="product"] .testimonials-section-swiper-container .swiper-slide.swiper-slide-next{
    opacity: 0.5;
    } */
    
    body[data-type="product"] .testimonials-section-swiper-container .testimonial_swiper-button{
       
      width: 50px;
      height: 50px;
      border-radius: 50px;
      background-color: rgba(255,255,255,0.5);
    
    }
    body[data-type="product"] .testimonials-section-swiper-container .testimonial_swiper-button path{
    stroke: #000;
    
    }
    body[data-type="product"] .testimonials-section-swiper-container .testimonial_swiper-button-prev{
      left: 7%;
    }
    body[data-type="product"] .testimonials-section-swiper-container .testimonial_swiper-button-next{
      right: 7%;
    }
    .common-product-item-container {
      text-align: center;
    }
    .common-product-item-container .header-box .common-subtitle,
    .common-product-item-container .content-box  .common-subtitle{
      font-weight: 400;
        margin-bottom: 0px;
        margin-top: 5px;
    }
    .common-product-item-container .header-box{
      margin-bottom:80px;
    }
    .common-product-item-container .header-box .image-box{
      max-width: 1000px;
      margin: 0 auto;
    }
    .common-product-item-container .content-box {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
      margin-left: -10px;
      margin-right: -10px;
      margin-bottom: -75px;
      width: calc(100% + 20px);
    }
    .common-product-item-container .content-box .image-box{
      position: relative;
      max-width: 150px;
      margin: 0 auto;
      border: .7px solid #000000;
      border-radius: 10px;
      padding: 5px;
      height: 180px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .common-product-item-outer{
      margin: 0 auto;
    }
    
    .common-product-item-container  .content-box .image-box img {
      height: 100%;
      width: unset;
      max-width: 100%;
      max-height: 160px;
      object-fit: contain;
    }
    
    .common-product-item-container  .common-wrapper{
      max-width: 1330px;
    }
    .common-product-item-item{
      margin-bottom:75px;
      padding:0px 10px;
      
    }
    .common-product-item-container  .qty-box{
      width: 30px;
      height: 30px;
      background: #CE101F;
      border-radius: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-weight: bold;
      top: -15px;
      left: -15px;
      position: absolute;
      font-size: 20px;
    }
    .common-product-spec-box .item{
      display: flex;
      align-items: flex-start;
      padding-top: 40px;
      padding-bottom: 40px;
      border-top: 1px solid #787878;
    }
    .common-product-spec-box .item .left-box{
      padding-right: 20px;
      width: 24%;
    }
    .common-product-spec-container .common-wrapper{
      max-width:1314px;
    }
    .common-product-spec-container .item .right-box{
      display: flex;
      flex: 1;
      flex-wrap: wrap;
    }
    .common-product-spec-container .item .right-box{
      margin-bottom: -60px;
    }
    .common-product-spec-container .item .right-box li{
      list-style: none;
        flex: 0 1 33.33333%;
        margin-bottom: 60px;
    }
    .common-product-spec-container .item .right-box li .li-label{
      color: #000;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 8px;
    }
    .common-product-spec-container .item .right-box li .li-content{
      font-size: 18px;
      color: #000;
       ;
    }
    .common-product-spec-box  .content-title{
      text-align: center;
      margin-bottom: 45px;
      
    }
    .common-product-spec-box .content-title-inner{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #000000;
    }
    .common-product-spec-box  .content-title  path{
      stroke: #000000;
    }
    .common-product-spec-box  .content-title svg{
     width: 100%;
     height: 100%;
    }
    .common-product-spec-box  .content-title .icon-box{
      transform: rotate(-90deg);
      width: 15px;
      height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
      transition: all 0.3s ease;
    }
    .common-product-spec-box .text-box{
      margin-right: 10px;
      font-size: 20px;
    }
    .common-product-spec-box .text-box .span-text{
      width: 45px;
        display: inline-block;
        text-align: right;
    }
    .common-product-spec-box .content-title-inner .see-text{
      display: none;
    }
    .common-product-spec-box .content-title-inner.active .see-text{
      display: inline-block;
    }
    .common-product-spec-box .content-title-inner.active .hide-text{
      display: none;
    }
    .common-product-spec-box  .content-title-inner.active .icon-box{
      transform: rotate(90deg);
    }
    .product-recommendations .card__heading{
    font-size: 28px;
    }
    .product-recommendations .card__information{
      font-size:18px;
    }
    .rating-card-product-box{
      display: block!important;
      min-height:24px;
    }
    .common-product-operation-container .content-box{
    display: flex;
    }
    .common-product-operation-container .image-box img{
    width:100%;
    height:auto;
    }
    .common-product-operation-container .content-box .common-product-operation-item:nth-child(1) {
      width: 43%;
      padding-right: 5%;
      }
      .common-product-operation-container .content-box .common-product-operation-item:nth-child(2) {
        width: calc(100% - 43%);
        }
    
    
        .main-product-box  .price-item--sale{
          color: #CE101F;
          
          }
          .product-desc-spec{
          display: flex;
              flex-wrap: wrap;
              justify-content: flex-start;
              padding: 0;
              list-style: none;
              font-family: ArialNova-Light;
            margin-bottom: -8px;
           
          }
          .product-short-desc-btn{
            display: flex;
            align-items: center;
        font-size: 14px;
        color: #000000;
        margin-top: 10px;
        cursor: pointer;
          }
          .product-short-desc.active      .product-short-desc-content{
            max-height: unset;
          }
    
          .product-short-desc  .less-text{
            display: none;
                  }
          .product-short-desc.active  .more-text{
            display: none;
                  }
          .product-short-desc.active  .less-text{
            display: inline-block;
                  }
          .product-short-desc-btn .icon-box{
            width: 11px;
            height: 11px;
            margin-left: 9px;
          }
          .product-short-desc-btn svg{
            width: 100%;
            display: block;
            height: 100%;
            transition: all 0.3s ease;
            transform: rotate(90deg);
          }
          .product-short-desc.active .product-short-desc-btn svg{
            transform: rotate(-90deg);
          }
          .product-short-desc-btn  path{
            stroke: #000000;
          }
          .product__info-wrapper .product-short-desc{
            background: #f3f2ee;
            border-radius: 10px;
            padding: 24px 38px;
            font-weight: 300;
            font-family: ArialNova-Light;
          } 
          .product-short-desc-content{
            position: relative;
          padding-bottom: 10px;
        max-height: 72px;
        overflow: hidden;
          }
          .product-short-desc-content p{
            margin-top: 0px;
          }
           
          .product-desc-spec li{
            width:33.333%;
            font-size: 14px;
            margin-bottom: 8px;
          }
          
          .main-product-box  .price__regular .price-item--regular {  
            color:#bf4800;
          }
    
          button.shopify-payment-button__button{
            position: relative;
            font-size: 0px;
          }
    
        
    
    .common-product-featured-container .common-featured-box .common-subtitle .small-text{
      font-size: 20px;
    }
    .common-product-featured-container .common-featured-box .common-subtitle b{
      font-size: 32px;
      color:#ffffff;
    }
    .common-configuration-outer .image-box{
    max-width: 300px;
    text-align: center;
    flex:0 1 300px;
    margin-right: 10%;
    }
    .common-configuration-outer  .pfi-inner{
    display: flex;
    }
    .common-configuration-outer .text-box .item+.item{
      margin-top: 30px;
    }
    .common-configuration-box{
      display: flex;
      flex-wrap: wrap;
      margin-bottom: -20px;
    }
    .common-configuration-box .top-image-box+.pfi-inner{
      margin-top: 70px;
    }
    .common-configuration-outer .name,
    .common-configuration-outer .label{
      font-size: 24px;
      font-weight: bold;
    }
    .common-configuration-outer .content{
      font-size: 14px;
    }
    .common-configuration-item{
      width:50%;
      margin-bottom: 20px;
    }
    .common-configuration-outer .image-box .name{
      margin-top: 20px;
    }
    .common-configuration-outer .label {
      position: relative;
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
    .common-configuration-outer .label::after{
      content: "";
      border-bottom: 1px solid #999999;
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 150px;
    }
    .common-configuration-item:nth-child(2n) .pfi-inner{
      padding-left:5%;
    }
    .common-image_with_text .common-wrapper{
      max-width: 1224px;
    }
    .product-slider-outer-box.thumbnails-side .thumbnail-slider {
      order: 1;
      margin-right: 15px;
      flex-direction: column;
      flex:0 1 12.814%;
    
    }
    .mb-product-desc{
     display: none;   
    }
    .product__info-wrapper{
      padding-left: 4%;
    } 
    .product__info-wrapper .variant-box{
      /* background: #F3F2EE; */
      border-radius: 10px;
      padding: 14px 20px;
      margin-bottom: 20px;
    }
    .shipping_content{
      margin-top: 30px;
      border-radius: 10px;
      /* background: #F3F2EE; */
      padding: 10px 15px;
    }
    .shipping_content ul{
    
      list-style: none;
      display: flex;
     
      padding-left: 0;
      text-align: center;
      font-size: 12px;
      color: #666666;
      font-family: ArialNova-Light;
    }
    .shipping_content ul li{
      flex: 1;
      padding: 0px 5px;
    }
    .shipping_content ul img{
      display: block;
        width: 66px;
        margin: 0 auto;
        padding-bottom: 9px;
    }
    .product__media-wrapper .shipping_content{
      display: block;
      margin-top: 15px;
    }
     
    
    .product-coupon-box{
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-radius: 10px;
      padding: 8px;
      background: #F3F2EE;
     
    }
    .pcbi-title{
      text-align: center;
      font-size: 40px;
      font-weight: 700;
      margin-right: 15px;
      padding: 3px 30px 3px 0;
      line-height: 1;
      border-right: 1px dashed #E37F15;
    }
    .product-coupon-box-inner{
    
    flex:1;}
    
    @media screen and (min-width:1101px) and (max-width:1300px) {
      .pcbi-title{
        font-size: 27px;
      }
    }
    @media screen and (min-width:991px) and (max-width:1100px) {
      .pcbi-title{
        font-size: 19px;
      }
    }
    .pcbi-title small{
      font-size: 16px;
        display: block;
    }
    .pcbi-box{
      display: flex;
        align-items: center;
    }
    .product-coupon-box .get-now-btn .hide-text{
      display: none;
    }
    
    .pcbi-content{
      font-size: 14px;
      padding: 0px 5px;
      display: flex;
      align-items: center;
    }
    .product-coupon-box .get-now-btn{
      border-radius: 20px;
      color: #fff;
      font-size: 14px;
      padding: 1px 5px;
      margin-left: 5px;
      background: #000000;
      cursor: pointer;
      width:75px;
      text-align: center;
    } 
    
    
    .pcbi-tips-box{
      position: relative;
      cursor: pointer;
      line-height: 1;
      margin-right: 5px;
      font-size: 12px;
    }
    .pcbi-tips-content-box{
      position: absolute;
      bottom: 134%;
      padding: 10px;
      width: 150px;
      left: -72px;
      background-color: #ffff;
      border-radius: 5px;
      pointer-events: none;
        visibility: hidden;
        opacity: 0;
      box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1);
      transition: all 0.3s ease;
    }
    .pcbi-tips-box:hover  .pcbi-tips-content-box{
      
          visibility: visible;
          opacity: 1;
    }
    
    .klarna_bg_color{
      
    }
    
    .product__info-wrapper .shopify-app-block{
      margin-bottom: 30px;
      border-radius: 10px;
    }
    
    
    
     
    .top-amazon-commoon-tabber{
     
      /* position: fixed; */
      width:100%;
      left:0px;
      top: 0px;
      background-color: {{settings.product_tabbar_bg_color}};
      color:{{settings.product_tabbar_text_color}};
      z-index:2; 
      transition: all 0.1s ease; 
    }
    /* .top-amazon-commoon-tabber.fixed{
      transition: all 0.15s ease;
    } */
    .product-desc-tabbar-box {
      position: relative;
      height: 46.59px;
    }
    #product-desc-tabbar li {
      font-weight: bold;
      position: relative;
      list-style: none;
      padding: 8px 0px 9px 0;
      line-height: 1.1;
      cursor: pointer;
      margin: 0px 50px;
      color: rgba(0, 0, 0, 0.4);
    }
     
    #product-desc-tabbar li.active {
      color: #000000;
    }
    #product-desc-tabbar li::after {
      content: "";
      position: absolute;
      width: 0%;
      height: 3px;
      background: #000;
      left: 0%;
      bottom: 0px;
      transition: all 0.3s ease;
    }
    #product-desc-tabbar li.active::after {
      width: 100%;
    }
    #product-desc-tabbar li[data-target="#Product__InfoWrapper"] {
      min-width: 160px;
      line-height: 0;
      padding-right: 0px;
    }
    #product-desc-tabbar .cell span {
      position: relative;
    }
    #product-desc-tabbar .btn {
      padding: 8px 10px;
      cursor: pointer;
      font-size: 12px;
      min-height: 42px;
      line-height: 2;
      width: 100%;
    }
    #product-desc-tabbar .btn:after {
      display: none !important;
    }
    
    .product-desc-inner-tabbar {
      padding-left: 0px;
      font-size: 26px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 1px solid #eeeeee;
    }
    .pdci-title {
      position: relative;
      text-align: left;
      border-bottom: 1px solid #000;
      font-weight: 700;
      font-size: 20px;
      padding: 10px 0;
      margin: 0 20px;
    }
    .pdci-title span {
      float: right;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 0px;
      top: 50%;
      transform: translateY(-50%);
    }
    .pdc-item-container {
      margin-top: 30px;
    }
    .pdci-title span svg {
      width: 18px;
    }
    .tact-inner .right-box-item {
      display: flex;
      align-items: center;
      font-size: 20px;
    }
    .tact-inner .right-box-item li {
      list-style: none;
      margin-bottom: 0px;
      margin: 0px 25px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .tact-inner .right-box-item li:hover {
      opacity: 0.8;
    }
    .tact-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 0px;
    }
    .tact-inner .right-box {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .tact-inner  .right-box-container{
    display: flex;
    align-items: center;
    }
    .tact-inner .right-box-buy-btn {
      color: #333;
      font-size: 14px;
      padding: 7px 25px;
      background: #ffffff;
      cursor: pointer;
      transition: all .3s ease;
      width: 150px;
      border: 1px solid #F9F9F9;
      border-radius: 24px;
      text-align: center;
      margin-left: 20px;
      white-space: nowrap;
    }
    .tact-inner .right-box-buy-btn:hover {
      opacity: 0.8;
    }
    .tact-inner .right-box-btn {
      
      font-size: 14px;
      padding: 7px 25px;
      background: transparent;
      cursor: pointer;
      margin-left: 20px;
      transition: all .3s ease;
      width: 150px;
      border: 1px solid {{settings.product_tabbar_text_color}};
        border-radius: 24px;
        text-align: center;
        white-space: nowrap;
    }
    .tact-inner .right-box-btn:hover {
      opacity: 0.8;
    }
    .tact-inner .right-box-item li.active {
      color: rgba(0, 0, 0, 0.4);
    }
    .tact-inner .product-single__price {
      font-size: 26px;
      font-weight: bold;
      color: #000000;
    }
    .tact-inner .product-single__price--compare-at {
      color: #969696;
      font-size: 20px;
      margin-left: 15px;
    }
     
    .tact-inner  .price-item--sale{
      color:{{settings.product_tabbar_text_color}};
    }
    
    .top-amazon-commoon-tabber-outer .left-box{
     
      font-weight: bold;
      font-size: 18px;
    }
    .top-amazon-commoon-tabber{
    
    }
    .common-media-swiper-item .featured-box{
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .common-media-swiper-item .item-inner{
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: left;
    }
    
    .common-media-swiper-item .featured-box .image-box{
      margin-right: 20px;
    }
    
     .common-media-swiper-item .featured-box .label{
      font-weight: bold;
    }
    .common-media-swiper-item .featured-box .item+.item{
      margin-left: 90px;
    }
    .common-media-swiper-item .featured-box .item{
      cursor: pointer;
    }
    .common-media-swiper-item .featured-box {
      margin-bottom: 20px;
    }
    .common-media-swiper-item  .swiper-pagination{
    position: relative;
    }
    .common-media-swiper-item  .swiper-pagination-bullet{
      opacity: 1;
      margin:0px 5px;
    }
    
    .common-image-featured-item .link-btn{
      border: none;
        margin-top: 20px;
        padding: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: ArialNova-Light;
    }
    
    .common-image-featured-item .link-btn svg{
      width: 15px;
        height: 15px;
        display: inline-block;
        margin-left: 8px;
         
    }
    .common-image-featured-item  .image-box{
      height: 600px;
    }
    .common-image-featured-item .feature-row__image-wrapper,
    .common-image-featured-item  .common-small--hide,
    .common-image-featured-item  .common-pad--show,
    .common-image-featured-item  .common-pc--hide{
      height: 100%;
    }
    .common-image-featured-item  .feature-row__image-wrapper .feature-row__image img{
      object-fit: cover;
    }
    
          
    #to-top{
      display:none;
       
      height: 64px;
      width: 64px;
        background:rgba(170, 170, 170, 0.3);
        text-align: center;
        color: #fff;
        border-radius: 50%;
        font-size: 14px;
        padding: 2px;
         position: fixed;
         cursor: pointer;
         z-index: 20;
    } 
    #to-top svg{
      width: 30px;
      height: 30px;
    }
        #to-top span{
         display: block;
        margin-top: -15px;
        }
        .to-top-inner{
             display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 100%;
        }
    
        .product__media-list .product__media-item img{
          opacity: 0;
        }
        .product__media-list .product__media-item.swiper-slide-active img{
          opacity: 1;
        }
    
    
    .common-collection-product-box{
      position: relative;
    }
    .common-collection-product-box .text-box{
      position: absolute;
      z-index: 2;
      width: 40%;
      height: 100%;
      left: 0px;
      top: 0px;
      padding: 2.865vw 2.083vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
        
    .common-collection-product-box  .text-box .common-product{
      margin-bottom: 1.563vw;
    }
    .common-collection-product-box  .text-box  .new-button{
      font-size: 14px;
      padding: 5px 24px;
      margin-top: 2.083vw;
    }
    .filter_vertical-layout{
      width: 100%;
      display: flex;
    }
    .collection-filter-box{
      flex:0 1 21.3333%;
      position: relative;
      z-index: 2;
    }
    .collection-product-box{
      flex:0 1 78.6666%;
    }
    body[data-type="collection"] .product-count-vertical{
    display: none;
    }
    body[data-type="collection"] .jdgm-widget{
      display: none!important;
    }
    .frb-label{
      font-size: 20px;
        font-weight: bold;
        color: #000;
        display: flex;
        align-items: center;
        margin-right: 30px;
    }
    .frb-label svg{
      display: inline-block;
      margin-right: 12px;
    }
    .filter-result-box {
      display: flex;
      align-items: center;
    }
    .filter-result-box .active-facets__button{
      margin-top: 0px;
    }
    .filter-result-box  .active-facets{
      margin-top: 0px;
    }
    .active-facets__button--light .active-facets__button-inner{
      background: #333333;
      color: #ffffff;
      box-shadow: none;
      font-size: 12px;
    }
    .facets #FacetSortForm{
      padding-bottom: 20px;
        border-bottom: 1px solid #D5D5D5;
    }
    .facets {
      margin-bottom: 35px;
    }
    .facets__form-vertical{
      margin-top: -30px;
    }
    body[data-type="collection"] #product-grid{
    margin-top: 0px;
    }
    .facets__summary .icon-box{
      position: absolute;
      right: 0px;
      top: 50%; 
      transform: translateY(-50%);
    }
    
    .facets__summary .icon-box .icon-minus{
      display: none;
    }
    .facets__disclosure-vertical[open] .facets__summary .icon-box .icon-plus{
      display: none;
    }
    .facets__disclosure-vertical[open] .facets__summary .icon-box .icon-minus{
      display: block;
    }
    .facets-container i{
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      border: 2px solid #161616;
    margin-right: 12px;
    border-radius: 2px;
    flex-shrink: 0;
    }
    .facets-container i::after{
      content: "";
      position: absolute;
      width: 14px;
      height: 14px;
      background: #000000;
      border-radius: 4px;
      top: 50%;
      left: 50%;
      opacity: 1;
      transform: translate(-50%, -50%);
      opacity: 0;
      transition: all 0.3s ease;
    }
    input[type=checkbox]:checked ~ i::after{
      opacity: 1;
    }
    .facets__item label{
      font-size: 16px;
      font-weight: 500;
    }
    .card__information .product-modal{
      color: #666;
      font-size: 12px;
      margin-bottom: 5px;
    }
    .card__heading .full-unstyled-link{
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    }
    .card-product-bottom{
      position: relative;
    }
    .card-product-bottom .shop-now-btn{
      background:rgb(var(--color-button));
      color: #fff;
      border-radius: 50px;
      font-size: 14px;
      padding: 6px;
      text-align: center;
      width: 100%;
      display: block;
      position: absolute;
      bottom: 0 ;
      left: 0;
      opacity: 0;
      transition: all 0.3s ease;
    }
    .product-card-wrapper:hover .shop-now-btn{
      opacity: 1;
    }
    .product-card__swatch .variant-btn{
      width: 16px; 
      height: 16px;
    }
    
    .product-card__swatch .variant-btn::after{
      width: 24px;
      height: 24px;
    }
    .product-card__swatch .variant-btn.active::after{
      opacity: 1;
    }
    
    .product-card__swatch .variant-btn{
      margin-right: 0px!important;
      cursor: pointer;
    }
    .product-card__swatch .variant-btn+.variant-btn{
      margin-left: 15px;
    }
    .product-card__swatch--list{
      display: flex;
      align-items: center;
    }
    .img-variant.active{
      z-index: 2;
    }
     
    
    body[data-type=collection] #product-grid{
      
      row-gap: 15px;
     
    }
    .card__media .media img{
      z-index: 1;
    }
    
    fieldset{
      border: none;
      margin:0px;
      padding: 0px;
    }
    .facets__form-vertical details+details{
      border-top:1px solid #D5D5D5;
    }
    .product-slider-outer-box .slider-button--prev svg {
      transform: rotate(90deg);
    }
    
    .product-slider-outer-box .slider-button--next svg {
      transform: rotate(-90deg);
    }
     
    .collection-filter-box aside{
      position: sticky;
        top: 60px;
    }
    .faces-mb-title {
      font-size: 18px;
        color: #000;
      justify-content: space-between;
    }
    .faces-mb-title .icon-box .icon-minus{
      display: none;
    }
    .mobile-facets__details[open] .faces-mb-title .icon-box .icon-minus{
      display: block;
    }
    .mobile-facets__details[open] .faces-mb-title .icon-box .icon-plus{
      display: none;
    }
    .mobile-facets__footer button{
      background: #333333;
        border-radius: 32px;
        width: 100%;
        font-size: 18px;
        margin-bottom: 25px;
    }
    
    .mobile-facets__footer facet-remove{
    width: 100%;
    margin-left: 0;
    }
    .mobile-facets__footer facet-remove a{
      display: block;
      width: 100%;
      padding: 10px;
      text-align: center;
      border-radius: 50px;
      border: 1px solid #000;
      }
      .mobile-facets__submenu{
        font-size:14px;
      }
      .mobile-facets__heading{
        display: flex;
        font-weight: bold;
        align-items: center;
        font-size: 16px;
      }
      .mobile-facets__sort{
        font-size: 18px;
        color: #000;
      }
      .mobile-facets__heading svg{
        display: block;
        width: 15px;
        height: 15px;
        margin-right: 10px;
      }
    
      .mobile-facets__open-label{
        font-size: 16px;
        color: #000;
        font-weight: bold;  
      }
      .card-product-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .card-product-bottom a{
      display: flex;
      font-size: 14px;
      align-items: center;
      flex: 1;
    }
    .card-product-bottom  .icon-box{
      width: 5px;
      margin-left: 5px;
    }
    .card-product-bottom  .icon-box svg{
      width: 100%;
      display: block;
    }
    .card-product-bottom  .icon-box svg path{
      stroke: #000;
      
      margin-left: 5px;
    }
    body[data-type=collection] .price{
       
      flex: 1;
    }
    #main{
      position: relative;
    }
    #MainContent>.ccbcb{
      margin-top: 30px;
    }
    .header-banner .ccbcb{
      position: absolute;
      top: 40px;
      width: 100%;
    }
    .header-banner .breadcrumb-box{
    
      color: #999;
    }
    .header-banner .ccbcb .breadcrumb{
      color: #999;
    }
    .product-card-wrapper .card__inner {
      --ratio-percent: 80%!important;
    }
    .facet-filters__field .select__select{
      color: #000000;
      font-size:14px;
    }
     
    .common-waw-container .image-box{
      margin-bottom: calc(6.771vw + 20px);
    }
    .common-waw-container  .text-box  .common-title{
      font-weight: 400;
      margin-bottom: 15px;
    }
    .common-waw-container  .text-box  .common-subtitle{
      font-weight: bold;
      max-width: 70%;
      margin-bottom: 0px;
    }
    .common-waw-item+.common-waw-item{
      margin-top: calc(5.729vw + 20px);
    }
    .common-ist-item .pfi-inner{
      display: flex;
      justify-content: space-between;
    }
    .common-ist-item .pfi-inner .image-box{
      flex: 0 1 57.1%;
      width: 57.1%;
      max-width: 57.1%;
    }
     
    .common-ist-item .pfi-inner .text-box{
      flex: 0 1 35.25%;
      margin-left: 5%;
     max-width:35.25%;
     width: 35.25%;
    }
    .common-ist-item .pfi-inner .text-box-inner{
      padding-right: 30px;
    }
    .common-ist-item .pfi-inner .slimScrollBar{
      width: 2px!important;
     }
     .common-ist-item .pfi-inner  .common-title{
      margin-bottom: 20px;
    }
    .common-ist-item .pfi-inner  .common-subtitle{
      margin-bottom: 20px;
    }
    .common-ist-item .pfi-inner  .bottom-content .bottom-content-inner{
      padding-right: 30px;
      font-weight: 400;
    }
    .common-ist-item .pfi-inner  .bottom-content p{
    margin: 0px 0 10px 0;
    }
    .common-ist-item+.common-ist-item{
      margin-top: calc(5.729vw + 20px);
    }
    .common-about-featuerd-outer{
      position: relative;
      text-align: center;
    }
     
    .common-about-featuerd-box{
      display: flex;
    }
    .common-about-featuerd-item{
      flex:0 1 33.3333%;
    }
    .common-about-featuerd-item .text-box-inner .common-subtitle{
      margin-bottom: 0px;
    }
    .common-about-featuerd-item .pfi-inner  .common-title{
      margin-bottom: 0px;
    }
    .common-about-featuerd-item .image-box{
      position: relative;
    }
    .common-about-featuerd-item .text-box{
    margin-top: -1px;
    }
    .common-about-featuerd-item .image-box .common-title{
      position: absolute;
      top: 50%;
      z-index: 1;
      width: 100%;
      display: block;
      transform: translateY(-50%);
    }
    .common-about-featuerd-box{
      margin-left: -20px;
    }
    .common-about-featuerd-item{
      padding-left: 20px;
    }
     
    .common-about-featured-box-outer .text-box-inner  {
      background: rgba(0, 0, 0, 1);
       
      padding: 15px 20px;
    }
    .common-store-awards-box{
      display: flex;
      margin-left: -14px;
    }
    .common-store-awards-item{
      flex:1;
      padding: 14px;
    }
    .common-store-awards-item .common-store-awards-item-inner{ 
    position: relative;
    }
    .common-store-awards-item-inner .image-box{
      border-radius: 5px;
        overflow: hidden;
    }
    .common-store-awards-item  .text-box {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      z-index: 2;
      text-align: center;
    }
    .common-store-awards-container .common-header{
      margin-bottom: calc(5.729vw + 25px);
    }
    .common-store-awards-container .common-store-awards-box{
      margin-bottom: calc(5.729vw + 25px);
    }
    .common-store-awards-container .bottom-content{
      line-height: 2;
    }
    .common-about-help-container .common-about-help-box{
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .common-about-help-item+.common-about-help-item{
      margin-left: 50px; 
    } 
    .common-about-help-container .pfi-inner{
    display: flex;
    align-items: center;
    }
    .common-about-help-container  .image-box{
      width: 100px;
      margin-right: 20px;
      flex-shrink: 0;
    }
    .common-about-help-container  .text-box{
      flex:1;
    }
    .common-about-help-container  .text-box .bottom-content{
      
      font-size: 18px;
       
    
    }
    .common-about-help-container  .text-box a{
      font-family: ArialNova-Light;
     
      color: #333333;
      display: inline-flex;
      align-items: center;
    
    }
    .common-about-help-container  .text-box .contact-content{
    margin-top: 20px;
    }
    .common-about-help-container  .icon-box{
      width: 13px;
      height: 16px;
      margin-left:5px;
      margin-top: -2px;
    }
    .common-about-help-container  .icon-box svg{
      width: 100%;
      height: 100%;
      
    }
    .common-about-help-container  .icon-box svg path{
      stroke: #333; 
    }
    .slideshow__slide .banner__heading svg{
      max-width: 100%;
    }
    .video-swiper-container{
      position: relative;
    }
    .video-swiper-container{
      position: relative;
    }
    .video-swiper-container .swiper-button-prev {
      left: -7%;
    }
    .video-swiper-container .swiper-button-next {
      right: -7%;
    }
    .video-swiper-container .testimonial_swiper-button svg{
      width: 33px;
      height: 33px;
    }
    .video-swiper-container .testimonial_swiper-button svg path{
      stroke: #000;
      stroke-width: 1px;
    }
    .article-card-wrapper .date-box{
      font-size: 12px;
        margin-bottom: 15px;
        color: #999;
        
    }
    .article-card-wrapper  .card__heading .full-unstyled-link{
      font-size: 20px;
      font-weight: bold;
    }
    .article-card-wrapper .author-box{
      font-size: 12px;
     
      letter-spacing: 0px;
      color: #999;
      padding-top: 8px;
      text-transform: inherit;
      
    }
    .article-card-wrapper .article-card__excerpt{
      font-weight: 300;
      font-size: 12px;
      color: #999;
      margin-bottom: 15px;
    }
    .article-card-wrapper  .more-btn{
      display: flex;
      align-items: center;
    font-size: 14px;
    }
    .article-card-wrapper  .more-btn svg{
      width: 8px;
      height: 10px;
      display: block;
      margin-left: 10px;
      margin-top: 1px;
    }
    .article-card-wrapper  .more-btn svg path{
      stroke: #000;
    }
    .blog-search-more-box{
      margin-bottom:-10px;
    }
    .blog-search-more-box a{
      display: inline-block;
      color: #666666;
      padding: 5px 12px;
      line-height: 1;
      border-radius: 50px;
      border: 1px solid #666666;
      margin-right: 20px;
      margin-bottom: 10px;
      font-size: 14px;
    }
    .blog-search-more-box a.active{
      color: #fff;
      background-color: #333;
    }
    .blog-search-more-box a:last-child{
      margin-right: 0px;
    }
    .blog-option-box{
      display: flex;
      justify-content: space-between;
      align-items: center; 
      margin-bottom: 55px;
    }
    .blog-search-form{
      background: #FFFFFF;
        border-radius: 70px;
        padding: 15px 29px;
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 565px;
        margin-right: 50px;
    }
    
    .blog-search-form button{
      background: transparent;
      border: none; 
      line-height: 1;
      padding: 0px;
      margin-right: 12px;
      cursor: pointer;
    }
    .blog-search-form  input{
      font-size: 18px;
      border: none;
      padding: 0px;
      border-left: 1px solid #000;
      padding-left: 10px;
      width: 100%;
    }
    .video-swiper-container .plyr__control.plyr__control--overlaid{
      opacity: 0;
    }
    .blog-search-form  input:focus-visible{
    outline: none;
    box-shadow: none;
    }
    .blog-option-box .left-box{
      width: 80%;
      display: flex;
      align-items: center;
    }
    .ajax-article-body{
      display: none;
    }
    .article-card-wrapper .article-card__excerpt{
      display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .all-tag-box{
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
    #blog-select-option{
      margin-left: 10px;
      border:none;
      background-color: transparent;
    }
    #blog-articles-search{
      display: none;
    }
    .article-template-box{
      display: flex;
      justify-content: space-between;
      padding-top: 50px;
      align-items: flex-start;
    }
    .article-side-title{
      color: #333333;
      font-size: 20px;
      margin-bottom: 20px;
    }
    
    .newsletter-box .icon-box{
    
      position: absolute;
      left: 10px;
      right: unset;
      width: 20px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2;
    
    }
    .newsletter-box  .newsletter-form__field-wrapper .field__button>svg{
      width: 15px;
      height: 10px;
       
    }
    .newsletter-box .newsletter-form__field-wrapper .field__input{
      background: #fff;
      border-radius: 5px;
      border-bottom: 0px;
      color: #999999;
      font-size: 12px;
      padding: 14px 14px 14px 35px;
    }
    .newsletter-box .newsletter-form__field-wrapper .field__input::placeholder{
      color:#999999;
      font-size: 12px;
      opacity: 1;
      visibility: visible;
    }
    .newsletter-box .newsletter-form__field-wrapper .field__input:focus-visible{
      box-shadow: none;
      outline:none;
    }
    .newsletter-box  .newsletter-form__field-wrapper{
      position: relative;
    }
    .newsletter-box  .newsletter-form-submit__button{
    margin-top: 20px;
    background: #333333;
    border-radius: 24px;
    border:none;
    color: #fff;
    font-size: 18px;
    width: 100%;
    padding: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    }
    .newsletter-box  .newsletter-form-submit__button:hover{
    opacity: 0.8;
    }
    .article-template-box .left-box{
      max-width: 910px;
      width: 67%;
    }
    .article-template-box .right-box{
      max-width: 330px;
      margin-left: 30px;
      position: sticky;
      top: 30px;
      width: 330px;
    }
    .all-article-filter-box .aafb-item-box a{
      display: inline-block;
      color: #666;
      padding: 5px 12px;
      line-height: 1;
      border-radius: 50px;
      border: 1px solid #666666;
      margin-right: 10px;
      margin-bottom: 10px;
      font-size: 12px;
    }
    .article-template-box .newsletter-box{
      margin-bottom: 100px;
    }
    .aafb-item-box{
      margin-right: -10px;
    }
    .all-article-filter-box{
      margin-bottom: 100px;
    }
    .article-template-box .article-card-wrapper+.article-card-wrapper{
      margin-top: 45px;
    }
    .article-template-box  .article-template__title{
      margin-top: 0px!important;
      font-size: 40px;
      margin-bottom: 15px;
    }
    .article-msg-box{
    font-size: 12px;
    color: #999;
    margin-bottom: 20px;
    }
    .article-msg-box .date-box{
      margin-bottom: 8px;
    }
    .article-related-product-box{
      display: flex;
      flex-wrap: wrap;
      margin-left: -50px;
      margin-bottom: -50px;
    }
    .article-related-product-box .item{
    width: 50%;
    padding-left: 50px;
    margin-bottom: 50px;
    }
    .article-related-product-box .product-card__swatch,
    .article-related-product-box  .jdgm-widget.jdgm-widget,
    .article-related-product-box  .card-product-bottom .icon-box{
      display: none!important;
    }
    .article-related-product-box  .card__information .card__heading{
      justify-content: center;
    }
    .article-related-product-box  .card-product-bottom{
      display: flex;
      flex-direction: column-reverse;
    }
    .article-related-product-box  .card__heading .full-unstyled-link{
    font-size: 24px;
    }
    .article-related-product-box  .card__information{
      padding-top: 25px;
    }
    .article-related-product-box  .price .price-item{
      font-size: 14px;
    }
    .article-related-product-box  .card-product-bottom a{
      background: #333333;
      border: 1px solid #333333;
      border-radius: 32px;
      color: #fff;
      font-size: 16px;
      padding: 5px 30px;
      text-align: center;
      margin-top: 25px;
    }
    .article-template__comment-fields{
      margin-top: 20px;
    }
    .article-template__comment-wrapper .field::before,
    .article-template__comment-wrapper .field::after{
      display: none;
    }
    .article-template__comment-wrapper .field__input{
      border-radius: 8px;
        background: #fff;
    }
    .comments-inner{
      max-width: 910px;
      width: 67%;
    }
    .article-comment-content{
      font-size: 18px;
    }
    .article-comment-msg-box{
      font-size: 12px;
      color: #999;
    }
    .article-comment-content{
      margin-bottom: 15px;
    }
    .article-comment-msg-box .author-box{
    margin-bottom: 10px;
    }
    .article-template__comment-wrapper  input[type="submit"]{
      background: #333333;
      border-radius: 24px;
    }
    .commens-title{
      font-size: 32px;
      color: #000;
      font-weight: bold;
    }
    .commens-title{
      font-size: 24px;
    }
    .recent-article-box{
      margin-bottom: 100px;
    }
    .common-main-article-header-outer .common-header{
      text-align: left;
      margin-bottom: 0px;
    }
    
    .common-main-article-header-outer .common-title{
      font-weight: 300;
      
    }
    .common-main-article-header-outer .common-subtitle{
      font-weight: 300;
      
    }
    .common-main-article-header-outer .common-title span{
      color: #4F9ECB;
    }
    .article-related-product-title{
      font-size: 32px;
      color:#000;
      font-weight: bold;
    }
    .article-related-product-box-outer{
      margin-top: 150px;
    }
    .article-template-box .article-card__image--medium .ratio:before {
      padding-bottom: 21.9rem!important;
    }
    .comment-form-title{
      font-size: 24px;
      color: #000;
    }
    .mb-article-filter-box{
      display: none;
    }
    .common-tai-box .pfi-inner{
      position: relative;
    }
    .common-tai-box .pfi-inner .text-box-outer{
      position: absolute;
      left: 0px;
      bottom: 0px;
      padding: 5% 7%;
    }
    .common-tai-box .pfi-inner .common-btn{
      font-size: 12px;
      padding: 5px 28px;
    }
    .common-tai-box  .swiper-button-next::after,
    .common-tai-box .swiper-button-prev::after{
      display: none;
    }
    .common-tai-box  .swiper-button-next{
      right: 17%;
    }
    .common-tai-box  .swiper-button-prev{
      left: 17%;
    }
    .common-tai-box  .swiper-button-prev svg{
      transform: rotate(180deg);
    }
    .common-tai-box .pfi-inner  .common-title{
      margin-bottom: 9px;
    }
    .common-tai-box .common-tai-swiper-button{
      width: 56px;
      height: 56px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgba(0,0,0,0.8);
      border-radius: 50px;
    }
    .common-index-iat-box {
    display:flex;
      border-radius: 24px;
    }
    .common-index-iat-box  .image-box{
    flex:0 1 54%;
      }
      .common-index-iat-box  .text-box{
        flex:0 1 46%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 3.5% 3%;
          }
          .common-index-iat-box   .common-product{
            font-weight: bold;
          }
          .common-tai-container{
            max-width: 1920px;
            margin: 0 auto;
          }
    .common-tai-container .image-box{
    border-radius:15px;
    overflow:hidden;
    }
    body[data-name="reseller-program"] .collapsible-content__wrapper .page-width,
     .contact-form-container .common-wrapper{
    max-width: 1075px;
    }
    
    
    
    /* warranty start*/
    .warranty-registration-icon-box .common-header{
      margin-bottom:5.208vw;
    }
    .warranty-registration-icon-box .common-icon-text-item:not(:last-child)::after{
    display:none;
    }
    .warranty-registration-icon-box .common-icon-text-box .image-box img {
      height: 50px;
    }
    .warranty-registration-icon-box .image-box {
      padding-bottom: 30px;
    }
    .warranty-registration-icon-box .common-subtitle  {
    font-size:24px;
    }
    .warranty-registration-icon-box .common-icon-text-box{
      flex-wrap: wrap;
    }
    .warranty-registration-icon-box .common-icon-text-box{
      flex-wrap: wrap;
      row-gap:5.208vw;
    }
    .warranty-registration-icon-box .common-icon-text-item{
    flex:1 1 33.3333%;
    }
    .common-warranty-registration-form-box .input-item{
    margin-bottom: 32px;
    
    }
     
    .common-warranty-registration-form-box .label-text {
      display: block;
      font-size: 14px;
      margin-bottom: 5px;
    }
    .common-warranty-registration-form-box .label-text sup {
      color: #BE0505;
    }
    .common-warranty-registration-form-box{
      font-size: 14px;
    }
    .common-warranty-registration-form-box .input-el{
      border: 1px solid #BDBDBD;
        border-radius: 50px;
        height: 40px;
        width: 100%;
        background-color: transparent;
        font-size: 14px;
        padding: 10px 15px;
        color: #121212bf;
       
    }
    .common-warranty-registration-form-box .input-el:focus{
      border: 1px solid #cdcdcd;
    }
    .common-warranty-registration-form-box .input-el:focus-visible{
      outline: none;
      outline-offset: unset;
      box-shadow: none;
    }
    .common-warranty-registration-form-box .tips {
      display: flex;
      margin-top: 8px;
    }
    
    .common-warranty-registration-form-box .error-tips{
      color:#CE101F;
      font-size: 12px;
      margin-top: 12px;
      display: none;
    }
    .common-warranty-registration-form-box .error-tips.only-ajax-tips{
    display: block!important;
    }
    .common-warranty-registration-form-box .error-tips.only-ajax-tips span:not(.ajax-tips){
      display: none!important;
      }
    .common-warranty-registration-form-box .radio-item label{
    display: flex;
    align-items: center;
    }
    .common-warranty-registration-form-box .radio-item i,
    .common-warranty-registration-form-box .input-item i{
      display: block;
      position: relative;
      width: 20px;
      height: 20px;
      border: 1px solid #333333;
      border-radius: 50px;
      margin-right: 10px;
      flex-shrink: 0;
      }
     
      .common-warranty-registration-form-box .radio-item i::after,
    .common-warranty-registration-form-box .input-item i::after{
        opacity: 0;
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50px;
        background-color: #333;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .common-warranty-registration-form-box .tips i::after {
        opacity: 0;
     }
     .common-warranty-registration-form-box .tips input:checked~i::after {
      opacity: 1;
     }
     .common-warranty-registration-form-box .tips label{
      display: flex;
     }
      .common-warranty-registration-form-box .product-box-item input:checked~label i::after,
      .common-warranty-registration-form-box .input-item input:checked~label i::after{
        opacity: 1;
      }
      .common-warranty-registration-form-box .radio-box{ 
        display: flex;
        align-items: center;
       flex-wrap:wrap;
        margin-top: 20px;
      }
      .common-warranty-registration-form-box .product-radio-box .radio-item:not(:last-child){
        margin-right:85px;
      }
      .common-warranty-registration-form-container .common-wrapper{
        max-width: 910px;
      }
      .product-box-item .image-box{
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 10px;
      }
            .common-warranty-registration-form-box .product-box {
              display: grid;
              grid-template-columns: repeat(3, 1fr);
              gap: 14px;
            }
        
            .common-warranty-registration-form-box .product-box-item {
              text-align: center;
            }
        
            .common-warranty-registration-form-box .content-box {
              display: flex;
              justify-content: center;
              align-items: center;
              gap: 8px;
            }
            .common-warranty-registration-form-box .content-box{
              font-size: 14px;
            }
            .common-warranty-registration-form-box .content-box .content-title{
              font-weight: bold;
            }
            .common-warranty-registration-form-box .content-box .content-subtitle{
    font-size: 12px;
            }
            .common-warranty-registration-form-box label{
              cursor: pointer;
            }
            .label-text-second-series{ 
              margin-bottom:20px!important;
            }
             .common-warranty-registration-form-box .product-series-hidden-box .radio-item{
              display:none;
            }
              .common-warranty-registration-form-box .product-series-hidden-box{
              margin-top: 50px;
    margin-bottom: 0px; 
    display: none;
              }
            .common-warranty-registration-form-box .product-hidden-box{
    margin-top: 50px;
    margin-bottom: 75px; 
    display: none;
            }
            .common-warranty-registration-form-box .label-text-second{
              margin-bottom: 50px;
              cursor: auto;
            }
            .common-warranty-registration-form-box #submit-btn{
              background-color: #333333;
              color: #ffffff;
              
              cursor: pointer; 
              width: 180px;
              height: 40px;
            }
            .common-warranty-registration-form-box #submit-btn.loading{
         pointer-events: none;
         opacity: 0.8;
            }
            .common-warranty-registration-form-box #submit-btn.loading span{
              display: none;
            }
            .common-warranty-registration-form-box #submit-btn.loading .icon-box{
              display: block;
            }
            .common-warranty-registration-form-box #submit-btn .icon-box{
              width: 25px;
              height: 25px;
              margin: 0 auto;
              display: none;
            }
            .common-warranty-registration-form-box #submit-btn .icon-box svg{
              width: 100%;
              height: 100%;
            }
            .submited-header-box{
              text-align:center;
            }
            .submited-header-box h2{
              font-size:48px;
              margin-bottom:50px;
              font-weight:bold;
            }
    .submited-image-box{
    border-bottom:1px solid #A6A6A6;
    max-width:912px;
    margin:0 auto;
    padding-bottom:50px;
    margin-bottom:45px;
    }
    .submited-image-box img{
      max-width:505px;
      margin:0 auto;
      width: 100%;
    }
    .go-product-help-box{
      text-align: left;
      max-width:912px;
    margin:0 auto;
    }
    .gphb-title{
      font-size:32px;
      font-weight: bold;
      margin-bottom: 45px;
      color:#000000;
    }
    .gphb-subtitle{
      font-size: 18px;
      margin-bottom: 45px;
      color:#000000;
    }
    .go-product-help-box .gphbrb-link svg{
    width: 13px;
    height: 13px;
    }
    .go-product-help-box .gphbrb-link svg path{
      stroke: #000000;
    }
    .gphbrb-link{
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }
    .gphb-product-box{
      display: flex;
      gap: 40px;
      align-items: center;
    }
    .gphb-product-box .gphb-product-left-box{
    width: 100%;
    max-width: 332px;
    overflow: hidden;
    }
    .gphb-product-box .gphb-product-left-box img{
      width: 100%;
    }
    .gphb-product-box .gphb-product-right-box .gphbrb-subtitle{
    font-size: 14px;
    color: #999999;
    margin-bottom: 5px;
    }
    .gphb-product-box .gphb-product-right-box .gphbrb-title{
      font-size: 28px;
      color: #333333;
      margin-bottom: 60px;
      
      }
      .gphb-product-box .gphb-product-right-box .gphbrb-link{
        font-size: 18px;
        }
        .submited-box-outer{
          display: none;
        }
    .phone-inner-box{
       display: flex;
       gap: 15px; 
       align-items: center;
    }
    .phone-inner-box #area_code_input{
    width: 200px;
    flex-shrink: 0;
    }
        .common-warranty-registration-form-box select {
          /* 隐藏默认的下拉箭头 */
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          /* 添加自定义的背景图片作为下拉箭头 */
          background-image: url('https://cdn.shopify.com/s/files/1/0556/1768/3534/files/1a4515381adacd1fca67b3633320fb57.png?v=1693905209');
          background-repeat: no-repeat;
          background-position: right 20px center;
          padding-right: 20px;
          background-size: 15px;
        }
        .common-warranty-registration-form-box .orderNumber-input-box{
          position: relative;
          display: flex;
          align-items: center;
        }
        .common-warranty-registration-form-box .orderNumber-input-box .checkBox{
          position: absolute;
        width: 20px;
        height: 20px;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        }
        .common-warranty-registration-form-box .orderNumber-input-box .checkBox img{
          display: none;
          width: 100%;
          height: 100%;
        }
        .gphb-product-tabbar{
          display: flex;
          gap: 60px;
          font-weight: bold;
          font-size: 20px;
          margin-bottom: 30px;
        }
    .gphb-product-tabbar-item{
    border-bottom: 1px solid transparent;
    cursor: pointer;
    }
    .gphb-product-tabbar-item.active{
      border-color: currentColor;
    }
    .gphb-product-content .item+.item{
      margin-top: 30px;
    }
    /* warranty end */
     
    
    
    .tool-tip-trigger__content{
      display: none;
     
    }
    .tool-tip-trigger__content-outer-outer{
      position: fixed;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        
        z-index: 222222;
    }
    .tool-tip-trigger__content-outer{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 232323;
        max-width: 1140px;
    }
    .tool-tip-trigger__content::before{
      content:"";
      background-color:rgba(0,0,0,0.85);
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      z-index:23232;
    }
    .tool-tip-trigger__content-inner{
    
      position: relative;
      z-index: 1;
      
    }
    .social-media-container .tool-tip-trigger__content-inner{
      width:83.7%;
    }
    .tool-tip-trigger__content-inner .item{
      overflow: hidden;
      border-radius: 10px;
    }
    .tool-tip-trigger__content-inner video{
      max-width: 80vw;
      max-height: 80vh;
      min-width: 300px;
    }
    .tips-content .content-box{
      font-size:1.042vw;
    }
    .tool-tip-trigger__content-inner iframe{
      width: 100%;
      height: 450px;
    }
    .pop_content{
      max-height: 700px;
      overflow-y: auto;
    }
    .pop_title{
      font-size: 20px;
      padding-bottom: 10px;
      border-bottom: 1px solid #ccc;
      margin-bottom: 20px;
    }
    .tool-tip__close{
      border-radius: 50px;
        line-height: 0;
        position: absolute;
        top: 20px;
        right: 20px;
        background-color: transparent;
        border-color: transparent;
        cursor: pointer;
        z-index: 33333;
    }
    
    .tool-tip__close svg{
      width: 50px;
      height: 50px;
      fill: #fff;
    }
    .tool-tip__close svg path{
      stroke: #BDBDBD;
    }
    .tool-tip-trigger__content-outer .review-item:not(.active){
      display: none;
    }
    .tool-tip-trigger__content-outer .review-item{
      border-radius: 18px;
      background-color: transparent;
    }
    .index-media-review-box .common-wrapper{
      max-width: 1024px;
    }
    .index-media-review-box .pfi-inner{
    background: #F5F5F5;
    border-radius: 10px;
    padding: 20px 10px;
    
    }  
    .index-media-review-box .common-icon-text-box{
    margin: 0px -6px;
    }
    .index-media-review-box .common-icon-text-item{
    padding: 0px 6px;
    }
    .index-media-review-box .common-icon-text-item:not(:last-child):after{
    display: none;
    }
    .index-media-review-box .common-icon-text-item .common-subtitle {
      margin-bottom: 0;
      font-size: 15px !important;
      color: #666;
      min-height: 55px;
    }
    
    .index-media-review-box .common-icon-text-item .common-title {
    font-size:20px!important;
      margin-bottom: 3px;
    }
    .index-media-review-box .common-icon-text-item:nth-child(2) .image-box img {
      height: 30px !important;
    }
      .index-media-review-box .image-box img {
        max-height: 55px;
      height: unset;
    }
    .index-media-review-box .image-box  {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .video-media-box .link-btn{
    font-size: 19px;
    padding: 15px 39px;
    background: #fff;
    border: 1px solid #fff;
    font-weight: 700;
    }
    .click-sound-btn{
    position: absolute;
    width: 56px;
    height: 56px;
    border-radius: 50px;
    background: #5A5A5A4D;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 6;
    cursor: pointer;
    bottom: 61px;
      right: 22vw;
      line-height:0;
    }
    .click-sound-btn .icon-open-box{
    display: block;
    }
    .click-sound-btn .icon-close-box{
    display: none;
    }
    .click-sound-btn.no-active .icon-open-box{
    display: none;
    }
    .click-sound-btn.no-active .icon-close-box{
    display: block;
    }
    .coupon-submit-text{
      display: none;
    }
    .product-subscription-coupon-block .coupon-submit-text{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
    }
    .product-subscription-coupon-block .coupon-submit-text svg{
      display:none;
    }
    
    .product-subscription-coupon-block  .coupon-submit-text+span{
      display:none;
    }
    .product-subscription-coupon-block .newsletter-form__button.loading{
      pointer-events: none;
    }
    .product-subscription-coupon-block .newsletter-form__button.loading text{
      display:none;
    }
    .product-subscription-coupon-block .newsletter-form__button.loading svg{
      display:block;
    }
    .index-first-text-box .section-header-custom-html {
      font-size: 18px;
      color: #666666;
      margin-top: 35px;
    }
    .index-first-text-box .common-header .banner__buttons .new-button{
      margin-top: 40px!important;
    }
    .index-first-text-box .common-header{
      margin-bottom: 40px!important;
    }
    @media screen and (min-width: 589px) and (max-width: 1500px) {
      .index-first-text-box .common-header .banner__buttons .new-button{
        margin-top: 25px!important;
      }
      .index-first-text-box .common-header{
        margin-bottom: 25px!important;
      }
    }
    @media screen and (max-width: 589px)  {
     
      .card-product-bottom{
        margin-top:4px!important;
      }
      .card-product-bottom .shop-now-btn{
        font-size: 12px;
        padding: 3px;
      }
      .card__heading .full-unstyled-link{
        font-size:12px;
      }
      .index-first-text-box .common-header .banner__buttons .new-button{
        margin-top: 20px!important;
      }
      .index-first-text-box .common-header{
        margin-bottom: 20px!important;
      }
    }
    
    .index-first-text-box .common-header .common-title + .common-subtitle {
      margin-top: 40px;
    }
    .viceo-banner .common-header-inner .section-subtitle small{
      font-size: 24px;
      display: block;
      margin-top: 30px;
      color: #ffffff;
    }
    .product-black-bg-box .common-bottom-content{
    color:#fff;
    }
     .brand-stoty-banner .link-btn{
      font-size: 24px;
      padding: 10px 19px;
      background: #fff;
      margin-top: 15px;
     }
     .brand-stoty-banner .section-logo img{
      max-width: 417px;
      width: 417px;
     }
     .brand-stoty-banner .link-btn{
      padding: 10px 30px;
     }
     .brand-stoty-banner .common-media-item .section-logo img {
      /* max-width: 410px; */
      width: 100%;
       display:block;
       min-ehight:30px;
    }
    
    .brand-story-brand-1 .SP_sss{
        background: #000;
          padding: 50px 20px;
    }
    .brand-story-brand-1 .partner-logos{
      max-width: 1000px;
        margin: 0 auto;
    }
    .brand-story-brand-1 .section-title{
      margin-bottom:0px!important;
    }
    /* restart */
    @media only screen and (min-width: 1921px) {
      .warranty-registration-icon-box .common-icon-text-box{
        row-gap:100px;
      }
      .warranty-registration-icon-box .common-header{
        margin-bottom:99.994px;
      }
      .common-store-awards-container .common-header{
        margin-bottom: 135px;
      }
      .common-store-awards-container .common-store-awards-box{
        margin-bottom: 135px;
      }
      
      .common-ist-item+.common-ist-item{
        margin-top: 130px;
      }
      .common-waw-item+.common-waw-item{
        margin-top: 130px;
      }
      .common-waw-container .image-box{
        margin-bottom: 150px;
      }
      
      .common-collection-product-box  .text-box  .new-button{
     
        margin-top: 40px;
      }
      .common-collection-product-box  .text-box .common-product{
        margin-bottom: 30px;
      }
      .common-collection-product-box .text-box{
        padding: 55px 40px;
      }
      .banner-item-product .common-wrapper{
        max-width: 1280px;
      }
      
      
    
       .common-blog-featured-box .text-box-outer  .new-button{
        margin-top: 70px;
      }
      
      .testimonials-person-say-container .text-box .title{
        font-size: 32px;
       }
      .testimonials-person-say-container.common-title{
        font-size: 39.9994px;
      }
    }
    
    @media only screen and (max-width: 1600px) {
      .brand-story-brand-1 .SP_sss{
     
          padding: 30px 15px;
    }
     body .index-media-review-box .common-icon-text-item .common-subtitle{
        font-size: clamp(15px, 1.18vw, 1.18vw)!important;
      }
      .video-swiper-container .swiper-button-next {
        right: -30px;
    }
    .video-swiper-container .swiper-button-prev {
      left: -30px;
    }
    }
    @media screen and (min-width:991px) {
     
    .product-slider-outer-box.thumbnails-side   slider-component.slider-main{
      flex: calc(100% - calc(12.814% + 15px) );
      width: calc(100% - calc(12.814% + 15px) ); 
      order: 2;
      
    
    }
    .product-slider-outer-box.thumbnails-side {
      display: flex;
         align-items: flex-start;
    }
    
    .product-slider-outer-box.thumbnails-side .main-slider {
      order: 2;
      width: 100%;
    }
    
    
    .product-slider-outer-box.thumbnails-side .thumbnail-slider .thumbnail-list {
      flex-direction: column;
      width: 100%;
       padding: 0px;  
     max-height: 800px;
    }
    
    .product-slider-outer-box.thumbnails-side .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
      width: 100% !important;
    }
    }
    @media screen and (min-width:820px)  and (max-width:1500px){
      .brand-stoty-banner .section-logo img {
        max-width: 317px;
        width: 317px;
    }
      .common-image-featured-box .text-box {
        padding: 0px 10%;
        top:60px;  
        
      }
      .full-unstyled-link{
        font-size:21px;
      }
      .footer-block__newsletter .footer-block__heading {
        font-size: 28px;
    }
    .newsletter-form__field-wrapper .field__input{
      font-size: 18px;
    }
    }
    
    
    
       @media screen and (max-width:990px) {
        .common-index-iat-box{
          border-radius: 12px;
        }
        body .new-button{
          font-size: 12px;
          padding: 5px 28px;
        }
        .common-about-help-container .common-about-help-box{
          max-width: 90%;
          margin-left: 5%;
        }
        .common-about-help-container .image-box{
          width: 80px;
        }
        .common-about-help-container .text-box .bottom-content{
          font-size: 14px;
        }
        .common-about-help-container .icon-box {
          width: 6px;
          height: 12px;
          
      }
        .about-banner-2 .bg-text-wrapper-inner{
    text-align: left!important;
        }
        .common-waw-container .image-box{
          margin-bottom: 125px;
        }
        .common-waw-item+.common-waw-item {
          margin-top: 130px;
      }
      .common-ist-item .pfi-inner .text-box-inner{
        padding-right: 0px;
      }
        .article-template-box .newsletter-box,
        .article-template-box .all-article-filter-box,
        .article-template-box .recent-article-box{
          margin-bottom: 60px;
        }
        .article-related-product-title{
          font-size: 24px;
        }
        .article-related-product-box .item{
          padding-left: 6px;
        }
        .article-related-product-box .card__information {
          padding-top: 15px;
      }
      .article-related-product-box .card-product-bottom a {
        margin-top: 15px;
        font-size: 14px;
    }
    .comments-inner{
      max-width: 100%;
      width: 100%;
    }
    .article-template-box .article-card-wrapper+.article-card-wrapper {
      margin-top: 35px;
    }
      .article-related-product-box .card-product-bottom{
        margin-top: 10px;
      }
        .article-related-product-box{
          margin-left: -6px;
        }
        .article-related-product-box-outer {
          margin-top: 65px;
      }
        .article-template-box .left-box{
          max-width: 550px;
        }
        .article-template-box .article-template__title{
          font-size: 32px;
        }
        .blog-articles {
          grid-template-columns: 1fr 1fr;
          row-gap: 80px;
        }
        #blog-select-option{
          width: 100px;
        }
        .blog-search-form{
          padding: 10px 20px;
            max-width: 217px;
            margin-right: 15px;
        }
        .common-ist-item .pfi-inner .image-box {
          flex: 0 1 56%;
          width: 60.1%;
          max-width: 56%;
      }
      .common-ist-item .pfi-inner .text-box {
        flex: 0 1 39.25%;
        margin-left: 5%;
        max-width: 39.25%;
        width: 39.25%;
    }
    .common-about-featured-box-outer{
      padding: 0px;
    }
    
    .about-banner-2 .bg-text-wrapper-inner{
      max-width: 60%!important;;
    }
    .common-about-help-container .pfi-inner {
      padding-right: 3%;
    }
        
      .common-waw-container .image-box{
        margin-bottom: 100px;
      }
        .common-waw-container  .text-box  .common-subtitle{
          max-width: 100%;
        }
        .facets #FacetSortForm{
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
        .collection-banner .bg-text-wrapper-inner{
          transform: none;
          max-width: 90%!important;
        }
      
        .collection-filter-box{
          flex:0 1 50%;
          padding-right: 35px;
        }
        .collection-product-box{
          flex:0 1 50%;
        }
        .common-collection-product-box .text-box{
         
          width: 50%;
        
        padding: 21px;
        background: rgba(0, 0, 0, 0.3);
        backdrop-filter: blur(5px);
        }
        .common-collection-product-box .text-box .new-button{
          margin-top: 45px;
          font-size: 12px;
          padding: 4px 18px;
        }
        .common-collection-product-box .text-box .common-product{
          margin-bottom: 35px;
        }
        .common-collection-product-box .image-box{
          width: 100%;
        }
       
        .common-product-item-outer{
          max-width: 100%!important;
        }
        #to-top svg{
          width: 20px;
          height: 20px;
        }
        #to-top{
          width: 40px;
          height: 40px;
        }
        .banner--large:not(.banner--adapt) img {
          height: 54rem;
      }
        .common-image-featured-item  .image-box{
          height: 540px;
        }
        .common-media-swiper-item .featured-box .image-box{
          width: 50px;
          height: 50px;
        }
        .common-media-swiper-item  .featured-box .image-box svg{
    max-width: 100%;
    max-height: 100%;
        }
        .common-configuration-box .top-image-box+.pfi-inner{
          margin-top: 25px;
        }
        product-recommendations .product-grid{
          display: -webkit-box;
          overflow-x: scroll;
          flex-wrap: unset;
        }
        
        .product-recommendations .grid__item {
          width: 45%;
          max-width:45%;
      }
        slider-component.slider-main{
          margin-bottom: 20px;
        }
        /* .product-coupon-block{
          max-width: 480px;
    
        } */
        .product-coupon-box{
          padding: 8px 88px;
        }
        .product-coupon-block,
        .product__info-wrapper .product-html-content{
          margin-top: 0px!important;
          margin-bottom: 30px!important;
        }
        .product__info-wrapper .product-short-desc{
          background-color: transparent;
          padding: 0px;
          border-bottom: 1px solid #D4D2D1;
          padding-bottom: 20px;
          margin-bottom: 30px;
          border-radius: 0;
        }
        .product__info-wrapper .variant-box {
          background: transparent;
          border-radius: 0px;
          padding: 0px;
      }
        .product__info-wrapper .shipping_content{
         
          max-width: 100%;
          border-radius: 0px;  
          background: transparent;  
        }
        .shipping_content ul{
          max-width: 100%;
          margin-left: 0%;
        }
        .product__info-wrapper .product-html-content{
          margin-bottom: 20px;
        }
        .product__info-wrapper .price {
          margin-bottom: 15px;
        }
        div.product .price--on-sale .price-item--regular{
          font-size: 12px!important;
        }
        .product__title h1{
          font-size: 32px;
          margin: 12px 0px;
        }
       body .product-slider-outer-box.thumbnails-side .thumbnail-list__item{
          height: unset!important;
        }
        .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide){
          margin-right: 0px!important;
          margin-left: 0px!important;
        }
        .product-slider-outer-box.thumbnails-side .thumbnail-slider{
          width: 100%;
          margin-right: 0px;
          margin-left: 0px!important;
          flex-direction: row;
        }
        .product__media-wrapper,.product__info-wrapper{
          padding-left: 0px!important;
          width: 100%!important;
        }
         
        body[data-type=product] .testimonials-section-swiper-container .testimonial_swiper-button-prev,
        body[data-type=product] .testimonials-section-swiper-container .testimonial_swiper-button-next{
          display:none!important;
        }
     
       
        .product-slider-outer-box.thumbnails-side {
             padding-right: 0px;
             padding-bottom: 60px;
        }
        .common-product-operation-container .content-box .common-product-operation-item:nth-child(1) {
          width: 40%;
          padding-right: 30px;
      }
      .common-product-spec-container .item .right-box li .li-label{
        font-size: 16px;
      }
      .common-product-spec-container .item .right-box li .li-content {
        font-size: 14px;
        
    }
    .common-product-spec-container .item .right-box {
      margin-bottom: -30px;
    }
    .common-product-spec-container .item .right-box li {
      margin-bottom: 35px;
    }
      .common-product-operation-container .content-box .common-product-operation-item:nth-child(2) {
        width: 60%;
    }
        .common-product-item-item{
          flex:0 1 33.33333%!important;
          padding: 0 10px;
          margin-bottom: 60px;
        }
        .common-product-item-container .content-box{
          max-width: 80%;
          margin: 0 auto -60px;
        }
      
        .common-icon-text-container .common-wrapper{
          padding: 0px;
        }
        .common-media-item .bg-text-wrapper{
          padding:20px 0px;
        }
        .common-configuration-outer .image-box {
          max-width: 300px;
          text-align: left;
          flex: 0 1 300px;
           margin-right: 0%; 
          width: 300px;    
          margin-bottom: 10px;
      }
      .common-configuration-outer .text-box {
        width: 300px;
      }
        .common-configuration-outer .pfi-inner{
          display: flex;
          align-items: center;
          flex-direction: column;
        }
        .common-media-item .common-header:not(.has_low){
          margin-bottom: 45px!important;
        }
   
        .common-iwt-content .common-iwt-image-box{
          max-width: 100%;
        } 
        .common-iwt-content .common-iwt-text-box .subtitle{
          max-width:56%;
        }
        .common-media-item .featured-box .item+.item {
          margin-left: 8%;
      }
        .footer-additional-text, .footer-additional-text a{
          color:#999999;
        }
        .footer__content-bottom-wrapper .top-box{
          display: block;
        }
        .footer__content-bottom-wrapper .top-middle-box{
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
        .footer__content-bottom-wrapper  .list-social{
          margin-top: 0px;
        }
        .footer-block--newsletter{
          margin-bottom: 40px;
        }
        .footer__content-top{
          padding-bottom:0px!important;
        }
        .footer__content-bottom{
              border-top: none!important;  
              padding-top: 25px!important;
        }
        
        .footer-block-item-box .footer-block__heading{
          font-size: 18px;
          color: #999999;
          padding-bottom: 12px;
          margin-bottom: 12px;
          border-bottom: 1px solid #999999;
        }
        .footer-block--menu{
          margin-right: 0px!important;
        }
        .footer-block__details-content{
          display: none;
          padding-bottom: 20px!important;
        }
        .footer-block__heading.active~.footer-block__details-content{
    display: block;
        }
        .footer-block-item-box{
          display: block;
        }
        .footer__blocks-wrapper{
          display: block;
        }
        .footer-block--newsletter-box{
          width:100%;
          max-width:100%;
          margin-right:0px;
        }
        .testimonials-section-swiper-container .swiper-slide.side{
          opacity:1;
          }
        .megamenu__right-box{
          padding-left:20px;
        }
         
        .megamenu__right-box .common-title {
        
          font-size: 28px;
      }
       
        .header-wrapper{
          padding:19px 0px;
        }
        .common-image-featured-box .text-box .common-title{
          font-size: 24px;
        }
        .common-image-featured-box .text-box .common-subtitle{
          font-size: 16px;
        }
        .slideshow__text-wrapper.banner__content-mb--top-center .slideshow__text.banner__box,
        .slideshow__text-wrapper.banner__content-mb--top-left .slideshow__text.banner__box,
        .slideshow__text-wrapper.banner__content-mb--top-right .slideshow__text.banner__box{
          justify-content: flex-start;
              } 
              .slideshow__text-wrapper.banner__content-mb--bottom-center .slideshow__text.banner__box,
              .slideshow__text-wrapper.banner__content-mb--bottom-left .slideshow__text.banner__box,
              .slideshow__text-wrapper.banner__content-mb--bottom-right .slideshow__text.banner__box{
                justify-content: flex-end;
                    } 
                    .shipping_content{
                      padding: 0px;
                    }
                  }
       @media screen and (min-width:590px) and (max-width:990px) {
        .slideshow  .new-button{
          font-size: 12px;
          padding: 5px 28px;
        }
    .common-tai-box .swiper-button-next {
        right: 11%;
    }
    .common-tai-box .swiper-button-prev {
        left: 11%;
    }
        .common-about-featuerd-item  .text-box-inner  .common-subtitle{
        min-height: 44px;
        display: flex;
        align-items: center;
      }  
        .pcbi-title{
          margin-right: 60px;
        }
        .testimonials-person-say-container .text-box .common-subtitle{
          text-align: left;
        }
        .common-full-pad{
          padding:0px;
        }
         .common-blog-featured-box .text-box-outer {
          width:100%;
        }
        
        .new-button{
          font-size:18px;
        }
        .slideshow__text-wrapper.banner__content.banner__content--bottom-right, .slideshow__text-wrapper.banner__content.banner__content--bottom-left, .slideshow__text-wrapper.banner__content.banner__content--bottom-center {
          padding-bottom: 70px!important;
      }
      .common-image-featured-box .text-box{
        top:55px;
        padding:0px 60px;
      }
      .common-blog-featured-box .text-box-outer{
        padding:25px 30px;
      }
      .common-blog-featured-box .text-box-outer .new-button{
        font-size:14px;
        border: none; 
      }
      .testimonials-person-say-container .common-title{
        margin-bottom:30px;
      }
      .common-header{
        margin-bottom:30px;
      }
       }
       @media only screen and (min-width:769px) {
       .facets__form-vertical {
     
        width: 100%;
        max-width: 200px;
      }
      .facets-vertical .facets__summary {
        padding-top: 23px;
        margin-bottom: 0;
        padding-bottom: 23px;
      }
       }
       @media screen and (min-width:590px) and (max-width:768px) {
     
        .common-icon-text-container .image-box{
          height: 110px;
        }
        .index-media-review-box .image-box img{
          max-height: 50px;
        }
        .common-about-featured-box-outer .text-box-inner{
          padding:10px;
        }
        .common-about-featuerd-item {
          padding-left: 10px;
      }
      .common-about-featuerd-box {
        margin-left: -10px;
    }
        .common-collection-product-box .text-box .common-product {
          margin-bottom: 15px;
      }
      .common-collection-product-box .text-box .new-button{
        margin-top:15px;
     
      }
        .facets-vertical .facets__summary {
          padding-top: 20px;
          padding-bottom: 20px;
        }
       
        .common-image-featured-box .text-box {
          padding: 0 30px;
      }
      .common-media-item .featured-box .content{
        font-size: 34px!important;
      }
       }
    
     
       @media only screen and (min-width:590px) {
      
        .facets__display-vertical {
          padding-bottom: 1.5rem;
        }
        .product-slider-outer-box.thumbnails-side .slider-button--prev svg {
          transform: rotate(180deg);
        }
      
        .product-slider-outer-box.thumbnails-side .slider-button--next svg {
          transform: rotate(0deg);
        }
      
        .product-slider-outer-box.thumbnails-side .slider-button {
          height: 35px;
        }
      
      }
      
    
    
       @media screen and (max-width:589px) {
        .bg-text-table-wrapper .new-button{
          font-size: 16px;
          padding: 8px 24px;
        }
          .new-swiper-pagination .swiper-pagination-bullet-active{
            width:40px;
          }
          .new-swiper-pagination .swiper-pagination-bullet{
            height:3px;
          }
        .brand-stoty-banner{
          padding-bottom: 80px!important;
          background-color: #000;
        }
        .brand-stoty-banner .bg-text-wrapper-inner{
          transform: translateY(100px);
        }
        .template--16398027423822__brand_story_1_tbpheN-section-partnerships .custom-link-wrapper a {
          font-size: 19px!important;
      }
        .brand-stoty-banner .link-btn{
          padding: 7px 15px;
          font-size: 16px;
        }
        .brand-stoty-banner .section-logo img {
          max-width: 200px;
          width: 200px;
      }
        .video-media-box .link-btn{
          font-size: 13px;
            padding: 10px 29px;
            margin-bottom: -15px;
        }
        .click-sound-btn {
          width: 40px;
          height: 40px;
          right: 50px;
          bottom: 35px;
      }
        .phone-inner-box #area_code_input {
          width: 120px;
      }
          .gphb-product-box .gphb-product-right-box .gphbrb-title {
            font-size: 16px;
            margin-bottom: 10px;
        }
        .go-product-help-box .gphbrb-link svg {
          width: 9px;
          height: 9px;
      }
      .gphb-product-box .gphb-product-right-box .gphbrb-subtitle {
        font-size: 12px;
      }
        .gphb-product-box .gphb-product-right-box .gphbrb-link {
          font-size: 14px;
      }
          .gphb-title {
            font-size: 17px;
            margin-bottom: 25px;
        }
        .gphb-product-box {
          gap: 10px;
          flex-direction: column;
          align-items: flex-start;
      }
        .gphb-subtitle {
          font-size: 14px;
          margin-bottom: 20px;;
      }
          .submited-image-box {
            margin: 0 auto 25px;
            padding-bottom: 20px;
        }
          .submited-header-box h2 {
            font-size: 30px;
            margin-bottom: 50px;
        }
          .common-warranty-registration-form-box .orderNumber-input-box .checkBox {
            width: 15px;
            height: 15px;
            right: 10px; 
        }
          .common-warranty-registration-form-box .product-box {
            grid-template-columns: repeat(2,1fr);
        }
            .common-warranty-registration-form-box .product-series-hidden-box{
              margin-top: 20px;
          margin-bottom: 0;
         }
          .common-warranty-registration-form-box .product-hidden-box {
            margin-top: 20px;
            margin-bottom: 30px;
        }
        .common-warranty-registration-form-box .label-text-second {
          margin-bottom: 20px;
      }
          .common-warranty-registration-form-box .input-item {
            margin-bottom: 20px;
        }
          .common-warranty-registration-form-box select {
      background-position: right 8px center;
            background-size: 10px;
        }
          .common-warranty-registration-form-box .radio-item i, .common-warranty-registration-form-box .input-item i {
            width: 15px;
            height: 15px;
            margin-right: 5px;
            margin-top: 2px;
        }
        .common-warranty-registration-form-box .radio-item i:after, .common-warranty-registration-form-box .input-item i:after {   
          width: 5px;
          height: 5px;
          transform: translate(-65%,-55%);
      }
          .common-warranty-registration-form-box .input-el{
            height: 30px;
            font-size: 14px;
            padding: 5px 10px; 
            padding-right:20px;
          }
          .warranty-registration-icon-box .common-icon-text-box{
            row-gap: 20px;
            align-items: flex-start;
          }
          .warranty-registration-icon-box .common-subtitle {
            margin: 0px -18px;
            scale: 0.9;
        }
          .warranty-registration-icon-box .common-icon-text-box .image-box img {
            height: 40px!important;
        }
          .warranty-registration-icon-box .common-icon-text-item{
            flex: 0 1 33.33333%!important;
          }
      
       
     
        .common-index-iat-box{
          flex-direction: column;
        }
        .common-index-iat-box .image-box {
          flex: 0 1 100%;
          order: 1;
      }
      .common-index-iat-box .text-box {
        flex: 0 1 100%;
        order: 2;
    }
    .common-index-iat-box .common-product{
      margin-bottom: 24px;
    }
    .common-index-iat-box .text-inner{
      margin-bottom: 40px;
      min-height:100px;
    }
    .common-index-iat-box .text-box{
      padding: 25px 15px;
    }
        .common-tai-box .common-tai-swiper-button {
          width: 40px;
          height: 40px;
        }
        .common-tai-box .swiper-button-prev {
          left: 7%;
      }
      .common-tai-box .swiper-button-next {
        right: 7%;
    }
        .slideshow__text_inner{
          max-width: 100%!important;
        }
        .article-template__comment-wrapper{
          margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 50px;
        }
      .common-about-help-container .image-box {
        width: 65px;
    }
      .about-banner-2 .bg-text-wrapper-inner {
        vertical-align: top;
    }
    .common-about-help-container .common-about-help-box {
      max-width: 100%;
      margin-left: 0;
    }
    .about-banner-2 .hero__text-content.vertical-center {
      transform: translateY(0%);
    }
    .common-about-help-item+.common-about-help-item{
      margin-top: 50px;
      margin-left: 0px;
    }
    .common-about-help-container .text-box .contact-content {
      margin-top: 10px;
    }
        .common-about-featured-box-outer{
          top: 0px;
          left: 0px;
          transform: unset;
          height: 100%;
          display: flex;
          align-items: center;
        }
        .common-about-featuerd-item+.common-about-featuerd-item{
          margin-top: 50px;
        }
        .common-store-awards-container .common-store-awards-box{
          margin-bottom: 20px;
        }
        .common-waw-container .image-box{
          margin-bottom: 70px;
        }
        .common-about-help-container .text-box .bottom-content{
          font-size: 12px;
        }
        .common-waw-item+.common-waw-item {
          margin-top: 60px;
      }
      .common-about-help-container .icon-box {
        width: 5px;
        height: 10px;
        
    }
        .article-template-box .mb-article-filter-box{
          display: block;
        }
        .article-template-box .article-share-box{
          order:3;
               display:none;
        }
        .article-template-box .recent-article-box{
          order:1;
        }
        .article-template-box .newsletter-box{
          order:2;
          display:none;
        }
       .article-template-box .right-box .all-article-filter-box{
          display: none;
        }
        .article-related-product-box{
          white-space: nowrap;
          display: -webkit-box;
          overflow-x: scroll;
          flex-wrap: unset;
        }
        .article-template-box .right-box{
          display: flex;
          flex-direction: column;
        }
        .article-template-box .right-box {
          max-width: 100%;
          position: unset;
          top: 0px;
          width: 100%;
          margin-left: 0px;
      }
        .article-related-product-box .card-product-bottom{
          align-items: flex-start;
        justify-content: flex-start;
        }
        .article-related-product-box .card__information .card__heading {
          justify-content: left;
      }
        .article-related-product-box{
          margin-bottom: 45px;
        }
        .article-related-product-box .item{
          width: 90%;
        }
        .article-template-box .article-template__title{
          font-size: 24px;
        }
        .article-template-box .left-box{
          width: 100%;
          max-width: 100%;
        }
        .all-article-filter-box{ 
          margin-bottom: 50px;
        }
        .common-main-article-header-outer .common-header{
          margin-bottom: 0px!important;
        }
       
        .article-template-box{
          display: block;
        }
        .blog-search-more-box {
          margin-bottom: 20px;
      }
      .article-card__image--medium .ratio:before {
        padding-bottom: 16rem!important;
    }
    .article-card-wrapper .card__heading .full-unstyled-link {
      font-size: 18px;
    }
        .blog-option-box{
          display: block;
        }
        .blog-option-box .left-box{
          width: 100%;
          display: block;
      }
      .all-tag-box {
        justify-content: flex-start;
    }
    .blog-search-form{
      width: 100%;
      max-width: 100%;
      margin-bottom: 30px;
    }
        .video-swiper-container .swiper-button-next {
        display: none;
      }
      .video-swiper-container .swiper-button-prev {
     display: none;
      }
     
        .common-about-help-container .common-about-help-box{
          display: block;
        } 
        .common-about-help-container .text-box .bottom-content{
          font-size: 14px;
        }
        .common-about-help-container .icon-box{
          width: 7px;
        }
        .common-ist-item .pfi-inner{
          display: block;
        }
        .common-ist-item .pfi-inner .image-box {
          flex: 0 1 100%;
          width: 100%;
          max-width: 100%;
      }
      .common-ist-item .pfi-inner .text-box {
        flex: 0 1 100%;
        width: 100%;
        max-width: 100%;
        margin-left: 0%;
        margin-top: 60px;
    }
    .common-ist-item+.common-ist-item {
      margin-top: 60px;
    }
    .common-about-featuerd-box{
      display: block;
    }
     
    .slideshow__slide .banner__heading .logo-svg svg{
      max-width: 120px;
    }
    .common-ist-item .pfi-inner .text-box-inner{
      padding-right: 0px;
    }
        .collection-banner .bg-text-wrapper-inner{
          max-width: 100%!important;
        }
        .collection-filter-box{
          padding-right: 0px;
        }
        .collection-filter-box{
      
          z-index: 3;
        }
        .card-product-bottom   .price .price-item{
          font-size: 14px;
        }
        .collection-banner .hero__text-content{
          padding-top: 85px;
        }
        .common-collection-product .common-wrapper{
    padding:0px!important;
        }
        .filter_vertical-layout{
          display: block;
        }
        .collection-filter-box{
          padding-bottom: 20px;
        border-bottom: 1px solid #D5D5D5;
        margin-bottom: 40px;
        }
        .common-collection-product-box{
          display: flex;
          background: #000;
        align-items: center;
        flex-wrap: wrap;
        }
        .common-collection-product-box .text-box,
        .common-collection-product-box .image-box{
          width: 100%;
           
        }
        .common-collection-product-box .text-box{
          padding: 20px;
          bottom: 0px;
          top: unset;
          height: 65%;
        }
        .common-collection-product-box .text-box .common-product{
          margin-bottom: 20px;
        }
        .common-collection-product-box .text-box .new-button {
          margin-top: 5px;
        }
        .common-collection-product-box .common-wrapper{
    padding: 0px;
        }
        .common-product-item-box .image-box-inner{
          width: 100%;
          height: 100%;
        }
        .banner--large:not(.banner--adapt) img {
          height: 54rem;
      }
        .product-form__input input[type=radio]+label{
          margin-right: 15px!important;
        }
        .product-coupon-box{
          padding: 8px 10px;
        }
        .pcbi-tips-box{
          margin-right: 5px;
        }
        .pcbi-content{
          font-size: 12px;
        }
        .pcbi-title{
          padding-right: 15px!important;
          font-size: 18px;
          margin-right: 10px;
        }
        
        .thumbnail-list{
          padding-right: 2px;
        }
        .common-product-item-outer{
          max-width: 100%!important;
        }
        .common-featured-item, .common-icon-item{
          margin-bottom: 10px;
        }
        .mb-text-top .common-featured-box  .common-featured-item{
          margin-bottom: 0px;
        }
        .mb-text-top .common-featured-box  .common-featured-item+ .common-featured-item{
          margin-top: 30px;
        }
     .mb-text-top   .common-featured-box  .pfi-inner{
          display: flex;
        flex-direction: column-reverse;
        text-align: center;
        }
        .mb-text-top   .common-featured-box .image-box{
    margin-bottom: 0px;
        }
        .mb-text-top   .common-featured-box .text-box{
          margin-bottom: 10px;
        }
        .common-media-item .prtext-wrapper .hero__text-content .common-title, h2.common-title, .common-title.h2, .common-title{
          margin-bottom:10px;
        }
        .common-media-item .bg-text-wrapper-inner{
          max-width:100%!important;
        }
        .common-media-swiper-item .featured-box .item{
          padding:0px 50px;
        }
        .common-media-swiper-item .item-inner{
          justify-content: flex-start;
        }
        .common-media-swiper-item .featured-box{
          display: block;
        }
        .common-media-swiper-item .featured-box .item+.item{
          margin-left: 0px;
          margin-top: 24px;
        }
       
        .common-configuration-outer .image-box {
          
          padding-right: 10px;
      }
      .common-configuration-outer .image-box .name {
        margin-top: 15px;
        text-align: center;
    }
    .common-configuration-item{
      margin-bottom: 0px;
    }
    .common-configuration-item:first-child{
      margin-top: 30px;
    }
      .common-configuration-outer .text-box .item+.item {
        margin-top: 18px;
    }
        .common-configuration-outer .name, .common-configuration-outer .label{
          font-size: 16px!important;
        }
        .common-configuration-outer .content{
          font-size: 12px!important;
        }
        .common-configuration-box  .pfi-inner{
          flex-direction: row;
          align-items: flex-start;
        }
        .common-configuration-box{
          flex-direction: column-reverse;
        }
        .common-configuration-item{
          width:100%;
        }
        .common-featured-box, .common-icon-box{
          display: block;
        }
        .common-featured-outer .image-box{
          margin-bottom: 15px;
        }
        .common-product-featured-container .common-featured-box .common-subtitle .small-text {
          font-size: 16px;
      }
        .common-product-featured-container .common-featured-box .common-subtitle b{
          font-size: 24px;
        }
        .common-iwt-content-item+.common-iwt-content-item {
          padding-top: 80px;
        }
          .common-iwt-content-mb-top .common-iwt-text-box{
            order:2;
            padding-top:20px;
          }
          .common-iwt-content-mb-top .common-iwt-image-box{
            order:1;
          }
          .common-iwt-content-mb-bottom .common-iwt-text-box{
            order:1;
            padding-top:20px;
          }
          .common-iwt-content-mb-bottom .common-iwt-image-box{
            order:2;
          }
        .common-iwt-content .common-iwt-text-box .subtitle{
          max-width: 100%;
        }
        .common-iwt-content .common-iwt-image-box .feature-row__image-wrapper+.feature-row__image-wrapper{
          margin-top: 8px;
        }
        .common-media-item .featured-box{ 
          display: block;
          text-align: left;
        }
        .common-media-item  .featured-box .item+.item {
          margin-left: 0%;
          margin-top: 30px;
      }
      .common-media-item .featured-box .item{
        padding:0px;
      }
        body   .locale-selectors__selector{
          max-width: 100%!important;
          width: 100%!important;
        } 
        .top-amazon-commoon-tabber-outer .left-box{
          margin-bottom: 15px;
        }
        .tact-inner .price .price-item,    .tact-inner .price-item--sale{
    font-size:16px;
    margin: 0 0rem 0 0;
        }
        .tact-inner .price--on-sale .price-item--regular{
          font-size: 13px;
        }
        .tact-inner .price-item--sale,
        .tact-inner .price__regular .price-item--regular{
          color:{{settings.product_tabbar_text_color}}!important;
        }
        .tact-inner{
          display: block;
        }
        .tact-inner .right-box-buy-btn,
        .tact-inner .right-box-btn{
          padding: 5px 15px;
        
        margin-left: 5px;
     width: unset;
        white-space: nowrap;
        }
        .product-recommendations .grid__item {
          width: 85%;
          max-width: 85%;
      }
        slider-component.slider-main{
          margin-bottom: 15px;
        }
        .cart-count-bubble{
          bottom: 0rem;
        left: 1rem;
        }
        .pcbi-title{
          padding-right: 5%;
        }
        .product__info-wrapper .shipping_content{
          border-radius: 0px;  
          background: transparent;  
           padding: 0px;
           width: 100%;
           max-width: 100%;
        }
        .product-slider-outer-box.thumbnails-side {
          padding-bottom: 10px;
      }
        .product-form__buttons .add-to-cart-btn-box{
          margin-bottom: 15px;
        }
        .product__info-wrapper   variant-radios{
    margin-bottom: 15px;
        }
        .product-form__buttons{
          flex-flow: column-reverse;
          margin-right: 0px;
        }
        .product-form__buttons .buy-now-button, .product-form__buttons .add-to-cart-btn-box{
          width: 100%;
          padding-right: 0px;
        }
        /* .product__info-wrapper .product-modal,
        .product__info-wrapper .product__title,
        .product__info-wrapper .price{
    display: none;
        } */
       .mb-product-desc p{
    margin-top:0px;
       }
       .mb-product-desc{
        margin-top:30px;
        margin-bottom: 20px;
        display: block;
          }
          .mb-product-desc .product-modal{
    margin-bottom: 15px;
          }
          .product__title h1{
           margin-bottom: 15px;
          }
          .mb-product-desc    .product-short-desc{
    display: none;
           }
           
        body[data-type=product] .breadcrumb{
          display: none;
        }
        .price .price-item,
        .main-product-box .price-item--sale{
          color: #CE101F;
          font-size: 18px;
        }
        div.product .price--on-sale .price-item--regular {  
          margin-left: 23px!important;
      }
       
        .common-product-operation-container .content-box .common-product-operation-item {
          width: 100%!important;
          padding-right: 0px!important;
      }
      .common-product-spec-box .content-title {
        margin-bottom: 24px;
    }
    .common-product-spec-box .item {  
      padding-top: 24px;
      padding-bottom: 24px;
      display: block;
    }
    .common-product-spec-box .item .left-box {
      padding-right: 0px;
      width: 100%;
      margin-bottom: 24px;
    }
    .common-product-spec-container .item .right-box li {
      flex: 0 1 50%;
      margin-bottom: 15px;
      max-width: 50%;
      word-break: break-word;
    }
    .common-product-spec-container .item .right-box {
      margin-bottom: -24px;
    }
    /* .product-recommendations .grid__item{
      width:100%;
      max-width: 100%;
    } */
    .product-recommendations .card__heading {
      font-size: 20px;
    }
     
    /* .product-recommendations .grid__item+.grid__item{
      margin-top: 30px;
    } */
    .product__info-wrapper {
      padding-left: 0px!important;
    }
        .common-product-operation-container .content-box {
          display: block;
      }
        .common-product-item-container .content-box {
          max-width: 100%;
          margin: 0 auto -25px;
      }
      .common-product-item-item {
        flex: 0 1 50%!important;
        margin-bottom: 25px;
    }
    
     
    .common-product-item-container .content-box .image-box {
        
        max-width: 127px;
        height: 153px;
        
    }
    .common-product-item-container .header-box .common-subtitle, .common-product-item-container .content-box .common-subtitle {
      margin-top: 10px;
    }
    .common-product-item-container .content-box .image-box img {
      max-height: 135px;
    }
    .common-product-item-container .qty-box {
      width: 25px;
      height: 25px;
      font-size: 12px;
      top: -13px;
        left: -13px;
    }
        .common-product-item-container .header-box {
          margin-bottom: 25px;
      }
     
        .testimonials-person-say-container .image-box,
        .testimonials-person-say-container .video-box {
          margin-bottom: 10px;
      }
        .common-video-item .play-btn{
          width: 60px;
          height: 40px;
        }
        .common-video-item .play-btn svg {
          width: 20px;
          height: 15px;
      }
        .common-icon-text-container .common-subtitle{
          font-size: 12px!important;
        }
        .common-icon-text-box .image-box img{
          height: 20px!important;
        }
        .common-icon-text-box{
          flex-wrap: wrap;
        }
        .common-icon-text-item{
          flex:0 1 25% !important;
        }
        .common-icon-text-item:nth-child(4n)::after{
      display: none;
        }
        body .common-media-item .common-header:not(.has_low), .common-media-item .common-header{
          margin-bottom:23px!important;
        }
        .common-full-mb{
          padding:0px;
        }
      .footer__content-bottom  .list-payment{
          margin-bottom:20px;
        }
        .footer__copyright{
          text-align: left!important;
        }
        .footer__content-bottom-wrapper .top-box, .footer__content-bottom-wrapper .bottom-box,
        .footer__content-bottom-wrapper .top-middle-box{
          display: block;
        }
        .footer-additional-text {
          display: block;
    
        }
         .footer-additional-text a{
    font-size: 14px;
    display: table;
        margin-bottom: 10px;
        }
        .footer-additional-text li:not(:last-child){
          padding-right: 0px;
          border-right: unset;
          margin-right: 0;
        }
        .common-blog-featured-box .text-box-outer .new-button{
          font-size:14px;
        }
        .slideshow__text-wrapper.banner__content {
          padding-top:70px;
          padding-left:20px;
          padding-right:20px;
        }
        .testimonials-person-say-container .common-title{
          font-size:24px;
        }
        .common-header{
          margin-bottom: 20px!important;
        }
        .common-featured-outer .common-header{
          margin-bottom: 20px!important;
        }
      
       
      body  h2.common-title,body .common-title.h2,body .common-title{
          font-size: 24px;
        }
      
         .common-blog-featured-box .text-box-outer  .new-button{
          margin-top: 20px;
        }
        .new-button{
         
        line-height: 1.33;
        padding: 3px 16px;
        
        font-size: 14px;
        }
        
        .slideshow__text-wrapper.banner__content{
          position: absolute;
        width: 100%;
        top: 0px;
        left: 0px;
        height: 100%;
        
        }
        .slideshow__text-wrapper.banner__content--bottom-center .slideshow__text.banner__box{
    justify-content: flex-end;
        } 
        .slideshow__text-wrapper.banner__content--top-center .slideshow__text.banner__box{
          justify-content: flex-start;
              } 
        .slideshow__text.banner__box{
          background-color: transparent;
        }
     
        .menu-drawer__inner-container{
         padding:0px 20px!important;
        }
        .common-image-featured-box{
          margin: 0px;
          width:100%;
          display: block;
        }
        .common-image-featured-item{
          width:100%;
          padding-left: 0px;
        }
        .common-image-featured-box .text-box{
          top:45px;
        }
        .common-image-featured-item+.common-image-featured-item{
          margin-top:10px;
        }
       }
      
      @media (min-width:2560px){
        .tool-tip__close{
          right: 25%;
        }
      }
      

      @media screen and  (min-width:999px) {
        .pc-image.common-pad--show {
          display: block;
        }
      }


/* new css */
.collection-banner-container .heading{
    margin-top: 20px;
    font-size: 40px;
}

.collection-banner-container .page-header__text-wrapper.expanded .description{
 max-height: unset;
}
.collection-banner-container .page-header__text-wrapper.expanded .description::after{
  display: none;
}
.collection-banner-container .content-box{
display: flex;
}
.collection-banner-container .image-box{
  flex:0 1 50%;
}
.collection-banner-container .page-header__text-wrapper{
flex:0 1 50%;
}
.collection-banner-container .text-container{
    max-width: 520px;
}
.collection-banner-container .description-more-button{
margin-top: 8px;
    font-weight: 600;
    cursor: pointer;
}
#facets-drawer{
  padding: 0px;
    border-radius: 0px;
    width: 350px;
}
  .facets-drawer::part(body){
  padding:15px;
  padding-top:0px;
}
.facets-drawer::part(header){
  padding:15px;
  padding-block: 15px;
}
.facets-drawer.drawer::part(content){
border-radius: 0px;
}
#facet-form .accordion__toggle{
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 0px;
  padding-top:15px;
    padding-bottom: 15px;
}
#facet-form .circle-chevron{
  width: auto;
  height: auto;
  background: transparent;
  color:currentColor;
}
#facet-form .circle-chevron svg{
  width: 12px;
  height: 12px;
}
#facet-form .circle-chevron svg path{
  stroke-width: 1px;
}
.group[aria-expanded=true] .circle-chevron.group-expanded\:colors:not([disabled]){
  color: currentColor;
}
#facet-form .checkbox~label{
  padding-inline-start: 6px;
  font-size: 14px;
  opacity: 1;
  color: #000;
}
#facet-form .checkbox{
  border: 1px solid #c4cdd5;
  box-shadow: unset;
  background-color: #fff;
}
#facet-form .checkbox:checked{
  background-color: #000;
  border-color: #000;
}
.facets-drawer__floating-apply button{
  border: 1px solid #000;
    background: #fff;
    color: #000;
    border-radius: 0px;
    padding: 5px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .facets-drawer__floating-apply button span{
  padding-left: 5px;
 }
 .facets-drawer.drawer::part(content) button[is="close-button"] path{
  stroke: rgb(92, 95, 98);
 }
@media screen and (min-width: 700px) {
  .facets-drawer__floating-apply {
    margin-inline-start: 0px;
    margin-inline-end: 0;
    margin-block-end: 0px;
    padding-bottom: 0px;
  }
}


/* color swatch */
.product-card__aside{
  position: absolute;
    bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 15px;
}
.product-card__quick-buy+.product-card__aside{
  justify-content: flex-start;
}
.product-card__aside .color-swatch{
  width:18px;
  height:18px;
}
.product-card__figure{
  overflow: hidden;
}
.product-card__figure img{
transition: all 0.3s ease;
}
.product-card:hover .product-card__figure img{
  transform: scale(1.05);
}
button[aria-controls="facets-drawer"]{
  font-size: 14px;
    height: 38px;
    border: 1px solid #3a3a3a;
    padding: 0px 8px;
    transition: all 0.3s ease;
}
button[aria-controls="facets-drawer"] svg{
width:15px;
height:15px;
}
button[aria-controls="facets-drawer"]:hover{
  border-color:#000;
}
button[aria-controls="facets-drawer"]:hover .reversed-link{
  background-size: unset;
  background: unset;
  }
  .collection-custom-number-box{
    display: flex;
        height: 38px;
        background: #f7f7f7;
        align-items: center;
        padding :0px 10px;
  }
  .collection-custom-number-box select{
    background: transparent;
    margin-left: 8px;
  }
  .sort-by-facet>button{
    padding: 0px 8px;
    background: #f7f7f7;
    height: 38px;
  }

  .hics-content-four-col {
    display: grid;
    position: relative;
    width: 100%;
    height: auto;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px 20px;
    margin-block-start: 20px;
  }
  .hics-content-four-col-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top:0px;
    margin-block-start: 0px!important;
  }
  
  .hics-content-four-col-item img {
    width: 100%;
    max-width: 24px;
    height: auto;
  }
 
  .hics-content-four-col-item span {
    padding-left:8px;
  }
  .slideshow .button{
    font-size: 16px;
    padding: 6px 36px;
    font-weight: 500;
    margin-block-start:40px!important;
  }
  .htcic-container-parameter-item{
    margin-top:0px!important;
    margin-block-start:0px!important;
    display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
  
        position: relative;
  }
  .htcic-container-parameter-item:not(:last-child){
    padding-right:25px;
    margin-right:25px;
  }
  .htcic-container-parameter-item:not(:last-child)::after{
    content:"";
    position: absolute;
    right:0px;
    top:50%;
    transform: translateY(-50%);
    width: 1px;
    height: 50%;
    background-color: #D9D9D9;
  }
  .htcic-container-parameter{
    display: flex;
    align-items: flex-start;
    margin-block-start:40px;
    text-align: center;
  }
  .htcic-container-parameter-item h3{
    font-size: 30px;
    font-weight: 600;
  }
  .htcic-container-parameter-item p{
    font-size: 16px;
    margin-top:0px;
    margin-block-start: 0px!important;
  }

  @media screen and (max-width: 589px) {
    .htcic-container-parameter-item h3 {
      font-size: 16px;
      text-align: center;
    }
    .htcic-container-parameter-item p {
      font-size: 14px;
      text-align: center;
    }
  }

  @media screen and (max-width: 589px) {
    .htcic-container-parameter {
      justify-content: space-between;
      margin-top:20px;
    }
    .htcic-container-parameter-item {
      margin-right: 0px;
      width: 33%;
    }
    .htcic-container-parameter-item:not(:last-child) {
      padding-right: 0px;
      margin-right: 0px;
    }
    .collection-banner-container .content-box{
      display: block;
    }
    .collection-banner-container .image-box{
      width: 100%;
    }
  }