/** Shopify CDN: Minification failed

Line 395:2 "text-algin" is not a known CSS property
Line 6754:0 Unexpected "}"

**/
 
b{
  font-weight: 600;
}
img{
  max-width:100%;
  image-rendering: optimizeQuality;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: bicubic;
 }
 .icon-hover{
  fill: #000000;
 }
 .shopify-challenge__container .g-recaptcha{
  margin-bottom:30px;
 }
 .swiper-scrollbar:empty{
  display: none;
 }
 #MainContent{
  min-height: 400px;
 }
body{
  -webkit-overflow-scrolling:touch;
   overflow-scrolling:touch;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
body.overflow-hidden{
  padding-right: 8px;
}
@media screen and (max-width:999px) {
  .thumbnails-blow .slider-main.slider-component-box{
    margin-bottom:0px;
  }
  body.overflow-hidden{
    padding-right:0px;
  }
}
/* 对于 Webkit 内核浏览器（如 Chrome、Safari）*/
body::-webkit-scrollbar {
  width: 8px;
  border-radius: 10px;
}
 
body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
 
body::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.5);
  border-radius: 10px;
}

body
{
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.1) #000000;
  -ms-overflow-style: none;  
scrollbar-base-color: #000000;
scrollbar-face-color: rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
body .mask-box{
  z-index: 4;
}
 body .mask-box::after{
  content:"";
  display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(var(--color-foreground),.5);
 }
 body.mask .mask-box::after{
  display: block;
 }
 body.mask .header-wrapper{
  background-color: #fff;
 }
.animate-spc-js,
.animate-js{
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform:  translateY(40px);
}

.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{
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
}
a:hover{
  opacity: 0.8;
}
.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;
}

.common-bgz-inner {
  display: flex;
  justify-content: space-between;

}
.text-left{
  text-align: left!important;
}
.text-center{
  text-align: center!important;
}
.text-right{
  text-align: right!important;
}
 
@media only screen and (min-width:590px) and (max-width:999px) {
  .pad--text-left {
    text-align: left !important;
  }

  .pad--text-right {
    text-align: right !important;
  }

  .pad--text-center {
    text-align: center !important;
  }
}

@media only screen and (max-width:589px) {

  .small--text-left {
    text-align: left !important;
  }

  .small--text-right {
    text-align: right !important;
  }

  .small--text-center {
    text-align: center !important;
  }
}
.title {
  margin-top: 0px;
}

.common-bgz-inner .left-box {
  width: 47.5714%;
  height: auto;
}

.common-bgz-inner .right-box {
  width: 47.5714%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.common-section {
  color: #000000;
}

.common-in-the-box-outer {
  padding-left: 35px;
}

.common-spec-labal {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 12px;
}

.common-in-the-box-box .right-box {
  margin-left: 65px;
}

.common-flex-box {
  display: flex;
}

.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;
  font-weight: 400;
}

/* .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;
 
  font-weight: 400;
  margin-bottom: 1.8519vh;
  color: #000000;
}

 

h2.common-title,
.common-title.h2,
.common-title {
  font-weight: 600;
}
.common-title +.common-subtitle{
  margin-top: 15px;
}

 

.common-subtitle {
  
  font-size: 1.0417vw;
 
  color: #000000;
  font-weight: 400;
 
}

@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;
 
  font-weight: 400;
}
.common-iwt-content {
  display: flex;
  background-color: #ffffff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  overflow: hidden;
}
.common-iwt-content .video-box{
  padding-top: 65%;
    height: 0px;
    position: relative;
  text-algin:left;
}
.common-iwt-content .video-box video,
.common-iwt-content .video-box .plyr{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.common-iwt-image-box{
  width: 50%;
  flex: 0 1 50%;
}
.common-iwt-image-box .image-box,
.common-iwt-image-box .image-box *{
  height:100%;
}
.common-iwt-text-box {
  width: 50%;
  flex: 0 1 50%;
  padding: 2.083vw;
  flex-shrink: 0;
}
 
.common-iwt-text-box .text-box p{
  margin-bottom: 0px;
}
.common-iwt-text-box .text-box .subtitle img{
  max-width: 119px;
  border-radius: 10px;
}
@media screen and (min-width: 1000px) {
  .common-iwt-text-box .text-box .subtitle img{
   margin-top: 20px;
  }
}
.common-iwt-text-box .common-btn{
 margin-top: 70px;
}


@media screen and (min-width: 1921px) {
  .common-media-btn {
    font-size: 18px;
  }
}

@media screen and (max-width: 999px) {
  .common-media-btn {
    font-size: 12px;
  }
}

.common-media-item .common-wrapper {
  height: 100%;
}

.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;
 
  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;
  
    margin-bottom: 12px;
  }
}

.common-tips {
  display: flex;
  position: relative;
 
  font-size: 14px;
  
  line-height: 1.714286;
  color: #000000;
  font-weight: 400;
}

.common-tips .page-width{
  width: 100%;
}

.common-tips-image-box .common-tips {
  position: absolute;
  bottom: 8px;
  padding: 0px 12px;
}

.common-media-item {
  position: relative;
  overflow: hidden;
}

.common-media-item .prtext-wrapper .hero__text-content .common-title {
  margin-bottom: 0;
}

.common-media-item .media-box .common-tips {
  position: absolute;
  bottom: 45px;
  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;
  font-weight: 500;
}

.common-media-item video {
  width: 100%;
  max-height: 1012px;
  height: auto;
  vertical-align: bottom;
  /* object-fit: none; */
}

.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;
}
@media screen and (min-width:1461px) {

  .common-image_with_text-container.pin .feature-row__image-wrapper{
height: 700px;
  }
  .common-image_with_text-container.pin .video-box{
padding-top: 700px;
 
  }
  .common-image_with_text-container.pin .video-box video{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .common-image_with_text-container.pin .common-iwt-content-left .feature-row__image-wrapper .feature-row__image img{
    object-position: left;
      }
      .common-image_with_text-container.pin .common-iwt-content-right .feature-row__image-wrapper .feature-row__image img{
        object-position: right;
          }
}

.commin-iwt-item .full-width .common-iwt-text-box .text-box{
  max-width: 640px;
}

.commin-iwt-item  .common-iwt-text-box {
  width: 50%;
 
}

.commin-iwt-item .common-iwt-image-box {
  width: 50%;
 
}

.commin-iwt-item .page-width .common-iwt-text-box {
  flex: 1;
  width: 28.7%;
  position: relative;
}

.commin-iwt-item .page-width .common-iwt-image-box {
  width: 71.3%;
  max-width: 700px;
}
.commin-iwt-item .full-width .common-iwt-text-box{
  padding-left:32px;
  padding-right: 32px;

}
.commin-iwt-item .full-width .common-iwt-text-box .text-box{
  max-width:640px;
}
.commin-iwt-item .full-width .common-iwt-content-left .common-iwt-text-box{
  padding-right:60px;
}
.commin-iwt-item .full-width .common-iwt-content-right .common-iwt-text-box{
  padding-left:60px;
}
.commin-iwt-item .full-width .common-iwt-content-left .text-box{
margin-left: auto;
}
.commin-iwt-item .full-width .common-iwt-content-right .text-box{
  margin-right: auto;
  }
.common-iwt-content .common-iwt-text-box {
  padding: 20px;
}
.common-iwt-content .common-iwt-text-box{
  width: 50%;
  padding: 2.76vw 3.029vw;
}
.template-product .common-iwt-content .common-iwt-text-box{
  padding:4.167vw 2.76vw 3.029vw;
}
.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: 500;
}
.template-page .common-iwt-content .common-iwt-text-box .subtitle{
  font-weight: 400;
}
.common-iwt-content .common-iwt-image-box-right {
  order: 2;
  /* padding:2.76vw 3.906vw 2.76vw 3.029vw ; */
}
.common-iwt-content .common-iwt-image-box.common-iwt-image-box-left {
  width: 50%;
   
}
.common-iwt-content .common-iwt-image-box.common-iwt-image-box-left video,
.common-iwt-content .common-iwt-image-box.common-iwt-image-box-left .image-box img{
  object-position: right;
}
.common-iwt-content .common-iwt-image-box.common-iwt-image-box-right video,
.common-iwt-content .common-iwt-image-box.common-iwt-image-box-right .image-box img{
  object-position: left;
}
 
.common-iwt-content .common-iwt-text-box-left {
  order: 1;
  /* padding:2.76vw 3.029vw 2.76vw  3.906vw; */
}
.common-iwt-content .common-iwt-text-box .common-content{
  margin-top: 15px;
}
.common-iwt-content .common-iwt-text-box-right {
  order: 1;
  
}



 
/* 
.commin-iwt-item+.commin-iwt-item{
  margin-top: 53px;
} */

.common-iwt-content-item .common-wrapper {
  max-width: 1160px;
}

.common-bgz-container {
  padding-bottom: 80px;
}
 
.page-width,
.common-page-width,
.common-wrapper {
  
  max-width: 1460px;
  padding:0px 30px;
  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;
 
  line-height: 1.407407;
  color: #000;
  font-weight: 400;
  margin-bottom: 1.8519vh;
}

.common-accessories-subtitle {
   
  font-size: 1.1458vw;
 
  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: poPoppins-Regular;
}

.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;
 
  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;
 
  color: #000;
  font-weight:600;
}

.common-spec-content {
   
  font-size: 16px;
 
  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;
 

  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;
  
  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:600;
}


.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;
}


 
.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;
    padding: 0px 20px;
 }
.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: poPoppins-Regular;
}
.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: inline-table;
  border: 1px solid var(--color-base-solid-button-bg-color);
  background-color: var(--color-base-solid-button-bg-color);
  border-radius: 50px;
  text-decoration: none;
  line-height: 1.2;
  transition: all .3s ease;
  color: #fff;
  font-size: 12px;
  padding: 9px 17px;
}
.new-button.transparent-btn{
  border: 1px solid var(--color-base-solid-button-bg-color);
  background-color: transparent;
  color:var(--color-base-solid-button-bg-color);
}
body .link-btn:hover,
body .new-button:hover{
  border: 1px solid var(--color-base-solid-button-bg-color-hover)!important;
  background-color: var(--color-base-solid-button-bg-color-hover)!important;
  opacity: 1!important;
}
.new-button.transparent-btn:hover{
  border: 1px solid var(--color-base-solid-button-bg-color-hover)!important;
  background-color: transparent!important;
  color:var(--color-base-solid-button-bg-color-hover)!important;
}
.slideshow  .banner__buttons{
  margin-top: 1.77vw!important;
}
.shopify-payment-button__button{
  background-color: #000000;
  border-radius: 24px!important;
 overflow: hidden;
  line-height: 1;
  text-transform: capitalize;
  border: 1px solid #000000; 
  transition: all 0.5s ease;
  font-size: 18px;
  color:; 
  margin-top:15px;
}

.shopify-payment-button__button:hover{  
  color: #666666!important;
  background-color: transparent!important;
}
.product-main .form__label{
  text-transform: uppercase;
}
.common-service-box{
  display: flex;
}
.common-service-item{
  width: 25%;
  text-align: center;
  padding: 0 15px;
}
.common-service-item .image-box{
  max-width: 100px;
  margin: 0 auto 20px;
}
.common-service-item .common-title{
  margin-bottom: 3px;
}
.common-service-item .common-subtitle{
  margin-bottom: 0px;
   
  color:#666666;
  max-width: 175px;
    margin: 0 auto;
}

.common-service-container .common-wrapper{
  max-width: 1075px;
}
/* .common-service-container .common-header .common-title{
  font-size: 2.083vw;
  color: #333333;
} */
 
 





.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: 14px;
  color: #999999;
  padding: 10px 0px;
}
.bptib-inner .cell{
cursor: poPoppins-Regular;
}
.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;
}

 




@media only screen and (min-width: 2561px) {
.common-wrapper,.page-width{
  max-width: 1920px;
}
.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) {
 
  .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-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-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: 589px) and (max-width: 999px) {

  .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: 999px) {

  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;
  
  }

  .common-media-item .common-tips {
    justify-content: center;
  }

  .common-media-item .bg-text-wrapper-inner {
    margin-bottom: 25px !important;
  }

  .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;
 
    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-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:1000px) {
  .pc-image.common-pad--show {
    display: block;
  }
}
@media screen and (min-width: 590px) and (max-width:999px) {
  .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;
  }
  
  .page-width,
 
  .common-item-container .common-wrapper,
  .common-page-width,
  .common-wrapper {
    padding: 0px 10px; 
  }

  .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 {
  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%;
  height: 100%;
  object-fit: cover;
}
.swiper-container-scrollbar .swiper-wrapper{
  padding-bottom: 20px;
}





.prtext-wrapper {
  position: absolute;
  z-index: 6;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.bg-text-table-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.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 screen and (max-width:590px) { 
  .hero__text-content.mb-horizontal-right .bg-text-wrapper-inner{
        margin-left: auto; 
  }
  .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;
  }

  .hero__text-content.mb-horizontal-center {
    text-align: center;
  }

  .hero__text-content.mb-horizontal-right {
    text-align: right;
  }
}


.add-to-cart-btn {
  cursor: pointer;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  justify-content: center;
  padding: 11px;  
  transition: all .5s ease;
}

 

.site-nav{
  margin:0;
  font-size: 13px;
  padding-left: 0px;
}

.text-center .site-navigation{
    margin:0 auto
}

.header-layout--left .site-navigation{
    padding-left:13.33333px
}

.site-nav--icons{
  display:flex;
  align-items:center;
}

.site-nav__icons{
  white-space:nowrap;
  font-size:0;
}

.site-nav__item{
  position: relative;
  display:inline-block;
  margin:0
}
.header mask{
  content: "";
  min-height: 200px;
  left: 0px;
  top: calc(100% - 0px);
  font-size: 16px;
  pointer-events: none;
  position: absolute;
  left: 0;
  margin: 0;
  z-index: 0;
  display: block;
   opacity: 0;  
  background: #fff;
  min-width: 100%;
  padding: 10px 20px;
  box-shadow: 0 10px 20px #00000017;
  transform: translate3d(0,-25px,0);
  transition:all 500ms cubic-bezier(0.2, 0.06, 0.05, 0.95)
}
.header.show-nav-mask mask{
  display: block;
  opacity: 1;
  transform: translateZ(0);
}
.site-nav--is-megamenu{
  position: unset;
}

.site-nav__item li{
    display:block;
  }

.site-nav__item .icon-chevron-down{
    width:10px;
    height:10px;
  }

.site-nav__link{
  position: relative;
  display:inline-block;
  vertical-align:middle;
  text-decoration:none;
  padding:32px 0px; 
  white-space:nowrap;
  color:#000;
  font-weight: 500;
}

.site-nav__link::after{
  content: "";
    display: block;
    position: absolute;
    height: 4px;
    bottom: 0;
    background-color: var(--colorPrimary);
    margin: 0 auto;
    transition: all .36s ease;
    left: 0;
    right: 0;
    width: 0px;
}
.site-nav--has-dropdown.is-focused  .site-nav__link::after,
.site-nav__item:hover .site-nav__link::after{
  width: 100%;
}
.site-nav__item+.site-nav__item{
  margin-left: 40px;
}
.site-header--heading-style .site-nav__link{
  font-family: Arial-BoldMT ,var(--typeHeaderFallback);
    font-weight:var(--typeHeaderWeight);
 
    line-height:var(--typeHeaderLineHeight)
}

[data-type_header_capitalize=true] .site-header--heading-style .site-nav__link{
    text-transform:uppercase
}

.site-nav__link:hover{
    color:#000000;
    color:var(--colorNavText);
  }

.is-light .site-nav__link{
    color:#fff
}

.is-light .site-nav__link:hover{
      color:#fff;
    }

.site-nav--has-dropdown>.site-nav__link{
    position:relative;
    z-index:6
}

.site-nav__link .icon-chevron-down{
    margin-left:5px;
  }

@media only screen and (max-width:999px){

 
.site-nav__link{
    padding:10px
}

.header-layout--center .site-nav__link{
      padding-left:2px;
      padding-right:2px
}
  }

.site-nav--has-dropdown{
  z-index:1;
}

.site-nav--has-dropdown.is-focused,.site-nav--has-dropdown:hover{
    z-index:2;
  }
  .site-nav__item:hover>a,
.site-nav--has-dropdown.is-focused>a,.site-nav--has-dropdown:hover>a{
  color:#1c1d1d !important;
  color:var(--colorPrimary) !important;
  background-color:#ffffff;
  background-color:var(--colorBody);
  opacity:1;
  transition:none
}

.site-nav--has-dropdown.is-focused>a:before,.site-nav--has-dropdown:hover>a:before{
    content:"";
    position:absolute;
    left:15px;
    right:45px;
    bottom:-5px;
    display:block;
    background-color:#1c1d1d;
    background-color:var(--colorBorder);
    height:1px;
    z-index:6;
  }

.site-nav__link--icon{
  font-size:0;
  padding-left:12px;
  padding-right:12px
}

@media only screen and (max-width:589px){

  .tact-inner .right-box{
    justify-content: space-between!important;
  }
.site-nav__link--icon{
    padding-left:10px;
    padding-right:10px
}

    .site-nav__link--icon+.site-nav__link--icon{
      margin-left:-3px;
    }
  }

.site-nav__link--icon .icon{
    width:30px;
    height:30px
  }

@media only screen and (max-width:589px){

.site-nav__link--icon .icon{
      width:27px;
      height:27px
  }
    }

.site-nav__dropdown{
  font-size: 16px;
  pointer-events: none;
  position:absolute;
  left:0;
  margin:0;
  z-index:5;
  display:block;
  opacity: 0;
  background: #fff;
  min-width:100%;
  padding:35px 20px 20px;
  transition: all .5s cubic-bezier(.2,.06,.05,.95);
  transform:translate3d(0px, -25px, 0px)
}
 
.site-nav--is-megamenu .site-nav__dropdown {
  padding:0px;
  max-width:100%;
  box-shadow:0px 10px 20px rgba(0, 0, 0, 0.09);
}
.is-focused>.site-nav__dropdown{
    display:block;
    opacity: 1;
    pointer-events: auto;
    transform:translateZ(0px);
  
}

.is-focused>.site-nav__dropdown li,.site-nav--has-dropdown:hover .site-nav__dropdown li{
      
      transition:opacity 0.5s ease;
    }

.site-nav__dropdown li{
    margin:0;
   
    transition:none;

  }
.site-nav__dropdown li+li{
  margin-top: 10px;
}
.site-nav__dropdown>li{
    position:relative;
    padding: 5px 0px;
  }

.site-nav__dropdown>li>a{
      position:relative;
      z-index:6;
    }

.site-nav__dropdown a:not(.megamenu__promo-link){
    background-color:#ffffff;
    background-color:var(--colorBody);
    
}
.site-nav__dropdown{
  color: #000;
}
  .site-nav__dropdown a {
    color: #000;
    text-decoration: none;
    white-space: nowrap;
  
    transition: all 0.3s ease;
  }
  .site-nav__dropdown a:hover{
    opacity: 0.8;
  }
.site-nav__deep-dropdown{
  background: var(--gradient-background);
  padding: 20px 10px;
  box-shadow: 0 10px 20px #00000017;
  position:absolute;
  top:0;
  left:100%;
  margin:0;
  visibility:hidden;
  opacity:0;
  z-index:5;
  transform:translate3d(-12px, 0px, 0px)
}

.header-layout--center .site-nav__item:last-child .site-nav__deep-dropdown{
    left:auto;
    right:100%
}

.is-focused>.site-nav__deep-dropdown,.site-nav__deep-dropdown-trigger:hover .site-nav__deep-dropdown{
    visibility:visible;
    opacity:1;
    transform:translateZ(0px);
    transition:all 300ms cubic-bezier(0.2, 0.06, 0.05, 0.95)
}

.site-nav__label {
  white-space: normal;
  line-height: 1.3;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  display: inline-block;
  padding: 0px 2px;
}
.menu-drawer__navigation .site-nav__label,
.menu-drawer__menu-small-item {
  font-size:14px!important;
}
.nav-image-box{
  border-radius: 20px;
  overflow: hidden;
  background-color: #f1f2f6;
}
 .site-navigation .swiper-slide{
  width:145px;
 }
 /* .megamenu__full-box .swiper-wrapper{
  justify-content:center;
 } */
 .megamenu__full-box .title{
  margin-top:10px;
  margin-bottom:0px;
 }
.megamenu__full-box {
  text-align: center;
  margin: 0 auto;
}
.header-layout--center .site-nav__item:last-child .site-nav__deep-dropdown:before{
      left:auto;
      right:0;
      background-image:linear-gradient(270deg, rgba(0, 0, 0, 0.09), transparent)
  }

.site-nav__deep-dropdown-trigger .icon-chevron-down{
  position:absolute;
  top:50%;
  right:10px;
  width:10px;
  height:10px;
  transform:rotate(-90deg) translateX(50%);
}

.mobile-nav{
  margin:-20px -20px 0 -20px
}

.mobile-nav li{
    margin-bottom:0;
    list-style:none;
  }

.mobile-nav__search{
  padding:20px;
}

.mobile-nav__item{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
}
.menu-drawer__navigation .menu-drawer__menu-3 .site-nav__label,
.mobile-nav__item .title{
  margin-bottom: 0px;
  margin-top: 10px;
  text-align: center;
}
.mobile-nav>.mobile-nav__item{
    background-color:#1c1d1d;
    background-color:var(--colorDrawers)
}

 

.mobile-nav__item .mobile-nav__faux-link,.mobile-nav__item a:not(.megamenu__promo-link){
  display:block;
  font-size:19px
}
.menu-drawer__menu-3{
  display: none;
}

@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__toggle button{
  color:#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:#d9d9d9;
    color:var(--colorDrawerTextDarken);
  }

.mobile-nav__item .mobile-nav__faux-link:active,.mobile-nav__item a:active,.mobile-nav__toggle button:active{
    background-color:#0f1010;
    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);
 
    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:28px 0;
  line-height:1.8;
}

.megamenu__wrapper{
  display: grid;
  align-items: flex-start;
  justify-content: space-between;
  grid-template-areas: "heading navigation icons";
  grid-template-columns: 1fr auto 1fr;
  column-gap: 2rem;
  grid-template-columns: 1fr auto 1fr;
}

.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{
  flex: 0 1 210px;
  flex-wrap: wrap;
  /* min-width: 180px; */
  padding-right: 10px;
  width: 210px;
}
.megamenu__cols sup{
  font-size: 12px;
  transform: scale(0.8);
  display: inline-block;
}
.megamenu__col{
  flex:1 1 auto;
  page-break-inside:avoid;
  break-inside:avoid;
}

.megamenu__link-label{
  position:relative;
  display:inline-block;
  font-weight: 600;
   
}

 
  .megamenu__col-title{
    cursor: pointer;
    font-size: 16px;
  }
  .megamenu__col-title a:hover,
  .megamenu__col-title.active,
  .megamenu__col-title.active a{
    color: var(--colorPrimary);
  }
  
.megamenu__col-title a{
  font-weight:700;
  font-size:calc(var(--typeBaseSize) + 1px);
}
.section-header:hover{
  z-index: 5;
}
.section-header,
sticky-header{
  width: 100%;
}
sticky-header{
 margin-top: -1px;
}
.section-header.sticky{
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
}
.section-header:hover sticky-header{
background-color: #fff;
}
body:not(.template-index) .section-header.section-header-transparent:not(:hover) sticky-header{
border-bottom: none;
background-color: transparent;
}
body:not(.template-index) .section-header.has-slideshow sticky-header{
  position: absolute;
  top: 0px;
}
body:not(.template-index) .section-header.section-header-transparent:not(:hover) .logo-img{
  display: none;
}
body:not(.template-index) .section-header.section-header-transparent:not(:hover) .logo-img-inverse{
  display: block;
}
body:not(.template-index) .section-header.section-header-transparent:not(:hover) .site-nav__link{
  color:#fff;
}
body:not(.template-index) .section-header.section-header-transparent:not(:hover) .index-shop-btn{
color: #fff;
border-color: #fff;
}
body:not(.template-index) .section-header.section-header-transparent:not(:hover) .header__icon path{
  fill: #fff;
}

.site-nav--is-megamenu:hover .appear-animation{
  opacity:1;
  transform:translateY(0px);
  transition-duration:0.5s;
}
.megamenu__right-box{
     /* width: 60%; */
    /* flex-shrink: 0; */
    text-align: center;
    padding-left: 0px;
    /* flex: 0 1 auto; */
    /* width: auto; */
    flex-grow: 1;
}
 
.megamenu__right-box .image-box{
  border-radius: 20px;
    overflow: hidden; 
    background-color: #f1f2f6;
}
.megamenu__right-box .common-title{
  text-align: left;
    font-size: 40px;
    color: #333333;
    margin-bottom: 20px;
}
/* .megamenu__right-box .item-box-inner{
  display: flex;
} */
 
.megamenu__right-box  .text-box{
  margin-bottom: 45px;
}
.nav-more-link-box{
  text-align: center;
  margin-top:25px;
}
.site-nav__dropdown .common-wrapper{
  max-width: 1284px;
}
.nav-more-link{ 
  text-decoration-line: underline!important;
  color: #333333!important;
font-size: 16px;
 
display: table;
}
.nav-more-link:hover{
  color:#ffffff;
}
.megamenu__right-box .image{
  margin-bottom:10px;
}
.megamenu__right-box .title{
  font-size: 16px;
  margin-top: 12px;
  color:#333333;
  margin-bottom: 0px;
  min-height: 38px;
}
 

.header-layout.header-layout--left .header-item--navigation{
  justify-content: center;
}
.site-nav__dropdown-link--second-level.site-nav__dropdown-link--has-children{
  width: 100%;
  display: inline-block;
}
.site-nav__dropdown-link:hover{
opacity: 1;
color:var(--colorPrimary);
}
.site-nav__dropdown-link .icon-caret{
  width: 10px;
  transform: rotate(-90deg) translateY(-50%);
  position: absolute;
  top: 44%;
  right: 0px;
}

.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: poPoppins-Regular;
}
.megamenu-has-image.active .site-nav__dropdown-link{
  font-weight:600;
}
 
.megamenu__col-title {
margin-bottom:15px;
}
.megamenu__full-box  .swiper-container-rtl .swiper-button-next:after,.megamenu__full-box  .swiper-container .swiper-button-prev:after,
.megamenu__full-box .swiper-button-next:after,.megamenu__full-box .swiper-button-prev:after,
.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__full-box .swiper-outer,
.megamenu__right-box .swiper-outer{
  position: relative;
  padding: 0px 15px;
  margin: 0px -15px;
}
.megamenu__full-box .swiper-button-next,
.megamenu__right-box .swiper-button-next{
right:-10px;
transform: translateY(-30px);
}
 
.megamenu__full-box .swiper-button-prev,
.megamenu__right-box .swiper-button-prev{
  left:-10px;
  transform: translateY(-30px) rotate(180deg);
  }
  

.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;
}
.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-block .payment-icons{
  margin-bottom: 0px;
    padding-bottom: 0px;
 }
.variant-btn[data-type="color"]{
font-size: 0px!important;
width: 42px;
height:42px;
border-radius:50px; 
padding:5px!important;
margin-right: 15px !important;
  border: transparent!important;
  border-radius: 50px!important;
}
.variant-btn[data-type="color"]::after{
  content:"";
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #F5333F;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  opacity: 0;
  }
  .variant-btn{
    position: relative;
    padding: 8px 10px;
    cursor: pointer;
    border-radius: 5px;
    }
.variant-option-box .variant-btn-white[data-type="color"]{
  border: 0.499922px solid #d1d1d1!important;
}
 
.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;
  
  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"]:hover span{ 
  opacity: 1;
  transform: translate(-50% ,0%);
}
.product-form__input input[type=radio]:checked+.variant-btn::after{
  opacity: 1;
}

.product-form__input-variant{
  padding-left:4px!important;
}
 
 .breadcrumb{
  color:#333333;
  font-size: 12px;
 }
 .breadcrumb a,
 .breadcrumb__divider{
  color:#999999;
 }
  

body[data-type="product"]  .breadcrumb{
  margin-bottom:45px;
}
.common-icon-text-box .image-box {
 
  text-align: center;
}
.common-icon-text-box .image-box img {
  width:100%;
  height: 54px;
}
/* .common-section-container .common-wrapper{
  max-width: 1240px;
} */ 








  
  @media screen and (min-width:1000px) {
    .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;
   }
   .template-index .section-header.sticky sticky-header{
top: 0px;

   }
   /* sticky-header{
    transition: all 0.3s ease;
   } */
   sticky-header.sticky{
    background-color: #ffffff;
   }
  /* .template-index sticky-header{
    position: absolute;
    width: 100%;
    top: 36px;
    left: 0px;
    z-index: 2;
   } */
  
   .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: var(--gradient-background);
       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{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
     
   }
   .search-modal-inner .logo-img-normal{
    display: block!important;
   }
   .search-modal-inner .logo-img-inverse{
    display: none!important;
   }
 
   .search-modal-inner .search__button:hover .icon-search{
    opacity: 0;
       }
       .search-modal-inner .search__button:hover .icon-hover{
        opacity: 1;
           }
   .search-modal-inner .icon-hover{
    top: 50%;
    position: absolute;
    opacity: 0;
    left: 50%;
    transform: translate(-50%, -50%);
   }

   .search-modal{
    z-index: 6;
   }
.menu-drawer__inner-container .search-modal__form{
  margin-top: 28px;
}
.menu-drawer__navigation-container .field-inner{
  background: #F3F2EE;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 15px 10px;
}
.menu-drawer__navigation-container  .search-button{
  background: transparent;
  border: none;
  outline: none;
  width: 17px;
  height: 15px;
  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: 7%;
  transform: translateY(-30px);
}
.testimonials-section-swiper-container  .swiper-button-prev {
  left: 7%;
  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;
}
.testimonials-section-swiper-container .swiper-slide.side{
opacity: 0.5;
}

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: 15px;
  }
  .common-icon-text-container .common-subtite{
  margin-bottom:0px;
  font-weight: 500;
    }
    .common-icon-text-box {
      margin-left: -30px;
      margin-bottom: -30px;
    }
.common-icon-text-item{
  flex:1;
  position: relative; 
padding-left: 30px;
margin-bottom: 30px;
}
 
.common-section-container:not(.common-no-icon-text-contianer) .common-icon-text-item .pfi-inner{
  padding:0px 5px;
  background: #D0D0D0;
    border-radius: 20px;
    height: 17vw;
    max-height: 250px;
    display: flex;
 justify-content: center;
    align-items: center;
    flex-direction: column;
}
.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  .play-btn{
    width: 90px;
    height: 60px;
    border: 1px solid #999999;
    background-color: rgba(0,0,0,0.5);
    cursor: poPoppins-Regular;
    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:600;
  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:600;
  margin-bottom: 8px;
}
.common-product-spec-container .item .right-box li .li-content{
  font-size: 18px;
  color: #000;
  font-family:"Poppins-Light" ;
}
.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: poPoppins-Regular;
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;
}
.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%);
    }
    .price__regular,
.price-item--sale{
  font-weight: 600;
}

   
      .product-short-desc{
        padding-left: 0px;
        line-height: 2;
      }
       .product-short-desc ul{
        padding-left: 18px;
       }
     

      button.shopify-payment-button__button{
        position: relative;
        font-size: 0px;
        margin-top: 15px;
      }
      .shopify-payment-button__button--hidden{
        margin-top: 0px;
      }

      button.shopify-payment-button__button::after{
        content: "Buy Now";
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    font-size: 21px;
    border: none;
    box-shadow: none;
      }

.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:600;
}
.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;   
}
 
.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: Poppins-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 30px 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:1000px) 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: poPoppins-Regular;
    width:75px;
    text-align: center;
} 

.pcbi-tips-box{
  position: relative;
  cursor: poPoppins-Regular;
  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;
}
.fappcrb-right{
  max-width: 110px;
 
}
.fappcrb-right .ios-btn{
  margin-top: 15px;
}

 
.top-amazon-commoon-tabber{
 
  /* position: fixed; */
  width:100%;
  left:0px;
  top: 0px;
  background-color: ;
  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:600;
  position: relative;
  list-style: none;
  padding: 8px 0px 9px 0;
  line-height: 1.1;
  cursor: poPoppins-Regular;
  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: poPoppins-Regular;
  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: poPoppins-Regular;
  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: poPoppins-Regular;
  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: poPoppins-Regular;
  margin-left: 20px;
  transition: all .3s ease;
  width: 150px;
  border: 1px solid ;
    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:600;
  color: #000000;
}
.tact-inner .product-single__price--compare-at {
  color: #969696;
  font-size: 20px;
  margin-left: 15px;
}
 
.tact-inner  .price-item--sale{
  color:;
}

.top-amazon-commoon-tabber-outer .left-box{
 
  font-weight:600;
  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  .image-box{
  margin-right: 20px;
}

 .common-media-swiper-item .featured-box .label{
  font-weight:600;
}
.common-media-swiper-item .featured-box .item+.item{
  margin-left: 90px;
}
.common-media-swiper-item .featured-box .item{
  cursor: poPoppins-Regular;
}
.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: Poppins-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: poPoppins-Regular;
     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{
      opacity: 0;
    }
    .product__media-list .product__media-item.swiper-slide-active{
      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 33.3333%;
  position: relative;
  z-index: 2;
}
.collection-product-box{
  flex:0 1 66.6666%;
}
body[data-type="collection"] .product-count-vertical{
display: none;
}
body[data-type="collection"]  .jdgm-widget{
  display: none!important;
}
.frb-label{
  font-size: 24px;
    font-weight:600;
    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;
}
 
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: 18px;
  height: 18px;
  border: 1px solid #333333;
border-radius: 4px;
margin-right: 12px;

}
.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;
}
.card__information .product-modal{
  color: #666;
  font-size: 12px;
  margin-bottom: 5px;
}
.card__heading .full-unstyled-link{
font-size: 16px;
}

.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;
}
.card__information  .card__heading {
  display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-card__swatch .variant-btn{
  margin-right: 0px!important;
  cursor: poPoppins-Regular;
}
.product-card__swatch .variant-btn+.variant-btn{
  margin-left: 15px;
}
.product-card__swatch--list{
  display: flex;
  align-items: center;
}
.img-variant{
  opacity: 0;
  transition: all 0.3s ease;
}
.img-variant.active{
  opacity: 1;
}
body[data-type="collection"]  .grid__item{
  padding-left:6.25vw;
}

body[data-type=collection] #product-grid{
  column-gap: 0;
  row-gap: 70px;
  margin-left: -6.25vw;
}
.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);
}
body[data-type=collection]  .price{
  font-size: 14px;
}
body[data-type=collection]  .price__regular .price-item--regular{
  color:#666666;

}
.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: 0px;
}

.mobile-facets__footer button::after{
  display: none;
}
.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:600;
    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:600;  
  }
  .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{
  text-align: right;
  flex: 1;
}
#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 .common-header{
  margin-bottom: 100px;
}
.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:600;
  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-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-container .pfi-inner{
display: flex;
align-items: center;
padding-right: 23%;
}
.common-about-help-container  .image-box{
  width: 100px;
  margin-right: 35px;
  flex-shrink: 0;
}
.common-about-help-container  .text-box{
  flex:1;
}
.common-about-help-container  .text-box a{
  font-family: Poppins-Light;
  font-size: 18px;
  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:600;
}
.article-card-wrapper .author-box{
  font-size: 12px;
 
  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: poPoppins-Regular;
}
.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: #808080;
  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: poPoppins-Regular;
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:600;
}
.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:600;
}
.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 .swiper-wrapper{
  -webkit-transition-timing-function: linear!important;
  -moz-transition-timing-function: linear!important;
  -ms-transition-timing-function: linear!important;
  -o-transition-timing-function: linear!important;
  transition-timing-function: linear!important;
}
.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 .new-button{
  font-size: 12px;
  padding: 5px 28px;
}
 .swiper-button-next::after,
.swiper-button-prev::after{
  display: none;
}
.common-tai-box  .swiper-button-next{
  right: 10px;
}
.common-tai-box  .swiper-button-prev{
  left: 10px;
}
 
.common-tai-box .pfi-inner  .common-title{
  margin-bottom: 9px;
}
.common-tai-box .common-tai-swiper-button{
  
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,.8);
  border-radius: 50px;
  background-color: #ffffff4d;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.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:600;
      }
.common-tai-container .image-box{
border-radius:15px;
overflow:hidden;
}
 

.nav-product-tag{
    font-weight: 100;
    color: red;
    margin-left: 6px;
}
.site-nav--no-megamenu .site-nav__dropdown{
  background-color: transparent;
  background: transparent;
  padding-left: 0px;
}
.site-nav--is-megamenu .site-nav__dropdown{
  padding: 45px 0 50px;
}
.special-activity-inner{
  position: relative;
}
.special-title-box{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  white-space: normal;
  padding: 20px;
  line-height: 1.5;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
  display: flex;
}
.special-activity-container{
  max-width: 340px;
  border-radius: 20px;
  overflow: hidden;
  line-height: 0;
  margin-left: 30px;
  margin-left: auto;
  flex-shrink: 0;
  width: 100%;
}
.special-activity-inner{
  position: relative;
  padding-right: 0px!important;
  display: block;

}



.announcement-bar-box{
  position: relative;
  font-size: 13px;
  font-weight: 500;
 
}
.announcement-bar-box .country-select {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  margin-right: -28px;
}
.country-select{
  position: relative;
}
.country-select img {
  display: block;
  width: 30px;
  flex-shrink: 0;
  object-fit: none;
}
.country-select .select-current {
  min-width: 300px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 9px 25px;
   transition: all 0.3s ease;
   border-bottom: 2px solid transparent;
   cursor: pointer;
}
.country-select .select-current::after {
  content: "";
  position: absolute;
  bottom: -3px;
  height: 2px;
  background-color: #000;
  width: 0;
  left: 15px;
  transition: all 0.3s ease;
}
.country-select .select-current:hover {
  cursor: poPoppins-Regular;
}
.country-select .image-innerbox {
  display: none;
  align-items: center;
}
.country-select .image-innerbox.active {
  display: flex;
}
.country-select .country-image-item {
  display: inline-flex;
  height: 25px;
  width: 25px;
}
.country-select .country-text-item {
  color: #ffffff;
  font-size: 13px;
  line-height: 1;
  text-transform: capitalize;
  margin-left:9px;
  transition: all 0.3s ease;
  font-weight: 400;
}
.announcement-bar-box #country-select.active .country-text-item,
.announcement-bar-box  .country-select:hover .country-text-item{
  color: #000000;
}

.country-select .select-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 1;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 28px 15px 28px;
  background-color: var(--gradient-background);
  font-weight: 400;
  max-height: 90vh;
  overflow-x: auto;
} 
.country-select .select-menu::-webkit-scrollbar {
 width : 3px;
 height: 3px;
}
.country-select .select-menu::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background: #DDDDDD;
}
.country-select .select-menu::-webkit-scrollbar-track {
 background: #333333;
}
.country-select .select-menu .country-item {
  display: flex;
  align-items: center;
  width: 50%;
  margin-bottom: 14px;
  padding-right: 10px;
}
.country-select .country-item .country-image {
  display: none;
  height: auto;
  margin-right: 10px;
}
.country-select .country-item .country-text {
  color: #4d4d4d;
  font-size: 13px;
  line-height: 1;
  text-transform: capitalize;
  margin-right: calc(5px + 0.21vw);
  white-space: nowrap;
  text-align: left;
  font-weight: 400;
}
.country-select .select-menu .country-item:hover{
  opacity: 1;
  color: #000;
}
.country-select .select-menu .country-item:hover span{
text-decoration: underline;
color: #000;
}
.country-select .country-title{
  margin: 10px 0px 20px 0px;
  font-size: 13px;
  color: #4D4D4D;
  font-weight: 600;
}
.country-select .select-menu-inner{
  display: flex;
  flex-wrap: wrap;
}
 
.country-select .select-menu .country-item:first-child {
  margin-top: 0;
}
.country-select .toggle-box {
  display: none;
  justify-content: center;
  align-items: center;
  margin-left: calc(6px + 0.21vw);
}
.country-select .toggle-box svg {
  transition: all 0.15s linear;
}
.country-select .toggle-box.active svg{
  transform: rotate(180deg);
  transition: all 0.15s linear;
}
.announcement-bar-box  #country-select.active .select-current,
.announcement-bar-box  .country-select:hover .select-current{
background-color:#f3f3f3 ;
 
}
.announcement-bar-box  #country-select.active .select-current::after,
.announcement-bar-box .country-select:hover .select-current::after {
  width: calc(100% - 35px);
}
.announcement-bar-box .country-select .select-current{
  padding-bottom: 2px;
  padding-top: 4px;
  justify-content: flex-end;
  padding-left: 28px;
  padding-right: 28px;
  height: 39px;
}
.site-footer .country-select .country-text-item{
  color: #808080;
  font-size: 14px;
}

@media only screen and (min-width: 1921px) {
  .announcement-bar-box{
    max-width: 1980px;
    padding: 0px 30px;
  }
  
   
  .country-select .select-current {
    padding: 5px 15px;
  }
  .country-select .select-menu {
    padding: 10px 15px;
  }
  .country-select .country-text-item {
    margin-left: 9px;
  }
  .country-select .toggle-box {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 999px) {
  .header-wrapper{
    padding: 8px 0px;
    background-color: #fff;
  }
  .announcement-bar .country-select {
    right: calc(28px + 10px);
  }
  
  .country-select .select-menu {
    width: 100%;
    left: unset;
    right: 0;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 790px) {
  .announcement-bar .country-select {
    right: 18px;
  }
}
@media only screen and (max-width: 590px) {
  
  .announcement-bar .country-select {
    padding: 10px 0;
  }
  .announcement-bar__link {
    width: 100%;
  }
  .announcement-bar__message {
    padding: 3px 10px;
  }
  
  .country-select .select-menu .country-item {
    display: inline-flex;
    width: 100%;
    
  }
  .country-select .select-menu .country-item:first-child,
  .country-select .select-menu .country-item:nth-child(2) {
    margin-top: 0;
  }
}
.announcement-bar-box .country-image-item-hover,
.announcement-bar-box .country-image-item-footer{
display: none;
}
.announcement-bar-box .country-select.active .country-image-item-header,
.announcement-bar-box .country-select:hover .country-image-item-header{
  display: none;
}
.announcement-bar-box .country-select.active .country-image-item-hover,
.announcement-bar-box .country-select:hover .country-image-item-hover{
  display: inline-flex;
}
.site-footer .country-image-item-hover,
.site-footer .country-image-item-header{
  display: none;
  }
  .site-footer .country-select{
width: 200px;
  }
  .site-footer .country-select .select-current{
    min-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
 
 
  .site-footer .country-select .toggle-box{
display:none;
}
.site-footer .country-select .select-menu{
  bottom: 100%;
  top: unset;
  left: 0px;
  right: unset;
  width: 300px;
  padding: 30px 20px;
  border-radius: 20px;
}
.site-footer .country-select .select-menu .country-item{
  width: 50%;
}

/* Custom Country Bar */
.custom-country-bar .country-bar-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.custom-country-bar .select-container{
  display: flex;
/*   align-items: center; */
  justify-content: center;
  margin-left: calc(10px + 0.78vw);
}
.custom-country-bar .close-container{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4.64vw;
  cursor: poPoppins-Regular;
}
.custom-country-bar .title-container{
  font-size: 13px;
  line-height: 2.46;
  text-align: center;
}
.custom-country-bar .selector-box {
  position: relative;
  border-radius: 10px;
  background: #636363;
  text-transform: capitalize;
}
.selector-box .selector-current {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 2px 3.42vw 2px 3.38vw;
  background: #636363;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  line-height: 2.46;
  border-radius: 10px;
  cursor: poPoppins-Regular;
}
.selector-box .selector-current.active {
  border-radius: 10px 10px 0 0;
}
.selector-box .selector-current .current-title {
  min-width: 120px;
  text-align: center;
}
.selector-box .selector-list {
  display: none;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 13px;
  font-weight: 500;
  line-height: 2.46;
  border-radius: 0 0 10px 10px;
  z-index: 15;
  background: #636363;
  padding: 5px;
}
.selector-box .selector-list .list-item:hover {
  color: #ffffff;
  cursor: poPoppins-Regular;
}
.selector-box .selector-list .list-item.active {
  color: #ffffff;
}
.selector-box .selector-current .toggle-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: calc(8px + 0.42vw);
  transform: translateY(-50%);
}
.selector-box .selector-current .toggle-btn svg {
  transition: all 0.15s linear;
}
.selector-box .selector-current .toggle-btn.active svg {
  transform: rotate(180deg);
  transition: all 0.15s linear;
}
.custom-country-bar .go-button {
  background: #DD3333;
  border-radius: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: #FFFFFF;
  padding: 5px calc(10px + 0.52vw);
  margin-left: calc(8px + 0.31vw);
  cursor: poPoppins-Regular;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.custom-country-bar .go-button:hover {
   background: #bd2020;
  transition: all .15s linear; 
}
@media only screen and (min-width: 2048px) {
  .custom-country-bar .select-container {
    margin-left: 25px;
  }
  .custom-country-bar .close-container{
    margin-left: 89px;
  }
  .selector-box .selector-current {
    padding: 2px 104px 2px 84px;
  }
  .custom-country-bar .go-button {
    padding: 5px 20px;
    margin-left: 14px; 
  }
}
@media only screen and (max-width: 999px) {
  .common-ccb-item{
    max-width: 100%;
  }
  .custom-country-bar .country-bar-wrapper {
    flex-wrap: wrap;

  }
  .custom-country-bar .title-container {
    width: 100%;
    padding: 0 4vw;
  }
  .custom-country-bar .select-container {
    margin-left: 0;
    width: 100%;
    margin-top: 5px;
    padding: 0 4vw;
  }
  .custom-country-bar .close-container {
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 0;
    padding: 6px;
  }
  .selector-box .selector-current {
    padding: 2px 7.42vw 2px 6.38vw;
  }
  .custom-country-bar .go-button {
    padding: 5px calc(15px + 0.52vw);
  }
}
@media only screen and (max-width: 590px) {
  .custom-country-bar .country-bar-wrapper {
    padding: 10px 5px;
  }
  .custom-country-bar .title-container {
    line-height: 1.38;
  }
  .selector-box .selector-current {
    padding: 2px 18.07vw 2px 14.6vw;
  } 
  .selector-box .selector-current .current-title {
    min-width: 120px;
    text-align: center;
  }
  .custom-country-bar .go-button {
    padding: 5px 5.33vw;
  }
  .custom-country-bar .select-container {
    margin-top: 10px;
  }
  .custom-country-bar .close-container {
    padding: 2px;
  }
  .custom-country-bar .close-container svg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: auto;
  }
}



.header-page-width{
  padding-left: 30px;
  padding-right: 30px;
}
.slideshow__text-wrapper-outer-box{
  top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
}
.slideshow__text-wrapper-outer-box .page-width{
height: 100%;
padding: 0px 30px;
}
.slideshow-container .swiper-pagination-box .page-width{
  padding: 0px 30px;
}
.slideshow__media{
line-height: 0;
 
}
.slideshow-container{
  position: relative;
}
.slideshow-container .swiper-pagination{
  position: relative;
    text-align: left;
}
.slideshow-container .swiper-pagination-bullet,
.bg-text-link-size-width .swiper-pagination-bullet{
  width: 40px;
  height: 5px;
  border-radius: 0px;
  background-color: #666666;
  margin: 0px 5px;
  opacity: 1!important;
}
.template-page .slideshow-container .swiper-pagination-bullet{
  background-color: #ffffff;
}
.template-page .slideshow-container .swiper-pagination-bullet-active,
.slideshow-container .swiper-pagination-bullet-active,
.bg-text-link-size-width .swiper-pagination-bullet-active{
background-color: var(--colorPrimary);
}
.swiper-pagination-box{
  position: absolute;
    bottom: 30px;
    z-index: 2;
    width: 100%;
    left: 0px;
}
 
.slideshow-container .banner::after, .slideshow-container.banner__media::after{
  display: none;
}

.slideshow-container  .slideshow__text-wrapper.banner__content{
  padding: 5rem 0px;
}
.slideshow__media   .video-box video{
  width: 100%;
  height: 56.25vw;
  object-fit: cover;
}

 

.index-collection-box {
 margin-left:-30px;
 
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin-bottom: -30px;
}

.index-collection-outer .pfi-inner {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

 .index-collection-outer .text-box-outer {
  position: absolute;
  width: 100%;
  padding: 30px 20px;
 
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  height: 100%;
  top: 0px;
  left: 0px;
  line-height: 1.2;
  justify-content: space-between;
}
 .index-collection-outer .text-box-outer  .new-button{
  margin-top: 15px;
   
}

.index-collection-item{
  flex:0 1 50%;
  margin-bottom: 30px;
  padding-left: 30px;
}

 .index-collection-outer .text-box-outer  .common-subtitle {
  margin-bottom: 0px;
  max-width: 680px;
  margin: 0 auto;
}
.index-collection-container .common-title{
  font-size: 1.042vw!important;
}
.index-collection-outer .image-box{
  transition: all 0.8s ease;
}
.index-collection-outer .index-collection-item:hover .image-box{
  transform: scale(1.05);
}
 .common-column-image-text-container .swiper-wrapper,
.index-collection-container .swiper-wrapper{
  padding-bottom: 20px;
 } 
.index-collection-item .new-button{
margin-top: 20px;
 
transition: all 0.3s ease;
}
.image-wrap img{
  width: 100%;
  height: 100%;
}



/* media css */
.common-media-item {
  position: relative;
}

.common-media-item .section-logo {
  display: flex;
  align-items: center;
  font-size: 1.875vw;
}

 

/* .common-media-item .common-header .page-width,
.common-media-item .custom_html_box .page-width {
  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;
}
 

.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;
 
}

 

.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-media-item .bg-text-wrapper{
  padding:40px 0px;
  }

  
  
@media screen and (max-width: 999px) {

  .common-subtitle {
    font-size: 14px;
 
  }
}

.common-media-btn {
  font-family: "OPPOSans-M";
  font-size: 1.25vw;
 
  font-weight: 400;
}






@media screen and (min-width: 1921px) {
  .common-media-btn {
    font-size: 18px;
  }
}

@media screen and (max-width: 999px) {
  .common-media-btn {
    font-size: 12px;
  }
}

.common-media-item .page-width {
  height: 100%;
}

.common-media-item .prtext-wrapper .hero__text-content {
  display: table-cell;
  padding-left: 0px;
  padding-right: 0px;
}

.common-tips {
  display: flex;
  position: relative;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
}
 
.common-tips-image-box .common-tips {
  position: absolute;
  bottom: 8px;
  padding: 0px 12px;
}

.common-media-item {
  position: relative;
}

.prtext-wrapper {
  position: absolute;
  z-index: 6;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.bg-text-table-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.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;
  }

  .hero__text-content.mb-horizontal-center {
    text-align: center;
  }

  .hero__text-content.mb-horizontal-right {
    text-align: right;
  }
}

.common-media-item .common-title+.common-subtitle {
  margin-top: 10px;
}

.common-media-item .prtext-wrapper .hero__text-content.horizontal-right .bg-text-wrapper-inner{
  margin-left: auto;
}
.common-media-item .prtext-wrapper .hero__text-content.horizontal-center .bg-text-wrapper-inner{
margin: 0 auto;
}
.common-media-item .prtext-wrapper .hero__text-content.horizontal-right .common-title{
margin-left: auto;
}
.common-media-item .prtext-wrapper .hero__text-content.horizontal-right  .common-title::after{
left: unset;
right: 0px;
}
/* media css */
.common-iwt-text-box .text-box{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.common-iwt-content .common-topsubtitle img{
margin-bottom: 15px;
}
.common-column-image-text-box{
display: flex;
align-items: flex-start;
margin-left: -30px;
margin-bottom: -30px;
}
.common-column-image-text-item{
  padding-left: 30px;
  margin-bottom: 30px;
}
.common-column-image-text-item .common-title{
  margin-bottom: 0px;
}
.common-column-image-text-box .common-subtitle{
  margin-bottom: 8px;
}
.common-column-image-text-item .pfi-inner{
border-radius: 20px;
overflow: hidden;
background-color: #fff;
text-align: center;
}
.common-column-image-text-item .text-box-outer{
  padding: 24px 5px;
}
.common-column-image-text-item .common-topsubtitle{
  line-height: 1;
  margin-bottom: 8px;
  font-weight: 400;
}
.common-download-app-container .common-iwt-content .common-iwt-text-box{
  padding-top:4.167vw;
}
.common-download-app-container .small-image-box{
  width: 75px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.common-download-app-container .name-box{
  font-size: 12px;
}
.common-download-app-container .product-featured-box .item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0px 5px;
}
.common-download-app-container .product-featured-box .item+.item{
  margin-left: 20px;
}
.common-download-app-container  .product-featured-box{
  display: flex;
  align-items: flex-start;
  margin-top: 3.438vw;
  margin-left: 0px;
 }
 .common-download-app-container .download-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
 }
 .common-download-app-container .download-box .item{
max-width: 178px;
flex: 1;
 }
 .common-download-app-container .download-box .item+.item{
  margin-left: 2.365vw;
 }
 .common-download-app-container{ position:relative;}
 @media (min-width: 1000px){
 .common-download-app-container .bottom-box{ margin-top: 7.438vw;}
 }
 .common-download-app-container .bottom-box .download-box img{ 
  height: auto;
 }
 .common-download-app-container .bg_img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
 .common-store-map-container .featured-box .item{
  padding: 0px 5px;
 
 }
 /* .common-store-map-container .featured-top-box .item
 { 
  width:33.3333%;
 } */
.common-store-map-container .featured-box .title-box{
  font-size: 4.167vw;
  font-weight:600;
  line-height: 1;
}
.common-store-map-container .featured-box .subtitle-box{
  font-size: 12px;
  font-weight: 500;
}
.common-store-map-container .featured-box .featured-top-box{
  padding: 15px 5vw;
  margin-bottom: 50px;
}
.common-store-map-container .featured-box .featured-top-box, .common-store-map-container .featured-box .featured-bottom-box{
display: flex;
justify-content: space-between;
}
.common-store-map-text-box .text-box{
  display: flex;
  justify-content: space-between;
}
.common-store-map-text-box .top-box,
.common-store-map-text-box .bottom-box{
  flex: 1;
  flex-shrink: 0;
  text-align: center;
}
.common-store-map-container .logo-box{
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.common-store-map-container .logo-box .item{
  width: 17%;
}
.common-store-map-container .logo-box .item img{
  display: block;
  width: 100%;
 }

/* .template-index .common-newsletter{
  background-color: #ffffff;
} */
.common-newsletter-content{
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.common-newsletter-text-box{ 
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 40px;
}
.common-newsletter-content .common-title{
  margin-bottom: 15px;
}
.common-newsletter-content .text-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.common-newsletter-content .social-box {
  margin-top: 1.563vw;
}
.common-newsletter-content .social-box .list-social{
  justify-content: flex-start;
  margin-left: -1.3rem;
  display: flex;
}
.common-newsletter-content .social-box .list-social__item{
  padding: 13px ;
  line-height: 0;
}
.common-newsletter-content .list-social__item .icon{
width: 30px;
height: 30px;
transition: all 0.3s ease;
}
.common-newsletter-content .list-social__item .icon,
.common-newsletter-content .list-social__item .icon path{
  fill: #fff;
  }
  .common-newsletter-content .newsletter-form,
  .common-newsletter-content .newsletter-form__field-wrapper{
max-width: unset;
  }
  .common-newsletter-content  .newsletter-box .newsletter-form__field-wrapper .field__input{
    width: 23.438vw;
    height: 3.646vw;
    border-radius: 50px;
    font-size: 16px;
    color: #808080;
    padding: 0.729vw 3.125vw 0.729vw 1.823vw; 
    font-weight: 500;
  }
  .common-newsletter-content  .newsletter-box .newsletter-form__field-wrapper .field::after,
  .common-newsletter-content  .newsletter-box .newsletter-form__field-wrapper .field::before{
    display: none;
  }
  .common-newsletter-content .newsletter-box .newsletter-form__field-wrapper .field__button>svg{
    width: 20px;
    height: 20px;
  }
  .common-newsletter-content .newsletter-box .newsletter-form__field-wrapper .field__button>svg path{
     stroke:#808080;
  }
  .common-newsletter-content .newsletter-form__button{
    right: 1.823vw;
    top: 50%;
    transform: translateY(-50%);
  }
  .common-newsletter-content  .newsletter-form__message{
    display: flex;
    width: 100%;
    justify-content: center;
  }
  .template-index .common-newsletter-item,
  .common-newsletter-item{
    --marginTop:6.5%;
       transform: translateY(-50%);
       margin-top: var(--marginTop);
       margin-bottom:-6.5%;
  }
.template-index .common-newsletter .common-section-container{
  padding-top: 0px !important;
  padding-bottom: 0px!important;
}
 
.common-icon-text-outer .common-subtitle {
  font-weight: 500;
  margin-top: 0px;
}
.common-icon-text-outer .pfi-inner a{
  font-size: 12px;
  margin-top: 15px;
}
/* Footer */
.site-footer {
  margin-top: 0;
  padding: 0;
}
.site-footer-header {
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.56vw 0 1.04vw 0;
}
 
.site-footer__item-inner .h4 {
  font-weight: 600;
  font-size: 12px;
  text-transform: capitalize;
  margin-bottom: 25px;
  margin-top: 0px;
 
}
 
.sfh-subheader {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.71;
  margin-bottom: 0;
  margin-top: 10px;
}
.sfh-header-container {
  width: 35%;
}
.site-footer__newsletter {
  margin-bottom: 0;
  width: 36%;
  padding-left: 6px;
}
.site_footer_social_icons {
  margin-left: auto;
  margin-right: 0;
}
.site-footer-header .social-icons__link {
  background-color: rgba(255,255,255,0.6);
}
.site-footer-header .social-icons__link svg {
  fill: #000000;
}
.site-footer-header-container {
  margin-bottom: 0;
  border-bottom: none;
}
.site-footer-header-container+.page-width1200 {
  padding-top: calc(10px + .26vw);
  border-top: 1px dashed #333333;
  box-sizing: border-box;
}
.site-footer-header .newsletter__input {
  height: 30px;
  min-height: unset;
}
.site-footer-header .newsletter__input:focus-visible {border:none;outline: none;}
.site-footer-header .input-group .btn {
  padding: 5px;
  min-height: unset;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  height: 100%;
  background: #D9D9D9;
  color: #000000;
}
.site-footer-header .input-group .btn:hover {
  background: #BFBFBF;
  color: #ffffff;
}
.site-footer__linklist-item {
  font-size: 12px;
  text-transform: capitalize;
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 1.5;
  font-weight: 500;
}
.site-footer__linklist-item+.site-footer__linklist-item{
  margin-top: 8px;
}
.site-footer__content {
 
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;  
    justify-content: space-between;
}
.footer-country-copyright {
  padding-bottom: 0px;
  border-top: 1px solid #A0A0A0;
  padding-top: 23px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-copyright {
  text-align: right;
  font-weight: 400;
  font-size: 14px;
 
  text-transform: capitalize;
  color: #808080;
}
.footer-copyright a{
  color: #808080;
}

 
.fappcrb-right .google-btn {
  margin-right: 0;
}
 
.fappcrb-right div:first-child {
  margin-top: 0;
}
.site-footer__item-inner{
  font-size: 12px;
  width:100%;
}
 

.site-footer__item-inner--link_list .i-minus{
  display: none;
  width: 12px;
  height: 12px;

}
.sfc-right .site-footer__item{
  padding-right: 0px!important;
}
.site-footer__item-inner--link_list .i-minus svg,
.site-footer__item-inner--link_list .i-plus svg{
  width: 12px;
  height: 12px;
}
.site-footer__item-inner--link_list[data-status="true"] .i-plus{
  display: none;
}
.site-footer__item-inner--link_list[data-status="true"] .i-minus{
  display: block;
}
@media only screen and (min-width: 2048px) {
  .sfh-header {
    font-size: 24px;
  }
  .site-footer-header {
    padding: 30px 0 20px 0;
  }
  .site-footer-header-container {
    margin-bottom: 15px;
  }
  
}
 
@media only screen and (max-width: 1400px) {
  
  .sfh-header {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1100px) {
  .social-icons__item {
    padding: 0 6px;
  }
  .site-footer-header {
    padding: 2.56vw 0 2.04vw;
  }
  .sfh-header-container {
    width: 30%;
  }
  .site-footer__newsletter {
    width: 45%;
    padding-left: 30px;
  }
  .site-footer__linklist-item {
    padding-right: 0;
  }
  .site-footer__item {
    padding-right: 12px !important;
    padding-left: 0 !important;
  }
}
 
 
@media only screen and (max-width: 590px) {
  .site-footer .country-select .select-menu{
    left: 0px;
    right: unset;
  
  }
  .site-footer-header {
    padding: 8vw 0 4.8vw;
  }
  .sfh-header p {
    font-size: 6.4vw;
  }
  .sfh-subheader {
    font-size: 3.73vw;
    margin-top: 3.47vw;
    padding-right: 10vw;
  }
  .site-footer__newsletter {
    width: 100%;
    margin-top: 4vw;
  }
  .site_footer_social_icons {
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    margin-top: 4.53vw;
  }
 
  .footer-copyright {
    text-align: right;
    font-size: 12px;
     flex: 1.5!important;
  }
}
.site-footer ul{
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  list-style: none;
}
.site-footer__linklist-item a{
  position: relative;
}
.site-footer__linklist-item a::after{
  position: absolute;
  content: "";
  bottom: -4px;
  width: 0%;
  height: 1px;
  background-color: var(--colorPrimary);
  margin: 0 auto;
  transition: all 0.36s ease;
      left: 0;
  right: 0;
}
.site-footer__linklist-item a:hover::after{
width:100%;
}
.sfc-left {
  width: calc(100% - 13%);
}
.sfc-right {
  width: 13%;
}
  .site-footer h4, .site-footer .h4 {
    margin-bottom: 12.5px; }
    @media only screen and (min-width: 1000px) {
      .site-footer h4, .site-footer .h4 {
        min-height: calc(var(--font-size-header) * 0.7);
        margin-bottom: 25px; } }

.sfc-left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* width: 75%; */
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }

  @media only screen and (min-width: 1000px) {
    .site-footer__content {
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; } }
.site-footer__content{
 padding-bottom:75px;
}
.site-footer__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  flex: 0!important;
    white-space: nowrap;
    padding-right: 100px;
  }
  @media only screen and (min-width: 1000px) {
    .site-footer__item {
      padding-right: 40px;
      } }
     
  @media only screen and (min-width: 1300px) {
    .site-footer__item {
      padding-right: 70px; 
      } }
    
 
  .site-footer__item:first-of-type {
    padding-left: 0; }
  .site-footer__item:last-of-type {
    padding-right: 0; }
    @media only screen and (max-width: 999px) {
      .site-footer__item:last-of-type {
        margin-bottom: 0; } }

@media only screen and (min-width: 1000px) {
  .site-footer__item--full-width {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%; }
  .site-footer__item--one-half {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%; }
  .site-footer__item--one-third {
    -webkit-flex: 1 1 33%;
    -moz-flex: 1 1 33%;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%; }
  .site-footer__item--one-quarter {
    -webkit-flex: 1 1 25%;
    -moz-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%; }
  .site-footer__item--one-fifth {
    -webkit-flex: 1 1 20%;
    -moz-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%; }
  .site-footer-newsletter__one-half {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%; } }
  
@media only screen and (min-width: 1000px) {
  .site-footer__item--center {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; }
    .site-footer__item--center > * {
      text-align: center; } }
 
.site-footer__item-inner--newsletter {
  width: 100%; }
  .site-footer__item-inner--newsletter .newsletter__submit {
    margin-top: 5px; }
  .site-footer__item-inner--newsletter .newsletter__input {
    margin: 5px 0 0 0;
    width: 100%; }
  @media only screen and (min-width: 1000px) {
    .site-footer__item--full-width .site-footer__item-inner--newsletter {
      max-width: 50%; } }

@media only screen and (min-width: 1000px) {
  .site-footer__centered--single-block {
    width: 75%;
    margin: 0 auto; } }

.site-footer__hr {
  margin: 55px 0 30px 0; }
  @media only screen and (min-width: 1000px) {
    .site-footer__hr {
      margin: 45px 0 20px 0; } }

@media only screen and (max-width: 999px) {
  .site-footer__linklist.list--inline > li {
    display: block; } }

 
  .site-footer__linklist-item:last-of-type {
    padding-right: 0; }

.site-footer__icon-list {
  padding-bottom: 0px; }
  @media only screen and (min-width: 1000px) {
    .site-footer__icon-list {
      padding-bottom: 15px; } }

@media only screen and (min-width: 1000px) {
  .site-footer__social-icons {
    padding-top: 7.5px;
    text-align: right; } }
.social-icons__item a{
      transition: all 0.36s ease;
}
.social-icons__item a:hover{
  background-color: var(--color-btn-primary);
}
.social-icons__item {
  padding: 0 15px; }
  @media only screen and (min-width: 1000px) {
    .social-icons__item:last-of-type {
      padding-right: 0; } }

.social-icons__link {
  display: block; }

.site-footer__subwrapper {
  margin-top: 35px; }
  .site-footer__payment-icons .list-payment{
    flex-wrap: wrap;
    max-width: 400px;
    display: flex;
    margin-bottom: -5px;
  }
  .footer-country-select ,
  .footer-copyright{
    flex:1;
  }
@media only screen and (min-width: 1000px) {
  .site-footer-item-align-right {
    text-align: right; } }

.site-footer__copyright-content {
  font-size: calc(((var(--font-size-base) - 3) / (var(--font-size-base))) * 1em); }

.site-footer__payment-icons .payment-icon {
  margin-bottom: 5px;
  margin-right: 5px; }
  .site-footer__payment-icons .payment-icon:first-child {
    margin-left: 0; }

.site-footer-item-center-vertically {
  padding-top: 7.5px; }

@media only screen and (min-width: 1000px) {
  .site-footer-item-tall {
    margin-bottom: 15px;
    height: 46px; }
    .site-footer-item-tall .site-footer__icon-list {
      padding-bottom: 0; } }

.footer-custom-box{
  padding-top: 15px;
  padding-bottom: 30px;
}
.common-tai-outer .swiper-scrollbar{
  margin-top: 15px;
  margin-left: 30px;
  margin-right: 30px;
}
.common-store-map-container .bottom-content{
  position: absolute;
  bottom: 20px;
}
.common-store-map-container .logo-box .item{
  padding: 0px 9px;
}
.common-store-map-image-box{
  margin-top: -12px;
}
.i-minus{
  display: none;
}
.site-footer__item-inner .h4{
  
    display: flex;
    justify-content: space-between;
    align-items: center;
   
  }
.common-ccb-item {
  max-width: 85%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common-ccb-item .common-subtitle{
  line-height: 1.5;
}
.common-ccb-item .text-box{
  max-width: 61.8%;
}
.common-ccb-container{
  background-color: #ffffff;
}
.common-ccb-container .common-title{
  margin-bottom: 5px;
}
.common-ccb-container .image-box{
  width: 200px;
  height: 200px;
  margin-left: 15px;
}
.common-ccb-container .image-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.common-product-grid-container-inner .common-subtitle{
font-weight: 600;
 font-size: 24px!important;
}
.common-product-grid-item .card__heading {
  font-size: 16px;
  font-weight: 600;
 
}
.common-product-grid-item{
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.5s ease;
}
 
.template-search .common-product-grid-item:hover {
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
}
.common-product-grid-item .card_link{
display: block;
width: 100%;
height: 100%;
padding:0 30px;
}
.common-product-grid-item .custom_card_link{
  padding-top: 10px;
}
.common-product-grid-item .card__information .card__heading{
  justify-content: center;
  align-items: flex-start;
  min-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.common-product-grid-item .card__information .price__container{
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.color-swatch-item{
  width: 24px;
  height: 24px;
  border-radius: 50px;
  cursor: pointer;
  font-size: 0px;
  margin: 0px 5px;
  box-shadow: inset 0 0 4px #4a546478;
}
.color-swatch-item[data-color="white"]{
  border: 0.499922px solid #d1d1d1;
}
.color-swatch-item.active{
  border: 0.499922px solid #6D6D6D;
}

.card_product-card__swatch{
  margin: 10px 0px;
}
.card_product-card__swatch--list{
  display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
    list-style: none;
    margin: 0px;
}
.common-product-grid-item .add-to-cart{
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
  max-width: 100%;
  padding: 16px;
  font-weight: 400;
  background-color: #000;
  border: 1px solid #000;
}
}
.product-cart-box{
  padding-bottom: 15px;
}
.common-product-grid-item .product-form__buttons{
margin-top: 0px;
margin-right: 0px;
text-align: center;
}
.card__information .arv-collection > div{
  display: flex;
  justify-content: center;
  align-items: center;
}
.thumbnails-blow .slider-main.slider-component-box{
  margin-bottom: 29px;
}
.product-media-container{
border: none;
}
.slider-main.slider-component-box{
  border-radius: 20px;
    overflow: hidden;
}
.product-main{
  margin-top: 60px;
}
.product-info-line{
  border-bottom: 1px solid #000;
}
.buy-buttons-box{
  display: flex;
}
.payment-icons{
      display: flex;
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.payment-icons .payment-icon{
  margin-right: 10px;
}

li.payment-icon svg {
    width: 57px;
    height: 36px;
    filter: grayscale(1);
}

.cpt-inner-box{
  display: flex;
  text-align: center;  
 
}
.common-product-tabbar-item{
  flex: 1;
  margin-right: 8px;
  font-size: 16px;
    color: #fff;
    line-height: 1;
    padding: 15px;
    cursor: pointer;
    flex:1;
    background-color: #AEAEAE;
    transition: all 0.3s ease;
}
.common-product-tabbar-item:last-child{
  margin-right: 0px;
}
.common-product-tabbar-box{
  background-color: rgb(var(--color-base-background-1));
}
.common-product-tabbar-item.active{
background-color: var(--colorPrimary);
}
.product-featured-box{
 margin-left:-30px;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin-bottom: -24px;
}
.product-featured-box .image-box{
  overflow: hidden;
  border-radius: 20px;
}
.product-featured-item{
  flex:0 1 50%;
  margin-bottom: 24px;
  padding-left: 30px;
}
.product-featured-box .pfi-inner{
position: relative;
border-radius: 20px;
overflow: hidden;
}
.product-featured-box .text-box-outer{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding:13px 13px 23px;
  text-align: center;
}
.common-product-detail-featured-container .pfi-inner{
  border-radius: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  text-align: center;
}
.common-product-detail-featured-container .pfi-inner .name-box{
  padding: 13px 5px;
  font-size: 12px;
}
.common-product-detail-featured-container .product-detail-featured-box{
  margin-left: -30px;
  margin-bottom: -30px;
  max-width: 560px;
  display: flex;
  flex-wrap: wrap;
}
.common-product-detail-featured-container .product-detail-featured-box .item{
  width: 50%;
  padding-left: 30px;
    margin-bottom: 30px;
}
.common-product-tabbar-box-outer{
  position: relative;
}
.common-product-tabbar-box-inner{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
 z-index: 3; 
 
}
.common-product-tabbar-box-inner.fixed{
  position: fixed;
}



/* price */
.product_tax_box{
  font-size: 14px;
  margin-top: -5px;
  text-transform: uppercase;
}
.price {
  font-size: 1.6rem;
 
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
}

.price > * {
  display: inline-block;
  vertical-align: top;
}

.price.price--unavailable {
  visibility: hidden;
}

.price--end {
  text-align: right;
}

.price .price-item {
  display: inline-block;
  margin: 0 1rem 0 0;
}

.price__regular .price-item--regular {
  margin-right: 0;
}

.price:not(.price--show-badge) .price-item--last:last-of-type {
  margin: 0;
}

@media screen and (min-width: 1000px) {
  .price {
    margin-bottom: 0;
  }
}

.price--large {
  font-size: 1.6rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
 
}

@media screen and (min-width: 1000px) {
  .price--large {
    font-size: 1.8rem;
  }
}

.price--sold-out .price__availability,
.price__regular {
  display: block;
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale {
  display: inline-block;
}

.price--on-sale .price__sale {
  display: initial;
  flex-direction: row;
  flex-wrap: wrap;
}

.price--center {
  display: initial;
  justify-content: center;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.75);
  font-size: 1.3rem;
}

.unit-price {
  display: block;
  font-size: 1.1rem;
  
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  margin-top: 0.2rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
}


.product__info-wrapper .price{
  font-size: 35px;
}
/* price */





/* cart bar */

.product__price_box .product__price.active,.product-form-container .pfc-box.active{
  position: absolute;
}
.cbbc-right{
 padding:5px 0px;
}
#cbbc{
    transform: translateY(100%);
    position: fixed;
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgb(0 0 0 / 10%), 0 -1px 0 0 rgb(0 0 0 / 10%);
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
 
    transition: all 0.36s ease;
}
#cbbc.active{
  transform: translateY(0px);
}
#cbbc .product-plicy-container{
  display:none;
}
#cbbc .product-form{
     width: 100%;
  
    padding-top: 0;
    border-top: none;
}
#cbbc-left{
  flex: 1;
  max-width: 375px;
  position:relative;
  background-color: #fafafa;
  
}
.cbbc-inner-box{
  display: flex;
    justify-content: space-between;
    align-items: center;
}
.cbbcl-show-box{
    width: 100%;
 
    display: flex;
    justify-content: space-between;
  align-items: center;
    padding: 12px;
   cursor: pointer;
   
}
.cbbcl-hide-box{
  display:none;
 position: absolute;
  width:100%;
    bottom: 100%;
    background: #fff;
    padding: 15px 15px 0px 15px;
    box-shadow: 0px -14px 20px 0px rgb(0 0 0 / 10%);
  z-index:5;
}
.cbbclsb-left .cbbclsbl-bottom{
 font-size: 16px;
    color: rgba(0,0,0,0.8);
      line-height: 30px;
}
.cbbclsb-left .cbbclsbl-bottom .product-single__title{
 font-size: 16px;
  line-height:30px;
}
.cbbclsb-right{
  margin-left: 28px;
    display: flex;
    font-size: 18px;
    align-items: center;
}

.cbbcl-show-box .arrow svg{
 width:15px;
  height:15px;
  transform: rotate(-90deg);
  transition: all 0.36s ease;
}
.cbbcl-show-box.active .arrow svg{
  transform: rotate(90deg);
}
.cbbcl-show-box .arrow{
     display: inline-block;
    margin-left: 5px;
}


#cbbc-right .product-form__item,
#cbbc-right  .product-form__cart-submit{
 margin-bottom:0px;
}

#cbbc-right .product-form__cart-submit{
  min-width: 300px;
}
.product-form-container .cbbc-inner-box{
 display:none !important;
}
#cbbc .product-discount{
 font-size:15px;
}

  .cbbcl-hide-box{
       max-height: calc(100vh - 200px);
    overflow: auto;
  }
.site-page-mask{
  display:none;
 position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 9;
 
}
  #cbbc-inner #revy-bundles-wrapper{
 display:none;
}
#revy-bundle-wrapper .revy-bundle-wrapper-inner{
 flex-wrap:wrap;
}
#revy-bundle-wrapper .revy-bundle-wrapper-inner .revy-bundle-action{
  padding: 0 ;
    margin-left: auto;
}
.mb-slideshow-link{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}
.media-swiper-pagination{
 bottom:10px!important;
}
#pfc-box div[data-location*="main"]+div[data-location*="main"],
#cbbc div[data-location*="main"],
#cbbc div[data-location*="bottom"]{
 display:none;
}
.pfcg-variant-box,
.product-price-box-inner,
.product-buttons-container{
  position: relative;
}
.pfcg-variant-box.absolute-box  .variant-box,
.product-price-box-inner.absolute-box .price__container-box,
.product-buttons-container.absolute-box .buy-buttons-box{
  position: relative;
  top: 0px;
  width: 100%;
  left: 0px;
}
.cart-bottom-bar-container div[data-shopify="payment-button"],
.cart-bottom-bar-container .product-form__quantity .form__label{
  display: none;
}
.cart-bottom-bar-container .product-form__buttons{
  margin-left: 15px;
}
.cart-bottom-bar-container .product-form__submit{
  width: 1000px;
  max-width: 250px;
  font-size: 15px;
  height: 45px;
   
}
.cart-bottom-bar-container .buy-buttons-box{
  display: flex!important;
}
.cart-bottom-bar-container .product-form__quantity{
  margin-bottom: 0px;
}
.cart-bottom-bar-container .product_tax_box{
  font-size: 12px;
}
/* cart bar */


/* blog start */
.article__list-image-wrapper{
  width: 100%;
    padding-bottom: 15px;
    margin: 0 auto;
    border-radius: 20px;
}
.template-blog .social-sharing {
  margin-bottom: 17.5px; }
.blog-list-view{
padding-top:50px;
}
.blog-list-view .pagination {
  padding-top: 0; }

.template-blog .main-content{
  padding-top:0px!important;
}
.blog-header{
  position: relative;
}
.blog-header .text-box{
  display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.blog-header .title{
  font-size: 24px;
    font-weight:600;
    padding: 0px 40px;
}
.blog-header .subtitle{
  font-size: 48px;
    text-align: center;
    font-weight:600;
}
.blog-filter{

  margin-top:68px;
}
.blog-filter .select-group{ 
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight:600;
}
.blog-filter .select-group .item+.item{
  margin-left:20px;
}
.blog-filter .select-group .item{
  padding-bottom: 5px;
}
.blog-filter .select-group .item.active a{
  color:var(--colorPrimary);
 }
.blog-list-view .article-listing{
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.5s ease;
}
.blog-list-view .article-listing:hover{
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
}
.article-single{
  padding:0px 20px;
  padding-bottom:22px;
}
.blog-list-view  .article__tags{
  font-size: 12px;
  color: #000000;
  opacity: 0.5;
  margin-bottom: 14px;
    float: unset;
    font-weight:600;
    min-height: 18px;
}
.blog-list-view  .article__title{
  font-size: 16px;
  min-height: 70px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: -5px;
}
.blog-list-view .article__title a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.blog-list-view .article_excerpt{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #000000;
    opacity: 0.5;
    margin-bottom: 20px;
}
.blog-list-view .article__date{
  font-size: 12px;
  font-weight:600;
  color: #000000;
  opacity: 0.5;
  margin: 0px;
}
.blog-list-view .grid__item{
  margin-bottom: 10px;
}
.blog-image-container .item{
  position: relative;
}
.blog-image-container .item .text-box{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  color:#ffffff;
  padding: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.blog-image-container .item .text-box h3{
    font-size: 36px;
    max-width: 550px;
}
.blog-image-container .item .text-box .type{
  font-size: 12px;
    margin-bottom: 15px;
}
.blog-image-container .item .text-box .date{
  position: absolute;
  bottom: 20px;
  font-size: 12px;
}
.blog-image-container .item  a{
  position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.blog-pagination .btn:hover {
  background-color: #e52f17;
  border-radius: 16px;
  border-color: #e52f17;
}
.blog-pagination .btn:hover path {
 fill:#ffffff;
}

@media screen and (max-width:1500px){
  .blog-header .subtitle{
    font-size:calc(8px + 2.08333vw);
  }
}

@media screen and (max-width:999px){
  .blog-header .title {
    font-size:16px;
}
  .blog-header .subtitle {
    font-size:28px;
    max-width: 400px;
}
.blog-filter {
  margin-top: 50px;
}
.blog-filter .left-box{
  width:100%;
}
.blog-filter .left-box .select-group{
  justify-content: center;
}
.blog-list-view {
  padding-top: 45px;
}
}


.article-template .article__tags{
  float: unset;
}

.article-template  .list--inline{
  text-align: left;
}
.article-template  .list--inline{
  text-align: left;
}

.article__title{
 
  text-align: left;
  font-size: 35px;
  font-weight: 600;
}
.article-template  .author-date-box,
.article-template  .list--inline li a{
  text-align: left;
  margin-top: 16px;
  color: #000000;
  opacity: 0.5;
  font-size: 14px;
}
.article__content-outer-top{
  margin-top:40px;
  text-align: left;
  line-height: 2em;
 
  background-color: #ffffff;
  border-radius: 10px;
  padding: 62px 30px 40px 30px;
  line-height: 1.875;
}
.article__content{
  color: #4d4d4d;
  line-height: 1.875;
}
  .article__content a{
    color: #4d4d4d;
    text-decoration: underline;
  }
  .article__content a:hover{
    color: #4d4d4d;
  }
/* .article__content-outer{

  max-width: 920px;
} */

 
.article__content-outer .return-link-wrapper .btn {
  display: table;
  border-radius: 16px;
  border: solid 1px #000000;
  padding: 6px 25px;
  font-size: 15px;
  text-transform: none;
  color: #000000;
  line-height: 1;
  font-weight:600;
  background: transparent;
  padding-left: 15px;
}
  .bottom-social-box{
    padding-bottom: 40px;
    margin-bottom: 40px;
    margin-top: 40px;
    border-bottom: solid 1px #000000;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .bottom-social-box .social-sharing{
    justify-content: flex-end;
    margin-top:10px;
    display: flex;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
  }
  .bottom-social-box .social-sharing li{
margin-right:23px;
  }
  .article-share-box{
    font-size: 16px;
    font-weight:600;
    color: #808080;
    text-transform: uppercase;
  }
  .bottom-article-box {
    display:flex;
  }

  .bottom-article-box .left-box,
  .bottom-article-box .right-box{
width:50%;
  }
  .bottom-article-box .tag-box{
    font-size: 12px;
     
    color: #000000;
    opacity: 0.5;
    font-weight: 600;
    margin-bottom: 15px; 
    line-height: 1;
  }
  .bottom-article-box .left-box{
    text-align: left;
    padding-right: 5px;
  }

  .bottom-article-box .right-box{
    text-align: right;
    padding-left:5px;
  }

  .bottom-article-box .btn {
margin-bottom:20px;

  }
.bottom-article-box  .article__title{
  font-size: 18px;
  max-width: 300px;
  margin-bottom: 4px;
  line-height: 1.444;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 52px;
}

.bottom-article-box .right-box .article__title{
  text-align: right;
    margin-left: auto;

}
.article-template-contianer{
  padding-bottom: 70px;
 
}
.article-template-contianer .article__title{
  margin-top: 20px;
}
.bottom-article-box  .btn:hover {
  background-color: var(--colorPrimary);
/*   border-radius: 16px; */
  border-color: var(--colorPrimary);
}
.bottom-article-box .btn:hover path {
  stroke: #fff;
}
.article-template-contianer .site-footer__newsletter{
  width:100%;
}

@media screen and (max-width:589px){
  .bottom-article-box .article__title{
    -webkit-line-clamp: 3;
  }
  .search-quick-links-box{
    top: 100%;
    padding: 10px;
    font-size: 12px;
  }
  .sqlc-box a+a {
    margin-top: 10px;
}
  .cbbc-inner{
    padding-bottom: 8px;
  }
  .cart-bottom-bar-container .product-form__submit{
    width: 100%;
    height: 45px;
    font-size:17px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  
  
  .cbbcl-show-box{
    padding: 5px 12px;
  }
  .cbbc-inner-box{
    display: block;
  }
  .product-featured-box .image-box{
   
    border-radius: 10px;
  }
  .common-product-detail-featured-container .pfi-inner{
    border-radius: 10px;
  }
  .blog-image-container .item .text-box{
    justify-content: center;
    align-items: center;
  }
  .blog-image-container .item .text-box h3{
    text-align: center;
    font-size: 24px;
    line-height: 36px;
  }
  .blog-image-container .item .text-box .date{
    bottom:24px;
  }
  .blog-header .title {
    font-size:14px;
}
  .blog-header .subtitle {
    
    font-size: 20px;
    max-width: 315px;

}
}
/* blog end */

/* article */
.template-article #MainContent{
  padding-top: 50px;
}
.template-article .article__tags{
  list-style: none;
}

/* body.template-article .page-container{overflow: visible;} */
.article__content-wrapper{
  position:relative;
  display: flex;
  justify-content:space-between;
  align-items:flex-start;
  width: 100%;
  /* max-width: 1400px; */
  margin: 0px auto;
}
.article__content-wrapper .left-part {
  width: calc(100% - 480px);
} 
.bottom-article-box .btn{
  display: table;
  padding: 12px;
  border: 1px solid #000;
  border-radius: 50px;
  line-height: 0;
}
.bottom-article-box .right-box .btn{
  margin-left: auto;
}
.article__content-wrapper .right-part{
   position:sticky; 
  top: 100px;
  max-width: 440px;
  margin-top: 40px;
  width: 100%;
}
.icon__fallback-text{
  display: none;
}
.article__content-wrapper .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor;
}
.btn--narrow {
  padding-left: 15px;
  padding-right: 15px; }

.btn--has-icon-after .icon {
  margin-left: 10px; }

.btn--has-icon-before .icon {
  margin-right: 10px; }
.article__content-wrapper .right-part .form-wrapper{
  background: #ffffff;
  border-radius: 10px;
  padding: 40px;
}
.article__content-wrapper .right-part .form-wrapper .form-title{
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px;
  text-align:center;
}
.article__content-wrapper .right-part .form-wrapper .form-info{
  font-size: 12px;
  color: #000000;
  opacity: 0.5;
  /* max-width: 300px; */
  margin: 40px auto 0px;
  text-align: center;
    
}
.article__content-wrapper .right-part .form-wrapper .input-group {
  display: flex;
    align-items: center;
    justify-content: space-between;
position: relative;
}
.article__content-wrapper .right-part .newsletter__submit{
  background: transparent;
  border: none;
  padding: 0px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  text-transform: capitalize;
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.article__content-wrapper .right-part .newsletter__submit path{ 
  stroke:gray;
}
.article__content-wrapper .right-part .newsletter__submit:hover{
  border:none!important;
  opacity: 0.8!important;
  background-color: transparent!important;
}
.article__content-wrapper .right-part .form-wrapper .newsletter__input {
  border-radius: 50px;
  font-size: 13px;
  color: gray;
  padding: 0.729vw 3.125vw 0.729vw 1.823vw;
  font-weight: 500;
border: 1px solid #626262;
  flex: 1;
  margin: 0;
  line-height: 2;
}
.article__content-wrapper .right-part .newsletter__submit svg{
  width:20px;
  height: 20px;
}
.article__content-wrapper .right-part .form-wrapper .newsletter__input:focus-visible {
  outline:none;
  box-shadow: none;
}
.article__content-wrapper .right-part .form-wrapper .input-group__btn {
 position: relative;
  border-radius: 10px;
  overflow: hidden;
  flex-grow: unset!important;
}
.article__content-wrapper .right-part .most-popular-wrapper .title{
  font-size: 24px;
  font-weight:600;
  text-align:center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.article__content-wrapper .right-part .rb_image{
  width: 100%;
  display: block;
}
.article__content-wrapper .right-part .text-wrapper{
  padding: 20px;
  background: #ffffff;
  border-radius: 0px 0px 10px 10px;
}
.article__content-wrapper .right-part .tag{
  font-size: 12px;
  color: #000000;
  opacity: 0.5;
  margin-bottom: 10px;
  font-weight: 600;
}
.article__content-wrapper .right-part .article-title{
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  font-weight:600;
}
.article__content-wrapper .right-part .article-excerpt{
  font-size: 12px;
  color: #000000;
  opacity: 0.5;
}
.article__content-wrapper .right-part .time{
  font-size: 12px;
  color: #000000;
  opacity: 0.5;
  margin-top: 20px;
  font-weight: 600;
}
.related-acticle-wrapper{display: block;border-radius: 10px;overflow: hidden;}
@media(min-width: 1000px){
  .article__content-wrapper .right-part .swiper-wrapper{flex-wrap: wrap;}
}
@media(max-width: 1300px){
  .article__content-wrapper .left-part {
    width: calc(100% - 350px);
  }
  .article__content-wrapper .right-part{
    max-width: 330px;
  }
  .article__content-wrapper .right-part .form-wrapper{
    padding:20px;
  }
}

@media(max-width: 999px){
  .article__content-wrapper{
    display: block;
  }
  .article__content-wrapper .left-part {
    width: 100%;
    max-width: unset;
  }
  .article__content-wrapper .right-part {
    max-width: 440px;
    margin: 40px auto;
  }
  .swiper-pagination-recommend_articles {
    text-align:center;
    margin-top: 20px;
  }
  .swiper-pagination-recommend_articles .swiper-pagination-bullet{opacity:0.4!important;}
  .swiper-pagination-recommend_articles .swiper-pagination-bullet-active{
    background: #000000 !important;
    opacity:1!important;
  }
}
.author-date-box{
  display: flex;
  align-items: center;
}
.article__hot-data{
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.article-recommend-porduct{
  padding: 10px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #f4313f;
  border-radius: 10px;
  margin-top: 50px;
  position:relative;
}
.article-recommend-porduct .tag-wrapper{
  position:absolute;
  top: -30px;
  left: -20px;
}
.article-recommend-porduct .tag{
  padding: 10px 30px;
  color: #ffffff;
  background: #f4313f;
  line-height: 1.1;
  font-size: 28px;
  font-weight:600;
  position:relative;
}
.article-recommend-porduct .triangle{
  position: absolute;
  left: 0px;
  bottom: -24px;
  border-left: 10px solid transparent;
  border-top: 12px solid #ac0a16;
  border-right: 10px solid #ac0a16;
  border-bottom: 12px solid transparent;
}

.article-recommend-porduct .text-wrapper{
  max-width: 380px;
  margin-left: 50px;
  width: 100%;
}
.article-recommend-porduct .product-title{
  font-size: 22px;
  margin-bottom: 20px;
  line-height: 1.4;
}
.article-recommend-porduct .info{
  font-size: 14px;
  color: #000000;
  opacity: 0.5;
  margin-bottom: 20px;
  line-height: 1.5;
}
.article-recommend-porduct .price-text{
  font-size: 14px;
  color: #000000;
  line-height: 1.5;
}
.article-recommend-porduct .price{
  font-size: 36px;
  font-weight:600;
  line-height: 1.5;
}
.article-recommend-porduct .learn-more{
  display: inline-block;
  background: #dd3333;
  color: #ffffff !important;
  padding: 10px 40px;
  border-radius: 50px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  margin-top: 40px;
}
.shipping-text{
  color: #000000;
  opacity: 0.5;
  font-size: 12px;
}

span.diver{
  padding:0px 10px;
}
.article__content-outer .return-link-wrapper .btn:hover{
  background-color: #e52f17;
  border-color: #e52f17;
  color: #ffffff;
}
.article__content-outer .return-link-wrapper .btn:hover path{
  fill: #fff;

}
.article-template  .article__grid-tag{
  margin-right: 0px;
}

.article-header .social-sharing{
  justify-content: center;
  list-style: none;
  display: flex;
  align-items: center;
  padding-left: 0px;
}
.article-header .social-sharing li{
  margin: 0px 10px;

}
.article-header .social-sharing li svg{
 
  width: 20px; 
  max-height: 20px;
}

.form-wrapper-inner{
  max-width: 495px;
    margin: 0 auto;
}
.article__content a{
  word-break: break-all;
}

@media(max-width: 850px){
 
  .article-recommend-porduct .product-title{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .article-recommend-porduct .info{
    font-size: 12px;
    margin-bottom: 10px;
  }
  .article-recommend-porduct .learn-more{
    font-size: 14px;
    margin-top: 20px;
  }
}

@media(max-width: 999px){
  .article-template{
    padding-left: 0px;
    padding-right: 0px;
  }
  .article__content-wrapper .right-part .form-wrapper .form-info{
    margin:40px 0px 0px;
  }
  .article-recommend-porduct .img {
    max-width: 245px;
}
  .article-template .article__tags{
    margin-bottom:15px;
  }
  .article-header .article__title{
font-size:24px;
text-align: center;
margin-bottom: 40px;
  }
  .article-template .author-date-box{
margin-top:25px;
  }
  .article-template .list--inline{
    text-align: center;

  }
  .article-header{
    text-align: center;
    padding: 40px;
  }
  .author-date-box{
    text-align: center;
    justify-content: center;
  }
 
 
  .article__content-outer-top{
    padding: 40px 20px 40px;
  }
 
  .article-recommend-porduct .product-title {
    margin-bottom: 0px;
    margin-top: 20px !important;
  }
  .article-recommend-porduct .info {
    margin-bottom: 30px;
  }
  .article-recommend-porduct .price {
    font-size: 24px;
  }
 
  .article-recommend-porduct .tag-wrapper{
    top: -30px;
    left: -16px;
  }
  .article-recommend-porduct .tag{
    font-size: 22px;
  }
  .article-recommend-porduct .triangle{
    bottom: -20px;
    border-left: 8px solid transparent;
    border-top: 10px solid #ac0a16;
    border-right: 8px solid #ac0a16;
    border-bottom: 10px solid transparent;
  }
  .article__content-wrapper .right-part{
    max-width:100%;
  }
}

@media(max-width: 589px){

  .article-recommend-porduct .img {
    max-width: 100%;
}
  .article-recommend-porduct{
    display:block;
  }

.article-recommend-porduct .text-wrapper{
  margin-left: 0px;
}
.article-header{
  padding: 40px 0px;
}
.article-header .article__title{
  font-size: 24px;
  margin-bottom: 40px;
}
.article-template .author-date-box, .article-template .list--inline li a{
  font-size:12px;
}
.article-template .author-date-box {
  margin-top: 5px;
}
 
 
.article__content-wrapper{

  width: auto;
  border-radius: 0px;
}
.bottom-social-box{
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 40px;
}
.bottom-article-box .article__title{
  font-size: 12px;
}

.bottom-article-box  .article__date{
  font-size: 12px;
}
.article__content-wrapper .right-part .form-wrapper{
  padding:35px 40px 40px;
}
.article__content-wrapper .right-part .form-wrapper .form-title{
  opacity: 0.8;
}
.article__content-wrapper .right-part .most-popular-wrapper .title {
  font-size: 32px;
  opacity: 0.8;
}
}
/* End article */


.common-blog-banner-content{
  display: flex;
  border-radius: 20px;
    overflow: hidden;
    background: #fff;
}
.common-blog-banner-text-box .common-topsubtitle,
.common-blog-banner-text-box .article-date-box{
  margin-bottom: 14px;
  font-weight: 600;
  font-size: 12px;
  color: #808080;
}
.common-blog-banner-text-box .article-date-box.opacity-0{
  opacity: 0;
  pointer-events: none;
}
.common-blog-banner-text-box .article-date-box{
  margin-bottom: 0px;
}
.common-blog-banner-image-box  {
  width: 60%;
}
.common-blog-banner-text-box  {
  width: 40%;
  padding: 20px 30px 20px 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blog-slideshow-container .article-date-box{
  position: absolute;
  bottom: 30px;
  font-size: 12px;
  color: #808080;
  left: 0px;
}
.blog-slideshow-container  .swiper-pagination{
text-align: center;
}
body:not(.template-search) .card__badge{
  display: none;
}
body.template-search .card__badge.sale-tag{
  top:30px; 
}
.common-product-grid-item .card__badge, 
.article-listing .card__badge{
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
}

/* digital technology page start */

body[data-name="digital-technology"] .commin-iwt-item+.commin-iwt-item {
  margin-top: 0px;
}
/* digital technology page end */

/* .template-page .common-icon-text-contianer{
  display: none;
} */



/* The Future of Oral Care satrt */

body[data-name="about_us"] .commin-iwt-item+.commin-iwt-item {
  margin-top: 0px;
}
.common-no-icon-text-contianer .pfi-inner{
  background: transparent;
}
.a-journey-of-oclean-item:nth-child(1) .common-topsubtitle span {
  padding-left: 30px!important;
    margin-left: -30px;
}
.a-journey-of-oclean-item .pfi-inner{
  position: relative;
  background: #FFFFFF;
  border-radius: 20px;
  padding: 38px 30px;
  height: 100%;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  aspect-ratio: 0.72666;
}
.a-journey-of-oclean-item .pfi-inner .common-subtitle {
  margin-top: 32px;
  font-weight: 600;
}
.a-journey-of-oclean-item .pfi-inner .common-topsubtitle::after{
  content: "";
  width:100%;
  position: absolute;
  border-bottom: 1px solid #808080;
  left: 0px;
  top: 49px;
}
.a-journey-of-oclean-item .pfi-inner .common-topsubtitle span{
  position: relative;
  background: #fff;
  display: table;
  z-index: 2;
  padding: 0px 15px;
  color: #808080;
}
.a-journey-of-oclean-item .pfi-inner .common-topsubtitle span::before{
  right: 0;
  content: "";
  background: #808080;
  width: 7px;
  height: 7px;
  display: block;
  border-radius: 50px;
  position: absolute;
  transform: translateY(8px);
  }
  .a-journey-of-oclean-item .pfi-inner  .image-box{
    max-height: 175px;
    max-width: 185px;
  }
  .a-journey-of-oclean-item .pfi-inner  .image-box img{
    max-width: 100%;
    max-height:100%;
  }
 .a-journey-of-oclean-container .page-width{
    max-width: calc(100% - calc(calc(100% - 1460px) / 2));
    margin: 0;
    margin-left: auto;
    padding-right: 0px;
  }
  .ajoo-swiper-button{
    position: relative;
    left: unset;
    right: unset;
    width: 48px;
    height: 48px;
    border-radius: 50px;
    border: 2px solid #000;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .a-journey-of-oclean-item{
    width: 327px!important;
  }
  .a-journey-of-oclean-outer .button-box{
    display: flex;
    align-items: center;
    margin-top: 45px;
  }
  .a-journey-of-oclean-outer .swiper-button-next.swiper-button-disabled,.a-journey-of-oclean-outer .swiper-button-prev.swiper-button-disabled{
opacity: 0.6;
  }
  .a-journey-of-oclean-outer .ajoo-swiper-button-next{
margin-left: 35px;
  }
 .the-future-of-oral-care-item.commin-iwt-item .full-width .common-iwt-text-box .text-box{
  max-width: 640px;
 }

  @media only screen and (max-width: 999px) { 
    .article__content-wrapper .right-part .article-title{
      min-height: 48px;
    }
    .the-future-of-oral-care-item .common-topsubtitle{
      margin-bottom: 15px!important;
    }
    .digitaltechnology-item .common-title,
    .the-future-of-oral-care-item .common-title {
      margin-bottom: 15px!important;
    }
    .digitaltechnology-item .common-iwt-content .common-iwt-text-box,
    .the-future-of-oral-care-item .common-iwt-content .common-iwt-text-box{
      padding-bottom: 50px!important;
    } 
    
  }
  @media only screen and (max-width: 589px) { 
.blog-slideshow-container-section {
padding: 0px 10px;
padding-top: 30px;
}

.blog-slideshow-container{
  border-radius: 20px;
    overflow: hidden;
}
.blog-slideshow-container .article-date-box{
  position: relative;
  width: 100%;
  bottom: 0px;
}
.blog-slideshow-container  .page-width{
  padding: 0px!important; 
}
.blog-slideshow-container .slideshow__text-wrapper.banner__content,
.blog-slideshow-container .slideshow__text-wrapper-outer-box{
position: relative;
}
.blog-slideshow-container .banner__content{
  flex-direction: column;
}
.blog-slideshow-container .slideshow__text-wrapper-outer-box{
  position: relative;
  padding: 15px 20px 22px;
}
.blog-slideshow-container .slideshow__text-wrapper.banner__content{
  padding: 0px!important;
}
.blog-slideshow-container .banner__heading.common-title {
  font-size: 16px;
  min-height: 70px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: -5px;
}
.blog-slideshow-container .banner__topsubtitle.common-topsubtitle {
  font-size: 12px;
  color: #000;
  opacity: .5;
  margin-bottom: 14px;
  float: unset;
  font-weight: 700;
}
    .common-no-icon-text-contianer .common-icon-text-box{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .common-no-icon-text-contianer .common-icon-text-box .common-subtitle{
      margin-top: -15px;
    }
    .common-no-icon-text-contianer .common-icon-text-item{
      margin-bottom: 40px;
    }
    .a-journey-of-oclean-outer .button-box{
      margin-top: 30px;
    }
    .a-journey-of-oclean-outer .ajoo-swiper-button{
      width: 35px;
      height: 35px;
    }
    .a-journey-of-oclean-outer .ajoo-swiper-button svg{
      width: 15px;
    }
  }
/* The Future of Oral Care end */



/* compary product start */
body[data-name="compary-product"] {
  background-color: #ffffff;
}
.common-compary-product-box{
  text-align: center;
  position: relative;
}

.common-compary-product-box .cell-sticky{
  position: sticky!important;
  transform: translateY(100%);
    width: 100%;
    top: 0px; 
    z-index: 2;
    padding-top: 30px;
    padding-bottom: 0px!important;
    background-color: #ffffff;
}
.common-compary-product-box .cell-sticky .product-type-box .select-box{
margin-bottom: 0px;
}
.common-compary-product-box .cell-normal{
  border-top: none;
}
.common-compary-product-box .cell-sticky.sticky{
  transform: translateY(0%);
  border-top:2px solid transparent;
  padding-bottom: 20px!important;
  padding-top: 30px;
  background: #ffffff;
  border-bottom: 2px solid #000000;
}
.common-compary-product-box .cell-normal .label_title,
.common-compary-product-box .cell-normal .product-type-box{
opacity: 0;
}
.common-compary-product-container .swiper-scrollbar{
  position: relative;
  width: 40%;
  left: unset;
  bottom: 0px;
  margin: 0 auto 30px;
}
.common-compary-product-box .pfi-inner{
  padding: 0px 6%;
}
.common-compary-product-box .item-box .image-box{
  width: 80px;
  margin: 0 auto 25px;
}
.common-compary-product-box div[data-image-loading-animation]{
  padding-top: 100%!important;
}
.common-compary-product-box .item-box .image-box img{
  max-width: 80px;
  max-height: 80px;
  object-fit: contain;
}
.common-compary-product-box .color-swatch-box{
min-height: 15px;
}

.common-compary-product-box .cell-box-1~.cell-box .item{
  margin-bottom: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.common-compary-product-box .product-box{
  margin-bottom: 35px;
}
.common-compary-product-box .cell-box-1 .product-box{
  margin-bottom: 0px;
}
.common-compary-product-box .color-swatch-item{
  width: 23px;
  height: 23px;
}
.common-compary-product-box .product-box h3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 24px;
}
.common-compary-product-box .card__media{
  position: relative;
  max-width: 250px;
  max-height: 250px;
  margin: 0 auto;
}
.common-compary-product-box .card__media img{
  width: 100%;
height: 100%;
object-fit: cover;
max-height:250px;
}
.position-absolute{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.common-compary-product-box .card_link{
  display: table;
  margin: 0 auto;
  width:100%;
}
/* .common-compary-product-box{
  flex: 1;
} */
.common-compary-product-box{
  
}
.common-compary-product-box .cell-box{
  display: flex;
  border-top: 2px solid #000000;
    padding-top: 50px;
    padding-bottom: 50px;
    align-items: flex-start;
    position: relative;
}
 
.common-compary-product-box .cell-box-2 .item{
  justify-content: flex-start!important;
}
.common-compary-product-box .cell-box .cell-right-box{
  display: flex;
  justify-content: space-between;
  width: 75%;
  font-size: 16px;
 

}
.common-compary-product-box .cell-box .cell-right-box .cell-right-inner-box{
  flex:1;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  top: 0px;
  height: 100%;
  padding: 0px 8px;
}
.common-compary-product-box .cell-box .cell-right-box .cell-right-inner-box:nth-child(1),
.common-compary-product-box .cell-box .cell-right-box .cell-right-inner-box:nth-child(2){
  position: relative;
  opacity: 1;
  pointer-events: auto;
  z-index: 0;
}
.common-compary-product-outer .common-header .common-title{
  font-size: 35px!important;
}
.common-compary-product-box .cell-box .label_title{
  font-size: 25px;
  font-weight: 600;
  padding-right: 20px;
  width: 25%;
  text-align: left;
  /* position: sticky;
  top: 85px; */
}
.common-compary-product-box .cell-box .label_title .first-title{
  margin-bottom: 45px;
  white-space: nowrap;
}
.common-compary-product-box .cell-box .label_title .small-label{
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 45px;
  display: flex;
  flex-direction: column;
  color: #666;
 justify-content: center;
}
.product-type-box .option-box{
 text-align: center;
  display: none;
  position: absolute;
  left: -1px;
  padding: 12px;
  top: 100%;
  width: calc(100% + 2px);
  border: 1px solid #CBCBCB;
  border-top: none;
  border-radius: 0 0 15px 15px;
  z-index: 2;
}
.product-type-box .option-box::after{
  content:"";

}
.product-type-box  .select-box.active{
  border-radius: 15px 15px 0 0;
  border-bottom-color: transparent;
}
.product-type-box   .select-box.active .option-box{
display: block;
}
.product-type-box   .option-box a{
  color: #b5b5b5;
}

.product-type-box .default-option{
  font-weight:600;
  position: relative;
  padding-right: 30px;
  /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden; */
  text-align: center;
}
.product-type-box .default-option svg{
  width: 24px;
  height:24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  transition: all .3s ease;
}
.product-type-box .default-option svg path{
  fill: #F5333F;
}
.product-type-box .select-box.active .default-option svg{
  transform: translateY(-50%) rotate(-180deg);
}
.product-type-box .select-box{
  position: relative;
  font-size: 16px;
  margin: 0 auto 50px;
  max-width: 275px;
  min-height: 52px;
  padding: 5px 25px;
  text-align: left;
  justify-content: space-between;
  border: 1px solid #CBCBCB;
  border-radius: 50px;
 line-height: 1.2;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-type-box .option-box{
  background-color: #fff;
}

.product-type-box .option+.option{
  margin-top: 20px;
}
.product-type-box .option{
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}
.product-type-box .option:hover{
  opacity: 0.7;
}
 
.product-type-box .default-option{
  cursor: pointer;
  width: 100%;
}
 .option-selector+.option-selector{
  margin-top: 1.042vw;
 }

/* compary product end */





/* flow media section */
.spec-flow-media-section {
  background-color: #222;
  padding: 13vh 0 19vh;
}
.w1200{
  width: 62.5vw;
  margin: 0 auto;
}
.w1400{
  width: 72.9167vw;
  margin: 0 auto;
}
.ptvideo-box {
  width: 100%;
  height: 55.5556vh;
  /* object-fit: cover; */
  /* margin: 0 auto; */
  display: block; 
  position: relative;
}
video[poster] {
  /* height: 100%; */
  /* width: 100%; */
  object-fit: cover;
}
.keivideos_box{
  width: 100%;
  height: 100%;
  display: block;
  background-color: #000;
}
.flow-video-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  pointer-events: auto;
}
.flow-video-button svg{
  display: block;
}
.media-box-flow-bottom {
  color: #fff;
  padding: 1.8229vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.media-box-flow-bottom .media-box-flow-bottom-lefttext {
  font-size: 3.3333vw;
  text-transform: capitalize;
  line-height: 1;
}
.media-box-flow-bottom .media-box-flow-bottom-righttext{
  font-size: 20px;
 
  text-transform: capitalize;
}
.flow-180-battery {
  background-image: url('https://cdn.shopify.com/s/files/1/0505/9051/5385/files/355.png?v=1660528529');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  background-color: #222;
}
.flow-180-battery-box {
  display: block;
  padding-top: 20vh;
}
.flow-180-batterysvg{
  position: relative;
}
.flow-180-batterysvg svg{
  filter: brightness(0.5);
  -webkit-filter: brightness(0.5);
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  width: 100%;
  height: auto;
  display: block;
}
.image.flow-battery-brushimg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.image.flow-battery-brushimg .feature-row__image-wrapper {
  max-height: 100%;
} 
.image.flow-battery-brushimg img {
  margin: 0 auto;
  display: block;
  filter: drop-shadow(20px 90px 10px rgba(0,0,0,0.25));
  -webkit-filter: drop-shadow(20px 90px 10px rgba(0,0,0,0.25));
  height: 100%;
  width: auto;
}
.flow-lightning-yellow {
  position: absolute;
  right: 13%;
  top: 50%;
  transform: translateY(-50%);
}
.flow-bottom-right-desc {
  position: absolute;
  right: 4%;
  bottom: -9%;
  font-weight: 700;
  font-size: 4.1vw;
 
  color: #FFFFFF;
}
.battery-gdxg{
  display: none;
}
.flow-down-desc {
  display: flex;
  color: #fff;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 12vh;
  padding-bottom: 13vh;
}
.flow-down-desc p {
  font-weight: 500;
  font-size: 2vw;
  color: #fff;
  width: 50%;
  /* flex: 2 0 49%; */
  margin: 0;
}
.flow-down-desc span {
  font-weight: 400;
  font-size: 20px;
 
  width: 40%;
  /* flex: 1 0 35%; */
}

/* flow-icon-bg */
.wap-flow-icon{
  display: none;
}
.flow-icon-box{
  background-attachment: fixed;
  /*background-size: 100% 100%;
  */background-size: cover;
  background-position: center -4%;
  padding: 21.7593vh 0 25.9259vh;
  background-repeat: no-repeat;
  /* transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; */
  height: 400vh;
}
.flow-icon-box-inner{
  background-color: rgb(0,0,0,0.6);
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  position: sticky;
  top: 21.75vh;
}
.flow-icon-item-box {
  padding: 0 3vw 9.7222vh;
}
.flow-icon-item-box ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  text-align: center;
  list-style: none;
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.flow-icon-img {
  height: 50px;
}
.flow-icon-title {
  font-weight: 500;
  font-size: 2vw;
  text-align: center;
  text-transform: capitalize;
  color: #fff;
  padding: 8.3vh 0 4.1vh;
}
.flow-item-down {
  margin-top: 3.8889vh;
}
.flow-item-down h3 {
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
  color: #FFFFFF;
}
.flow-item-down p{
  font-size: 16px;
  text-transform: capitalize;
  color: #FFFFFF;
}

/* flow brush head */
.flow-brush-head-section {
  background-color: #000;
}
.flow-brush-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 17.037vh 0 4.6296vh;
}
.flow-brush-desc {
  margin-bottom: 5vh;
}
.flow-brush-desc-up {
  font-weight: 500;
  line-height: 1;
}
.flow-brush-desc-up .counter {
  font-weight: 500;
  font-size: 10.4167vw;
  color: #2A52FD;
}
.flow-brush-desc-up p {
  /* font-weight: 500; */
  font-size: 2.3958vw;
 
  text-transform: capitalize;
  color: #FFFFFF;
  margin-top: 4.6296vh;
}
.flow-brush-desc-down {
  /* color: #A0A0A0; */
  margin-top: 9.2593vh;
}
.flow-brush-desc-down p {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  color: #A0A0A0;
}
.flow-brush-desc-down span {
  font-size: 20px;
  line-height: 32px;
 
  color: #A0A0A0;
}
.flow-brush-head-gif{
  width: 25vw;
  height: auto;
}

/* flow-brush-time */
.flow-brush-time-section{
  background-color: #000;
}
.flow-brush-time-box {
  padding: 9.2593vh 0;
}
.flow-brush-time {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}
.flow-brush-time-left {
  /* width: 711px; */
  /* width: 37.0312vw; */
  width: 50%;
}
.flow-brush-time-right {
  width: 50%;
  padding-left: 14.2857%;
}
.flow-brush-time-right .flow-btr-box+.flow-btr-box{
  margin-top: 5.0926vh;
}
.flow-brush-time-right .flow-btr-box p{
  font-weight: 500;
  font-size: 2.0833vw;
  color: #FFFFFF;
}
.flow-brush-time-right .flow-btr-box span{
  font-size: 20px;
 
  color: #A0A0A0;
}

/* flow-flex-section */
.flow-flex-section{
  background-color: #000;
}
.flow-flex-bigbox{
  padding: 14.3519vh 0 12.6852vh;
}
.flow-flex-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flow-flex-hz {
  border-radius: 20px;
  margin-bottom: 35px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.flow-flex-single {
  width: 100%;
  height: 56vh;
}
.flow-flex-single .flow-flex-content-box {
  position: absolute;
  left: 10.4%;
  top: 31%;
  width: 33.3333%;
  text-align: center;
}
/* .flow-flex-single .flow-flex-content-box .flow-flex-title{
  text-align: left;
} */
.flow-flex-double{
  width: 48.7%;
  height: 53.5vh;
}
.flow-flex-content-box .flow-flex-title{
  font-weight: 500;
  font-size: 1.6667vw;
  color: #000000;

}
.flow-flex-content-box span{
  font-size: 18px;
}
.flow-flex-double {
  text-align: center;
}
.flow-flex-double  .flow-flex-content-box{
  margin-top: 3.3333vh;
}

/* flow-breakdown */
.flow-prbbx{
  padding-top: 10.3704vh;
  padding-bottom: 9.2593vh;
}
.flow-product-breakdown{
  background-color: #232325;
}
.flow-product-breakdown-title {
  font-weight: 500;
  font-size: 2.0833vw;
  text-align: center;
  text-transform: capitalize;
  color: #FFFFFF;
}
.breakdown-swiper-container{
  margin-top: 6.5741vh;
}
.breakdown-slide-item {
  color: #fff;
}
.flow-breakdown-img{
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.breakdown-title{
  font-weight: 700;
  font-size: 16px;
  text-transform: capitalize;
  margin-top: 3.3333vh;
}
.breakdown-desc{
  font-size: 14px;
  margin-top: 2.037vh;
}
.wap-hide-br{
  display: block;
}
/* flow what's inside */
.flow-product-inside{
  background-color: #E3E3F2;
}
.flow-inside-box{
  padding: 12.5vh 0 6.7593vh;
}
.flow-inside-title {
  font-weight: 500;
  font-size: 2.0833vw;
  text-align: center;
}
.flow-inside-content {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.flow-inside-content-left {
  width: 36.2143%;
}
.flow-inside-content-right {
  width: 57.1429%;
}
.flow-inside-content-left ul{
  padding: 0;
  margin: 0px;
}
.flow-inside-content-left ul li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.flow-inside-content-left ul li+li{
  margin-top: 3.0556vh;
}
.flow-inside-content-left ul li .flow-text-box {
  margin-left: 2.2396vw;
  max-width: calc( 100% - 4.3229vw );
}
.flow-inside-content-left ul li i {
  width: 2.0833vw;
  height: 2.0833vw;
  background-color: #FED800;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.25vw;
  text-align: center;
  line-height: 2.0833vw;
  font-style: normal;
}
.flow-inside-content-left ul li .flow-text-box p {
  font-weight: 500;
  font-size: 1.6667vw;
  margin-bottom: 0;
  line-height: 1.3em;
  margin-top: 0px;
  color: #333232;
}
.flow-inside-content-left ul li .flow-text-box span {
  font-weight: 400;
  font-size: 18px;
  display: block;
  margin-top: 10px;
}
.kei-po-sticky{
    position: sticky;
    top: 70px;
}
.pc-media-contianer{
  /* position: sticky;
  top: 70px; */
}
.option-btn.image-option-btn{
  margin-top: 5px;
}
/* .smClonedPaymentButton{
  display:none;
} */
.product-template__container{
  margin-bottom:1.3889vh
}
@media only screen and (min-width:1921px){
  .w1400{
    width: 1400px;
  }
  .flow-brush-time-right .flow-btr-box span, .flow-brush-desc-down span, .media-box-flow-bottom .media-box-flow-bottom-righttext , .flow-down-desc span , .flow-item-down h3{
     font-size: 1.0417vw;  /* 20px */
  }
  .flow-item-down p, .breakdown-title{
    font-size: 0.8333vw; /* 16px */
  }
  .flow-flex-content-box span{
    font-size: 0.9375vw; /* 19px */
  }
  .breakdown-desc{
    font-size: 0.7292vw; /* 14px */
  }
  .flow-inside-content-left ul li .flow-text-box span{
    font-size: 0.9375vw; /* 18px */
  }
  .flow-brush-desc-down span,.flow-brush-desc-down p{
    line-height: 1.3em;
  }
  .flow-brush-desc-down p{
    font-size: 2.0833vw;
  }
}
@media only screen and (max-width:1650px){
  .flow-lightning-yellow {
    right: 12%;
  }
  .flow-lightning-yellow svg{
    width: 85%;
    margin: 0 auto;
  }
}
@media only screen and (max-width:1580px){
  .flow-flex-single{
    height: 31vh;
  }
  .flow-flex-double{
    height: 38vh;
  }
  .flow-inside-content-left {
    width: 42.2143%;
  }
}
@media only screen and (max-width:1580px) and (min-width:1025px){
  
  .cbbcl-show-box{
    padding: 5px 30px;
     
  }
  .cbbclsb-right{
    font-size: 16px;
    line-height: 1;
  }
}
@media only screen and (max-width:1440px){
  .flow-lightning-yellow {
    right: 11.5%;
  }
  .flow-flex-single .flow-flex-content-box{
    width: 34.33%;
  }
}
@media only screen and (max-width:1366px){
  .media-box-flow-bottom{
    padding: 1.8229vw 0;
  }
  .flow-flex-single{
    height: 400px;
  }
  .flow-flex-double{
    height: 357px;
  }
  .ptvideo-box{
    height: 450px;
  }
  .flow-inside-content-right {
    width: 50.1429%;
  }
  .flow-inside-content-left {
    width: 49.2143%;
  }
  
  .flow-inside-content-left ul li .flow-text-box {
    margin-left: 43px;
    max-width: calc(100% - 85px);
  }
}
@media only screen and (max-width:1280px){
  .media-box-flow-bottom .media-box-flow-bottom-righttext{
    font-size: 18px;
  }
  .flow-flex-single .flow-flex-content-box {
    left: 7.4%;
    top: 18%;
    width: 44.33%;
  }
  .flow-item-down h3{
    font-size: 18px;
  }
  .flow-item-down p {
    font-size: 14px;
  }
  .flow-icon-item-box ul li {
    width: 20%;
  }
  .flow-lightning-yellow svg {
    width: 75%;
  }
  .flow-lightning-yellow {
    right: 11%;
  }
  .flow-icon-box-inner.w1400{
    width: 85vw;
  }
  .flow-flex-single .flow-flex-content-box .flow-flex-title {
    text-align: center;
  }

}
@media only screen and (max-width:1024px){
  .pc-flow-icon{
    display: none;
  }
  .wap-flow-icon{
    display: block;
  }
  .ptvideo-box {
    height: 400px;
  }
  .w1200 , .w1400 {
    width: 80%;
  }
  .flow-video-button svg {
    width: 80px;
    height: auto;
  }
  .spec-flow-media-section {
    padding: 7vh 0 4vh;
  }
  .flow-down-desc span{
    font-size: 14px;
  }
  .flow-icon-title {
    padding: 4.3vh 0 3.1vh;
  }
  .flow-icon-item-box {
    padding: 0 3vw 4.7222vh;
  }
  .flow-icon-box{
    padding: 10.7593vh 0 12.9259vh;
  }
  .flow-icon-box-inner{
    top: 16.76vh;
  }
  .flow-icon-box{
    padding: 70px 0 130px;
    height: auto;
    background-attachment: scroll;
    background-position:center;
  }
  .flow-icon-box-inner{
    top: unset;
    position: relative;
    overflow: hidden;
  }
  .flow-icon-title{
    font-size: 24px;
    padding: 35px 0;
  }
  .flow-icon-item-box{
    /* overflow: hidden; */
  }
  .flowicon-slide-item-li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .flow-item-down{
    text-align: center;
    margin: 20px 0;
  }
  .flow-item-down h3{
    margin-bottom: 20px;
  }
  .flowicon-swiper-wrapper{
    height: 1000vh;
    max-height: 550px;
  }
  .swiper-pagination-icon-wap .swiper-pagination-bullet{
    width: 3px;
    height: 29px;
    background: #fff;
    opacity: .6;
    border-radius: 0;
  }
  .swiper-pagination-icon-wap .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
  }
  .flow-brush-desc-down p{
    font-size: 24px;
    line-height: 1.3em;
  }
  .flow-brush-desc-down span{
    font-size: 16px;
    line-height: 1.5em;
  }
  .flow-brush-time-right .flow-btr-box span{
    font-size: 16px;
  }
  .flow-flex-content-box .flow-flex-title{
    font-size: 24px;
  }
  .flow-flex-content-box span {
    font-size: 16px;
  }
  .flow-product-breakdown-title,.flow-inside-title{
    font-size: 24px;
  }
  .flow-inside-content-left ul li .flow-text-box p{
    font-size: 16px;
  }
  .flow-inside-content-left ul li .flow-text-box span{
    font-size: 14px;
  }
  .flow-inside-content-left ul li i{
    width: 3.3333vw;
    height: 3.3333vw;
    line-height: 3.3333vw;
    font-size: 14px;
  }
  .flow-inside-content-left ul li .flow-text-box {
    margin-left: 30px;
    max-width: calc(100% - 90px);
  }
  .flow-inside-content {
    margin-top: 20px;
  }
  .product-bottom-box{
    flex-direction: column;
  }
  .product-form__controls-group--submit{
    margin-top: 18px;
  }
  .product-form__item{
    padding: 0;
  }
  .product-form-payment-kei{
    justify-content: space-between;
  }
  .product-form-payment-kei .product-form__cart-submit {
    width: 48%;
  }
  .product-form-payment-kei .shopify-payment-button {
    width: 48%;
  }
  .product-form__cart-submit.product-sold-out-btn{
    width: 100%;
  }
  .flow-lightning-yellow svg {
    width: 70%;
    margin: 0 auto;
  }
  .wap-hide-br{
    display: none;
  }
  .zrx-bundle-price-wrapper{
    flex-wrap: wrap;
  }
  #cbbc.active .kei-show_quantity_selector,#cbbc.active .shopify-payment-button{
    display:none;
  }
   #cbbc.active .cbbc-right .product-bottom-box,#cbbc.active .cbbc-right .product-form__controls-group--submit {
     margin-top: 0;
   }
  #cbbc.active .price--on-sale .product_tax_box{
    display:none;
  }
  #cbbc.active .cbbc-inner-box .cbbc-right{
    padding: 0;
  }
  
}
@media only screen and (max-width:900px){
  .flow-icon-item-box ul {
    justify-content: center;
}
  .flow-icon-item-box ul li{
    width: 33.3333%;
  }
  #cbbc.active #cbbc-right .product-form-payment-kei .shopify-payment-button,#cbbc.active #cbbc-right .product-form__cart-submit{
    min-width: 150px;
  }
  .flow-lightning-yellow {
    right: 10%;
  }
  .template-product .product-bottom-box .quantity-box input{
    padding: 0;
  }
}
@media only screen and (max-width:799px){
  .template-product .product-single .product-single__text-group .product-single__title{
    font-weight:600;
    font-size: 20px;
  }
  .keinew-product-feature-container ul li p{
    color: #000;
  }
  .product-bottom-box .product-form__controls-group--submit{
    width: 100%;
  }
  .media-swiper-pagination{
    /* display: none !important; */
  }
  .flow-lightning-yellow svg {
    width: 60%;
  }
  .flow-lightning-yellow {
    right: 9%;
  }
}
@media only screen and (max-width:999px){
  .flow-lightning-yellow svg {
    width: 100%;
  }
  
  .w1200 {
    width: 90%;
  }
  .w1400{
    width: 90%;
  }
  .media-box-flow.w1200 {
    width: 100%;
  }
  .spec-flow-media-section {
    padding: 0;
  }
  .media-box-flow-bottom.w1200 {
    width: 100%;
  }
  .media-box-flow-bottom {
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
  }
  .media-box-flow-bottom .media-box-flow-bottom-lefttext{
    margin-bottom: 15px;
  }
  .spec-flow-media-section {
    padding: 0 0 50px;
  }
  .flow-180-battery{
    background-image: url('https://cdn.shopify.com/s/files/1/0505/9051/5385/files/Mask_group_-wap.png?v=1660636198');
    background-size: cover;
  }
  .flow-lightning-yellow{
    right: 12.2%;
    width: 10%;
  }
  .flow-bottom-right-desc {
    bottom: -3%;
    font-size: 5.8vw;
  }
  .flow-down-desc {
    flex-direction: column;
    padding-bottom: 100px;
  }
  .flow-down-desc p{
    font-size: 24px;
    width: 100%;
    margin-bottom: 30px;
  }
  .flow-down-desc span{
    width: 100%;
 
  }
  
  .flow-brush-head {
    flex-direction: column;
    align-items: center;
    padding: 40px 0 100px;
  }
  .flow-brush-desc{
    order: 2;
    width: 95%;
    margin-bottom: 0;
  }
  .flow-brush-head-gif{
    width: 80%;
  }
  .flow-brush-desc-up .counter {
    font-size: 24vw;
  }
  .flow-brush-desc-up p {
    font-size: 5.6vw;
    margin-top: 25px;
  }
  .flow-brush-desc-down{
    margin-top: 35px;
  }
  .flow-brush-desc-down p{
    font-size: 5.6vw;
  }
  .flow-brush-desc-down span{
    font-size: 4.2667vw;
  }
  .flow-brush-time {
    flex-direction: column;
    align-items: center;
  }
  .flow-brush-time-left{
    width: 100%;
  }
  .flow-brush-time-right {
    width: 100%;
    padding-left: 0;
    margin-top: 70px;
  }
  .flow-brush-time-right .flow-btr-box p {
    font-size: 24px;
  }
  .flow-brush-time-right .flow-btr-box+.flow-btr-box {
    margin-top: 35px;
  }
  .flow-brush-time-box{
    padding: 0 0 110px;
  }
  .flow-flex-bigbox{
    padding: 20px 0 75px;
  }
  .flow-flex-single .flow-flex-content-box {
    top: 14%;
  }
  
  .flow-flex-double{
    width: 100%;
  }
  .flow-inside-content {
    flex-direction: column;
  }
  .flow-inside-content-left {
    width: 100%;
  }
  .flow-inside-content-right {
    width: 100%;
  }
  .flow-inside-content-left ul li i {
    width: 20px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
  }
  .flow-inside-box {
    padding: 66px 0 16px;
  }
  .flow-inside-content-left ul li .flow-text-box{
    max-width: 100%;
    margin-left: 10px;
  }
  .flow-inside-content-left ul li .flow-text-box p{
    line-height: unset;
  }
  .list-item .icon-title{
    font-size: 14px;
  }
  .product__price .price--on-sale .price-item--regular{
    font-size: 14px;
  }
  .product__price .price__regular .price-item--regular, .product__price .price--on-sale .price-item--sale{
    font-size: 20px;
  }
   
  .zrx-frequently-bought-together.zrx-bundle{
    padding: 20px;
  }
  .zrx-widget-bundle .zrx-bundle-add-bundle-wrapper{
    margin-top: 15px;
  }
  #cbbc.active .product-form-payment-kei .product-form__cart-submit{
    width:100%;
  }
}
@media only screen and (max-width:589px){
  .flow-icon-item-box ul li{
    width: 50%;
  }
  .option-type-color:after {
    width: 46px;
    height: 46px;
  }
  .product-bottom-box .product-form__controls-group--submit .product-form__cart-submit{
    min-height: unset;
  }
  .product-form__cart-submit, .shopify-payment-button .shopify-payment-button__button--unbranded{
    margin-bottom: 0;
    min-height: unset;
  }
  
}
@media only screen and (max-width:550px){
  .media-box-flow-bottom .media-box-flow-bottom-lefttext{
    font-size: 24px;
  }
  .media-box-flow-bottom .media-box-flow-bottom-righttext {
    font-size: 14px;
  }
  .flow-flex-hz{
    margin-bottom: 17px;
  }
  .flow-flex-double .flow-flex-content-box {
    margin-top: 26px;
  }
  .flow-flex-content-box .flow-flex-title{
    margin-bottom: 15px;
  }
  .flow-prbbx {
    padding-top: 74px;
    padding-bottom: 90px;
  }
  .breakdown-swiper-container {
    margin-top: 55px;
  }
  .breakdown-title {
    margin-top: 26px;
  }
  .breakdown-slide-item {
    width: 85% ;
  }
  #cbbc.active #cbbc-right .product-form-payment-kei .shopify-payment-button, #cbbc.active #cbbc-right .product-form__cart-submit{
    min-width: unset;
  }
  #cbbc.active #cbbc-right .product-form-payment-kei .shopify-payment-button{
    min-width: unset;
  }
}
@media only screen and (max-width:450px){
  .ptvideo-box {
    height: 300px;
  }
  .flow-180-battery {
    background-size: contain;
  }
  .flow-180-battery-box {
    padding-top: 110px;
  }
  .flow-down-desc {
    margin-top: 100px;
  }.flow-flex-single {
    height: 420px;
  }
  .flow-flex-single .flow-flex-content-box {
    width: 65%;
    left: 4%;
    top: 25% !important;
  }
  .flow-flex-content-box span {
    font-size: 14px;
  }
}
@media only screen and (max-width:375px){
  
  .ptvideo-box {
    height: 200px;
  }
  .flow-video-button svg {
    width: 50px;
  }
  .flow-bottom-right-desc{
    font-size: 24px;
  }
  .w1200, .w1400 {
    width: 93%;
  }
  .flowicon-swiper-wrapper {
    max-height: 370px;
  }
  .flow-icon-title {
    padding: 35px 0 20px;
  }
  .flow-item-down {
    margin: 10px 0 0 0;
  }
  .flow-item-down h3 {
    margin-bottom: 10px;
  }
  .flow-brush-desc-up .counter {
    font-size: 90px;
  }
  .flow-brush-desc-up p,.flow-brush-desc-down p {
    font-size: 24px;
  }
  .flow-brush-desc-down span {
    font-size: 16px;
  
  }
  .flow-flex-single .flow-flex-content-box {
    width: 70%;
  }
  .flow-flex-single .flow-flex-content-box .flow-flex-title {
    width: 85%;
    margin: 0 auto 15px;
  }
  .flow-flex-double {
    height: 302px;
  }
  .breakdown-desc{
    width: 90%;
  }
  #cbbc .product-form-payment-kei {
    flex-direction: column;
  }
  #cbbc.active #cbbc-right .product-form__cart-submit,#cbbc.active #cbbc-right .product-form-payment-kei .shopify-payment-button{
    width: 100%;
  }
  #cbbc.active #cbbc-right .product-form-payment-kei .shopify-payment-button{
    margin-left: 0;
  }
  .cbbc-right .product-form__cart-submit {
    padding: 8px 15px;
  }
  #cbbc.active #cbbc-right .product-form-payment-kei .shopify-payment-button{
    margin-top: 5px;
  }
}
@media only screen and (max-height:1000px){
  .flow-flex-single .flow-flex-content-box {
    top: 13%;
  }
}
@media only screen and (max-height:900px){
  .flow-flex-single {
    height: 35vh;
  }
}
@media only screen and (max-width:999px){
	.site-footer__content .sfc-left .site-footer__item .site-footer__item-inner p.h4 span.medium-up--hide{
		display: block !important;
	}
}
@media only screen and (max-height:800px){
  .flow-flex-single .flow-flex-content-box {
    top: 10%;
  }
  .flow-flex-single {
    height: 45vh;
  }
}
@media only screen and (max-width:819px) and (min-width:1000px){
	.product-single__media-group{
		margin-bottom: 30px;
	}
}
@media only screen and (max-height:800px) and (min-width:1024px){
  .flow-flex-double {
    height: 55vh;
  }
}
@media only screen and (max-height:950px) and (max-width:420px){
  .flow-flex-single {
    height: 45vh;
  }
  .flow-flex-single .flow-flex-content-box {
    top:24px!important;
  }
}
@media only screen and (max-height:700px){
  .flowicon-swiper-wrapper {
    max-height: 400px;
  }
  .flow-flex-single .flow-flex-content-box{
    width:66%;
    top: 10% !important;
  }
}

/* Icon List */
.iconlist {
  padding: 1.56vw 0;
}
.iconlist-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-item .icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 36px;
}
.list-item .icon-box svg {
  width: unset !important;
  height: unset !important;
}
.iconlist-container .list-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content !important;
  margin-left: 4.51vw;
}
.iconlist-container .list-item:first-child {
  margin-left: 0 !important;
}
.list-item .icon-box img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 42px;
  max-height: 36px;
}
.list-item .icon-title {
  text-align: center;
  font-size: 0.83vw;
  line-height: 1;
  font-weight: 500;
  padding-left: 1.04vw;
}
@media only screen and (min-width: 2048px) {
  .iconlist {padding: 30px 0;}
  .list-item .icon-title {font-size: 16px;padding-left: 20px;}
  .iconlist-container .list-item {margin-left: 86.6px;}
}
@media only screen and (max-width: 1600px) {
  .list-item .icon-title {font-size: 14px;padding-left: 15px;}
}
@media only screen and (max-width: 999px) {
  .list-item .icon-title {text-align:left;line-height: 1.14;}
  .iconlist {padding: 20px 0;}
}
@media only screen and (max-width: 790px) {
  .iconlist {padding: 5.87vw 0;}
  .iconlist .iconlist-wrapper {padding: 0 5.33vw;}
}
@media only screen and (max-width: 590px) {
  .iconlist-container {display: flex;flex-wrap: wrap;}
  .iconlist-container .list-item{width: 50% !important;margin-left:0 !important;justify-content: flex-start;margin-top:4.8vw;}
  .iconlist-container .list-item:nth-child(1), .iconlist-container .list-item:nth-child(2) {margin-top: 0;}
  .list-item .icon-title {font-size: 3.73vw;padding: 0 1.33vw 0 4.27vw;}
  .list-item .icon-box {width: 50px;min-width: 50px;height: 40px;}
}
/* flow end */




/* main page policy start */
 
.main-policy-page .main-page-title{
  font-size: 44px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 4.167vw;
}
.main-policy-page{
  max-width: 1000px;
}
.main-policy-page .rte{
  font-size: 15px;
  line-height: 1.7;
}
.main-policy-page .rte h2{
  font-size: 30px;
  margin-bottom: 15px;
  }
.main-policy-page .rte h3{
  font-size: 27px;
  margin-bottom: 13px;
  }
.main-policy-page .rte h4{
font-size: 24px;
margin-bottom: 10px;
margin-top: 0px;
}
/* main page policy end */

 
.common-faq-pc-box{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -40px;
}
.cfb-left-box,.cfb-right-box{
  width: 50%;
}
.common-faq-item{
   
  padding-right: 15px;
  margin-bottom: 40px;
}
.common-question{
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
  
}
.common-answer p{
  margin-bottom: 0px;
  line-height: 1.6;
}
.common-answer{
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 1.6;
}
body[data-name="policy"] .rte{
  padding:40px 20px;
  border-radius: 20px;
  background: #fff;
}
.template-page .seavice-container{
display: none;
}
#alireview-review-widget-badge:not(.notranslate){
  display: none!important;
  height: 0px!important;
  opacity: 0;
  pointer-events: none;
}
.product__info-wrapper .alireviews-review-star-rating .alr-wh-star-rating,.product__info-wrapper .alr-display-review-badge .alr-wh-star-rating{
  display:flex!important;
}
.country-general-container{
  display:none;
  position:fixed;
  width:100%;
  height:100%;
  left:0px;
  top:0px;
  z-index: 2147483648;
}
.country-general-box{
  width:100%;
  height:100%;
  display:flex;
  justify-content: center;
  align-items: center;
  background-color:rgba(0,0,0,0.5);
}
.country-general-inner{
  position: relative;
  width: 1200px;
  height: 600px;
  padding: 65px 45px;
  background-color: #ffffff;
}
.country-general-inner .close-btn{
  width: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.country-general-inner .title{
font-size: 36px;
margin-bottom: 10px;
}
.country-general-inner .subtitle{
  font-size: 14px;
  color: #afafaf;
  }
  .country-general-title-box{
    margin-bottom: 45px;
  }
  
  .country-general-list .area-box{
margin-bottom: 40px;
font-size: 17px;
  }
   
  .country-general-list .area-list .cell{
    padding-right: 10px;
    margin-bottom: 15px;
  }
  .country-general-list{
    font-size: 12px;
    display: flex;
    position: relative;
  }
  .country-general-list .item{
    width: 20%;
  }
  .country-general-list .item.item-europa,
   .country-general-list .item.item-europe{
    width: 40%;
  }
  .country-general-list .item.item-europa .area-list,
   .country-general-list .item.item-europe .area-list{
display: flex;
flex-wrap: wrap;
  }
  .country-general-list .item.item-europa .area-list .cell,
    .country-general-list .item.item-europe .area-list .cell{
width: 50%;

  }
  .country-general-list .item:last-child{
    float: left;
    position: absolute;
    bottom: 0;
    right: 0px
  }
  .country-settings-show-box-inner{
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
  }
  .country-settings-show-box-inner img{
    width: 35px;
    height: 35px;
  object-fit: contain;
  }
 
  .announcement-bar-box .country-settings-show-box{
    position: absolute;
    top: 50%;
    right: 0;
    color: #fff;
    transform: translateY(-50%);
  }
/* restart */
@media only screen and (min-width: 1921px) {
  .template-product .common-iwt-content .common-iwt-text-box{
    padding-top:80px;
  }
  .common-image_with_text-container.pin .video-box{
    padding-top: 800px;
  }
  .common-image_with_text-container.pin .feature-row__image-wrapper{
    height: 800px;
  }
 
  .index-collection-container .common-title {
    font-size: 20px!important;
}
  .index-collection-container .common-title{
    font-size: 20px;
  }
  .main-policy-page .main-page-title{
    margin-bottom: 80px;
  }
  .common-media-item .bg-text-wrapper{
    padding:80px 0 60px;
  }
  .common-section-container:not(.common-no-icon-text-contianer)  .common-icon-text-item .pfi-inner{
    min-height: 215px;
  }
  .slider-button--prev{
    left: 15%!important;
  }
  .slider-button--next{
    right: 15%!important;
  }
  .common-newsletter-content .newsletter-form__button{
    right: 35px;
  }
  .common-newsletter-content  .newsletter-box .newsletter-form__field-wrapper .field__input{
    width: 450px;
    height: 70px;
    padding: 14px 60px 14px 35px;
  }
  .common-newsletter-content .social-box {
    margin-top: 30px;
  }
  .common-store-map-container .featured-box .title-box{
    font-size: 80px;
  }
  
  .common-download-app-container .download-box .item+.item{
    margin-left: 45px;
   }
  .common-download-app-container  .product-featured-box{
    margin-top: 66px;
   }
  .common-iwt-content .common-iwt-text-box{
    padding: 53px 62px;
  }
  .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;
  }
  body[data-type="collection"]  .grid__item{
    padding-left: 120px;
  }
  .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;
  }
 
  
  .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) {
  .video-swiper-container .swiper-button-next {
    right: -30px;
}
.video-swiper-container .swiper-button-prev {
  left: -30px;
}
}

@media only screen and (min-width:1351px)  {
  .product--medium:not(.product--no-media) .product__media-wrapper,
  .product--small:not(.product--no-media) .product__info-wrapper {
    max-width: 600px;
    
  }
  .product--medium:not(.product--no-media) .product__info-wrapper, .product--small:not(.product--no-media) .product__media-wrapper{
    width: calc(100% - 600px);
   
  }
}
@media only screen and (max-width:1350px) {
 
}
@media only screen and (min-width:1100px) and  (max-width: 1400px) {
  .common-media-item .media-box,
  .slideshow__media .image-box{
    width: 137.142857%;
    margin-left: calc(-37.142857% / 2);
  }

  }

@media only screen and (min-width:1200px) and  (max-width: 1480px) {
 
  .slideshow__text-wrapper-outer-box .page-width,
  .slideshow-container .swiper-pagination-box .page-width{
    padding: 0 60px;
  }
}

@media only screen and (min-width:1000px) and  (max-width: 1350px) {
  .card__information .arv-collection>div{
    flex-direction: column;
  }
  .megamenu__col-title{
    font-size: 13px;
  }
  .index-collection-outer .text-box-outer{
    padding: 15px 8px;
  }
  .index-collection-container .common-title{
    font-size:16px!important;
  }
  .common-column-image-text-item .text-box-outer .common-title{
    font-size: 20px!important;
  }
  .product__info-wrapper .price{
    font-size: 30px;
  }
  div.product .price--on-sale .price-item--regular {
    font-size: 19px!important;
}

  .product--medium:not(.product--no-media) .product__media-wrapper, .product--small:not(.product--no-media) .product__info-wrapper {
    max-width: 550px; 
    width:100% ;
}
.product--medium:not(.product--no-media) .product__info-wrapper, .product--small:not(.product--no-media) .product__media-wrapper{
  width: calc(49% - var(--grid-desktop-horizontal-spacing) / 2);
  max-width: calc(49% - var(--grid-desktop-horizontal-spacing) / 2);
}
.site-nav__item+.site-nav__item {
  margin-left: 20px;
}

}
@media only screen and (min-width:1000px) and  (max-width: 1250px) {
  .site-nav__item+.site-nav__item {
    margin-left: 12px;
  }
  .site-nav__link{
    font-size: 12px;
  }
  .header__icon{
    margin:0px 8px;
  }
}
@media only screen and (min-width:1000px) and  (max-width: 1050px) {
  .index-collection-container .common-title{
    font-size:14px!important;
  }
 .common-newsletter-item .common-subtitle{
  font-size: 13px!important;
 }
 .common-newsletter-content .newsletter-box .newsletter-form__field-wrapper .field__input{
  width: 250px;
    height: 35px;
 }
 .common-newsletter-content .newsletter-form__button{
  width: 25px;
  height: 25px;
 }
 .common-newsletter-content .list-social__item .icon{
  width: 20px;
  height: 20px;
 }
}

@media screen and (min-width:1000px) {
  .common-compary-product-box .cell-box .cell-right-box .cell-right-inner-box:nth-child(3){
    position: relative;
    opacity: 1;
    pointer-events: auto;
    z-index: 0;
  }
  .article__content-wrapper .right-part .most-popular-wrapper .title{
    margin-bottom: 0px;
  }
  .related-acticle-wrapper{
    margin-top: 30px;
  }
.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;
}
 
  .facets__form-vertical {

   width: 100%;
   max-width: 330px;
 }
 .facets-vertical .facets__summary {
   padding-top: 30px;
   margin-bottom: 0;
   padding-bottom: 30px;
 }
  }
@media screen and (min-width:1000px)  and (max-width:1500px){
  .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 (min-width:590px)  and (max-width:1460px){
  .common-icon-text-outer .common-subtitle{
    min-height: 48px;
  }
  .common-image_with_text-container.pin .video-box{
    padding-top: 500px;
  }
  .common-iwt-image-box .image-box .feature-row__image-wrapper,
  .slideshow-container .feature-row__image-wrapper,
  .common-media-item .feature-row__image-wrapper{ 
    min-height: 500px;
  }
}

@media screen and (max-width:1300px){
  .country-general-inner{
    width: 95%;
    height: 550px;
    padding: 45px 25px;
  }
  }
@media screen and (min-width:1000px)  and (max-width:1300px){
.slideshow-container .image-box .feature-row__image-wrapper{
  min-height: 500px;
}
}

   @media screen and (max-width:999px) {
      .announcement-bar-box .country-settings-show-box{
      display: none;
    }
    
    .template-index .common-newsletter-item,
    .common-newsletter-item{
      --marginTop:25%;
         transform: translateY(-50%);
         margin-top: var(--marginTop);
         margin-bottom:-25%;
    }
    .announcement-bar-box .country-select .select-current{
      display: none;
    }
    .mobile-nav-country-selector-box .country-item:active .country-text,
    .mobile-nav-country-selector-box .country-item:hover .country-text{
color: #000;
text-decoration: underline;
    }
  
   
    .mobile-nav-country-selector-box .country-select .country-text-item{
      font-size: 12px;
      color: #000;
      display: block;
    }
    .mobile-nav-country-selector-box .country-select .toggle-box{
      display: none;
    }
    .mobile-nav-country-selector-box .country-select{
display: block!important;
margin-left: -10px;
    padding: 30px 10px;
    margin-right: -10px;
    transition: all 0.3s ease;
    border-top: 1px solid #D5D5D5;
    }
    .mobile-nav-country-selector-box .country-select.show-box{
background-color: #f2f2f2;

    }
    .mobile-nav-country-selector-box .country-select .country-image-item-header,
    .mobile-nav-country-selector-box .country-select .country-image-item-footer{
      display: none;
    } 
    .mobile-nav-country-selector-box .country-select .country-image-item-hover{
      display: block;
    }
    .mobile-nav-country-selector-box .country-select .select-current{
padding: 0px;
    }
    .mobile-nav-country-selector-box .country-select .select-menu {
      position: relative;
    left: 0px;
    right: unset;
    background-color: transparent;
    overflow-x: unset;
    width: 100%;
    }
    .mobile-nav-country-selector-box .country-select .select-menu .country-item{
      width: 50%;
    }
    .template-index .common-newsletter-item,
    .common-newsletter-item{
      --marginTop:25%;
         transform: translateY(-50%);
         margin-top: var(--marginTop);
         margin-bottom:-25%;
    }
    .announcement-bar-box .country-select .select-current{
      display: none;
    }
    .mobile-nav-country-selector-box .country-item:active .country-text,
    .mobile-nav-country-selector-box .country-item:hover .country-text{
color: #000;
text-decoration: underline;
    }
  
   
    .mobile-nav-country-selector-box .country-select .country-text-item{
      font-size: 12px;
      color: #000;
      display: block;
    }
    .mobile-nav-country-selector-box .country-select .toggle-box{
      display: none;
    }
    .mobile-nav-country-selector-box .country-select{
display: block!important;
margin-left: -10px;
    padding: 30px 10px;
    margin-right: -10px;
    transition: all 0.3s ease;
    border-top: 1px solid #D5D5D5;
    }
    .mobile-nav-country-selector-box .country-select.show-box{
background-color: #f2f2f2;

    }
    .mobile-nav-country-selector-box .country-select .country-image-item-header,
    .mobile-nav-country-selector-box .country-select .country-image-item-footer{
      display: none;
    } 
    .mobile-nav-country-selector-box .country-select .country-image-item-hover{
      display: block;
    }
    .mobile-nav-country-selector-box .country-select .select-current{
padding: 0px;
    }
    .mobile-nav-country-selector-box .country-select .select-menu {
      position: relative;
    left: 0px;
    right: unset;
    background-color: transparent;
    overflow-x: unset;
    width: 100%;
    }
    .mobile-nav-country-selector-box .country-select .select-menu .country-item{
      width: 50%;
    }
    .search-modal-inner .header__heading-link{
      display: none;
    }
    .common-compary-product-outer .common-header .common-title{
      font-size: 24px!important;
    }
    .slideshow .banner__buttons{
      margin-top: 25px!important;
    }
     .slideshow__text.banner__box {
      max-width: 100%;
    }
  
    .product-type-box .option+.option {
      margin-top: 15px;
  }
  .common-compary-product-box .cell-box{
    padding-bottom: 10px;
  }
  .common-compary-product-box .cell-box .label_title .small-label {
    font-size: 14px;
}
    .product-type-box .select-box{
      padding: 8px;
    font-size: 14px;
    }
    .common-compary-product-box .cell-box .label_title{
      font-size: 26px;
    }
    .common-compary-product-box .cell-box .cell-right-box{
      font-size: 14px;
    }
    .common-compary-product-box .item-box .image-box{
      width: 60px;
    }
    .article-template-contianer{
      padding-bottom: 0px;
    }
    .template-article #MainContent{
      padding-top: 0px;
    }
    .article__content-outer-top{
      margin-top: 0px;
    }
    
    .slideshow__text-wrapper-outer-box .page-width{
     
      padding: 0px 30px;
      }
      .slideshow-container .swiper-pagination-box .page-width{
        padding: 0px 30px;
      }
    .common-faq-box{
      display: block;
    }
    .common-faq-item{
      width: 100%;
      padding-right: 0px;
    }
    
    .index-collection-container .common-title{
      font-size: 16px!important;
    }
    .common-product-grid-item .add-to-cart{
      font-size: 16px!important;
    }
   
    .mobile-account-box span{
      padding-left: 10px;
    }
    .mobile-account-box a{
      display: inline-flex;
    align-items: center;
    }
    .mobile-account-box .icon{
      width: 30px;
    }
    .mobile-account-box .icon-hover{
      display: none;
    }
    .index-shop-btn{
      font-size: 16px;
    }
    product-recommendations .grid__item{
width: 45%!important;
    }
    .common-tips{
      font-size: 12px;
    }
    .common-media-item .media-box .common-tips{
      bottom: 14px;
    }
    .common-product-detail-featured-container .product-detail-featured-box .item {
      width: 50%;
      padding-left: 8px;
      margin-bottom: 8px;
  }
  .common-product-detail-featured-container .product-detail-featured-box {
    margin-left: -8px;
    margin-bottom: -8px;
    
}
    .product-featured-box{
      margin-left: -8px;
      margin-bottom: -8px;
    }
    .product-featured-item{
      flex: 0 1 25%;
      margin-bottom: 8px;
    padding-left: 8px;
    }
    .product-featured-box .text-box-outer{
      padding: 5px;
    }
    .common-media-item .custom_html_box{
      font-size: 14px;
    }
    .product__info-wrapper{
      margin-top: 50px;
    }
    .common-product-grid-item{
      margin-bottom: 40px;
    }
    .common-download-app-container .download-box {
      margin-bottom: 5px;
  }
    .common-download-app-container .download-box .item {
      max-width: 180px;
  }
  .common-download-app-container .download-box .item+.item {
    margin-left:35px;
}
     .common-download-app-container .top-box .product-featured-box .item{padding: 0px 4vw 0 0;}
    .common-download-app-container .product-featured-box .item+.item {
      margin-left: 0px;
  }
    .common-download-app-container .small-image-box{
      width: 60px;
      height: 60px;
      margin-bottom: 5px;
    }
    .common-download-app-container .common-iwt-content .common-iwt-text-box{
      padding: 40px 17px 0;
    }
    .common-iwt-content .common-topsubtitle img{
      max-width: 32px;
    }
    .common-iwt-text-box .common-btn{
      margin-top: 30px;
    }
    .header__heading-logo{
      max-width: 35px;
    }
    .menu-drawer__menu-3{
      margin-bottom: 18px!important;
      max-height: 218px;
    }
  #Details-menu-drawer-submenu-2 .menu-drawer__menu-item{
      padding: 0px 0px 18px 0px!important;
      color: var(--colorPrimary);
    }
    .banner-item-box .item img {
      max-height: 30px;
  }
    .slider-button .icon {
      height: 0.4rem;
  }
    .slider-button{
      width: 30px!important;
      height: 30px!important;
    }
    .slider-button--next{
      right: 0px!important;
    }
    .slider-button--prev{
      left: 0px!important;
    }
    .footer-custom-box div{
      font-size: 14px!important;
    }
    .footer-custom-box{
      text-align: center;
    }
   
    .site-footer__content{
      padding-bottom: 65px;
    }
    
    .fappcrb-right .google-btn+.ios-btn{
      margin-left: 20px;
      margin-top: 0px;
    }
    .site-footer__newsletter {
      width: 75%;
      padding-left: 0;
      margin-top: 20px;
    }
    .site_footer_social_icons {
      margin-left: auto;
      margin-right: auto;
      justify-content: flex-start;
      width: 100%;
      margin-top: 20px;
    }
    .sfc-left {
      width: 100%;
    }
    .sfc-right {
      width: 50%;
    }
    .social-icons__item {
      padding: 0 15px;
    }
    .social-icons__item:first-child {
      padding-left: 0;
    }
    .site-footer__item {
      padding-right: 0 !important;
    }
    .site-footer__item-inner .h4 {
      padding: 0;
      margin: 0;
    }
    .site-footer__item {
      flex: 1 1 100%!important;
    }
    .site-footer__item .fappcrb-right {
      display: flex;
      justify-content: center;
      max-width: 100%;
    }
    .fappcrb-right div{
       width: 110px;
    }
    .sfc-right {
      width: 100%;
      margin-top: 65px;
    }
    .sfc-right  .site-footer__item-inner .h4{
justify-content: center;
border-bottom: none;
    padding-bottom: 0px;
  
    font-weight:600;
    }
    .site-footer__item-inner .h4{
      margin: 0 0 15px;
       
      border-bottom: 1px solid #333333;
      padding-bottom: 15px;
    }
  
    .site-footer__linklist{
      display:none;
       
       margin-bottom: 20px!important;
     }
     .site-footer__linklist-item{
      padding: 0px 0px 10px 0;
       margin-bottom: 0px!important;
     }
    .common-newsletter-content .social-box .list-social{
      justify-content: center;
    }
    .common-newsletter-content .newsletter-box{
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .article__content-wrapper .right-part .form-wrapper .newsletter__input,
    .common-newsletter-content .newsletter-box .newsletter-form__field-wrapper .field__input {
      width: 100%;
      height: 45px;  
      padding: 8px 20px;
   
  }
 
    .template-index .common-newsletter .common-section-container{
      padding-top: 0px !important;
      padding-bottom: 0px!important;
    }
   
    .common-newsletter-content .text-box{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: initial;
      text-align: center;
      max-width: 400px;
    margin: 0 auto;
    }
    .common-store-map-text-box{
      margin-bottom: 8px;
    }
    .common-icon-text-box{
      align-items: flex-start;
    }
    .common-section-container:not(.common-no-icon-text-contianer)  .common-icon-text-item .pfi-inner{
      background-color: transparent;
      border-radius: 0px;
      min-height:unset;
    }
    .common-icon-text-item{
      padding-left: 0px;
    }
    .common-icon-text-box{
      margin-left: 0px;
    }
    .common-store-map-container .page-width{ padding:0;}
    .common-store-map-container .logo-box{
      margin-top: 35px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 0px 15px;
    } 
    .common-store-map-container .logo-box .item {
  width: 33.3333%;
  
 }
    .common-store-map-container .logo-box .item:nth-child(7),
    .common-store-map-container .logo-box .item:nth-child(8),
    .common-store-map-container .logo-box .item:nth-child(9),
    .common-store-map-container .logo-box .item:nth-child(10){
      width: 25%;
    }

    .common-store-map-text-box .text-box{
      /* margin-left: 30px;
    margin-right: 30px; */
    margin-bottom: 30px;
    }
    .common-store-map-container .featured-box .title-box{
      font-size: 6.25vw;
    }
 
    .common-store-map-container .featured-box .subtitle-box{
      font-size: 12px;
    }
  
    .common-download-app-container .product-featured-box {
     margin-left: -5px;
      margin-top: 15px;
      margin-bottom: 40px;
  }
  
    /* .commin-iwt-item+.commin-iwt-item{
      margin-top: 30px;
    } */
    .common-iwt-text-box .text-box .subtitle img {
      max-width: 70px;
    
  }
  .common-column-image-text-item,
    .index-collection-item{
      padding-left: 0px;
        flex:none;
        margin-bottom: 0px;
  
    }
    .common-index-iat-box{
      border-radius: 12px;
    }
    
    .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 a{
      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;
    }
   
    .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 .common-header {
      margin-bottom: 60px;
  }
  .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;
    }
    body[data-type=collection] #product-grid{
      row-gap: 40px;
    }
    
    .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;
      column-gap: 0px;
    }
    
    .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 .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__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;
    }
    .template-product .common-iwt-content .common-iwt-text-box{
      padding:30px;
    }
    .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-text-box  .text-box{
margin-bottom: 0px;
    }
    .common-iwt-content .common-iwt-image-box{
      max-width: 100%;
    } 
   
    .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;
  }
   
    
    .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;
                } 
                .slideshow__text-wrapper.banner__content--top-left .slideshow__text.banner__box .slideshow__text_inner,
                .slideshow__text-wrapper.banner__content--middle-left .slideshow__text.banner__box .slideshow__text_inner,
                .slideshow__text-wrapper.banner__content--bottom-left .slideshow__text.banner__box .slideshow__text_inner
         {
                  margin-right: auto;
                }            
                    .slideshow__text-wrapper.banner__content--top-right .slideshow__text.banner__box .slideshow__text_inner,
                    .slideshow__text-wrapper.banner__content--bottom-right .slideshow__text.banner__box .slideshow__text_inner,
                .slideshow__text-wrapper.banner__content--middle-right .slideshow__text.banner__box .slideshow__text_inner
                {
                         margin-left: auto;
                       }
              }

   @media screen and (max-width:718px) {
    .common-download-app-container .bg_img{ display: none;}
    .common-download-app-container .common-iwt-content{flex-direction: column;border-radius:0;}
    .common-download-app-container .common-iwt-content .common-iwt-text-box{
      padding: 0 10px 40px;
      width:100%;
    }
    .common-download-app-container .page-width{ padding:0;}
    .common-download-app-container .image-box .common-pc--hide{ display: block;}
    .common-download-app-container .common-iwt-text-box .text-box{align-items: center; text-align: center;}
    .common-iwt-content .common-iwt-image-box.common-iwt-image-box-left{width:100%;}
    .common-download-app-container .top-box .product-featured-box .item{ padding:0 4vw;}
  }  
   @media screen and (min-width:769px) and (max-width:999px) {
/*    
     .common-product-grid-content-item .grid__item{
      width: calc(32.3333% - var(--grid-mobile-horizontal-spacing) / 2);
      max-width: calc(32.3333% - var(--grid-mobile-horizontal-spacing) / 2);
     } */
              }
    @media screen and (min-width:590px) and (max-width:768px) {
     
               }
   @media screen and (min-width:590px) and (max-width:999px) {
  
    product-recommendations .grid__item{
      margin-right: 20px;
    }
    .announcement-bar-box .country-select{
      right: 0px;
    }
    .country-select .select-current{
      padding-bottom: 5px; 
    }
    .slideshow  .new-button{
      font-size: 12px;
    }
 
    .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;
    }
  
    
    .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: 48px!important;
  }
  .common-image-featured-box .text-box{
    top:55px;
    padding:0px 60px;
  }
 
  .testimonials-person-say-container .common-title{
    margin-bottom:30px;
  }
  .common-header{
    margin-bottom:30px;
  }
   
    .slideshow-container .slideshow__text-wrapper.banner__content {
      padding: 6.2rem 0px 3rem 0px;
  }
    .swiper-pagination-box{
      bottom: 15px;
    }
    
    .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-service-item{
      padding:0px 2px;
    }
    .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) {
    .main-policy-page .main-page-title{
      margin-bottom: 45px;
    }
  
    .main-policy-page .rte{
      font-size: 14px;
      
    }
    .main-policy-page .rte h2{
      font-size: 22px;
       
      }
    .main-policy-page .rte h3{
      font-size: 20px;
    
      }
    .main-policy-page .rte h4{
    font-size: 18px;
  
    }
    .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;
    }
  
  }
  

.map_br_mb{ display: none;}
   @media screen and (max-width:589px) {
    .alrv-prod-rating__text{
      font-size:12px;
    } 
    .alireviews-review-star-rating{
      text-align:center;
    } 
     .alireviews-review-star-rating{
      text-align:center;
    }
    .card__information .arv-collection>div{
      display:block;
    }
    .country-general-inner .close-btn {
      width: 15px;
  }
    .country-general-content{
      overflow: auto;
      max-height: 90vh;
      padding-bottom: 50px;
    }
    .country-general-title-box {
      margin-bottom: 20px;
  }
    .country-general-list .item.item-europa,
     .country-general-list .item.item-europe{ 
      width: 100%;
    }
    .country-general-list .area-list .cell{
      width: 50%;
    }
    .country-general-list .area-box {
      margin-bottom: 30px;
  }
  .country-general-list .area-list{
    display: flex;
    flex-wrap: wrap;
  }
  .country-general-list .item:last-child{
    position: relative;
    float: unset;
  }
  .country-general-list .area-list .cell:nth-child(even){
    text-align: right;
    padding-right: 0px;
  }
    .country-general-list .item {
      width: 100%;
          padding-top: 20px;
    margin-top: 10px;
    border-top: 1px solid #C0C0C0;
  }
    .country-general-list{
      display: block;
    }
    .country-general-inner .title{
      font-size: 19px;
      margin-bottom: 15px;
    }
    .country-general-inner .subtitle{
      font-size: 12px;
    }
    .country-general-inner{
      padding: 80px 10px 30px;
      width: 100%;
      height: 100%;
    }
    .common-store-map-container .featured-box .item{
      padding:0px 1px;
    }
    .common-blog-banner-text-box .article-date-box.opacity-0{
     display: none;
    }
    .common-compary-product-box .cell-box .cell-right-box .cell-right-inner-box{
      padding:0px 4px;
    }
    .common-compary-product-box .cell-sticky.sticky{
      padding-top: 10px;
      padding-bottom: 10px!important;
    }
    .common-newsletter-content .social-box,
    .common-newsletter-content .text-box .text-box-inner{
      min-height: 72px;
    }
    .common-newsletter-content .social-box{
      margin-top: 0px;
      display: flex;
      justify-content: center;
      align-items: flex-end;
    }
    .common-newsletter-content .social-box .list-social__item{
      padding: 0px 13px;
    }
    .common-image_with_text-container.pin .video-box{
      padding-top: 280px;
    }
    .common-iwt-image-box .image-box .feature-row__image-wrapper,
    .slideshow-container .feature-row__image-wrapper,
    .common-media-item .feature-row__image-wrapper{ 
      min-height: 280px;
    }
    .header__icon--menu{
      margin-left: 0px!important;
    }
    .common-iwt-text-box .text-box .subtitle img {
      position: absolute;
      right: 25px;
      bottom: 0px;
  }
    .common-blog-banner-content .common-title{
    min-height: 70px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: -5px;
    }
    .common-blog-banner-content{
      display: block;
    }
    .common-blog-banner-image-box,
    .common-blog-banner-text-box{
      width: 100%;
  }
  .common-blog-banner-text-box {
    width: 100%;
    padding: 15px 20px 22px 20px;
}
 
    .slideshow-container .slideshow__text-wrapper.banner__content{
      padding: 50px 10px;
    }
    body[data-name="digital-technology"]  .slideshow-container .slideshow__text-wrapper.banner__content{
      padding: 60px 10px 40px;
    }
    .comparyproduct-banner .slideshow__text_inner{
      max-width: 60%!important;
    }
    .product-type-box .select-box{
      padding:4px 16px;
      min-height: 46px;
    }
    .common-compary-product-box .cell-box-1 .label_title{
      display: none;
    }
    .common-compary-product-box .cell-box-1{
      padding-top: 10px;
      border-top: 0px;
    }
    .common-compary-product-box .cell-box-2{
      padding-top: 70px;
    }
    .common-compary-product-box .cell-box-1~.cell-box .item{
      margin-bottom: 63px;
    }
    .common-compary-product-box .cell-box .label_title .small-label{
      margin-bottom: 63px;
      justify-content: flex-start;
    }
    .common-compary-product-box .cell-box .cell-right-box{
      width: 100%;
    }
    
    .common-compary-product-box .cell-box .label_title{
      font-size: 18px;
      top: 20px;
      position: absolute;
      z-index: 1;
      width: 100%;
      pointer-events: none;
    }
    .common-compary-product-box .cell-box .label_title .first-title {
      margin-bottom: 30px;
  }
    .site-footer .country-select img{
      width: 15px;
      object-fit: contain;
    }
    .site-footer .country-select .country-text-item{
      font-size: 12px;
    }
    /* .template-index .common-newsletter .common-section-container{
      padding-top: 20%!important;
    } */
    product-recommendations .grid__item{
      margin-right: 20px;
    }
   
    .blog-slideshow-container .swiper-pagination-box{
      bottom: -10px;
    }
    .buy-buttons-box .quantity{
      min-height: 35px;
    }
    .product-main{
      margin-top: 20px;
    }
    .product__info-wrapper .product-form__submit{
      padding: 5px;
      min-height: 45px;
    }
   .product__info-wrapper .quantity__input{
      min-height: 45px;
    }
    .card__information{
      min-height: 155px!important;
    }
    
    .common-download-app-container .product-featured-box{
      justify-content: center;
    }
    .common-store-map-container .common-header .common-subtitle{
      font-weight:600;
    }
    .common-tai-container .common-header .common-subtitle{
      font-size: 16px!important;
      font-weight:600;
    }
    .common-compary-product-box .color-swatch-item{
      width: 15px;
      height: 15px;
    }
    .common-compary-product-box .product-box h3{
      -webkit-line-clamp: 2;
      font-size: 18px;
    }
    .common-compary-product-box .pfi-inner {
      padding: 0;
  }
    product-recommendations .grid__item{
      width: 85%!important;
      max-width: 85%!important; 
          }
    .product-featured-box .text-box-outer{
      padding: 10px;
    }
    .product-featured-item{
      flex:0 1 50%;
      margin-bottom: 15px;
      padding-left: 15px;
    }
    .product-featured-box {
      margin-left: -15px;
      margin-bottom: -15px;
  }
    .common-media-item .bg-text-wrapper{
      padding: 30px 0px;
    }
    .template-product .common-iwt-content .common-iwt-text-box{
      text-align: center;
    }
    .common-media-item .custom_html_box{
      font-size: 12px;
    }
    .common-product-tabbar-item {
      font-size: 12px;
      padding: 15px 5px;
      margin-right: 2px;
  }
     .cpt-inner-box.mb-scroll{
      display: -webkit-box;
      width: auto;
      white-space: nowrap;
      display: -webkit-box;
      overflow-x: scroll;
     }
     .cpt-inner-box.mb-scroll::-webkit-scrollbar{
      display: none;
  }
     .cpt-inner-box.mb-scroll .common-product-tabbar-item{
      flex: unset;
      width: 30%;
     }
    .common-product-tabbar-box-outer .page-width{
      padding: 0px;
    }
    .product__info-wrapper .product-form__quantity{
      margin-right: 25px!important;
    }
    .common-ccb-container .image-box{
      display: none;
    }
    .template-collection #MainContent .collection-product-grid-container .page-width{
      padding: 0px 25px;
    }
   
    .common-download-app-container .download-box {
      justify-content: center;
  }
    .common-download-app-container .common-iwt-content .common-iwt-text-box{
      text-align: center;
      padding: 15px 17px;
    }
    .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-mb-top{
      order: 2;
    }
    .common-iwt-content .common-iwt-text-box-mb-bottom{
      order: 1;
    }
    .common-iwt-content .common-iwt-text-box {
      padding: 15px 10px 25px 10px!important;
      width: 100%;
      flex: 0 1 100%;
      text-align: left;
  
    }
   
    .common-iwt-text-box.common-iwt-text-box-right .text-box {
      padding-left: 0px;
      position: relative;
    }
  
    .common-iwt-text-box.common-iwt-text-box-left .text-box {
      padding-right: 0px;
    }
  
    .common-iwt-content .common-iwt-image-box-mb-top{
      order: 1;
    }
    .common-iwt-content .common-iwt-image-box-mb-bottom{
      order: 2;
    }
    .common-iwt-content .common-iwt-image-box {
      padding: 0px;
      width: 100%;
      flex: 0 1 100%;
      
    }
    .country-select .select-menu{
      width: 200px;
    }
    .site-footer .country-select{
      width: auto;
    }
    .footer-custom-box div{
      font-size: 12px!important;
    }
    .fappcrb-right div{
       width: 80px;
    } 
  
    .site-footer__linklist-item,
    .site-footer__item-inner .h4{
      font-size: 12px;
    }
    .common-newsletter-text-box{
      padding: 10px 20px;
    }
    .common-store-map-container .bottom-content{
      position: relative;
      bottom: 0px;
      margin-top: 15px;
    }
       .common-store-map-container .featured-box .featured-top-box {
      padding: 0;
      margin-bottom: 0;
      flex-wrap: wrap;
    }
    .common-store-map-container .featured-box .item{
      width: 50%;
      margin-top:15px;
      margin-bottom:15px;
    }
    .common-store-map-container .featured-box .title-box{ font-size: 12vw;}
    .map_br_mb{ display: block;}
  .common-tai-outer .common-tai-box{
    padding-left: 10px;
  }
   
    .common-header .common-title+.common-subtitle{
      margin-top: 2px;
    }
    .common-column-image-text-item .text-box-outer{
      padding: 10px;
    }
    /* .commin-iwt-item+.commin-iwt-item{
      margin-top: 15px;
    } */
  
    .index-collection-container .page-width{
      padding-right: 0px;
    }
    .index-collection-outer .text-box-outer{
      padding: 35px 15px 15px;
    }
   
    .slideshow-container .swiper-pagination{
      text-align: center;
    }
    .header__search{
      margin-right: 15px;
    }
    header-drawer{
      margin-left: 0px!important;
    }
    .header__icon--cart{
      margin-right: 0px;
    }
    .header__icon{
      margin: 0px;
    }
    .header-page-width {
      padding-left: 10px;
      padding-right: 10px;
  }
    .template-index sticky-header{
      position: relative;
      top: 0px!important;
    }
    .announcement-bar-box .country-select{
      display: none;
    }
    .common-video-swiper-container .common-wrapper{
      padding: 0px;
    }
    .common-video-swiper-container .common-header {
    padding: 0px 20px;
  }
    .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;
    }
 
    .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;
}
.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 a{
      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;
    }
     
  .article-card__image--medium .ratio:before {
    padding-bottom: 16rem!important;
}
.article-card-wrapper .card__heading .full-unstyled-link {
  font-size: 18px;
}
    
  .all-tag-box {
    justify-content: flex-start;
}
 
    .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 a{
      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 .common-iwt-text-box .subtitle{
      max-width: 100%;
      margin-top: -5px;
    }
    .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:!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;
    }
    
    .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__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;
       }
       
  
    .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;
    }
    .common-icon-text-box .image-box img{
      height: 30px!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;
    }
    
    .slideshow__text-wrapper.banner__content {
      padding-top:70px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom: 70px!important;
    }
    .testimonials-person-say-container .common-title{
      font-size:24px;
    }
    .common-header{
      margin-bottom: 25px!important;
    }
    .common-featured-outer .common-header{
      margin-bottom: 25px!important;
    }
    .common-service-item +  .common-service-item {
      margin-top: 30px;
    }
    .common-service-item .common-title{
      margin-bottom: 5px;
    }
    .common-service-item .pfi-inner{
      display: flex;
      align-items: center;
    }
    .common-service-item .image-box{
      max-width: 60px;
    margin:0; 
    margin-right: 23px;
    flex:1;
    }
    .common-service-item  .text-box{
      flex:1;
    }
    .common-service-box {
      display: block;
  }
    .common-service-item{
      width:100%;
      text-align: left;
      padding:0px;
    }
  body  h2.common-title,body .common-title.h2,body .common-title{
      font-size: 24px;
    }
  
   
    .new-button:not(.add-to-cart-btn){
     
    line-height: 1.33;
    padding: 8px 15px;
    
    font-size: 12px;
    }
    
    .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;
    }
    .js .menu-drawer__submenu,
    .menu-drawer__inner-container{
     padding:0px 10px!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;
    }
    .common-icon-text-container .image-box{
      padding-bottom: 0px;
    }
   
   }
   @media screen and (max-width:450px) {
    .common-icon-text-container .common-subtitle{
      width: 140%;
    margin-left: 0%;
    transform: scale(.8);
    min-height: 35px;
    } 
   }
   @media screen and (max-width:390px) {
    .common-download-app-container .product-featured-box{
      transform: scale(0.85);
      width: 115%;
      margin-left: -7%;
    }
   
    .common-icon-text-container .common-icon-text-item:not(:last-child) .common-subtitle{
      max-width: 80%;
    }
   }
   @media screen and (max-width:370px) {
    .footer-copyright{
      flex:1.8!important;
    }
    .product-featured-box .text-box-outer {
      padding: 10px 10px;
  }
  .product-featured-box .text-box-outer .common-title{
    transform: scale(0.8) translateX(-10%) translateY(-8px);
    width: 120%;
  }
   }


 



  

   /* app */
   .shopify-section{
    opacity: 0;
   }
   .app-template .shopify-payment-button,
.app-template .product__info-wrapper .product-form__quantity,
.app-template .product-info-line,
.app-template header-drawer,
.app-template .header__heading,
.app-template .header__heading-link,
.app-template .announcement-bar-section,
.app-template .product__info-container .product__text,
.app-template .cart-bottom-bar-container .product-form__quantity,
.app-template .product-buttons-container ~ .product-block,
.app-template .dynamic-checkout__content {
  display: none;
}
   .app-template .shopify-section{
    opacity: 1;
   }
   .web-template .shopify-section{
    opacity: 1;
   }
   .app-section,
   .app-return-icon{
    display: none;
}


  /* about us page start */
.custom-title{ font-size: 2.865vw;}

.brand-logos .page-width{ padding:0;}
.brand-logos .brand-logos-wrapper{ display: flex; width: 100%;flex-wrap: wrap; }
.brand-logos .brand-logos-wrapper img{ height: auto; }
.brand-logos .brand-logos-wrapper .img-box{padding:20px 30px;}
.brand-logos .brand-logos-wrapper .img-box:nth-child(1){ width:30%;}
.brand-logos .brand-logos-wrapper .img-box:nth-child(2),
.brand-logos .brand-logos-wrapper .img-box:nth-child(3){ width:17%;}
.brand-logos .brand-logos-wrapper .img-box:nth-child(4),
.brand-logos .brand-logos-wrapper .img-box:nth-child(5){ width:18%;}
.brand-logos .brand-logos-wrapper .img-box:nth-child(6),
.brand-logos .brand-logos-wrapper .img-box:nth-child(8){ width:14%;}
.brand-logos .brand-logos-wrapper .img-box:nth-child(7),
.brand-logos .brand-logos-wrapper .img-box:nth-child(9){ width:13.5%;} 
.brand-logos .brand-logos-wrapper .img-box:nth-child(10){ width:15.5%;}
.brand-logos .brand-logos-wrapper .img-box:nth-child(11){ width:16.5%;}
.brand-logos .brand-logos-wrapper .img-box:nth-child(12){ width:13%;}

.common-iwt-content video{border-radius: 20px; overflow: hidden;}


@media (min-width: 1921px){
  .custom-title{  font-size: 55px;}
}
@media screen and (max-width:1000px) {
  .brand-logos .brand-logos-wrapper .img-box{ padding:20px;}
  .brand-logos .brand-logos-wrapper .img-box:nth-child(1){ width:46%; order:1;}
  .brand-logos .brand-logos-wrapper .img-box:nth-child(2),
  .brand-logos .brand-logos-wrapper .img-box:nth-child(3){ width:27%; order:2;}
  .brand-logos .brand-logos-wrapper .img-box:nth-child(4),
  .brand-logos .brand-logos-wrapper .img-box:nth-child(5){ width:29%; order:3;}
  .brand-logos .brand-logos-wrapper .img-box:nth-child(6){ width:21%; order:4;}
  .brand-logos .brand-logos-wrapper .img-box:nth-child(7){ width:19%; order:6;}
  .brand-logos .brand-logos-wrapper .img-box:nth-child(8){ width:21%; order:5;}
  .brand-logos .brand-logos-wrapper .img-box:nth-child(9){ width:19%; order:7;} 
  .brand-logos .brand-logos-wrapper .img-box:nth-child(10){ width:21%; order:7;}
  .brand-logos .brand-logos-wrapper .img-box:nth-child(11){ width:23%; order:7;}
  .brand-logos .brand-logos-wrapper .img-box:nth-child(12){ width:18%; order:7;}
  
}
@media screen and (max-width:768px) {
  .common-no-icon-text-contianer .section-subtitle{ text-align: left;}
  .common-no-icon-text-contianer .common-icon-text-box{ flex-wrap: wrap;flex-direction: unset;align-items: flex-start;  justify-content: space-around;}
  .common-no-icon-text-contianer .common-icon-text-item{ width:45%; flex: 0 1 45% !important;}
}
@media screen and (min-width: 590px) and (max-width: 1000px){
  .custom-title{  font-size: 30px;}
}
@media (max-width: 589px){
  .custom-title{  font-size: 24px;}
  .brand-logos .brand-logos-wrapper .img-box{ padding:10px;}
}

@media (max-width: 400px){
.common-download-app-container .top-box .product-featured-box .item{padding: 0 2vw;}
}


/* about us page end */


/* all_electric_toothbrush_product */
.hide-pc{
  display:none;
}
@media (max-width:590px){
  .hide-pc{
    display:block;
  }
  .hide-mb{
    display:none;
  }
}

.common-product-grid-item .product-card-wrapper .card{ background: transparent; }

.homepage-category {
    max-width: 50%;
    margin-top: 0px;
}

.btn-category-filter {
  max-width: 170px;
    padding: 8px 32px;
    border: 2px solid #000000;
    border-radius: 50px;
    display: block;
    font-size: 14px;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 768px) {

  .btn-category-filter {
    max-width: 120px;
  }
}


.card__heading {
    font-weight: 400 !important;
    letter-spacing: normal !important;
}

.price__regular {
    font-weight: 400;
    font-size: 20px;
    color: #000;
    letter-spacing: -0.5px;
   margin: 8px 0px;
}

.common-product-grid-item {
      padding: 12px;
}

.variant-upsell {
    display: block;
    background-color: #FFF;
    border-radius: 16px;
    padding: 16px;
    text-align: left;
}

.variant-upsell p {
      margin: 8px 0px;
}

p.variant-upsell-heading {
      margin-top: 0;
}

p.variant-upsell-product {
  font-size: 12px;
}

.upsell-grid {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}

.variant-upsell-image {
  flex-shrink: 0;
  width: 75px;
}

.variant-upsell-image img {
  width: 100%;
  height: auto;
  display: block;
}

.variant-upsell-details {
  flex-grow: 1;
}

.variant-upsells {
  display: block;
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  max-width: 100%;
  width: 100%;
}

.variant-upsell {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.variant-upsell-image img {
  width: 80px;
  height: auto;
}

.variant-upsell-details {
  flex: 1;
}

@media screen and (max-width: 768px) {
  .variant-upsells {
    box-shadow: none;
    border: 1px solid #ddd;
    padding: 0.75rem;
    border-radius: 8px;
  }

  .variant-upsell {
    flex-direction: column;
    align-items: flex-start;
  }

  .variant-upsell-image img {
    width: 48px;
  }
}

/* Wrap Qty + Button in flex */
.buy-buttons-box {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: stretch;
}

/* Fix quantity field width */
.product-form__input.product-form__quantity {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: auto !important;   /* ← Override any 100% width */
  max-width: fit-content;
}

/* Make Add to Cart button fill remaining space */
.product-form__buttons {
  flex: 1 1 auto;
  margin: 0;
  display: flex;
}

.product-form__submit {
  flex: 1;
}

/* Ensure upsells appear full-width on their own row */
.variant-upsells {
  flex: 1 1 100%;
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.06);
  width: 100%;
}


.product__info-wrapper .product__info-container .product-form {
    flex: 1 1 74% !important;
    margin-top: 29.5px;
}

/* STEP 1: Remove layout chaos */
.product-buttons-container,
.buy-buttons-box {
  position: static !important;
  display: block !important;
  height: auto !important;
}

/* STEP 2: Stack everything cleanly in flow */
.product-form__quantity,
.product-form__buttons,
.variant-upsells {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
}

/* STEP 3: Ensure payment buttons don't get overlapped */
.shopify-payment-button {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
}

/* STEP 4: Upsell box */
.variant-upsells {
  padding: 1rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}


/* STEP 1: Group QTY + Button in a row */
.product-form__input.product-form__quantity,
.product-form__buttons {
  display: inline-flex;
  vertical-align: top;
}

/* STEP 2: Wrap the entire row */
.buy-buttons-box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 1rem;
}

/* STEP 3: Fix width of qty input */
.quantity__input {
  text-align: center;
}

/* STEP 4: Let the button fill remaining space */
.product-form__buttons {
  flex: 1;
}

.product-form__submit {
  width: 100%;
  flex-grow: 1;
}

.product-form__buttons {
  flex: 1 1 auto;
  display: flex;
}

.buy-buttons-box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 1rem;
}

.buy-buttons-box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 1rem;
}

.product-form__input.product-form__quantity {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
}

.product-form__buttons {
  flex: 1 1 auto;
  display: flex;
}

.product-form__submit {
  width: 100%;
  flex-grow: 1;
}

/* STEP 1: Container must be flex */
.buy-buttons-box {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

/* STEP 2: Qty wrapper should not stretch */
.product-form__input.product-form__quantity {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: fit-content;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
}

/* STEP 3: Button fills the rest */
.product-form__buttons {
  flex: 1 1 auto !important;
  display: flex !important;
  margin: 0 !important;
}

.product-form__submit {
  flex: 1 !important;
  width: 100% !important;
}


.product__info-container--sticky {
  position: static !important;
}

.product-buttons-container.absolute-box {
  height: auto !important;
  min-height: unset !important;
}

.product-buttons-container.absolute-box {
  height: auto !important;
  display: block !important;
}

.product-buttons-container.absolute-box .buy-buttons-box {
  order: 0 !important;
}

.product-buttons-container.absolute-box .variant-upsells {
  order: 1 !important;
}

.product-buttons-container.absolute-box {
  display: flex !important;
  flex-direction: column !important;
}


.product-buttons-container.absolute-box > .variant-upsells {
  order: 2 !important;
}

.product-buttons-container.absolute-box > .buy-buttons-box {
  order: 1 !important;
}


.featured-collection-grid .card:not(.ratio)>.card__content {
    grid-template-rows: auto;
}

.featured-collection-grid .card__information {
   min-height: auto;
}

.slider-card {
      background-color: #FFF;
    border-radius: 24px;
    overflow: hidden;
      padding: 12px 8px;
}

.featured-collection-grid .card-wrapper {
  height: 92%;
}

.featured-collection-grid .new-button {
      background-color: #000;
    border: none;
    padding: 12px;
    font-size: 16px;

}

.featured-collection-grid .card__heading {
  justify-content: center;
  font-size: 16px;
}

  .product-card-wrapper svg.on-sale-animation {
    width: 36px;
    height: 63px;
    position: absolute;
    z-index: 2;
    overflow: visible;
    left: 6px;
    top: 3px;
  }

  .pill-path {
    fill: none;
  }

  text {
    font-size: 12px;
    font-weight: bold;
    fill: red;
    letter-spacing: 0.1px;
    text-transform: uppercase;
  }

    .sold-out-label {
    background-color: #f5333f;
    padding: 4px 8px;
    border-radius: 16px;
    color: #FFF;
    margin-left: 4px;
    font-size: 10px;
  }