.product-page .remarks{
  line-height: 1.4;
}

/* p02 css start ======= */
#maskSmile .product-detail h2,
#maskSmile .product-wearing h2,
#maskSmile .product-detail b{
  color:#5EB4BD;
}
#maskSmile .product-detail h2:after,
#maskSmile .product-wearing h2:after,
#maskSmile .product-detail .listSelect,
#maskSmile .product-detail .listWrapper{
  background-color:#5EB4BD;
}
#maskSmile .product-detail .subTitle svg #bg,
#maskSmile .product-detail .subTitle svg #bg2 path,
#maskSmile .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#5EB4BD;
}
#maskSmile .product-detail .p02-f6-itemWrapper .item .img-wrapper svg path#bg{
  fill:#5EB4BD;
}
#maskSmile.product-page .subTitle .icon-skin #bg path{
  fill:#5EB4BD;
}

#maskSmile .product-size .sizebtn{
  border:0;
}
#maskSmile .product-size .sizebtn.last{
    border-right: 0;
}
#maskSmile .product-size .nav .nav-link.active .sizebtn{
    background-color: transparent;
}


@media (min-width: 768px) and (max-width: 1024px){
  #maskSmile .product-certificateA .itemWrapper .item{
    flex-basis: 25%;
  }
}

@media (min-width: 768px) {
  .p02-pl-m {
    padding-left: 40px;
  }
}

@media (min-width: 1025px) {
  .p02-pl-m {
    padding-left: 80px;
  }
}

@media (min-width: 768px) {
  .p02-pr-m {
    padding-right: 80px;
  }
}

@media (min-width: 768px) {
  .p02-pl-l {
    padding-left: 120px;
  }
}

@media (min-width: 768px) {
  .p02-pr-l {
    padding-right: 120px;
  }
}

.p02-section-title {
  font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  color: #0b686a;
  font-size: calc(26px + (38 - 26) * ((100vw - 300px) / (1600 - 300)));
  padding: 50px 20px;
  line-height: 1.4;
}

.p02-section-title .theme2 {
  display: inline-block;
}

.p02-section-title .theme2:after {
  content: "";
  display: block;
  background-color: #0b686a;
  height: 2px;
  width: 100%;
  margin: 0.5rem 0;
}

@media (min-width: 768px) {
  .p02-product-certificateA > .container-fluid {
    padding-top: 0px !important;
  }
}

#maskSmile .p02-text-special-title {
  color: #259ba2;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: var(--brand-font-tc);
}

@media (min-width: 768px) {
  #maskSmile .p02-text-special-title {
    font-size: 2rem;
  }
}

p.p02-text-special-body {
  color: #259ba2;
}

.p02-text-body {
  color: #3a3a3a;
  font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1600 - 300)));
}

.p02-feature-2 {
  padding: 100px 0 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .p02-feature-2 {
    padding-top: 0px;
  padding-bottom: 100px;
    /*height: 1400px;*/
  }
}

.p02-feature-2 .p02-feature-2-1 {
  /*height: 585px;*/
  min-height: 700px;
}
@media (min-width: 768px) {
  .p02-feature-2 .p02-feature-2-1 {
    min-height: 580px;
  }
}
@media (min-width: 1025px) {
  .p02-feature-2 .p02-feature-2-1 {
    min-height: 700px;
  }
}

.p02-feature-2 .p02-feature-2-2 {
  padding-top: 60px;
  min-height: 380px;
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  .p02-feature-2 .p02-feature-2-2 {
    padding-top: 0px;
    min-height: 360px;
  }
}

@media (min-width: 1200px) {
  .p02-feature-2 .p02-feature-2-2 {
    padding-top: 0px;
    min-height: 560px;
  }
}

.p02-feature-2 .p02-feature-2-3 {
  min-height: 480px;
}

@media (min-width: 768px) {
  .p02-feature-2 .p02-feature-2-3 {
    padding: 0;
    min-height: 180px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .p02-feature-2 .p02-feature-2-3 img {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .p02-feature-2 .p02-feature-2-3 img {
    width: 160px;
  }
}

.p02-feature-2 .p02-feature-2-3 img {
  /*width: 124px;*/
  margin: 10px;
}

@media (min-width: 768px) {
  .p02-feature-2 .p02-feature-2-3 img {
    /*width: 120px;*/
  }
}


.p02-feature-2 .p02-feature-2-bgWrap,
.p02-feature-2 .p02-feature-2-bgPattern-green,
.p02-feature-2 .p02-feature-2-bgPattern-greenLines,
.p02-feature-2 .p02-feature-2-1-model,
.p02-feature-2 .p02-feature-2-1-mask {
  position: absolute;
}

.p02-feature-2 .p02-feature-2-bgWrap {
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  left: 0;
}

.p02-feature-2 .p02-feature-2-bgPattern-green {
  right: -180px;
  top: -280px;
}

@media (min-width: 768px) {
  .p02-feature-2 .p02-feature-2-bgPattern-green {
    right: 000px;
    top: -280px;
  }
}

.p02-feature-2 .p02-feature-2-bgPattern-greenLines {
  right: -100px;
  top: -120px;
  display: none;
}

@media (min-width: 768px) {
  .p02-feature-2 .p02-feature-2-bgPattern-greenLines {
    right: -100px;
    top: -120px;
    display: block;
  }
}

.p02-feature-2 .p02-feature-2-1-model {
  position: relative;
  width: 100vw;
  height: 294px;
}

.p02-feature-2 .p02-feature-2-1-model img {
  position: absolute;
  width: 300px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}

@media (min-width: 768px) {
  .p02-feature-2 .p02-feature-2-1-model {
    width: 400px;
    height: 485px;
  }
  .p02-feature-2 .p02-feature-2-1-model img {
    width: 400px;
    left: 100px;
    top: 50px;
  }
}

.p02-feature-2 .p02-feature-2-1-mask {
  position: relative;
  width: 100vw;
  height: 490px;
}

.p02-feature-2 .p02-feature-2-1-mask img {
  position: absolute;
  width: 224px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}

@media (min-width: 768px) {
  .p02-feature-2 .p02-feature-2-1-mask {
    width: 478px;
    height: 355px;
  }
  .p02-feature-2 .p02-feature-2-1-mask img {
    width: 478px;
    left: 230px;
    top: 0px;
  }
  .p02-feature-2 .p02-feature-2-1 .img-wrapper{
    position: absolute;
    left: 0;
  }
}

.p02-feature-3 {
  padding: 100px 0;
  overflow: hidden;
}

.p02-feature-3 .subTitle:after{
  display: none !important;
}

@media (min-width: 768px) {
  .p02-feature-3 {
    padding: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #c5e9ee), color-stop(50%, #c6dfe3));
    background: linear-gradient(90deg, #c5e9ee 50%, #c6dfe3 50%);
    padding-top: 0px;
    height: 714px;
  }
}

.p02-feature-3 .p02-feature-3-title {
  height: 76px;
  background-color: white;
}

.p02-feature-3 .p02-feature-3-title p {
  color: #259ba2;
  font-weight: bold;
  letter-spacing: 5px;
  text-align: center;
}

@media (min-width: 768px) {
  .p02-feature-3 .p02-feature-3-title {
    height: 148px;
  }
  .p02-feature-3 .p02-feature-3-title p {
    font-size: 36px;
  }
}

@media (min-width: 768px) {
  .p02-feature-3 .p02-feature-3-1 {
    height: 600px;
  }
}

.p02-feature-3 .p02-feature-3-item {
  padding: 30px 0;
}

@media (min-width: 768px) {
  .p02-feature-3 .p02-feature-3-item {
    height: 600px;
  }
}

.p02-feature-3 .p02-feature-3-item.p02-feature-3-item-3dmasksmile {
  background-color: #c5e9ee;
}

.p02-feature-3 .p02-feature-3-item.p02-feature-3-item-other {
  background-color: #c6dfe3;
}

.p02-feature-3 .p02-feature-3-item .p02-feature-3-item-title p {
  color: #259ba2;
  font-weight: bold;
  letter-spacing: 5px;
  text-align: center;
  padding: 0;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .p02-feature-3 .p02-feature-3-item .p02-feature-3-item-title {
    height: 120px;
    display: flex;
    align-items: center;
  }
  .p02-feature-3 .p02-feature-3-item .p02-feature-3-item-title p {
    font-size: 26px;
  }
}

.p02-feature-3 .p02-feature-3-item .p02-feature-3-item-image {
  height: 210px;
}
.p02-feature-3 .p02-feature-3-item .p02-feature-3-item-image img{
  width: 250px;
  height: 164px;
}
@media (min-width: 768px) {
  .p02-feature-3 .p02-feature-3-item .p02-feature-3-item-image {
    height: 300px;
  }
  .p02-feature-3 .p02-feature-3-item .p02-feature-3-item-image img{
    width: 318px;
    height: 209px;
  }
}

.p02-feature-3 .p02-feature-3-item .p02-feature-3-item-body {
  border: 2px solid #56a9c1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 12px;
  /*padding: 10px 5px;*/
  margin: 0 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.p02-feature-3 .p02-feature-3-item .p02-feature-3-item-body p{
  padding-top: 0.5rem;
}
@media (min-width: 768px) {
  .p02-feature-3 .p02-feature-3-item .p02-feature-3-item-body {
    height: 130px;
    margin: 50px 35px;
  }
}
@media (min-width: 1200px) {
  .p02-feature-3 .p02-feature-3-item .p02-feature-3-item-body {
    margin: 50px 80px;
  }
}
.p02-feature-4 {
  padding-bottom: 100px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .p02-feature-4 {
    padding-top: 0px;
    height: 600px;
  }
}

.p02-feature-4 .p02-feature-4-1 {
  height: 573px;
}

@media (min-width: 768px) {
  .p02-feature-4 .p02-feature-4-1 {
    height: 600px;
  }
}

.p02-feature-4 .p02-feature-4-bgWrap,
.p02-feature-4 .p02-feature-4-bgPattern-green,
.p02-feature-4 .p02-feature-4-bgPattern-dots {
  position: absolute;
}

.p02-feature-4 .p02-feature-4-bgWrap {
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  left: 0;
}

.p02-feature-4 .p02-feature-4-bgPattern-green {
  left: -130px;
  top: -480px;
}

@media (min-width: 768px) {
  .p02-feature-4 .p02-feature-4-bgPattern-green {
    left: 000px;
    top: -280px;
  }
}

.p02-feature-4 .p02-feature-4-bgPattern-dots {
  right: -80px;
  top: -100px;
}

@media (min-width: 768px) {
  .p02-feature-4 .p02-feature-4-bgPattern-dots {
    right: 0px;
    top: 50px;
  }
}

.p02-feature-4 .p02-feature-4-mask-topview,
.p02-feature-4 .p02-feature-4-mask-sideview {
  margin: 5px 0;
  text-align: center;
}

.p02-feature-4 .p02-feature-4-mask-topview img,
.p02-feature-4 .p02-feature-4-mask-sideview img {
  width: 360px;
  max-width: 100%;
}

@media (min-width: 768px) {
  .p02-feature-4 .p02-feature-4-mask-topview img,
  .p02-feature-4 .p02-feature-4-mask-sideview img {
    width: 350px;
  }
}

@media (min-width: 1200px) {
  .p02-feature-4 .p02-feature-4-mask-topview img,
  .p02-feature-4 .p02-feature-4-mask-sideview img {
    width: 460px;
  }
}
.p02-feature-5 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(134, 197, 204, 0.3)), to(rgba(184, 225, 229, 0.3)));
  background: linear-gradient(90deg, rgba(134, 197, 204, 0.3) 0%, rgba(184, 225, 229, 0.3) 100%);
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .p02-feature-5 {
    padding: 0px;
  }
}

.p02-feature-5 .p02-feature-5-1 {
  min-height: 80vh;
}

@media (min-width: 768px) {
  .p02-feature-5 .p02-feature-5-1 {
    min-height: 670px;
  }
}

.p02-feature-5 .p02-feature-5-2 {
  padding-top: 60px;
  padding-bottom: 0;
  min-height: 573px;
}

@media (min-width: 768px) {
  .p02-feature-5 .p02-feature-5-2 {
    padding-top: 0px;
    min-height: 500px;
  }
}

@media (min-width: 1025px) {
  .p02-feature-5 .p02-feature-5-2 {
      min-height: 600px;
  }
}

.p02-feature-5 .p02-text-special-body-f5-2 {
  color: #59aeca;
}

.p02-feature-5 .p02-feature-5-bgWrap,
.p02-feature-5 .p02-feature-5-bgPattern-lines,
.p02-feature-5 .p02-feature-5-bgPattern-circle {
  position: absolute;
}

.p02-feature-5 .p02-feature-5-bgWrap {
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  left: 0;
}

.p02-feature-5 .p02-feature-5-bgPattern-lines {
  left: -40px;
  top: 0;
  opacity: .5;
}

@media (min-width: 768px) {
  .p02-feature-5 .p02-feature-5-bgPattern-lines {
    left: 0;
    top: 280px;
    opacity: 1;
  }
}

.p02-feature-5 .p02-feature-5-bgPattern-circle {
  right: -200px;
  top: 600px;
}

@media (min-width: 768px) {
  .p02-feature-5 .p02-feature-5-bgPattern-circle {
    right: -200px;
    top: 300px;
  }
}

.p02-feature-5 .p02-feature-5-1-mask {
  height: 213px;
}

.p02-feature-5 .p02-feature-5-1-mask img {
  position: absolute;
  width: 314px;
  height: 213px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}

@media (min-width: 768px) {
  .p02-feature-5 .p02-feature-5-1-mask {
    width: 699px;
    height: 369px;
  }
  .p02-feature-5 .p02-feature-5-1-mask img {
    width: 460px;
    height: 309px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    top: 0px;
  }
}

@media (min-width: 1200px) {
  .p02-feature-5 .p02-feature-5-1-mask {
    height: 403px;
  }
  .p02-feature-5 .p02-feature-5-1-mask img {
    width: 600px;
    height: 403px;
  }
}
/*.p02-feature-5 .p02-feature-5-2-model {
  height: 280px;
}*/

.p02-feature-5 .p02-feature-5-2-model img {
/*  position: absolute;
  width: 241px;
  height: 280px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0px;*/
}

@media (max-width: 767px) {
  .p02-feature-5 .p02-feature-5-2-model img {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .p02-feature-5 .p02-feature-5-2-model {
    height: 450px;
  }
  .p02-feature-5 .p02-feature-5-2-model img {
    width: 380px;
    height: 450px;
    bottom: 0px;
  }
}

@media (min-width: 1025px) {
  .p02-feature-5 .p02-feature-5-2-model {
    height: 592px;
  }
  .p02-feature-5 .p02-feature-5-2-model img {
    width: 500px;
    height: 592px;
  }
}

.p02-feature-6 {
  padding: 20px 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .p02-feature-6 {
    padding-top: 0px;
    height: 530px;
  }
}

@media (min-width: 768px) {
  .p02-feature-6 .p02-feature-6-1 {
    height: 530px;
  }
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-featureList {
  width: 100%;
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-featureList .subTitle:after {
  content: "";
  display: none;
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-featureList .featureList {
  position: relative;
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-featureList .listSelect {
  background-color: #0b686a;
  padding: 0.3rem 1rem;
  color: white;
  position: relative;
  cursor: pointer;
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-featureList .listSelect i.ion {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.3rem;
  -webkit-transition: transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-featureList .listSelect i.ion.active {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-featureList .listWrapper {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  left: 0%;
  color: white;
  background-color: #0b686a;
  border-top: 1px solid white;
  padding: 1rem 0;
  z-index: 1;
}

@media (min-width: 768px) {
  .p02-feature-6 .p02-feature-6-1 .p02-f6-featureList .listWrapper {
    top: 120px;
  }
}

@media (min-width: 768px) {
  .p02-feature-6 .p02-feature-6-1 .p02-f6-featureList .listWrapper {
    width: 73%;
    left: 13.5%;
  }
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-featureList .listWrapper li.item {
  padding: 0;
  list-style-type: disc;
  margin-left: 36px;
  font-size: 15px;
  font-weight: 300;
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-itemWrapper {
  padding: 1rem 0;
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-itemWrapper .item {
  text-align: center;
  padding: 10px;
  font-size: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-itemWrapper .item span.text {
  display: inline-block;
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-itemWrapper .item .img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 80px;
}

.p02-feature-6 .p02-feature-6-1 .p02-f6-itemWrapper .item .img-wrapper svg path#bg,
.p02-feature-6 .p02-feature-6-1 .p02-f6-itemWrapper .item .img-wrapper svg g#bg path {
  fill: #4cb9a4;
}

.p02-feature-6 .p02-text-special-body-f6-1 {
  color: #59aeca;
}

.p02-feature-6 .p02-feature-6-bgWrap {
  position: absolute;
}

.p02-feature-6 .p02-feature-6-bgWrap {
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(134, 197, 204, 0.3)), to(rgba(184, 225, 229, 0.3)));
  background: linear-gradient(90deg, rgba(134, 197, 204, 0.3) 0%, rgba(184, 225, 229, 0.3) 100%);
}

.p02-feature-6 .p02-feature-6-1-mask {
  margin: 5px 0;
  text-align: center;
  height: 360px;
}

.p02-feature-6 .p02-feature-6-1-mask img {
  position: absolute;
  width: 400px;
  top: 0;
  -webkit-transform: translateY(0%) translateX(-50%);
          transform: translateY(0%) translateX(-50%);
  left: 50%;
}

@media (min-width: 768px) {
  .p02-feature-6 .p02-feature-6-1-mask img {
    width: 578px;
    margin-right: 100px;
    -webkit-transform: translateY(0) translateX(-50%);
            transform: translateY(0) translateX(-50%);
    left: 50%;
    top: 0px;
  }
}
#maskSmile.product-page .featureFilter.bg-fluid .bgWrap{
  background: url("../img/products/3dmask/p02-f5-bgPattern-circle.png");
  background-repeat: no-repeat;
  top: 135%;
  left: 30%;
}
#maskSmile.product-page .featureFilter .bgWrap-inner{
  background: -webkit-gradient(linear, left top, right top, from(rgba(134, 197, 204, 0.3)), to(rgba(184, 225, 229, 0.3)));
  background: linear-gradient(90deg, rgba(134, 197, 204, 0.3) 0%, rgba(184, 225, 229, 0.3) 100%);
  height: 100%;
}

@media (min-width: 768px) {
  #maskSmile.product-page .featureFilter.bg-fluid .bgWrap{
    top: 125%;
  }
}
/*#maskSmile.product-page .featureFilter .container{
  position: relative;
}*/
.p02-feature-7 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(134, 197, 204, 0.3)), to(rgba(184, 225, 229, 0.3)));
  background: linear-gradient(90deg, rgba(134, 197, 204, 0.3) 0%, rgba(184, 225, 229, 0.3) 100%);
  padding-top: 40px;
  padding-bottom: 30px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .p02-feature-7 {
    padding: 0px;
  }
}

.p02-feature-7 .p02-feature-7-1 {
  min-height: 573px;
  margin-bottom: 100px;
}

@media (min-width: 768px) {
  .p02-feature-7 .p02-feature-7-1 {
    min-height: 500px;
    margin-bottom: 0;
  }
}

@media (min-width: 1025px) {
  .p02-feature-7 .p02-feature-7-1{
    min-height: 650px;
  }
}
.p02-feature-7 .p02-feature-7-bgWrap,
.p02-feature-7 .p02-feature-7-bgPattern-dots {
  position: absolute;
}

.p02-feature-7 .p02-feature-7-bgWrap {
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  left: 0;
}

.p02-feature-7 .p02-feature-7-bgPattern-dots {
  right: 400px;
  top: 0px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (min-width: 768px) {
  .p02-feature-7 .p02-feature-7-bgPattern-dots {
    right: 0px;
    top: -280px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

/*.p02-feature-7 .p02-feature-7-1-model {
  height: 390px;
}*/

/*.p02-feature-7 .p02-feature-7-1-model img {
  position: absolute;
  width: 360px;
  height: 373px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}*/

@media (max-width: 767px) {
  .p02-feature-7 .p02-feature-7-1-model img {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  /*.p02-feature-7 .p02-feature-7-1-model {
    width: 437px;
  }*/
  .p02-feature-7 .p02-feature-7-1-model img {
    width: 437px;
    height: 453px;
    /*-webkit-transform: translateX(0%);
            transform: translateX(0%);
    left: -30px;
    top: 0;*/
  }

  .p02-feature-7 .p02-feature-7-1 .img-wrapper {
    position: absolute;
    right: 0;
  }
}

@media (min-width: 1025px) {
  .p02-feature-7 .p02-feature-7-1-model img{
    width: 560px;
    height: 581px;
    left: 0;
  }
}

.p02-feature-8 {
  background: -webkit-gradient(linear, left top, right top, from(rgba(134, 197, 204, 0.3)), to(rgba(184, 225, 229, 0.3)));
  background: linear-gradient(90deg, rgba(134, 197, 204, 0.3) 0%, rgba(184, 225, 229, 0.3) 100%);
  padding-bottom: 100px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .p02-feature-8 {
    padding: 80px;
  }
}

.p02-feature-8 .p02-feature-8-1 {
  min-height: 740px;
}

@media (min-width: 768px) {
  .p02-feature-8 .p02-feature-8-1 {
    min-height: 500px;
  }
}
@media (min-width: 1025px) {
  .p02-feature-8 .p02-feature-8-1 {
    min-height: 700px;
  }
}
@media (min-width: 1200px) {
  .p02-feature-8 .p02-feature-8-1 {
    min-height: 600px;
  }
}

.p02-feature-8 .p02-feature-8-bgWrap,
.p02-feature-8 .p02-feature-8-bgPattern-green,
.p02-feature-8 .p02-feature-8-bgPattern-lines {
  position: absolute;
}

.p02-feature-8 .p02-feature-8-bgWrap {
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  left: 0;
}

.p02-feature-8 .p02-feature-8-bgPattern-green {
  right: 0px;
  top: 0;
}
/*
@media (min-width: 768px) {
  .p02-feature-8 .p02-feature-8-bgPattern-green {
    right: 0px;
    top: 0
  }
}*/

.p02-feature-8 .p02-feature-8-bgPattern-lines {
  left: 0px;
  bottom:0;
}
/*
@media (min-width: 768px) {
  .p02-feature-8 .p02-feature-8-bgPattern-lines {
    left: 0px;
    top: 50vh;
  }
}

@media (min-width: 1025px) {
  .p02-feature-8 .p02-feature-8-bgPattern-lines {
    top: 59vh;
  }
}
*/
.p02-feature-8 .p02-feature-8-1-model img {
  max-width: 100%;
}

.p02-feature-9 {
  overflow: hidden;
}

@media (min-width: 768px) {
  .p02-feature-9 {
    padding: 0px;
  }
}

.p02-feature-9 .p02-feature-9-1 {
  min-height: 650px;
}

@media (min-width: 768px) {
  .p02-feature-9 .p02-feature-9-1 {
    min-height: 650px;
  }
}
@media (min-width: 1025px) {
  .p02-feature-9 .p02-feature-9-1 {
    min-height: 700px;
  }
}

.p02-feature-9 .p02-text-body-f11 {
  color: #8a9c9e;
}

.p02-feature-9 .p02-feature-9-bgWrap,
.p02-feature-9 .p02-feature-9-bgPattern-square,
.p02-feature-9 .p02-feature-9-bgPattern-lineTopRight,
.p02-feature-9 .p02-feature-9-bgPattern-lineBottomRight {
  position: absolute;
}

.p02-feature-9 .p02-feature-9-bgWrap {
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  left: 0;
}

.p02-feature-9 .p02-feature-9-bgPattern-square {
  left: 100px;
  top: 400px;
}

@media (min-width: 768px) {
  .p02-feature-9 .p02-feature-9-bgPattern-square {
    left: 100px;
    top: 50px;
  }
}

.p02-feature-9 .p02-feature-9-bgPattern-lineTopRight {
  right: 0px;
  top: -100px;
  opacity: .5;
}

@media (min-width: 768px) {
  .p02-feature-9 .p02-feature-9-bgPattern-lineTopRight {
    right: 0px;
    top: -100px;
    opacity: 1;
  }
}

.p02-feature-9 .p02-feature-9-bgPattern-lineBottomRight {
  right: 0px;
  bottom: -100px;
}

@media (min-width: 768px) {
  .p02-feature-9 .p02-feature-9-bgPattern-lineBottomRight {
    right: 0px;
    bottom: -100px;
  }
}

.p02-feature-9 .p02-feature-9-1-model {
  height: 100%;
}

@media (max-width: 767px) {
  .p02-feature-9 .p02-feature-9-1-model img {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .p02-feature-9 .p02-feature-9-1-model {
    width: 516px;
  }
  .p02-feature-9 .p02-feature-9-1-model img {
    position: absolute;
    width: 130%;
    height: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -22%;
    top:65px;
  }
}
@media (min-width: 1025px) {
  .p02-feature-9 .p02-feature-9-1-model {
    width: 642px;
  }
  .p02-feature-9 .p02-feature-9-1-model img {
    width: 560px;
    height: 642px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -30px;
    top: 65px;
  }
}
@media (min-width: 1200px) {
  .p02-feature-9 .p02-feature-9-1-model img {
    width: 600px;
    height: 688px;
    left: 0;
  }
}

.p02-feature-12 {
  padding: 100px 0;
  /*color: #32939b;*/
  overflow: hidden;
}

@media (min-width: 768px) {
  .p02-feature-12 {
    padding: 50px;
  }
}
/*
.p02-feature-12 .p02-feature-12-1 {
  min-height: 1160px;
}*/

@media (min-width: 768px) {
  .p02-feature-12 .p02-feature-12-1 {
    min-height: 700px;
  }
}
@media (min-width: 1025px) {
  .p02-feature-12 .p02-feature-12-1 {
    min-height: 825px;
  }
}


.p02-feature-12 .p02-feature-12-bgWrap,
.p02-feature-12 .p02-feature-12-bgPattern-dots {
  position: absolute;
}

.p02-feature-12 .p02-feature-12-bgWrap {
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  left: 0;
  background: #a4d9dd;
}

.p02-feature-12 .p02-feature-12-bgPattern-dots {
  right: -130px;
  top: -480px;
}

@media (min-width: 768px) {
  .p02-feature-12 .p02-feature-12-bgPattern-dots {
    right: 0px;
    top: -100px;
  }
}

.p02-feature-12 .p02-f12-1-normal,
.p02-feature-12 .p02-f12-1-large{
  padding: 10px 0 10px 25px;
}
.p02-feature-12 .p02-f12-1-special {
  padding: 10px 25px 10px 25px;
}

@media (min-width: 480px) {
  .p02-feature-12 .p02-f12-1-special {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .p02-feature-12 .p02-f12-1-normal,
  .p02-feature-12 .p02-f12-1-large,
  .p02-feature-12 .p02-f12-1-special {
    padding: 0 20px;
  }
}

/*
.p02-feature-12 .p02-f12-1-normal img {
  width: 135px;
}
@media (min-width: 768px) {
  .p02-feature-12 .p02-f12-1-normal img {
    width: 126px;
  }
}
.p02-feature-12 .p02-f12-1-large img {
  width: 135px;
}

@media (min-width: 768px) {
  .p02-feature-12 .p02-f12-1-large img {
    width: 166px;
  }
}

*/
.p02-feature-12 .p02-f12-1-special .row {
  border: 2px solid #32939b;
  padding: 20px 20px 10px
}

.p02-feature-12 .p02-f12-1-special img {
  margin: 0 10px;
  width: 123px;
}

@media (min-width: 480px) {
  .p02-feature-12 .p02-f12-1-special img {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .p02-feature-12 .p02-f12-1-special img {
    width: 123px;
  }
}
.p02-feature-12 .p02-f12-text{
    font-size: .9rem;
    padding: 1rem;
    margin-bottom: 0;
}
.p02-feature-13 {
  padding: 0;
  height: 390px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .p02-feature-13 {
    padding-top: 0px;
    height: 480px;
  }
}

.p02-feature-13 .p02-feature-13-1 {
  background: #4bb8a3;
  height: 390px;
  width: 100vw;
  position: relative;
}

@media (min-width: 768px) {
  .p02-feature-13 .p02-feature-13-1 {
    height: 480px;
  }
}

.p02-feature-13 .p02-feature-13-1 .p02-feature-13-banner-desktop,
.p02-feature-13 .p02-feature-13-1 .p02-feature-13-banner-mobile {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p02-feature-1 {
  padding-top: 150px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .p02-feature-1 {
    padding-top: 0px;
    height: 530px;
  }
}

.p02-feature-1 .p02-feature-1-bgWrap {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.82%, #cdf1f4), color-stop(98.86%, #99d1d7));
  background: linear-gradient(90deg, #cdf1f4 0.82%, #99d1d7 98.86%);
  position: absolute;
  height: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.p02-feature-1 .p02-feature-1-bgPattern-white,
.p02-feature-1 .p02-feature-1-bgPattern-green,
.p02-feature-1 .p02-feature-1-maskIllustration-maskBg,
.p02-feature-1 .p02-feature-1-maskIllustration-mask,
.p02-feature-1 .p02-feature-1-model {
  position: absolute;
}

.p02-feature-1 .p02-feature-1-bgPattern-white {
  /*left: -80px;
  top: -120px;*/
    right: -20px;
    top: -160px;
    transform: rotate(-300deg);
  opacity: .9;
}

@media (min-width: 768px) {
  .p02-feature-1 .p02-feature-1-bgPattern-white {
    /*left: -80px;
    top: -120px;*/
  }
}

.p02-feature-1 .p02-feature-1-bgPattern-green {
  /*left: 100px;
    top: -150px;*/
    transform: rotate(20deg);
    opacity: .9;
    bottom: 0;
    left: -110px;
}

@media (min-width: 768px) {
  /*.p02-feature-1 .p02-feature-1-bgPattern-green {
    left: -180px;
    top: 380px;
  }*/
}

.p02-feature-1 .p02-feature-1-maskIllustration {
  margin-bottom: 50px;
  margin-top: -50px;
  width: 100vw;
  height: 71px;
  position: absolute;
}

.p02-feature-1 .p02-feature-1-maskIllustration img {
  position: absolute;
}

@media (min-width: 768px) {
  .p02-feature-1 .p02-feature-1-maskIllustration {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 491px;
    height: 134px;
  }
}

.p02-feature-1 .p02-feature-1-maskIllustration-maskBg {
  width: 150%;
  /*height: 84px;*/
  left: 10%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 20px;
}

@media (min-width: 768px) {
  .p02-feature-1 .p02-feature-1-maskIllustration-maskBg {
    /*width: 793px;
    height: 221px;
    left: 56px;*/
  width:200%;
  left: -300px;
    bottom: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.p02-feature-1 .p02-feature-1-maskIllustration-mask {
  width: 100%;
  /*height: 71px;*/
  left: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}

@media (min-width: 768px) {
  .p02-feature-1 .p02-feature-1-maskIllustration-mask {
    width: 100%;
    /*height: 109px;*/
    left: 0;
    top: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.p02-feature-1 .p02-feature-1-model {
  position: relative;
  width: 100vw;
  height: 316px;
}

.p02-feature-1 .p02-feature-1-model img {
  position: absolute;
  width: 365px;
  height: 364px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}

@media (min-width: 768px) {
  .p02-feature-1 .p02-feature-1-model {
    width: 493px;
    height: 316px;
  }
  .p02-feature-1 .p02-feature-1-model img {
    position: absolute;
    width: 300px;
    height: 300px;
    left: 50px;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    top: 60px;
  }
}
@media (min-width: 768px) {
  .p02-feature-1 .img-wrapper{
    position: absolute;
    bottom:0;
    right:-30px;
  }
  .p02-feature-1 .text-wrapper{
    padding-top: 8%;
  }
}

.p02-product-size {
  padding: 0;
}
/*# sourceMappingURL=02-style.css.map */

/* p03 css start ======= */

#maskExPro .product-detail h2,
#maskExPro .product-wearing h2,
#maskExPro .product-detail b{
  color:#E45600;
}
#maskExPro .product-detail h2:after,
#maskExPro .product-wearing h2:after,
#maskExPro .product-detail .listSelect,
#maskExPro .product-detail .listWrapper{
  background-color:#E45600;
}
#maskExPro .product-detail .subTitle svg #bg,
#maskExPro .product-detail .subTitle svg #bg2 path,
#maskExPro .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#E45600;
}
#maskExPro .product-detail .p02-f6-itemWrapper .item .img-wrapper svg path#bg{
  fill:#E45600;
}

#maskExPro .product-size .sizebtn{
  border:0;
}
#maskExPro .product-size .sizebtn.last{
    border-right: 0;
}
#maskExPro .product-size .nav .nav-link.active .sizebtn{
    background-color: transparent;
}

#maskExPro.product-page .featureFilter .container{
  position: relative;
}
#maskExPro.product-page .featureFilter .bgWrap-inner{
  background: url("../img/products/3dmask/p03-f1-bg-triangle.png");
    background-repeat: no-repeat;
    background-position: left 125%;
}
@media (max-width: 767px) {
  #maskExPro.product-page .featureFilter .bgWrap-inner{
    background-size: 230px;
    display:none;
  }
}
@media (min-width: 768px) {
  #maskExPro.product-page .featureFilter .bgWrap-inner{
    background-position: left 135%;
    height:100%;
  }
    #maskExPro .product-certificateA .itemWrapper .item{
    flex-basis: 49%;
    }
}
@media (min-width: 992px) and (max-width: 1024px){
  #maskExPro .product-certificateA .itemWrapper .item{
    flex-basis: calc((100% / 4) - 5px);
  }
}

@media (min-width: 1025px) {
  #maskExPro.product-page .featureFilter .bgWrap-inner{
    background-position: left 120%;
  }
}

.p03-product-section{
  overflow: hidden;
}

.p03-cert-banner-color {
  background: linear-gradient(135deg, #f0842d 25.83%, #ffd79a 101.68%) !important;
}

.p03-cert-banner-color .btn-inner,
.p03-cert-banner-color .btn-inner.light {
  color: #f08f2e;
}

.p03-cert-banner-color .btn-inner:hover,
.p03-cert-banner-color .btn-inner.light:hover {
  background-color: #f08f2e;
  color: #ffffff;
}

.p03-section-title {
  font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
  color: #e45600;
  font-size: calc(26px + (38 - 26) * ((100vw - 300px) / (1600 - 300)));
  padding: 20px 20px;
  line-height: 1.4;
}

.p03-section-title .theme2 {
  display: inline-block;
}

.p03-section-title .theme2:after {
  content: "";
  display: block;
  background-color: #e45600;
  height: 2px;
  width: 100%;
  margin: 0.5rem 0;
}

.p03-bgFluid {
  position: relative;
  height: inherit;
  padding: 0;
}

.p03-bgFluid .p03-bgWrap,
.p03-bgFluid .p03-content {
  position: absolute;
  height: inherit;
}

.p03-bgFluid .p03-bgWrap {
  z-index: 0;
  overflow: hidden;
}

.p03-bgFluid .p03-content {
  z-index: 2;
    max-width: 1400px;
    transform: translateX(-50%);
    left: 50%;
}

.p03-bgFluid .p03-bgWrap-overflow {
  overflow: visible;
}

.p03-bgFluid .p03-feature-wrap {
  height: 100%;
  width: 100%;
    justify-content: center;
}

.p03-bgFluid .p03-feature-image {
  position: relative;
  height: 100%;
  width: 100%;
}

.p03-bgFluid .p03-feature-image img {
  position: absolute;
}
/*
@media screen and (min-width: 768px){
  .p03-feature-text {
    padding: 0 20pt;
  }
}*/

.p03-feature-text span.highlight {
  color: #e45600;
}

.p03-feature-text span.bold {
  color: #e45600;
  font-weight: 700;
}

.p03-feature-text.p03-feature-text-dark p {
  color: #ffffff;
}

.p03-feature-text.p03-feature-text-orange p {
  color: #e45600;
}

.p03-feature-text.p03-feature-text-onOrange p {
  color: #ffffff;
}

.p03-product-body-span {
  color: #ff5b09;
}

.p03-product-body-span.p03-product-body-span-dark {
  color: #f08f2e;
}

.p03-product-feature-title {
  letter-spacing: 5px;
  color: #e45600;
  fill: #e45600;
  font-size: calc( 32px + (48 - 32) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 600;
  font-family: var(--brand-font-tc);
  width: 100%;
  text-align: center;
  line-height: 1.2;
}

.p03-product-feature-title:after {
  content: "";
  display: block;
  height: 2px;
  background-color: #e45600;
  margin: 0.8rem 0 0.2rem;
}

.p03-product-feature-title.p03-product-feature-title-dark {
  color: #f08f2e;
  fill: #f08f2e;
}

.p03-product-feature-title.p03-product-feature-title-dark:after {
  background-color: #f08f2e;
}

.p03-product-feature-title.p03-product-feature-title-orange {
  color: #e45600;
  fill: #e45600;
}

.p03-product-feature-title.p03-product-feature-title-orange:after {
  background-color: #e45600;
}

.p03-product-feature-title.p03-product-feature-title-onOrange {
  color: #ffffff;
  fill: #ffffff;
}

.p03-product-feature-title.p03-product-feature-title-onOrange:after {
  background-color: #ffffff;
}

.p03-ribbon {
  width: 500px;
  height: 200px;
  position: absolute;
}

.p03-ribbon .p03-ribbon-bgWrap,
.p03-ribbon .p03-ribbon-bodyWrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.p03-ribbon .p03-ribbon-bgWrap .p03-ribbon-bg-left,
.p03-ribbon .p03-ribbon-bgWrap .p03-ribbon-bg-body,
.p03-ribbon .p03-ribbon-bgWrap .p03-ribbon-bg-right {
  background-color: #2f2f2f;
  height: 100%;
  position: absolute;
}

.p03-ribbon .p03-ribbon-bgWrap .p03-ribbon-bg-body {
  width: 95%;
}

.p03-ribbon .p03-ribbon-bgWrap .p03-ribbon-bg-left,
.p03-ribbon .p03-ribbon-bgWrap .p03-ribbon-bg-right {
  width: 50%;
  -webkit-transform: skew(20deg);
          transform: skew(20deg);
}

.p03-ribbon.p03-ribbon-left .p03-ribbon-bg-right {
  display: none;
}

.p03-ribbon.p03-ribbon-left .p03-ribbon-bg-left {
  left: 0;
}

.p03-ribbon.p03-ribbon-left .p03-ribbon-bg-body {
  left: 5%;
}
@media screen and (max-width: 767px){
  .p03-ribbon.p03-ribbon-left .p03-ribbon-bg-body {
    left: 15%;
  }
  .p03-ribbon .p03-ribbon-bgWrap .p03-ribbon-bg-body{
    width: 85%;
  }
}

.p03-ribbon.p03-ribbon-left .p03-ribbon-bodyWrap {
  padding-left: 20px;
}

.p03-ribbon.p03-ribbon-right .p03-ribbon-bg-right {
  right: 0;
}

.p03-ribbon.p03-ribbon-right .p03-ribbon-bg-left {
  display: none;
}

@media screen and (min-width: 768px){
  .p03-ribbon.p03-ribbon-right .p03-ribbon-bg-body {
    right: 5%;
  }
}

.p03-ribbon.p03-ribbon-right .p03-ribbon-bodyWrap {
  padding-right: 20px;
}

/*@media screen and (max-width: 767px){
  .p03-ribbon .p03-ribbon-bodyWrap {
    flex-wrap: wrap;
  }
}*/

.p03-ribbon .p03-ribbon-bodyWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p03-ribbon .p03-ribbon-bodyWrap .p03-ribbon-body-text p {
  color: #ffffff;
  font-size: calc(13px + (18 - 15) * ((100vw - 300px) / (1600 - 300)));
  padding: 1rem;
  margin-bottom:0;
}

.p03-bulletList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1rem 1rem 0;
}

.p03-bulletList .p03-bulletList-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.p03-bulletList .p03-bulletList-item .p03-bulletList-icon {
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.p03-bulletList .p03-bulletList-item .p03-bulletList-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 10px;
}

.p03-bulletList .p03-bulletList-item .p03-bulletList-text p {
  padding: 0;
}

.p03-feature-1 {
  height: 760px;
}

@media (min-width: 768px) {
  .p03-feature-1 {
    /*height: 540px;*/
  height: 700px;
  }
}

.p03-feature-1 .p03-f1-bgWrap {
  background-color: #fdf9f4;
}

.p03-feature-1 .p03-f1-bg-lines img {
  position: absolute;
  left: -50px;
  top: -50px;
}

@media (min-width: 768px) {
  .p03-feature-1 .p03-f1-bg-lines img {
    left: 0;
    top: 0;
  }
}

.p03-feature-1 .p03-f1-bg-triangle img {
  position: absolute;
  right: 0;
  /*bottom: -100px;*/
    bottom: -48px;
    width: 250px;
}

@media (min-width: 768px) {
  .p03-feature-1 .p03-f1-bg-triangle img {
    bottom: -100px;
    width: 250px;
  }
}
@media (min-width: 992px) {
  .p03-feature-1 .p03-f1-bg-triangle img {
    width: auto;
  }
}

.p03-feature-1 .p03-feature-1-1 {
  height: 760px;
}

@media (min-width: 768px) {
  .p03-feature-1 .p03-feature-1-1 {
    /*height: 540px;*/
  height: 700px;
  }
}

.p03-feature-1 .p03-feature-1-1 .p03-feature-wrap {
  margin-top: -50px;
}

@media (min-width: 768px) {
  .p03-feature-1 .p03-feature-1-1 .p03-feature-wrap {
    margin-top: -20px;
    padding: 0 50px;
  }
}

.p03-feature-2 {
  height: 700px;
}

@media (min-width: 768px) {
  .p03-feature-2 {
    /*height: 490px;*/
  height: 630px;
  }
}

@media (min-width: 1025px) {
  .p03-feature-2 {
    /*height: 490px;*/
  height: 520px;
  }
}

.p03-feature-2 .p03-feature-2-1 {
  height: 700px;
}

@media (min-width: 768px) {
  .p03-feature-2 .p03-feature-2-1 {
    /*height: 490px;*/
  height: 600px;
  }
}

/*.p03-feature-2 .p03-feature-2-1 .p03-feature-wrap {
  margin-top: 100px;
}*/
.p03-feature-2 .p03-feature-2-1 .p03-feature-wrap.img-wrapper {
  margin-top: 100px;
}
@media (min-width: 768px) {
  .p03-feature-2 .p03-feature-2-1 .p03-feature-wrap.text-wrapper {
    margin-top: 2rem;
  }

}
@media (min-width: 1025px) {
  .p03-feature-2 .p03-feature-2-1 .p03-feature-wrap.text-wrapper  {
    margin-top: 0;
  }
  .p03-feature-2 .p03-feature-2-1 .p03-feature-wrap.img-wrapper {
    margin-top: 0;
  }
}

/*.p03-feature-2 .p03-feature-2-1 .p03-feature-image-f2-1-masks {
  height: 100px;
}*/

@media (min-width: 768px) {
  .p03-feature-2 .p03-feature-2-1 .p03-feature-image-f2-1-masks {
    height: 100%;
  }
}

.p03-feature-2 .p03-feature-2-1 .p03-feature-image-f2-1-masks img {
  width: 380px;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 768px) {
  .p03-feature-2 .p03-feature-2-1 .p03-feature-image-f2-1-masks img {
    width: 100%;
  }
}

.p03-feature-3 {
  height: 740px;
}

@media (min-width: 768px) {
  .p03-feature-3 {
    height: 490px;
  }
}

.p03-feature-3 .p03-feature-3-1 {
  height: 740px;
}

@media (min-width: 768px) {
  .p03-feature-3 .p03-feature-3-1 {
    height: 490px;
  }
}

.p03-feature-3 .p03-feature-3-1 .p03-feature-image-f3-1-masks {
  height: 100px;
}

@media (min-width: 768px) {
  .p03-feature-3 .p03-feature-3-1 .p03-feature-image-f3-1-masks {
    height: 100%;
  }
}

.p03-feature-3 .p03-feature-3-1 .p03-feature-image-f3-1-masks img {
  width: 80%;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 768px) {
  .p03-feature-3 .p03-feature-3-1 .p03-feature-image-f3-1-masks img {
    width: 80%;
  }
}
.p03-feature-3 .p03-feature-3-1 .p03-f3-featureList {
  position: relative;
}

.p03-feature-3 .p03-feature-3-1 .p03-f3-featureList .subTitle:after {
  content: "";
  display: none;
}

.p03-feature-3 .p03-feature-3-1 .p03-f3-featureList .featureList {
  position: relative;
}

.p03-feature-3 .p03-feature-3-1 .p03-f3-featureList .listSelect {
  background-color: #e45600;
  padding: 0.3rem 1rem;
  color: white;
  position: relative;
  cursor: pointer;
}

.p03-feature-3 .p03-feature-3-1 .p03-f3-featureList .listSelect i.ion {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.3rem;
  -webkit-transition: transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.p03-feature-3 .p03-feature-3-1 .p03-f3-featureList .listSelect i.ion.active {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.p03-feature-3 .p03-feature-3-1 .p03-f3-featureList .listWrapper {
  display: none;
  position: absolute;
  /* top: 2.1rem;
  top: 220px; */
  left: 0;
  width: 100%;
  color: white;
  background-color: #e45600;
  border-top: 1px solid white;
  padding: 1rem 0;
  z-index: 1;
}

.p03-feature-3 .p03-feature-3-1 .p03-f3-featureList .listWrapper li.item {
  padding: 0;
  list-style-type: disc;
  margin-left: 36px;
  font-size: 15px;
  font-weight: 300;
}

.p03-feature-3 .p03-feature-3-1 .p03-f3-itemWrapper {
  padding: 1rem 0;
}

.p03-feature-3 .p03-feature-3-1 .p03-f3-itemWrapper .item {
  text-align: center;
  padding: 10px;
  font-size: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.p03-feature-3 .p03-feature-3-1 .p03-f3-itemWrapper .item span.text {
  display: inline-block;
}

.p03-feature-3 .p03-feature-3-1 .p03-f3-itemWrapper .item .img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p03-feature-3 .p03-feature-3-1 .p03-f3-itemWrapper .item .img-wrapper svg path#bg,
.p03-feature-3 .p03-feature-3-1 .p03-f3-itemWrapper .item .img-wrapper svg g#bg path {
  fill: #E45600;
}

.p03-feature-4 {
  height: 650px;
  background-color: #211e26;
}

@media (min-width: 480px) {
  .p03-feature-4 {
    height: 700px;
  }
}

@media (min-width: 768px) {
  .p03-feature-4 {
    height: 480px;
  }
}
@media (min-width: 1025px) {
  .p03-feature-4 {
    height: 550px;
  }
}

@media (min-width: 768px) {
  .p03-feature-4 {
    background-color: transparent;
  }
}

.p03-feature-4 .p03-f4-bg-mask img {
  position: absolute;
  left: 25%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 180%;
}

@media (min-width: 768px) {
  .p03-feature-4 .p03-f4-bg-mask img {
    width: 1400px;
    height: 482px;
    left: 45%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }
}

@media (min-width: 1025px) {
  .p03-feature-4 .p03-f4-bg-mask img {
    width: 1600px;
    height: 550px;
    left: 48%;
  }
}


.p03-feature-4 .p03-feature-4-1 {
  height: 600px;
}

@media (min-width: 768px) {
  .p03-feature-4 .p03-feature-4-1 {
    height: 480px;
  }
}

@media (min-width: 1025px) {
  .p03-feature-4 .p03-feature-4-1 {
    height: 550px;
  }
}


.p03-feature-5 {
  height: 1700px;
}

@media (min-width: 768px) {
  .p03-feature-5 {
    height: 800px;
  }
}

.p03-feature-5 .p03-f5-bg-mask img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.p03-feature-5 .p03-feature-5-1 {
  height: 200px;
}

@media (min-width: 768px) {
  .p03-feature-5 .p03-feature-5-1 {
    height: 275px;
  }
}
.p03-feature-5 .p03-feature-5-1 .p03-feature-text {
  text-align: center;
}

.p03-feature-5 .p03-feature-5-1 .p03-feature-5-1-highlight {
  font-weight: 700;
  color: #e45600;
  letter-spacing: 5px;
}

.p03-feature-5 .p03-feature-5-2 {
  height: 500px;
}

.p03-feature-5 .p03-feature-5-2 .p03-feature-5-2-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  margin: 20px 0;
}

@media (min-width: 768px) {
  .p03-feature-5 .p03-feature-5-2 .p03-feature-5-2-item {
    padding: 0 20px;
  }
}

.p03-feature-5 .p03-feature-5-2 .p03-feature-5-2-item div {
  margin: 10px 0;
}

.p03-feature-5 .p03-feature-5-2 .p03-feature-5-2-item .p03-feature-5-2-item-image {
  padding: 0;
}

.p03-feature-5 .p03-feature-5-2 .p03-feature-5-2-item .p03-feature-5-2-item-logo {
  padding: 0;
}

.p03-feature-5 .p03-feature-5-2 .p03-feature-5-2-item .p03-feature-5-2-item-logo img {
  width: 100%;
}

.p03-feature-5 .p03-feature-5-2 .p03-feature-5-2-item .p03-feature-5-2-item-body p {
  padding: 0;
  text-align: justify;
}

.p03-feature-6 {
  height: 750px;
}

.p03-feature-6 .p03-feature-6-1 {
  height: 250px;
}
@media (min-width: 768px) {
    .p03-feature-6 {
    height: 600px;
    }
  .p03-feature-6 .p03-feature-6-1 {
    height: 200px;
  }
}


.p03-feature-6 .p03-feature-6-1 .p03-feature-text {
  text-align: center;
}

.p03-feature-6 .p03-feature-6-2 {
  height: 300px;
}

@media (min-width: 1025px) {
  .p03-feature-6 .p03-feature-6-2 {
    height: 350px;
  }
   .p03-feature-6 {
    height: 700px;;
    }
}
.p03-feature-6 .p03-feature-6-2 .p03-feature-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p03-feature-6 .p03-feature-6-2 .p03-feature-image img {
  width: 300px;
}

@media (min-width: 768px) {
  .p03-feature-6 .p03-feature-6-2 .p03-feature-image img {
    width: 80%;
  }
}

.p03-feature-7 {
  height: 1000px;
}

@media (min-width: 768px) {
  .p03-feature-7 {
    height: 600px;
  }
}

@media (min-width: 1025px) {
  .p03-feature-7 {
    height: 690px;
  }
}

.p03-feature-7 .p03-ribbon-f7 {
  right: 0;
  width: 90vw;
  height: 160px;
}

@media (min-width: 768px) {
  .p03-feature-7 .p03-ribbon-f7 {
    width: 700px;
    height: 120px;
  }
}

.p03-feature-7 .p03-ribbon-f7 img {
  /*width: 100px;*/
  padding: 0 10px;
}

@media screen and (max-width: 767px){
  .p03-feature-7 .p03-ribbon-f7 img{
    width: 130px;
    padding:0;
  }
}
.p03-feature-7 .p03-feature-7-1 {
  height: 690px;
  margin-top: 120px;
}

@media (min-width: 768px) {
  .p03-feature-7 .p03-feature-7-1 {
    margin-top: 0px;
  }
}

.p03-feature-7 .p03-feature-7-1 .p03-feature-image-f7-1-masks img {
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 80%;
}

@media (min-width: 480px) {
  .p03-feature-7 .p03-feature-7-1 .p03-feature-image-f7-1-masks img {
    width: 400px;
  }
}
@media (min-width: 768px) {
  .p03-feature-7 .p03-feature-7-1 .p03-feature-image-f7-1-masks img {
    width: 80%;
  }
}

.p03-feature-8 {
  height: 1000px;
}

@media (min-width: 768px) {
  .p03-feature-8 {
    height: 638px;
  }
}

@media (min-width: 1025px) {
  .p03-feature-8 {
    height: 690px;
  }
}


.p03-feature-8 .p03-ribbon-f8 {
  left: 0;
  width: 90vw;
  height: 120px;
}

@media (min-width: 768px) {
  .p03-feature-8 .p03-ribbon-f8 {
    width: 700px;
    height: 100px;
  }
}

.p03-feature-8 .p03-ribbon-f8 img {
  /*width: 100px; */
    padding: 0 15px;
}

@media (max-width: 767px) {
  .p03-feature-8 .p03-ribbon-f8 img {
    width: 150px;
  }
}
.p03-feature-8 .p03-feature-8-1 {
  height: 690px;
  margin-top: 80px;
}

@media (min-width: 768px) {
  .p03-feature-8 .p03-feature-8-1 {
  height: 630px;
  margin-top: 40px;
  }
}

@media (min-width: 1025px) {
  .p03-feature-8 .p03-feature-8-1 {
  height: 690px;
    margin-top: 0px;
  }
}
.p03-feature-8 .p03-feature-8-1 .p03-bulletList-text span {
  font-weight: 700;
  color: #E45600;
}

.p03-feature-8 .p03-feature-8-1 .p03-feature-image-f8-1-masks img {
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 80%;
}

@media (min-width: 480px) {
  .p03-feature-8 .p03-feature-8-1 .p03-feature-image-f8-1-masks img {
    width: 385px;
  left: 60%;
  }
}
@media (min-width: 768px) {
  .p03-feature-8 .p03-feature-8-1 .p03-feature-image-f8-1-masks img {
    width: 80%;
    left: 50%;
  }
}

.p03-feature-9 {
  height: 690px;
}

@media (min-width: 480px) {
  .p03-feature-9 {
    height: 750px;
  }
}
@media (min-width: 768px) {
  .p03-feature-9 {
    height: 730px;
  }
}
@media (min-width: 1025px) {
  .p03-feature-9 {
    height: 660px;
  }
}

.p03-feature-9 .p03-feature-9-1 {
  height: 540px;
}

@media (min-width: 768px) {
  .p03-feature-9 .p03-feature-9-1 {
    height: 690px;
  }
}


.p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-computer-wrap {
  height: 260px;
}

@media (min-width: 480px) {
  .p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-computer-wrap {
    height: 340px;
  }
}


@media (min-width: 768px) {
  .p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-computer-wrap {
    height: 325px;
  }
}

.p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-computer-wrap .p03-feature-image-f9-1-computer img {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 45%;
}

@media (min-width: 480px) {
  .p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-computer-wrap .p03-feature-image-f9-1-computer img {
    width: 38%;
  }
}
@media (min-width: 768px) {
  .p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-computer-wrap .p03-feature-image-f9-1-computer img {
    width: 215%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (min-width: 1025px) {
  .p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-computer-wrap .p03-feature-image-f9-1-computer img {
    width: 130%;
    top: 50%;
    left: -25px;
  }
}
@media (min-width: 1200px) {
  .p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-computer-wrap .p03-feature-image-f9-1-computer img {
    top: 65%;
  }
}

.p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-model-wrap {
  height: 340px;
}

.p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-model-wrap .p03-feature-image-f9-1-model img {
  right: -20px;
  top: -20%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 65%;
}

@media (min-width: 480px) {
  .p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-model-wrap .p03-feature-image-f9-1-model img {
    width: 55%;
  }
}

@media (min-width: 768px) {
  .p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-model-wrap .p03-feature-image-f9-1-model img {
    width: 280%;
    top: 180%;
  right: -47%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media (min-width: 1025px) {
  .p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-model-wrap .p03-feature-image-f9-1-model img {
    width: 160%;
    top: 150%;
    right: -34px;
  }
}
@media (min-width: 1200px) {
  .p03-feature-9 .p03-feature-9-1 .p03-feature-image-f9-1-model-wrap .p03-feature-image-f9-1-model img {
    width: 148%;
    top: 140%;
  }
}
.p03-feature-10 {
  height: 180px;
}

@media (min-width: 768px) {
  .p03-feature-10 {
    height: 280px;
  }
}

.p03-feature-10 .p03-bgFluid {
  border-style: solid;
  border-color: #e45600;
  border-width: 2px 2px 0 2px;
}

.p03-feature-10 .p03-feature-10-1 {
  height: 100px;
}

@media (min-width: 768px) {
  .p03-feature-10 .p03-feature-10-1 {
    height: 180px;
  }
}

.p03-feature-10 .p03-feature-10-2 {
  height: 50px;
}

.p03-feature-10 .p03-feature-10-2 .p03-f10-2-maskname {
  border: 2px solid #e45600;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 30px;
  width: 381px;
  height: 54px;
  padding: 0;
  text-align: center;
  line-height: 1rem;
}

.p03-feature-11 {
  height: 570px;
}

@media (min-width: 768px) {
  .p03-feature-11 {
    height: 490px;
  }
}
@media (min-width: 1025px) {
  .p03-feature-11 {
    height: 550px;
  }
}

.p03-feature-11 .p03-bgFluid {
  background: #f0842d;
  border-style: solid;
  border-color: #f0842d;
  border-width: 2px 2px 0 2px;
}

.p03-feature-11 .p03-f11-bg-left img {
  position: absolute;
  left: 0;
  top: 0;
}

.p03-feature-11 .p03-f11-bg-right img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.p03-feature-11 .p03-feature-11-1 {
  height: 160px;
}

@media (min-width: 768px) {
  .p03-feature-11 .p03-feature-11-1 {
    height: 120px;
  }
}

.p03-feature-11 .p03-feature-11-2 {
  height: 360px;
}

.p03-feature-11 .p03-feature-11-2 .p03-feature-11-2-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}

@media (min-width: 768px) {
  .p03-feature-11 .p03-feature-11-2 .p03-feature-11-2-item {
    padding: 0 50px;
  }
}

.p03-feature-11 .p03-feature-11-2 .p03-feature-11-2-item .p03-feature-11-2-item-title {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.p03-feature-11 .p03-feature-11-2 .p03-feature-11-2-item .p03-feature-11-2-item-title p {
  font-weight: 700;
  color: white;
  padding: 1rem 1rem 0;
}

.p03-feature-11 .p03-feature-11-2 .p03-feature-11-2-item .p03-feature-11-2-item-image img {
  width: 100%;
}

.p03-feature-11 .p03-feature-11-2 .p03-feature-11-2-item .p03-feature-11-2-item-body p {
  padding-top: 0;
  color: white;
  font-weight:300;
}

.p03-feature-12 {
  height: 800px;
}

@media (min-width: 768px) {
  .p03-feature-12 {
    height: 810px;
  }
}

.p03-feature-12 .p03-bgFluid {
  border-style: solid;
  border-color: #f0842d;
  border-width: 2px 2px 0 2px;
}

.p03-feature-12 .p03-feature-12-1 {
  height: 260px;
}

@media (min-width: 768px) {
  .p03-feature-12 .p03-feature-12-1 {
    height: 260px;
  }
}

.p03-feature-12 .p03-feature-12-1 .p03-f12-1-highlight {
  font-weight: 700;
  /* identical to box height, or 146% */
  letter-spacing: 5px;
  color: #e45600;
  border: 3px solid #e45600;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1.3;
}

@media (min-width: 768px) {
  .p03-feature-12 .p03-feature-12-1 .p03-f12-1-highlight {
    font-size: 24px;
    line-height: 35px;
  }
}

.p03-feature-12 .p03-feature-12-2 {
  height: 478px;
}
.p03-feature-12 .p03-feature-12-2 .p03-feature-11-2-item .p03-feature-12-2-item-image {
  text-align:center;
}
.p03-feature-12 .p03-feature-12-2 .p03-feature-11-2-item .p03-feature-12-2-item-image img{
  max-width: 85%;
}
@media (min-width: 768px) {
  .p03-feature-12 .p03-feature-12-2 {
    height: 490px;
  }
}
@media (min-width: 1025px) {
  .p03-feature-12 .p03-feature-12-2 {
    height: 480px;
  }
  .p03-feature-12 .p03-feature-12-2 .p03-feature-11-2-item .p03-feature-12-2-item-image img{
    max-width: 100%;
  }
}

.p03-feature-12 .p03-feature-12-2 .p03-feature-11-2-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}

@media (min-width: 768px) {
  .p03-feature-12 .p03-feature-12-2 .p03-feature-11-2-item {
    padding: 0 50px;
  }
}

.p03-feature-12 .p03-feature-12-2 .p03-feature-11-2-item .p03-feature-12-2-item-title p {
  font-weight: 700;
  color: #e45600;
  padding:1.5rem 0 0;
}

.p03-feature-12 .p03-feature-12-2 .p03-feature-11-2-item .p03-feature-12-2-item-body p {
  padding: 0 5px;
  color: #e45600;
  text-align: justify;
}

.p03-feature-12 .p03-feature-12-3 {
  height: 50px;
}

@media (min-width: 768px) {
  .p03-feature-12 .p03-feature-12-3 {
    height: 60px;
  }
}

.p03-feature-12 .p03-feature-12-3 .p03-f12-3-caption {
  font-weight: 500;
  font-size: 13px;
  line-height: 27px;
  /* identical to box height, or 225% */
  text-align: right;
  color: #e45600;
}

.p03-feature-13 {
  height: 800px;
}

@media (min-width: 768px) {
  .p03-feature-13 {
    height: 700px;
  }
}

.p03-feature-13 .p03-bgFluid {
  background: #f0842d;
  border-style: solid;
  border-color: #f0842d;
  border-width: 2px 2px 0 2px;
}

.p03-feature-13 .p03-f13-bg-left img {
  position: absolute;
  left: 0;
  top: 0;
}

.p03-feature-13 .p03-f13-bg-right img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.p03-feature-13 .p03-feature-13-1 {
    height: 100px;
    margin-top: 30px;
}

@media (min-width: 768px) {
  .p03-feature-13 .p03-feature-13-1 {
    height: 160px;
    margin-top: 30px;
  }
}

.p03-feature-13 .p03-feature-13-2 {
  height: 600px;
}

@media (min-width: 768px) {
  .p03-feature-13 .p03-feature-13-2 {
    height: 460px;
  }
}

.p03-feature-13 .p03-feature-13-2 .p03-feature-13-2-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
          align-items: flex-start;
  padding: 0 20px;
}

@media (min-width: 1200px) {
  .p03-feature-13 .p03-feature-13-2 .p03-feature-13-2-item {
    padding: 0 50px;
  }
}
.p03-feature-13 .p03-feature-13-2 .p03-feature-13-2-item .p03-feature-13-2-item-title {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.p03-feature-13 .p03-feature-13-2 .p03-feature-13-2-item .p03-feature-13-2-item-title p {
  font-weight: 700;
  color: white;
  margin-bottom: 0;
}

.p03-feature-13 .p03-feature-13-2 .p03-feature-13-2-item .p03-feature-13-2-item-body p {
  padding-top: 0;
  color: white;
  font-weight: 300;
}

.p03-feature-14 {
  height: 1090px;
}

@media (min-width: 768px) {
  .p03-feature-14 {
    height: 680px;
  }
}

.p03-feature-14 .p03-feature-14-1 {
  height: 120px;
}

@media (min-width: 768px) {
  .p03-feature-14 .p03-feature-14-1 {
    height: 120px;
  }
}

.p03-feature-14 .p03-f14-highlight-box {
  width: 100%;
  border: 3px solid #e45600;
  padding: 10px 20px;
}

@media (min-width: 768px) {
  .p03-feature-14 .p03-f14-highlight-box {
    padding: 20px 50px;
  }
}

.p03-feature-14 .p03-f14-highlight-box .p03-highlight-box-title {
  font-weight: 700;
  text-align: center;
  color: #fb672b;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 5px;
}

@media (min-width: 768px) {
  .p03-feature-14 .p03-f14-highlight-box .p03-highlight-box-title {
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 5px;
  }
}

.p03-feature-14 .p03-f14-highlight-box .p03-highlight-box-text {
  text-align: center;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 5px;
  color: #fb672b;
}

@media (min-width: 768px) {
  .p03-feature-14 .p03-f14-highlight-box .p03-highlight-box-text {
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 1px;
  }
}

.p03-feature-14 .p03-f14-highlight-box .p03-highlight-box-text .p03-highlight-box-text-bold {
  font-weight: 700;
}

.p03-feature-14 .p03-feature-14-2 {
  height: 250px;
}

@media (min-width: 768px) {
  .p03-feature-14 .p03-feature-14-2 {
    height: 200px;
  }
}

.p03-feature-14 .p03-feature-14-3 {
  height: 500px;
}

@media (min-width: 768px) {
  .p03-feature-14 .p03-feature-14-3 {
    height: 270px;
  }
}

.p03-feature-14 .p03-feature-14-3 .p03-cert-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
}

@media (min-width: 768px) {
  .p03-feature-14 .p03-feature-14-3 .p03-cert-item {
    margin-top: 20px;
  }
}

.p03-feature-14 .p03-feature-14-3 .p03-cert-item .p03-cert-item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p03-feature-14 .p03-feature-14-3 .p03-cert-item .p03-cert-item-text p {
  padding: 0;
}

.p03-feature-14 .p03-feature-14-3 .p03-cert-item .p03-cert-item-text .p03-cert-item-title {
  margin-top: 20px;
}

.p03-feature-14 .p03-feature-14-3 .p03-cert-item .p03-cert-item-text .p03-cert-item-title p {
  font-size: 32px;
  font-weight: 700;
}

.p03-feature-14 .p03-feature-14-3 .p03-cert-item .p03-cert-item-text .p03-cert-item-title.p03-cert-item-title-FFP2 {
  color: #ef832d;
}

.p03-feature-14 .p03-feature-14-3 .p03-cert-item .p03-cert-item-text .p03-cert-item-title.p03-cert-item-title-KF94 {
  color: #376ab2;
}

.p03-feature-14 .p03-feature-14-3 .p03-cert-item .p03-cert-item-text .p03-cert-item-title.p03-cert-item-title-typeIIRNL {
  color: #d73230;
}

.p03-feature-14 .p03-feature-14-3 .p03-cert-item .p03-cert-item-text .p03-cert-item-title.p03-cert-item-title-ASTM3NL {
  color: #67c1ba;
}

.p03-feature-14 .p03-feature-14-3 .p03-cert-item .p03-cert-item-text .p03-cert-item-body p {
  font-size: 16px;
  color: #3a3a3a;
  text-align: center;
}

.p03-product-size .sizebtn {
  background-color: transparent !important;
  border: 0;
}

.p03-feature-16 {
  height: 1200px;
}

@media (min-width: 768px) {
  .p03-feature-16 {
    height: 780px;
  }
}
@media (min-width: 1025px) {
  .p03-feature-16 {
    height: 650px;
  }
}


.p03-feature-16 .p03-feature-16-1 {
  height: 525px;
}

@media (min-width: 768px) {
  .p03-feature-16 .p03-feature-16-1 {
    height: 380px;
  }
}

@media (min-width: 1025px) {
  .p03-feature-16 .p03-feature-16-1 {
    height: 200px;
  }
}
.p03-feature-16 .p03-feature-16-2 {
  height: 600px;
  color: #E45600;
}

@media (min-width: 768px) {
  .p03-feature-16 .p03-feature-16-2 {
    height: 340px;
  }
}

.p03-feature-16 .p03-feature-16-2 .p03-feature-16-2-item {
  border: 2px solid #e45600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  padding: 0;
}

.p03-feature-16 .p03-feature-16-2 .p03-feature-16-2-item .p03-feature-16-2-item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p03-feature-16 .p03-feature-16-2 .p03-feature-16-2-item .p03-feature-16-2-item-text p{
  font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
  line-height: 1.3;
    color: #3a3a3a;
    padding: 1rem 0.5rem 0.5rem;
}

@media (min-width: 1025px) {
  .p03-feature-16 .p03-feature-16-2 .p03-feature-16-2-item .p03-feature-16-2-item-text p{
    padding: 1rem 1rem 0.5rem;
  }
}

.p03-feature-16 .p03-feature-16-2 .p03-feature-16-2-item .p03-feature-16-2-item-text span {
  font-size: 12px;
    line-height: 1.2;
  padding-top:3px;
    display: inline-block;
}

.p03-feature-16 .p03-feature-16-2 .p03-feature-16-2-item .p03-feature-16-2-item-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 85px;
  height: 86px;
  background-color: #e8642d;
}

.p03-feature-17 {
  height: 320px;
}

@media (min-width: 768px) {
  .p03-feature-17 {
    height: 640px;
  }
}

.p03-feature-17 .p03-feature-17-1 {
  height: 320px;
}

@media (min-width: 768px) {
  .p03-feature-17 .p03-feature-17-1 {
    height: 640px;
  }
}

.p03-feature-18 {
  width: 100%;
  overflow: hidden;
  padding: 0;
  height: 540px;
}

@media (min-width: 768px) {
  .p03-feature-18 {
    height: 630px;
  }
}

.p03-feature-18 .p03-feature-18-1 {
  height: 150px;
}

@media (min-width: 768px) {
  .p03-feature-18 .p03-feature-18-1 {
    height: 150px;
  }
}

.p03-feature-18 .p03-feature-18-2 {
  height: 390px;
  position: relative;
}

@media (min-width: 768px) {
  .p03-feature-18 .p03-feature-18-2 {
    height: 480px;
  }
}

.p03-feature-18 .p03-feature-18-2 .p03-feature-18-buynow-wrap {
  position: absolute;
  top: 150px;
  height: 480px;
}

.p03-feature-18 .p03-feature-18-2 .p03-feature-18-buynow-wrap .p02-feature-13-banner-desktop,
.p03-feature-18 .p03-feature-18-2 .p03-feature-18-buynow-wrap .p02-feature-13-banner-mobile {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.p03-feature-18 .p03-feature-18-2 .p03-feature-18-buynow-wrap .p02-feature-13-banner-desktop img,
.p03-feature-18 .p03-feature-18-2 .p03-feature-18-buynow-wrap .p02-feature-13-banner-mobile img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#maskExPro h2.subTitle-th2{
  color: #E45600;
  font-weight: 500; 
    font-size: 1.5rem;
    letter-spacing: 5px;
}
#maskExPro h2.subTitle-th2 span{
  display: inline-block;
}
#maskExPro h2.subTitle-th2 span:after{
  content: "";
  display: inline-block;
  height: 2px;
  width: 100%;
  background: #E45600;
  margin: 10px 0;
}
#maskExPro h2.subTitle-th2.text-white span:after{
  background: white;
}
#maskExPro .product-certificateA .highlight .text-wrapper{
  border: 3px solid #e45600;
  padding: 1rem 1rem;
  color: #fb672b;
    max-width: 1000px;
  margin: 10px auto 50px;
}

#maskExPro .product-certificateA .highlight .text-wrapper .upper{
    font-size: 2.5rem;
    letter-spacing: 5px;
  font-family: var(--brand-font-tc);
  font-weight: 600;
  text-align: center;
    line-height: 100%;
  padding-bottom: 1rem;
}
#maskExPro .product-certificateA .highlight .text-wrapper .lower{
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 5px;
}

@media (max-width: 767px) {
  #maskExPro .product-certificateA .highlight .text-wrapper .upper{
    font-size: 1.5rem;
    line-height: 1.2;
    padding-bottom: .8rem;
  }
}

@media (min-width: 1025px){
  #maskExPro.product-page .product-certificateA .itemWrapper .item{
    flex-basis: 25%;
  }
}

/*# sourceMappingURL=03-style.css.map */

/*/////////Product Video////////////*/
.product-page .video-wrapper{
  width: 100%;
  height: 50vh;
  min-height:400px;
  margin-bottom: 60px;
}

@media (min-width: 1025px) {
  .product-page .video-wrapper{
    margin-bottom: 120px;
    height: 70vh;
    min-height:655px;
  }
}
/*/////////Product Certificate A////////*/

.N95{color:#343E95;}
.KN95{color: #FFC700;}
.KN95SGS{color: #6c6fae;}
.KF94FITI, .KF94, .KF99{color:#376AB2;}
.FFP2, .FFP3{color:#EF832D;}
.typeIIRNL, .typeIIRSTC, .typeIIRSGS{color:#D73230;}
.FDA510k{color:#8A1E80;}
.ASTM3NL, .ASTM3STC, .ASTM3SGS, .ASTM2NL, .ASTM2STC, .ASTM2SGS{color:#67C1BA;}
.JIS{color:#437740;}

.product-page .product-certificateA .bg-fluid{
  padding: 60px 0 30px; 
  position: relative;
}
.product-page .product-certificateA .bg-fluid .bgWrap,
#maskV3.template .product-certificateA .bg-fluid .bgWrap{
    position: absolute;
    height: 100%;
    z-index: -1;
    left: 0;
  top:0;
  transform: translateY(0);
  background:white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.product-page .product-certificateA .itemWrapper .item,
#maskV3.template .product-certificateA .itemWrapper .item{
  flex-basis: 49%;
  text-align: center;
  padding: 10px;
}
.product-page .product-certificateA .itemWrapper .item img{
  width:160px;
  height:160px;
}
.product-page .product-certificateA .itemWrapper .item .text{
  padding: 1rem 0.5rem 1rem;
}
.product-page .product-certificateA .itemWrapper .item .text .upper{
    font-size: 2rem;
    font-weight: bold;
    display: block;
  line-height:1.2;
  padding-bottom:5px;
}
@media screen and (min-width: 768px) {
  .product-page .product-certificateA .bg-fluid{
    padding: 60px 0 60px; 
  }
  .product-page .product-certificateA .itemWrapper .item,
  #maskV3.template .product-certificateA .itemWrapper .item{
    flex-basis: 30%;
    padding: 20px;
  }
  .product-page .product-certificateA .itemWrapper.grid-2 .item{
    flex-basis: 49%;
  }
  .product-page .product-certificateA .itemWrapper.grid-4 .item{
    flex-basis: calc(100%/2);
  }
}
@media screen and (min-width: 1025px) {
  .product-page .product-certificateA .itemWrapper .item,
  #maskV3.template .product-certificateA .itemWrapper .item{
    flex-basis: 20%;
  }
  .product-page .product-certificateA .itemWrapper.grid-3 .item{
    flex-basis: 30%;
  }
  .product-page .product-certificateA .itemWrapper.grid-2 .item{
    flex-basis: 30%;
  }
  .product-page .product-certificateA .itemWrapper.grid-4 .item{
    flex-basis: 25%;
  }
  .product-page .product-certificateA .itemWrapper .item .text{
    padding: 1.5rem 0 1rem;
  }
  .product-page .product-certificateA .bg-fluid{
    padding: 120px 0 60px; 
  }
}
@media screen and (max-width: 480px){
  .product-page .product-certificateA .itemWrapper .item,
  #maskV3.template .product-certificateA .itemWrapper .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 2rem;
    flex-basis: 100%;
  }
  .product-page .product-certificateA .itemWrapper .item img,
  #maskV3.template .product-certificateA .itemWrapper .item img{
    width: 140px;
  }
  .product-page .product-certificateA .itemWrapper .item .text{
    flex: 1;
  }
}


/*/////////Product Certificate B////////*/

.product-page .product-certificateB {
  overflow: hidden;
}
.product-page .product-certificateB .row{
  position: relative;
}
.product-page .product-certificateB .bgWrap{
  position: absolute;
  background: linear-gradient(89.66deg, #4BAEBA 0.29%, #58BFB8 51.54%, #5CBFAC 97.72%);
  opacity: .95;
  height: 100%;
}
/*.product-page .product-certificateB .bgWrap.light{
  opacity: .25;
}*/

@media screen and (max-width: 991px) {
  .product-page .product-certificateB .slogan{
    font-size: 2rem;
    line-height:1.4;
  }
}
@media screen and (min-width: 992px) {
  .product-page .product-certificateB .slogan{
    padding-right: 1rem;
    line-height:1.4;
  }
}
.product-page .related-cert .container{
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.product-page .related-cert.text-dark .container{
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.product-page .related-cert .deco{
  /*background: linear-gradient(89.66deg, rgb(75 174 186 / 35%) 0.29%, rgb(88 191 184 / 20%) 51.54%, rgb(92 191 172 / 20%) 97.72%);
  background: rgba(255,255,255, .5);
    border-radius: 20px;
    margin: 0.5rem 0;*/
    padding: 2rem 0;
}
/*
.product-page .related-cert .deco:before{
    content: "";
    display: inline-block;
    background: #4CB9A4;
    height: 10px;
    width: 100%;
    margin-bottom: 1rem;
}
*/

.product-page .cert-list{
  list-style-type: disc;
  margin-left: 15px;
  font-size: 14px;
  color: white;
  font-weight: 300;
}
.product-page .cert-list b{
  color: white;
  font-weight: 500;
}
.product-page .text-dark .cert-list{
  color: #3A3A3A !important;
  font-weight: 400;
}
.product-page .text-dark .cert-list b{
  color: #3A3A3A !important;
  font-weight: 600;
}
.product-page .cert-list li{
  padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
  .product-page .cert-list{
    font-size: 16px;
  }
}
@media screen and (min-width: 1025px) {
  .product-page .related-cert .deco .col-md-6:first-child{
    padding-right: 1rem;
  }
  .product-page .related-cert .deco .col-md-6:last-child{
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  /*.product-page .related-cert .container{
    max-width: 1200px;
  }*/
  .product-page .related-cert .deco{
    padding: 2rem 2rem;
  }
}

/*/////////Product Size////////*/

.product-size{
  padding: 60px 0;
}
.product-size .nav .nav-link{
  padding: 0;
  background-color: transparent;
}
/*
.product-size .nav .nav-link.active{
  transform: scale(1.17);
}*/
.product-size .sizebtn{
    margin: 1rem 0;
    border: 1px solid #4CB9A4;
    border-right-width: 0;
    background-color: white;
}
.product-size .sizebtn svg, product-size .sizebtn .svg, product-size .sizebtn img{
  width:65px;
  height:65px;
}
.product-size .sizebtn.last{
    border-right: 1px solid #4CB9A4;
}
.product-size .nav .nav-link.active .sizebtn{
    background-color: #4CB9A4;
}
.product-size .nav .nav-link.active .sizebtn svg #bg{
    fill: #4CB9A4;
}
.product-size .nav .nav-link.active .sizebtn svg #text path{
    fill: white;
}
.product-size li.nav-item:hover{
  transform: scale(1.1);
  transition: all .2s ease-in-out;
}
.product-size li.nav-item:hover .sizebtn{
    border-right-width: 1px;
}
/*
.product-size li.nav-item:hover .nav-link.active{
  transform: scale(1.17);
  transition: all .2s ease-in-out;
}
.product-size li.nav-item{
  transition: all .2s ease-in-out;
}
*/
.product-size .tab-content{
  width: 100%;
}
.product-size .upper-wrapper{
  background-color: #f0f0f0;
  margin: 1rem 0;
  background-image: url("../img/products/size-chart-bg-lq.jpg");
  background-size: cover;
  background-repeat: repeat;
}
.product-size .upper-wrapper .content.left{
  border-bottom: 0;
}
.product-size .upper-wrapper .img-wrapper{
  padding:  0 1rem;
}
/*.product-size .upper-wrapper .content div{
  max-width: 300px;
}*/
.product-size .upper-wrapper .content span{
  border: 1px solid #707070;
  color: #707070;
  padding: 0 0.5rem;
  margin: 1.5rem 0 1rem;
  font-size: 14px;
  display: inline-block;
}
.product-size .upper-wrapper .content{
  padding: 0 5%;
}
.product-size.theme-light .upper-wrapper .content span{
  border-color: rgba(255, 255, 255, .75);
  color: rgba(255, 255, 255, .75);
}
.product-size .upper-wrapper .content .fix-img img{
  max-height: 165px;
}
.product-size .upper-wrapper .content .fix-img.smaller img{
    max-height: 125px;
}
.product-size .lower-wrapper .sizeDetail{
  padding: 1rem 1.5rem;
  border: 1px solid #707070;
  text-align: center;
  color: #707070;
}
.product-size .lower-wrapper{
  padding: 1.5rem 0 2rem;
}
.product-size .lower-wrapper .img-wrapper{
  padding-bottom: 1rem;
  max-width: 100%;
}
.product-size .lower-wrapper .img-wrapper img{
  display: block;
}
.product-size .otherPromo.bgWrap{
  background-color: #f0f0f0;
}
.product-size .size-title{
  font-size:1.5rem;
  font-weight: 300;
  letter-spacing: 2px;
}
.product-size .guide-text{
    font-weight: 300;
  padding-top:10px;
}
@media screen and (max-width: 767px) {
  .product-size .upper-wrapper .content.right{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .product-size .lower-wrapper .img-wrapper{
    order:2;
    padding-top: 1rem;
    padding-bottom:0;
  }
}

@media screen and (min-width: 480px) {
  .product-size .upper-wrapper .content{
    padding: 0 10%;
  }
}
@media screen and (min-width: 768px) {
  .product-size .sizebtn svg, .product-size .sizebtn .svg, .product-size .sizebtn img{
    width:76px;
    height:76px;
  }
  .product-size .lower-wrapper .img-wrapper{
    padding-bottom: 0;
  }
  .product-size .upper-wrapper .img-wrapper{
    padding: 1rem;
  }
  .product-size .upper-wrapper .content span{
    display: inline-block;
  }
  .product-size .upper-wrapper .fix-img{
    line-height:220px;
  }
  .product-size .upper-wrapper .content .fix-img img{
    max-height: 200px;
  }
  .product-size .upper-wrapper .content .fix-img.smaller img{
    max-height: 200px;
  }
  .product-size .upper-wrapper .content.left{
    border-right: 1px solid rgba(0, 0, 0, .3);
    border-bottom: 0;
  }
  .product-size.theme-light .upper-wrapper .content.left{
    border-right: 1px solid rgba(255, 255, 255, .3);
   }
  /*.product-size .upper-wrapper .content div{
    max-width: 350px;
    height: 200px;
    line-height: 200px;
  }*/
  /*.product-size .upper-wrapper .content.left div{
    margin-right: 1rem;
  }
  .product-size .upper-wrapper .content.right div{
    margin-left: 1rem;
  }*/
  .product-size .upper-wrapper .content{
    padding:  1rem 4%;
  }
  .product-size .lower-wrapper .sizeDetail{
    max-width:42%;
    min-width: 300px;
    margin: 0 1rem;
    padding: 1rem 2rem;
  }
  .product-size .lower-wrapper{
    padding: 2.5rem 0 2rem;
  }
}

@media screen and (min-width: 1025px) {
  .product-size{
    padding: 120px 0;
  }
  .product-size .lower-wrapper .img-wrapper img{
    max-width: 100%;
    display: block;
  }
  .product-size .lower-wrapper .sizeDetail{
    margin-left: 2rem;
  }
  .product-size .upper-wrapper .content{
    padding:  1rem 7%;
  }
  .product-size .upper-wrapper .fix-img{
    line-height:260px;
  }
  .product-size .upper-wrapper .content .fix-img img{
    max-height: 240px;
  }
  /*.product-size .upper-wrapper .content.left div{
    margin-right: 2rem;
  }
  .product-size .upper-wrapper .content.right div{
    margin-left: 2rem;
  }*/
  /*.product-size .upper-wrapper .content div{
    max-width: 350px;
    height: 250px;
    line-height: 250px;
  }*/
}

#maskKids .product-size .nav .nav-link,
#meowKids .product-size .nav .nav-link{
  margin: 1rem .5rem
}


/*//////////////New Package /////////////*/

.product-page .newPackage{
  display: block;
  color: white;
  background: linear-gradient(89.66deg, #4BAEBA 0.29%, #58BFB8 51.54%, #5CBFAC 97.72%);
  padding: 5px;
  font-size: 18px;
  margin-top: 5px;
}

.product-page .newPackage i.ion{
    font-size: 25px;
    padding-right: 5px;
    vertical-align: text-bottom;
}




/*//////////////Product feature - Filter/////////////*/

/*.product-detail .featureFilter .container .row{
  position: relative;
}*/
.product-page .featureFilter .bgWrap-inner{
  background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(50, 157, 187, 0.43) 100%) 0% 0% no-repeat padding-box;
  min-height: 70%;
}

/*.product-detail .featureFilter.active .bgWrap-inner{
 position: fixed;
}
.product-detail .featureFilter.active + .featureFilter.last .bgWrap-inner{
 display: none;
}
.product-detail .featureFilter+.featureFilter.last .bgWrap-inner{
 display: block;
}
*/

@media screen and (min-width: 1200px) {
  .product-page .featureFilter .bgWrap-inner{
    min-height: 55%;
  }
}

.product-page .featureFilter .subTitle:after{
  content: "";
  display: none;
}
.product-page .featureFilter .itemWrapper{
  padding: 1rem 0;
}
.product-page .featureFilter .itemWrapper .item{
  text-align: center;
    padding: 10px 5px;
  font-size: 15px;
  flex: 1 1 100%;
}
.product-page .featureFilter .itemWrapper .item span.text{
  display: inline-block;
}
.product-page .featureFilter .itemWrapper .item .img-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
}
.product-page .featureFilter .itemWrapper .item .img-wrapper svg path#bg,
.product-page .featureFilter .itemWrapper .item .img-wrapper svg g#bg path{
  fill: #4CB9A4;
}
.product-page .featureFilter .featureList{
  position: relative;
}
.product-page .featureFilter .listSelect{
  background-color: #0B686A;
  padding: .3rem 1rem;
  color: white;
  position: relative;
  cursor: pointer;
}
.product-page .featureFilter .listSelect i.ion{
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.3rem;
  line-height: 1.6;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}
.product-page .featureFilter .listSelect i.ion.active{
  transform: translateY(-50%) rotate(135deg);
  transform-origin: center;
}
.product-page .featureFilter .listWrapper{
  display: none;
  position: absolute;
  top: 2.1rem;
  left: 0;
  width: 100%;
  color: white;
  background-color: #0B686A;
  border-top: 1px solid white;
  padding: 1rem 0;
  z-index: 1;
    padding-right: 5px;
}
.product-page .featureFilter .listWrapper li.item{
  padding: 0;
  list-style-type: disc;
  margin-left: 36px;
  font-size: 15px;
  font-weight: 300;
}

@media screen and (max-width: 767px){
  .product-page .featureFilter .bgWrap-inner{
    background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(50, 157, 187, 0.43) 100%) 0% 0% no-repeat padding-box;
    transform: translateY(0);
    top: 30%;
  }
}

@media screen and (max-width:480px){
  .product-page .featureFilter .itemWrapper .item{
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
  .product-page .featureFilter .itemWrapper{
    flex-direction: column;
  }
  .product-page .featureFilter .itemWrapper .item .img-wrapper{
    display: flex;
      align-items: center;
      justify-content: center;
      height: auto;
      flex-shrink: 0;
      margin-right: 1rem;
      width: 20%;
  }
  .product-page .featureFilter .itemWrapper .item .text{
    text-align: left;
  }
}


/*//////////////Prodcut Page Template /////////////*/

.minHeight90, .minHeight80{
  min-height: 680px !important;
  height: auto !important;
}
.minHeight75{
  min-height: 650px !important;
  height: auto !important;
}
.minHeight70{
  min-height: 550px !important;
  height: auto !important;
}
@media screen and (min-width: 480px){
  .minHeight80, .minHeight90{
    height: auto !important;
    min-height: 730px !important;
  }
  .minHeight70, .minHeight75{
    height: auto !important;
    min-height: 650px !important;
  }
}
@media screen and (min-width: 768px){
  .minHeight90, .minHeight80{
    height: auto !important;
    min-height: 650px !important;
  }
  .minHeight75{
    height: auto !important;
    min-height: 550px !important;
  }
  .minHeight70{
    height: auto !important;
    min-height: 500px !important;
  }
}
/*@media screen and (min-width: 992px){
  .minHeight90, .minHeight80{
    height: auto !important;
    min-height: 650px !important;
  }
  .minHeight75{
    height: auto !important;
    min-height: 550px !important;
  }
  .minHeight70{
    height: auto !important;
    min-height: 500px !important;
  }
}*/
@media screen and (min-width: 960px){
  .minHeight75, .minHeight70{
    padding-top: 1.5rem !important;
  }
}
@media screen and (min-width: 1024px){
  .minHeight90, .minHeight80{
    height: auto !important;
    min-height: 700px !important;
  }
  .minHeight75, .minHeight70{
    height: auto !important;
    min-height: 600px !important;
  }
}
@media screen and (min-width: 1100px){
  .minHeight75, .minHeight70{
    padding-top: 2rem !important;
  }
}
@media screen and (min-width: 1200px){
  .minHeight70{
    height: auto !important;
    min-height: 600px !important;
  }
  .minHeight75{
    height: auto !important;
    min-height: 680px !important;
  }
  .minHeight80{
    height: auto !important;
    min-height: 730px !important;
  }
  .minHeight90{
    height: auto !important;
    min-height: 850px !important;
  }
}

.head-banner{
  margin-bottom: 60px;
}
.product-page .head-banner .carousel-item img{
  width: 100%;
}
.product-detail{
  overflow: hidden;
}
.product-detail .container{
  justify-content:center;
}
.product-detail .container:after{
  content:'';
  min-height:inherit;
  font-size:0;
}
.product-detail .row{
  -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
  flex: 1 1 100%;
}
.product-page .bg-fluid{
  position: relative;
}
.product-page .bg-fluid .bgDeco,
.product-page .bg-fluid .bgWrap{
    position: absolute;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    left: 0;
    background: white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.product-page .bgWrap-inner{
    position: absolute;
    min-height: 60%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}
@media screen and (min-width: 1200px){
  .product-page .bgWrap-inner{
      min-height: 50%
  }
}
.product-page .subTitle{
  letter-spacing: 5px;
  color:#0B686A;
  font-size: calc(32px + (48 - 32) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 700;
  font-family: var(--brand-font-tc);
  width:100%;
  text-align:center;
  line-height:1.2;
}
.product-page .subTitle:after{
    content: "";
    display: block;
    height: 2px;
    background-color: #0B686A;
    margin: .8rem 0 .2rem;
}
.product-page .subTitle svg, .product-page .subTitle .svg{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 1rem;
    vertical-align: text-bottom;
}
.product-page .subTitle svg.icon-skin, .product-page .subTitle .svg.icon-skin{
  width: 90px;
  height: 90px;
}
.product-page p{
    padding: 1rem 1rem 0.5rem;
    font-weight: 400;
    font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1600 - 300)));
}
.product-page b{
  color:#0B686A;
  font-weight: 700;
}
.product-page .product-detail ul.list-content{
    list-style-type: disc;
    margin-left: 25px;
    padding: 1rem 1rem 0.5rem;
    font-weight: 400;
    font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1600 - 300)));
}

.product-page .product-wearing{
  margin-bottom: 60px;
}
.product-page .product-wearing .remarks{
    max-width: 1100px;
    margin: 0 auto;
}
.product-page .boxShadow-all{
  box-shadow: 0 0 7px rgba(0, 0, 0, .2);
}
.product-page .top-banner .img-wrapper img{
  width: 100%;
}

.flow-wrapper{
    position: fixed;
    height: 60px;
    width: 100%;
    bottom: 0;
    z-index: 3;
    background: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #ededed;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    display: none;
}
.flow-wrapper .content-wrapper{
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  max-width: 700px;
  margin: auto;
  padding: 0 15px;
}
.flow-wrapper .logo-wrapper{
  width: 40%;
  padding: 0 5px;
  max-width: 200px;
}
.flow-wrapper .compare-btn{
  font-size: 14px;
  text-align: center;
  width: 100px;
  line-height: 1.3;
}
.flow-wrapper .cta-btn .btn-inner{
  font-size: 14px;
  letter-spacing: 3px;
}

@media screen and (min-width: 580px){
  .flow-wrapper .compare-btn{
    width: auto;
  }
  .flow-wrapper .content-wrapper{
    justify-content: space-evenly;
  }
  .flow-wrapper .content-wrapper.th2{
    max-width: 500px;
  }
}

@media screen and (min-width: 768px){
  .product-page .subTitle svg, .product-page .subTitle .svg{
    width: 60px;
    height: 60px;
  }
  .product-page .boxShadow{
    box-shadow: 0 0 7px rgba(0, 0, 0, .2);
  }
  .flow-wrapper .logo-wrapper{
    width: 200px;
  }
  .flow-wrapper .compare-btn{
    font-size: 15px;
    width: auto;
  }
  .flow-wrapper .cta-btn .btn-inner{
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px){
  .product-page .product-wearing{
    margin-bottom: 120px;
  }
}
/*
.product-detail .wrapper{
    position: relative;
}
.bg-wrap{
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    background-position: center;
}
.product-detail .bg-wrap{
    min-height: 490px;
}
.product-detail .bg-wrap{
  flex-wrap: wrap;
}
.bg-wrap.img-right{
    background-position: right center;
}
.bg-wrap.img-right-80{
    background-position: 80% center;
}
.bg-wrap.img-left{
    background-position: left center;
}
.bg-wrap.img-center{
    background-position: center;
}
.content-block{
  padding: 40px 30px;
}
.img-block{
  padding: 40px 30px;
  width:100%;
}
.content-center .flexitem:nth-child(1){
    order: 2;
}
.content-center .flexitem:nth-child(2){
    order: 1;
}
.content-center .flexitem:nth-child(3){
    order: 3;
}
.self-align-bottom{
    align-self: flex-end !important;
    margin-bottom: 0 !important;
}
.self-align-top{
    align-self: flex-start !important;
    margin-top: 0 !important;
}
.self-align-center{
    align-self: center !important;
}


.bg-wrap#bg-img-01{
    background-attachment: fixed;
  background: linear-gradient(180deg, #F0FFFF -99.67%, #D8ECEC -25.88%, #D0E4E4 45.84%, #368486 98.31%);
}
.bg-wrap#bg-img-02{
    background-image: url("../img/products/product-bg-02.jpg");
}
.bg-wrap#bg-img-05{
    background-image: url("../img/products/product-bg-05.jpg");
}
.bg-wrap#bg-img-06{
    background-image: url("../img/products/product-bg-06-m.jpg");
    background-position: center bottom;
    background-size: auto;
}
.bg-wrap#product-size-bg{
    background-image: url("../img/products/product-size-bg.jpg");
    background-color: #46B29E;
    background-attachment: fixed;
}
.bg-wrap#product-certB-bg{
    background-image: url("../img/products/product-cert-bg.jpg");
    background-color: #C3E5E0;
    background-attachment: fixed;
    border-radius: 10px 10px 0 0;
}

@media screen and (min-width: 768px) {
  .padd-top-90-d{
    padding-top:90px;
  }
  .bg-wrap:after{
    content:'';
    min-height:inherit;
    font-size:0;
  }
  .product-detail .bg-wrap{
    flex-wrap: nowrap;
  }
  .content-center .content-block{
    padding: 30px 30px;
  }
  .content-left{
    flex-direction: row;
  }
  .content-right{
    flex-direction: row-reverse;
  }
  .content-block.md{
    width:50%;
    padding: 30px 50px;
  }
  .img-block.md{
    width:60%;
    padding: 30px 30px;
  }
  .content-block{
    width:50%;
    padding: 30px 50px;
  }
  .img-block{
    width:50%;
    padding: 30px 30px;
  }
  #bg-img-06 .content-block{
    margin-top: 150px;
  }
  .bg-wrap#bg-img-03{
    background-image: url("../img/products/product-bg-03.jpg");
  }
  .bg-wrap#bg-img-06{
    background-image: url("../img/products/product-bg-06.jpg");
  }
  .bg-wrap#bg-img-01{
    background: linear-gradient(90deg, #F0FFFF -99.67%, #D8ECEC -25.88%, #D0E4E4 45.84%, #368486 98.31%);
  }
}

@media screen and (max-device-width: 1366px){
  .bg-wrap#product-size-bg{
    background-attachment: scroll;
    background-size: auto;
    background-repeat: repeat;
  }
  .bg-wrap#product-certB-bg{
    background-attachment: scroll;
  }
}
*/

/*/////////////////////3DMask V3/////////////////////*/

#maskV3 .product-detail h2,
#maskV3 .product-detail b{
  color:#329DBB;
}
#maskV3 .product-detail h2:after,
#maskV3 .product-detail .listSelect,
#maskV3 .product-detail .listWrapper{
  background-color:#329DBB;
}
#maskV3 .product-detail .subTitle svg #bg,
#maskV3 .product-detail .subTitle svg #bg2 path,
#maskV3 .product-detail .itemWrapper .item .img-wrapper svg path#bg/*, #maskV3 .product-detail .itemWrapper .item .img-wrapper svg g#bg path*/{
  fill:#329DBB;
}
#maskV3.product-page .subTitle .icon-skin #bg path{
  fill:#329DBB;
}

#maskV3 .product-detail .featureFirst .wrapper.upper img{
  padding: 0 0 1.5rem;
}
@media screen and (min-width: 768px) {
  #maskV3 .product-detail .featureFirst .wrapper.upper img{
    padding: 1rem 1rem 1.5rem;
  }
}
#maskV3 .product-detail .featureFirst .wrapper.lower .slogan{
  font-size: calc(48px + (72 - 48) * ((100vw - 300px) / (1600 - 300)));
  color:white;
  font-weight: 700;
  /*text-shadow:2px 2px 2px #707070;*/
}
#maskV3 .product-detail .featureFirst.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/v3-bg-1.jpg");
}
#maskV3 .product-detail .featureOther-1.bg-fluid .bgWrap,
#maskV3 .product-detail .featureOther-3.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/v3-bg-2.png");
  background-position: left top;
  background-size: auto;
}
#maskV3 .product-detail .featureOther-2.bg-fluid .bgWrap,
#maskV3 .product-detail .featureOther-4.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/v3-bg-3.png");
  background-position: right top;
  background-size: auto;
}
#maskV3 .product-detail .featureOther-1 .bgWrap-inner,
#maskV3 .product-detail .featureOther-3 .bgWrap-inner{
  background: linear-gradient(90deg, #FFFFFF 9.56%, rgba(50, 157, 187, 2) 100%);
  opacity: 0.4;
}
#maskV3 .product-detail .featureOther-2 .bgWrap-inner,
#maskV3 .product-detail .featureOther-4 .bgWrap-inner{
  background: linear-gradient(-90deg, #FFFFFF 9.56%, rgba(50, 157, 187, 2) 100%);
  opacity: 0.4;
}
#maskV3 .product-certificateA .bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/v3-bg-cert.jpg");
}

@media screen and (max-width: 767px) {
  #maskV3 .product-detail .featureOther-1 .bgWrap-inner,
  #maskV3 .product-detail .featureOther-2 .bgWrap-inner,
  #maskV3 .product-detail .featureOther-3 .bgWrap-inner,
  #maskV3 .product-detail .featureOther-4 .bgWrap-inner{
    background: linear-gradient(180deg, #FFFFFF 9.56%, rgba(50, 157, 187, 2) 100%);
    height:100%;
  }
}
@media screen and (min-width: 768px) {
  #maskV3 .product-detail .featureOther-1 .img-wrapper,
  #maskV3 .product-detail .featureOther-4 .img-wrapper{
    position: absolute;
    bottom:0;
    left:0;
  }
  #maskV3 .product-detail .featureOther-2 .img-wrapper,
  #maskV3 .product-detail .featureOther-3 .img-wrapper{
    position: absolute;
    bottom:0;
    right:0;
  }
}

#maskV3.product-page .head-banner .banner-wrapper{
  width: 100%;
  max-height: 1000px;
}
@media (max-width:479px) {
  #maskV3.product-page .head-banner .banner-wrapper{
    height: 68vh;
    min-height: 600px;
  }
}
#maskV3.product-page .head-banner .banner-bg{
  background-position: left -80px;
  opacity: .7;
  width: 100%;
}
#maskV3.product-page .head-banner .banner-img.img1{
    right: 5vw;
    max-width: 550px;
    bottom: 0;
}
#maskV3.product-page .head-banner .banner-img.img2{
    left: 5vw;
    max-width: 80%;
    top: 7%;
  transition: all .3s;
}
@media (min-width:480px) {
  #maskV3.product-page .head-banner .banner-bg{
    background-position: left center;
  }
  #maskV3.product-page .head-banner .banner-img.img2{
    max-width: 45%;
    min-width: 400px;
  }
  #maskV3.product-page .head-banner .banner-wrapper{
    height: 68vh;
    min-height: 780px;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px){
  #maskV3 .product-detail .featureOther-1 .img-wrapper{
    max-width: 350px;
  }
  #maskV3 .product-detail .featureOther-2 .img-wrapper{
    max-width: 410px;
  }
  #maskV3 .product-detail .featureOther-3 .img-wrapper{
    max-width: 380px;
  }
  #maskV3 .product-detail .featureOther-4 .img-wrapper{
    max-width: 430px;
  }
}
@media (min-width:768px) {
  #maskV3.product-page .head-banner .banner-img.img1{
    max-width: 70%;
    min-width: 580px;
  }
}
@media (min-width:1024px) {
  #maskV3.product-page .head-banner .banner-img.img1{
    min-width: 750px;
    max-width: 750px;
  }
}
@media (min-width:1200px) {
  #maskV3.product-page .head-banner .banner-img.img1{
  }
  #maskV3.product-page .head-banner .banner-img.img2{
    top: 15%;
    max-width: 500px;
  }
}
@media (min-width:1600px) {
  #maskV3.product-page .head-banner .banner-img.img1{
    right: 10vw;
  }
  #maskV3.product-page .head-banner .banner-img.img2{
    left: 10vw;
    max-width: 600px;
  }
}

#maskV3 .icon-text{
  display: inline-block;
  padding: 5px;
  border: 1px solid #329DBB;
  font-size: 22px; 
    letter-spacing: 0;
    border-radius: 5px;
    transform: rotateZ(-10deg);
    margin-right: 10px;
}

/*/////////////////////3DMask V1/////////////////////*/

#maskV1 .product-detail h2,
#maskV1 .product-detail b{
  color:#47BBA5;
}
#maskV1 .product-detail h2:after,
#maskV1 .product-detail .listSelect,
#maskV1 .product-detail .listWrapper{
  background-color:#47BBA5;
}
#maskV1 .product-detail .subTitle svg #bg,
#maskV1 .product-detail .subTitle svg #bg2 path,
#maskV1 .product-detail .itemWrapper .item .img-wrapper svg path#bg/*, #maskV1 .product-detail .itemWrapper .item .img-wrapper svg g#bg path*/{
  fill:#47BBA5;
}

/*@media screen and (min-width: 768px) and (max-width: 991px){
  #maskV1 .minHeight90, #maskV1 .minHeight80, #maskV1 .minHeight75{
    min-height: 570px !important;
  }
}*/
@media screen and (min-width: 992px) and (max-width:  1199px){
  #maskV1 .section2 .minHeight90, #maskV1 .section2 .minHeight80, #maskV1 .section2 .minHeight75{
    min-height: 780px !important;
  }
}

#maskV1 .product-detail .featureFirst.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/v1-bg-01.jpg");
}
#maskV1 .product-detail .featureFirst .wrapper.upper img{
  padding: 0 0 1.5rem;
}
#maskV1 .product-detail .featureFirst .wrapper.lower .slogan{
  font-size: calc(48px + (72 - 48) * ((100vw - 300px) / (1600 - 300)));
  color:#47BBA5;
  font-weight: 700;
  /*text-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);*/
}
#maskV1 .product-detail .featureOther-1.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/v1-bg-02.jpg");
}
#maskV1 .product-detail .featureFilter .bgWrap-inner{
  background:  transparent;
}
#maskV1 .product-detail .featureOther-2 .bgWrap-inner{
  background: linear-gradient(0deg, #FFFFFF 9.56%, #C3E5E0 100%);
}
#maskV1 .product-detail .featureFilter.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/v1-bg-03.png");
    background-size: 103%;
    opacity: .8;
    top: 38%;
}
#maskV1 .product-detail .featureOther-3 .bgWrap-inner{
  background: linear-gradient(0deg, #FFFFFF 9.56%, #C3E5E0 100%);
}
@media screen and (min-width: 480px) and (max-width: 767px){
  #maskV1 .product-detail .featureOther-1 .img-wrapper{
    max-width: 380px;
  }
  #maskV1 .product-detail .featureOther-2 .img-wrapper{
    max-width: 380px;
  }
  #maskV1 .product-detail .featureOther-3 .img-wrapper{
    max-width: 450px;
  }
}
@media screen and (min-width: 768px) {
  #maskV1 .product-detail .featureFirst .wrapper.upper img{
    padding: 1rem 1rem 1.5rem;
  }
  #maskV1 .product-detail .featureOther-1 .img-wrapper{
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #maskV1 .product-detail .featureOther-2 .img-wrapper{
    position: absolute;
    bottom: 0;
    left: 3%;
  }
  #maskV1 .product-detail .featureOther-2 .bgWrap-inner{
    background: linear-gradient(90deg, #FFFFFF 9.56%, #C3E5E0 100%);
  }
  #maskV1 .product-detail .featureFilter.bg-fluid .bgWrap{
      top: 58%;
  }
  #maskV1 .product-detail .featureOther-3 .bgWrap-inner{
    background: linear-gradient(90deg, #FFFFFF 9.56%, #C3E5E0 100%);
  }
}
@media screen and (min-width: 1200px) {
  #maskV1 .product-detail .featureOther-2 .img-wrapper{
    left: 0;
  }
}

@media screen and (min-width: 1400px) {
  #maskV1 .product-detail .featureOther-1 .img-wrapper{
    right: 4%;
  }
}

@media screen and (min-width: 2000px) {
  #maskV1 .product-detail .featureOther-1 .img-wrapper{
    flex: 0 0 50%;
    max-width: 50%;
    right: 0;
  position:relative;
  }
}





/*/////////////////////3DBear/////////////////////*/

#maskBear .product-detail h2,
#maskBear .product-detail b{
  color:#6699cc;
}
#maskBear .product-detail h2:after,
#maskBear .product-detail .listSelect,
#maskBear .product-detail .listWrapper{
  background-color:#6699cc;
}
#maskBear .product-detail .subTitle svg #bg,
#maskBear .product-detail .subTitle svg #bg2 path,
#maskBear .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#6699cc;
}

#maskBear .product-detail .featureFirst .upper .row .img-wrapper{
  padding-right: .2rem;
}
#maskBear.product-page .featureFilter .bgWrap-inner{
  background: white;
}
#maskBear .product-detail .featureFirst .wrapper.lower .slogan{
  font-size: calc(42px + (72 - 42) * ((100vw - 300px) / (1600 - 300)));
  color:#6699cc;
  font-weight: 700;
  /*text-shadow: 2px 2px 2px #d5d5d5;*/
}
#maskBear .product-detail .featureFirst.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/bear-bg-1.jpg");
  background-position: center 92%;
}
#maskBear .product-detail .featureOther-3.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/bear-bg-2.png");
  background-position: left top;
}
/*
#maskBear .product-detail .featureFirst .img-wrapper .flip-img{
  display: inline-block;
      transition: transform 1s;
      transform-style: preserve-3d;
    cursor: zoom-in;
}
#maskBear .product-detail .featureFirst .img-wrapper .flip-img:hover .flip1,
#maskBear .product-detail .featureFirst .img-wrapper .flip-img:hover .flip2,
#maskBear .product-detail .featureFirst .img-wrapper .flip-img:hover .flip3{
    opacity:0;
    visibility:hidden;
    position:absolute;
      transform: rotateY(180deg);
      transition: .9s;
}
#maskBear .product-detail .featureFirst .img-wrapper .flip-img:hover .flip1-1,
#maskBear .product-detail .featureFirst .img-wrapper .flip-img:hover .flip2-1,
#maskBear .product-detail .featureFirst .img-wrapper .flip-img:hover .flip3-1{
      transition: .9s;
      transform: rotateY(180deg);
    display: inline-block;
    opacity:1;
    visibility:visible;
    position: static;
}
#maskBear .product-detail .featureFirst .img-wrapper .flip1-1,
#maskBear .product-detail .featureFirst .img-wrapper .flip2-1,
#maskBear .product-detail .featureFirst .img-wrapper .flip3-1{
    opacity:0;
    visibility:hidden;
    position:absolute;
}*/
#maskBear .featureOther-3 .minHeight90{
  min-height: 100vh !important;
}
/*
#maskBear .product-size .upper-wrapper{
    background: #ACD1E2;
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0, .15);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0, .15);
    box-shadow: inset 0 0 6px rgba(0,0,0, .15);
}*/
/*#maskBear.product-page .product-certificateB .bgWrap{
  background: linear-gradient(89.66deg, #5691b8 0.29%, #88B5D2 51.54%, #B2D5EC 97.72%);
}*/
#maskBear .product-detail .featureSpecial-2.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/bear-bg-3.png"), url("../img/products/3dmask/bear-bg-4.png");
  background-position: left bottom, right top;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  background-color: #72a8cb;
    -moz-box-shadow: inset 0 0 25px rgba(0,0,0, .4);
    -webkit-box-shadow: inset 0 0 25px rgba(0,0,0, .4);
    box-shadow: inset 0 0 25px rgba(0,0,0, .4);
  border-radius: 50px;
}
#maskBear .product-detail .featureSpecial-2{
  color: white;
}
#maskBear .product-detail .featureSpecial-2 h2,
#maskBear .product-detail .featureSpecial-2 b{
  color: white;
}
#maskBear .product-detail .featureSpecial-2 h2:after{
  background-color: white;
}
#maskBear .product-size .sizebtn{
  border:0;
}
#maskBear .product-size .sizebtn.last{
    border-right: 0;
}
#maskBear .product-size .nav .nav-link.active .sizebtn{
    background-color: transparent;
}
@media screen and (max-width: 767px) {
  #maskBear .product-detail .featureFirst .minHeight75{
    min-height: 65vh !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px){
  #maskBear .product-detail .featureSpecial-1 .img-wrapper{
    max-width: 388px;
  }
  #maskBear .product-detail .featureOther-1 .img-wrapper{
    max-width: 310px;
  }
  #maskBear .product-detail .featureOther-2 .img-wrapper{
    max-width: 430px;
  }
  #maskBear .product-detail .featureOther-3 .img-wrapper{
    max-width: 430px;
  }
  #maskBear .cta .banner-wrapper .logo-wrapper{
    max-width: 500px;
  }
  #maskBear .cta .banner-wrapper .img-wrapper{
    max-width: 430px;
  }
}

@media screen and (min-width: 768px) {
  #maskBear .product-detail .featureOther-3 .minHeight90{
    min-height: 700px !important;
  }
  #maskBear .product-detail .featureOther-3 .img-wrapper{
    position: absolute;
    bottom:0;
    right:0;
    z-index:-1;
  }
  #maskBear .product-detail .featureOther-3 .wrapper.lower{
    padding-right:28%;
  }
}

@media screen and (min-width: 900px) {
  #maskBear .product-detail .featureOther-3 .wrapper.upper{
    padding-right:15%;
  }
}
@media screen and (min-width: 1200px) {
  #maskBear .product-detail .featureOther-3 .minHeight90{
    min-height: 90vh !important;
  }
  #maskBear .product-detail .featureOther-3 .img-wrapper{
    right:-50px;
  }
  #maskBear .product-detail .featureOther-3 .wrapper.upper{
    padding-right:0;
    margin-left: 10%;
  }
  #maskBear .product-detail .featureOther-3 .wrapper.lower{
    padding-right:0;
    margin-left: 20%;
  }
}

#maskBear .product-wearing .bg-fluid .bgWrap{
  background-color: #70a0bf;
}
#maskBear.product-page .boxShadow{
  box-shadow: 0 0 7px rgba(0, 0, 0, .2);
}

/*//////3DMask Kids//////*/

#maskKids .product-detail h2,
#maskKids .product-detail b{
  color:#70BCE4;
}
#maskKids .product-detail h2:after,
#maskKids .product-detail .listSelect,
#maskKids .product-detail .listWrapper{
  background-color:#70BCE4;
}
#maskKids .product-detail .subTitle svg #bg,
#maskKids .product-detail .subTitle svg #bg2 path,
#maskKids .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#70BCE4;
}

#maskKids .product-detail .featureFirst.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kids-bg-1.png");
  background-position: center;
  background-color: #BDE2FD;
}
#maskKids .product-detail .featureFirst .upper .text-wrapper{
  background-color: white;
  box-shadow: inset 0 0 7px rgba(0,0,0, .3);
  border-radius: 40px;
  padding: 0 1.5rem;
}
#maskKids .product-detail .featureOther-2.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kids-img-03.png"), url("../img/products/3dmask/kids-img-04.png");
  background-position: 98% top, 2% bottom;
  background-size: auto;
  z-index: 1;
  background-color: transparent;
  background-repeat: no-repeat;
  height: 100%;
}
#maskKids .product-detail .featureOther-3.bg-fluid .bgWrap{
  background-image: linear-gradient(180deg, #F2FBFF 28.56%, #FFFFFF 100%);
}
#maskKids .product-detail .featureOther-3 .bgWrap-inner{
  background-image: url("../img/products/3dmask/kids-bg-2.png");
  background-position: 80% 25%;
  background-repeat: no-repeat;
  background-size: auto;
}
#maskKids .product-detail .featureOther-4.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kids-bg-3.png"), url("../img/products/3dmask/kids-bg-4.png"), url("../img/products/3dmask/kids-bg-4.png");
  background-position: right 50%, right 90%, -100px 60%;
  background-size: auto;
}
#maskKids .product-detail .featureFilter.bg-fluid .bgWrap{
  background: linear-gradient(0deg, #F2FBFF 28.56%, #FFFFFF 100%);
}
#maskKids .product-detail .featureFilter .bgWrap-inner{
  background: transparent;
}
#maskKids .product-detail .featureOther-6.bg-fluid .bgWrap{
  background: url("../img/products/3dmask/kids-bg-5.png"), linear-gradient(360deg, #F2FBFF 68.06%, #FFFFFF 100%);
  background-position: 80% bottom, center;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
}
#maskKids .product-certificateA .bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kids-bg-6.png");
}

#maskKids .product-size .nav .nav-link .sizebtn svg #bg{
  fill:white;
}
#maskKids .product-size .nav .nav-link .sizebtn svg #draw path{
  fill:#71BBE4;
}
#maskKids .product-size .nav .nav-link.active .sizebtn svg #bg{
  fill:#71BBE4;
}
#maskKids .product-size .nav .nav-link.active .sizebtn svg #draw path{
  fill:white;
}
#maskKids .product-size .sizebtn{
    border-radius: 50px;
    border: 2px solid #71BBE4;
}
#maskKids .product-size .nav .nav-link.active .sizebtn {
    background-color: #71BBE4;
}
#maskKids .product-size .sizebtn.last {
    border-color: #71BBE4;
}
/*
#maskKids .product-size .sizebtn{
  border:0;
}
#maskKids .product-size .sizebtn.last{
    border-right: 0;
}
#maskKids .product-size .nav .nav-link.active .sizebtn{
    background-color: transparent;
}*/

#maskKids .product-wearing .bg-fluid .bgWrap{
  background-color: #e4f3f9;
}
#maskKids .product-detail .featureBanner.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kids-top-bg.jpg");
  background-position: 35% top;
  opacity: .6;
}
@media screen and (max-width: 580px) {
  #maskKids .product-detail .featureBanner .container{
    height: auto;
    min-height: 650px !important;
  }
}
@media screen and (max-width: 767px) {
  #maskKids .product-detail .featureOther-2 .container .row{
    padding-top: 100px;
  }
  #maskKids .product-certificateA .bg-fluid .bgWrap{
    background-size: auto;
    background-position: left bottom;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px){
  #maskKids .product-detail .featureOther-2 .content-wrapper{
    max-width: 460px;
  }
  #maskKids .product-detail .featureOther-2 .img-wrapper{
    max-width: 420px;
  }
  #maskKids .product-detail .featureOther-3 .img-wrapper{
    max-width: 400px;
  }
  #maskKids .product-detail .featureOther-4 .img-wrapper{
    max-width: 350px;
  }
  #maskKids .product-detail .featureOther-5 .img-wrapper{
    max-width: 450px;
  }
  #maskKids .product-detail .featureOther-6 .img-wrapper{
    max-width: 520px;
  }
  #maskKids .cta .banner-wrapper .content-wrapper{
    max-width: 460px;
  }
  #maskKids .cta .banner-wrapper .img-wrapper{
    max-width: 420px;
  }
  #maskKids .product-detail .featureBanner .logo-wrapper{
    max-width: 500px;
  }
  #maskKids .product-detail .featureBanner .img-wrapper{
    max-width: 550px;
  }

}

@media screen and (min-width: 768px) {
  #maskKids .product-detail .featureOther-2 .img-wrapper{
    position: absolute;
    bottom:0;
    right:0;
    z-index:-1;
  }
  #maskKids .product-detail .featureOther-3 .bgWrap-inner{
    background-position: 95% 0%;
  }
  #maskKids .product-detail .featureOther-4.bg-fluid .bgWrap{
    background-position: right 80px, 96% 70%, -100px 10%;
  }
  #maskKids .product-detail .featureOther-6.bg-fluid .bgWrap{
    background-position: center bottom, center;
  }
}

@media screen and (min-width: 992px) {
  #maskKids .product-detail .featureFirst .upper .text-wrapper{
    margin-left: 2rem;
  }
  #maskKids .product-detail .featureBanner .img-wrapper{
    max-width: 600px;
  }
}

@media screen and (min-width: 1025px) {
  #maskKids .product-detail .featureFirst .upper{
    margin-top: 60px;
  }
  #maskKids .product-detail .featureBanner .img-wrapper{
    position: absolute;
    bottom:0;
    left:0;
  }
  #maskKids .product-detail .featureBanner .logo-wrapper{
    max-width: 49%;
    margin-top:40px;
  }
  #maskKids .product-detail .featureBanner .img-wrapper{
    max-width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  #maskKids .product-detail .featureBanner .logo-wrapper{
    max-width: 44%;
    margin-top:-120px;
  }
  #maskKids .product-detail .featureBanner .img-wrapper{
    max-width: 60%;
  }
}
@media screen and (min-width: 1440px) {
  #maskKids .product-detail .featureBanner .logo-wrapper{
    max-width: 660px;
  }
  #maskKids .product-detail .featureBanner .img-wrapper{
    max-width: 800px;
  }
}
@media screen and (min-width: 2000px) {
    #maskKids .product-detail .featureBanner>.container>.row{
    position:relative;
  }
}


/*////////////3DMeow//////////////*/

.meow .product-detail h2,
.meow .product-detail b{
  color:#54c2ee;
}
.meow .product-detail h2:after,
.meow .product-detail .listSelect,
.meow .product-detail .listWrapper{
  background-color:#54c2ee;
}
.meow .product-detail .subTitle svg #bg,
.meow .product-detail .subTitle svg #bg2 path,
.meow .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#54c2ee;
}
.meow.product-page .subTitle .icon-skin #bg path{
  fill:#54c2ee;
}

#meow.product-page .featureOther-3.bg-fluid .bgWrap,
#meow.product-page .featureFilter.bg-fluid .bgWrap,
#meow.product-page .featureOther-2.bg-fluid .bgWrap{
    background: linear-gradient(90deg, #F4BCCB 0%, #F4BCCB 40%, #9ED7E7 60%, #9ED7E7 100%);
    height: 10px;
    bottom: 0;
    top: unset;
    transform: translateY(0px);
    z-index: 1;
    width: 90%;
    border-radius: 0 20px 20px 0;
}
#meow.product-page .featureFilter.bg-fluid .bgWrap{
    left: unset;
    right: 0;
    border-radius: 20px 0px 0px 20px;
}
@media screen and (min-width: 768px) {
  #meow.product-page .featureOther-3.bg-fluid .bgWrap,
  #meow.product-page .featureFilter.bg-fluid .bgWrap,
  #meow.product-page .featureOther-2.bg-fluid .bgWrap{
    width: 95%;
  }
}
@media screen and (min-width: 1400px) {
  #meow.product-page .featureOther-3.bg-fluid .bgWrap,
  #meow.product-page .featureFilter.bg-fluid .bgWrap,
  #meow.product-page .featureOther-2.bg-fluid .bgWrap{
    width: 90%;
  }
}
#meow.product-page .featureFilter .bgWrap-inner{
  background: transparent;
}

#meow .product-detail .featureBanner .img-wrapper{
    margin-bottom: -40px;
    z-index: 1;
    position: relative;
    right: -3%;
}

#meow .product-detail .featureBanner .logo-wrapper div:nth-child(1){
  max-width: 70%;
  padding: 30px 0 0;
}
#meow .product-detail .featureBanner .logo-wrapper div:nth-child(2){
  max-width: 60%;
  padding: 30px 0 0;
}

@media screen and (min-width: 768px) {

  #meow .product-detail .featureBanner .logo-wrapper{
    margin-bottom: -25%;
  }
  #meow .product-detail .featureBanner .img-wrapper{
    margin-bottom: -60px;
      right: -8%;
  }
}

@media screen and (min-width: 1200px) {
  #meow .product-detail .featureBanner .img-wrapper{
    margin-bottom: -100px;
  }
}

#meow .product-detail .featureOther-1 .content-wrapper.upper{
  background: linear-gradient(90deg, rgba(158, 215, 231, 0.4) 0%, rgba(244, 188, 203, 0.4) 100%);
    border-radius: 20px;
    box-shadow: 0 0 10px #ccc;
    padding: 3rem 1rem 1rem;
}
#meow .product-detail .featureOther-1 .content-wrapper .headline{
    color:#e1a25d;
    font-size: 20px;
}
#meow .product-detail .featureOther-1 .content-wrapper.lower{
    flex-direction: column;
    align-items: center;
}
#meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper{
    width: 100%;
}

#meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper .item{
  width: calc(100%/3);
    text-align: center;
    padding: 10px 5px;
}

#meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper:nth-child(2){
  flex-wrap: wrap;
}
#meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper:nth-child(2) .item{
  width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper:nth-child(2) .img-wrapper{
  width: 60px;
  height: 60px;
}
#meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper:nth-child(2) .color-group span{
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
#meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper .item span{
  padding: 2px 8px;
  color: white;
  letter-spacing:3px;
  text-indent: 3px;
  margin-top:5px;
    display: inline-block;
    line-height: 1.3;
  font-size: 15px;
    border-radius: 5px;
    min-width: 72px;
}
#meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper:nth-child(2) .item span{
  letter-spacing:0px;
  text-indent: 0px;
  font-size: 14px;
    min-width: 1px;
}

@media screen and (min-width: 768px) {

  #meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper{
    max-width: 85%;
  }
  #meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper:nth-child(2){
    flex-wrap:nowrap;
    width: 100%;
    max-width: 900px;
  }
  #meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper:nth-child(2) .img-wrapper{
    width: 70px;
    height: 70px;
  }
  #meow .product-detail .featureOther-1 .content-wrapper.upper{
    padding: 4rem 2rem 1rem;
  }
  #meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper .item{
    padding: 10px 20px;
  }
  #meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper:nth-child(2) .item{
    padding: 10px 5px;
  }
  #meow .product-detail .featureOther-1 .content-wrapper .headline{
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {

  #meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper{
    width: 68%;
  }
  #meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper:nth-child(2){
    width: 32%;
    flex-wrap: wrap;
  }
  #meow .product-detail .featureOther-1 .content-wrapper.lower{
    flex-direction: row;
  }
  #meow .product-detail .featureOther-1 .content-wrapper.upper{
    padding: 5rem 3rem 1rem;
  }
  #meow .product-detail .featureOther-1 .content-wrapper.lower .item-wrapper:nth-child(2) .img-wrapper{
    margin-bottom: 10px;
  }

}

@media screen and (min-width: 480px) and (max-width: 767px){
  #meow .product-detail .featureOther-2 .img-wrapper{
    max-width: 340px;
  }
  #meow .product-detail .featureFilter.img-wrapper{
    max-width: 360px;
  }
  #meow .product-detail .featureOther-3 .img-wrapper{
    max-width: 350px;
  }
}


.meow .product-size .nav .nav-link{
    margin: 1rem 0.5rem;
}


.meow .product-size .nav .nav-link .sizebtn svg #bg,
.meow .product-size .nav .nav-link .sizebtn svg #bg2 path{
  fill:white;
}
.meow .product-size .nav .nav-link .sizebtn.small svg #draw,
.meow .product-size .nav .nav-link.active .sizebtn.small svg #bg,
.meow .product-size .nav .nav-link.active .sizebtn.small svg #bg2 path{
  fill:#F6C4CE;
}
.meow .product-size .sizebtn.small{
    border: 1px solid #F6C4CE;
}
.meow .product-size .nav .nav-link.active .sizebtn.small {
    background-color: #F6C4CE;
}

.meow .product-size .nav .nav-link .sizebtn.large svg #draw,
.meow .product-size .nav .nav-link.active .sizebtn.large svg #bg,
.meow .product-size .nav .nav-link.active .sizebtn.large svg #bg2 path{
  fill:#7FCBE1;
}
.meow .product-size .sizebtn.large{
    border: 1px solid #7FCBE1;
}
.meow .product-size .nav .nav-link.active .sizebtn.large {
    background-color: #7FCBE1;
}


.meow .product-size .nav .nav-link .sizebtn.kidults svg #draw,
.meow .product-size .nav .nav-link.active .sizebtn.kidults svg #bg,
.meow .product-size .nav .nav-link.active .sizebtn.kidults svg #bg2 path{
  fill:#e2a15d;
}
.meow .product-size .sizebtn.kidults{
    border: 1px solid #e2a15d;
}
.meow .product-size .nav .nav-link.active .sizebtn.kidults {
    background-color: #e2a15d;
}


.meow .product-size .nav .nav-link .sizebtn.adults svg #draw,
.meow .product-size .nav .nav-link.active .sizebtn.adults svg #bg,
.meow .product-size .nav .nav-link.active .sizebtn.adults svg #bg2 path{
  fill:#97989A;
}
.meow .product-size .sizebtn.adults{
    border: 1px solid #97989A;
}
.meow .product-size .nav .nav-link.active .sizebtn.adults {
    background-color: #97989A;
}

.meow .product-size .nav .nav-link.active .sizebtn svg #draw{
  fill:white;
}
.meow .product-size .sizebtn{
  border-radius: 5px;
}

#meow.product-page .cta .banner-bg{
    background-position: right top;
    background-size: 190%;
}
#meow.product-page .cta .banner-wrapper{
  /*height: auto;*/
}
#meow.product-page .cta .logo-wrapper{
  margin-top: 120px;
}
#meow.product-page .cta .cta-btn .btn-inner{
    background-color: white;
    color: #54c2ee;
  border: 2px solid #54c2ee;
}
#meow.product-page .cta .cta-btn .btn-inner:hover{
    background-color: #54c2ee !important;
    color: white;
}
@media screen and (min-width: 468px) {
  #meow.product-page .cta .banner-wrapper{
    height: auto;
  }
  #meow.product-page .cta .banner-bg{
    background-size: 150%;
  }
  #meow.product-page .cta .logo-wrapper{
    margin-left: 27%;
  }
}
@media screen and (min-width: 768px) {
  #meow.product-page .cta .banner-bg{
    background-size: cover;
  }
  #meow.product-page .cta .banner-wrapper{
      height: 100vh;
  }
}

@media screen and (min-width: 468px) and (max-width: 1024px){
  #meow .cta .banner-wrapper .logo-wrapper{
    max-width: 460px;
    margin-top: 230px;
    margin-bottom: -50px;
  }
  #meow .cta .banner-wrapper .img-wrapper{
    max-width: 580px;
  }
}


@media screen and (min-width: 1025px) and (max-width: 1200px){
  #meow.product-page .cta .logo-wrapper{
    position: absolute;
    right: -10px;
  }
  #meow.product-page .cta .banner-wrapper{
    min-height: 600px;
  }
}

@media screen and (min-width: 1025px) {
  #meow.product-page .cta .banner-wrapper{
      height: auto;
  }
}

@media screen and (min-width: 1200px) {
  #meow .cta .banner-wrapper .img-wrapper{
    max-width: 800px;
    }
  #meow.product-page .cta .logo-wrapper{
    max-width: 700px;
    margin: 0;
  }
}

@media screen and (min-width: 1700px) {
  #meow.product-page .cta .banner-bg{
    background-position: 100% 36%;
  }
}


/*////////////3DMeow Kidults//////////////*/

#meowKidults .product-detail h2,
#meowKidults .product-detail b{
  color:#5DADC5;
}
#meowKidults .product-detail h2:after,
#meowKidults .product-detail .listSelect,
#meowKidults .product-detail .listWrapper{
  background-color:#5DADC5;
}
#meowKidults .product-detail .subTitle svg #bg,
#meowKidults .product-detail .subTitle svg #bg2 path,
#meowKidults .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#5DADC5;
}
#meowKidults.product-page .subTitle .icon-skin #bg path{
  fill:#5DADC5;
}

#meowKidults .product-detail .featureFirst .text-wrapper{
  background: linear-gradient(90deg, rgba(253, 246, 246, 0.12) 3.94%, #F9EAEC 89.09%);
  box-shadow: -4px 4px 6px rgba(0,0,0, .2);
  border-radius: 30px;
  padding: 0 1.5rem;
}
#meowKidults .product-detail .featureFirst .bgWrap-inner{
  background: linear-gradient(90deg, #FFFFFF 0.82%, #F8E4E6 90%);
  min-height: 100%;
}
#meowKidults .product-detail .featureFirst .logo-wrapper img.logo1{
  width: 250px;
}
#meowKidults .product-detail .featureFirst .logo-wrapper img.logo2{
  width: 220px;
}
#meowKidults .product-detail .featureFirst .text-wrapper .lower span{
  padding: 0 8px;
  color: white;
  letter-spacing:3px;
  text-indent: 3px;
  margin-top:5px;
    display: inline-block;
}
#meowKidults .product-detail .featureOther-1 .bgWrap-inner{
  background: linear-gradient(30deg, rgba(166, 205, 217, 0.5) -11.16%, rgba(255, 211, 221, 0.5) 92.36%);
  min-height: 60%;
}
#meowKidults .product-size .sizebtn{
  border:0;
}
#meowKidults .product-size .sizebtn.last{
    border-right: 0;
}
#meowKidults .product-size .nav .nav-link.active .sizebtn{
    background-color: transparent;
}
@media screen and (max-width: 767px) {
  #meowKidults .product-detail .featureFirst .bgWrap-inner{
      top: 0;
      transform: translateY(-0);
  }
  #meowKidults .product-detail .featureOther-1 .bgWrap-inner{
    height: 100%;
  }
  #meowKidults .product-detail .featureFirst .logo-wrapper img.logo1{
    width: 180px;
  }
  #meowKidults .product-detail .featureFirst .logo-wrapper img.logo2{
    width: 165px;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px){
  #meowKidults .product-detail .featureFirst .text-wrapper .lower{
    max-width: 500px;
  }
  #meowKidults .product-detail .featureFirst .img-wrapper{
    max-width: 400px;
  }
  #meowKidults .product-detail .featureOther-1 .img-wrapper{
    max-width: 350px;
  }
  #meowKidults .product-detail .featureOther-2 .img-wrapper{
    max-width: 340px;
  }
  #meowKidults .product-detail .featureOther-3 .img-wrapper{
    max-width: 350px;
  }
  #meowKidults .cta .banner-wrapper .logo-wrapper{
    max-width: 460px;
  }
  #meowKidults .cta .banner-wrapper .img-wrapper{
    max-width: 550px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
  #meowKidults .product-detail .featureFirst .text-wrapper .lower{
    max-width: 400px;
  }
}

@media screen and (min-width: 768px) {
  #meowKidults .product-detail .featureFirst .img-wrapper{
    position: absolute;
    bottom:0;
    right:0;
    z-index:1;
  }
  #meowKidults .product-detail .featureFirst .text-wrapper{
    margin-left: 1rem;
  }
}

@media screen and (min-width: 1200px) {
}



/*////////////3DMeow Kids//////////////*/

#meowKids .product-detail h2,
#meowKids .product-wearing h2,
#meowKids .product-detail b{
  color:#5DADC5;
}
#meowKids .product-detail h2:after,
#meowKids .product-wearing h2:after,
#meowKids .product-detail .listSelect,
#meowKids .product-detail .listWrapper{
  background-color:#5DADC5;
}
#meowKids .product-detail .subTitle svg #bg,
#meowKids .product-detail .subTitle svg #bg2 path,
#meowKids .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#5DADC5;
}

#meowKids .product-detail .featureFirst .text-wrapper{
  background: linear-gradient(90deg, rgba(253, 246, 246, 0.12) 3.94%, #F9EAEC 89.09%);
  box-shadow: -4px 4px 6px rgba(0,0,0, .2);
  border-radius: 30px;
  padding: 1rem 1.5rem;
  margin-left: 1rem;
}
#meowKids .product-detail .featureFirst .bgWrap-inner{
  background: linear-gradient(90deg, #FFFFFF 0.82%, #F8E4E6 90%);
  min-height: 100%;
}
#meowKids .product-detail .featureFirst .text-wrapper .lower span{
  padding: 0 8px;
  color: white;
  letter-spacing:3px;
  text-indent: 3px;
  margin-top:5px;
    display: inline-block;
}
#meowKids .product-detail .featureFilter.bg-fluid .bgWrap{
  background: linear-gradient(rgba(249, 251, 253, 0.69) 20%, #E1EAF2 80%);
}
#meowKids .product-detail .featureFilter .bgWrap-inner{
  background: transparent;
}
#meowKids.product-page .boxShadow{
  box-shadow: 0 0 7px rgba(0, 0, 0, .2);
}
#meowKids .product-wearing .img-wrapper{
    background: #CFDCEA;
}
/*#meowKids .product-wearing .bg-fluid .bgWrap{
  background: #CFDCEA;
}*/


#meowKids .product-size .nav .nav-link .sizebtn svg #bg,
#meowKids .product-size .nav .nav-link .sizebtn svg #bg2 path{
  fill:white;
}
#meowKids .product-size .nav .nav-link .sizebtn.small svg #draw{
  fill:#F6C4CE;
}
#meowKids .product-size .nav .nav-link.active .sizebtn.small svg #bg,
#meowKids .product-size .nav .nav-link.active .sizebtn.small svg #bg2 path{
  fill:#F6C4CE;
}
#meowKids .product-size .sizebtn.small{
    border: 1px solid #F6C4CE;
}
#meowKids .product-size .nav .nav-link.active .sizebtn.small {
    background-color: #F6C4CE;
}

#meowKids .product-size .nav .nav-link .sizebtn.large svg #draw{
  fill:#7FCBE1;
}
#meowKids .product-size .nav .nav-link.active .sizebtn.large svg #bg,
#meowKids .product-size .nav .nav-link.active .sizebtn.large svg #bg2 path{
  fill:#7FCBE1;
}
#meowKids .product-size .sizebtn.large{
    border: 1px solid #7FCBE1;
}
#meowKids .product-size .nav .nav-link.active .sizebtn.large {
    background-color: #7FCBE1;
}

#meowKids .product-size .nav .nav-link.active .sizebtn svg #draw{
  fill:white;
}
#meowKids .product-size .sizebtn{
  border-radius: 5px;
}
/*
#meowKids .product-size .sizebtn{
  border:0;
}
#meowKids .product-size .sizebtn.last{
    border-right: 0;
}
#meowKids .product-size .nav .nav-link.active .sizebtn{
    background-color: transparent;
}
*/

/*#meowKids .product-size .upper-wrapper{
  background: linear-gradient(90deg, #FCF4F5 0.82%, #F8E4E6 90%);
}*/
@media screen and (max-width: 767px) {
  #meowKids .product-detail .featureFirst .bgWrap-inner{
      top: 0;
      transform: translateY(-0);
  }
}

@media screen and (min-width: 480px) and (max-width: 767px){
  #meowKids .product-detail .featureFirst .img-wrapper{
    max-width: 385px;
  }
  #meowKids .product-detail .featureOther-1 .img-wrapper{
    max-width: 430px;
  }
  #meowKids .product-detail .featureOther-2 .img-wrapper{
    max-width: 330px;
  }
  #meowKids .cta .banner-wrapper .img-wrapper{
    max-width: 500px;
  }
}

@media screen and (min-width: 768px) {
  #meowKids .product-detail .featureFirst .img-wrapper{
    position: absolute;
    bottom:0;
    right:0;
    z-index:1;
  }
}
@media screen and (min-width: 1200px) {
  #meowKids .product-detail .featureFirst .img-wrapper{
    right:5%;
  }
}

/*
@media screen and (min-width: 768px){
  #meowKids .featureOther-1 .minHeight90, 
  #meowKids .featureOther-1 .minHeight80, 
  #meowKids .featureOther-1 .minHeight75,
  #meowKids .featureOther-2 .minHeight90, 
  #meowKids .featureOther-2 .minHeight80, 
  #meowKids .featureOther-2 .minHeight75{
    min-height: 720px !important;
    height: 720px !important;
  }
}
@media screen and (min-width: 1024px){
  #meowKids .featureOther-1 .minHeight90, 
  #meowKids .featureOther-1 .minHeight80, 
  #meowKids .featureOther-1 .minHeight75, 
  #meowKids .featureOther-2 .minHeight90, 
  #meowKids .featureOther-2 .minHeight80, 
  #meowKids .featureOther-2 .minHeight75{
    min-height: 820px !important;
    height: 820px !important;
  }
}
*/
/*///////////3DMask Hana////////////*/

#maskHana .product-detail h2,
#maskHana .product-wearing h2,
#maskHana .product-detail b{
  color:#90C263;
}
#maskHana .product-detail h2:after,
#maskHana .product-wearing h2:after,
#maskHana .product-detail .listSelect,
#maskHana .product-detail .listWrapper{
  background-color:#90C263;
}
#maskHana .product-detail .subTitle svg path#bg,
#maskHana .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#90C263;
}
#maskHana.product-page .subTitle .icon-skin #bg path{
  fill:#E27584;
}

/*#maskHana .product-detail .container{
  position: relative;
}*/
#maskHana .product-detail .bgWrap-inner{
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
#maskHana .product-detail .featureFirst .bgWrap-inner{
  background-image: url("../img/products/3dmask/hana-img-1.png"), linear-gradient(90deg, #DAC9E0 61.98%, #EAEDFE 100%);
}
#maskHana .product-detail .featureFirst .upper.img-wrapper{
  background: rgba(255,255,255, .4);
  border-radius: 30px;
  padding: 1.5rem 1.5rem;
  margin: 1rem 1rem 0;
  text-align:center;
}
#maskHana .product-detail .featureFirst .subTitle:after{
  background-color: #7F84C1;
}
#maskHana .product-detail .featureOther-1 .bgWrap-inner{
  background-image: url("../img/products/3dmask/hana-img-3.png"), linear-gradient(90deg, #FEF5E9 0%, #F8EBD9 65.9%);
}
#maskHana .product-detail .featureOther-1 .subTitle:after{
  background-color: #E2A718;
}
#maskHana .product-detail .featureOther-1 .subTitle svg #bg,
#maskHana .product-detail .featureOther-1 .subTitle svg #bg2 path{
  fill:#E2A718;
}
#maskHana .product-detail .featureOther-2 .bgWrap-inner{
  background-image: url("../img/products/3dmask/hana-img-6.png"), linear-gradient(-90deg, #CCECFE 2.85%, #A4ECFC 54.08%);
}
#maskHana .product-detail .featureOther-2 .subTitle:after{
  background-color: #3384B3;
}
#maskHana .product-detail .featureOther-2 .subTitle svg #bg{
  fill:#3384B3;
}
#maskHana .product-detail .featureOther-3 .bgWrap-inner{
  background-image: url("../img/products/3dmask/hana-img-7.png"), linear-gradient(90deg, #FEF3F3 0%, #F4DFE0 84.87%);
  background-position: 72% top;
}
#maskHana .product-detail .featureOther-3 .subTitle:after{
  background-color: #E27584;
}
#maskHana.product-page .featureFilter .bgWrap-inner{
  background-image: url("../img/products/3dmask/hana-img-5.png"), linear-gradient(90deg, #E4EDDA 32.21%, #F1FCEE 53.89%);
  background-position: right center, center;
  background-size: contain, cover;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #maskHana .product-detail .bgWrap-inner{
    background-position: left 20%;
    background-size: 200%;
    min-height: 280px;
    top: 0;
    transform: translateY(0);
  }
  #maskHana .product-detail .lower.img-wrapper{
    height:280px;
  }
  #maskHana .product-detail .featureFirst.bg-fluid .bgWrap{
    background-image: url("../img/products/3dmask/hana-img-1-m.jpg");
  }
  #maskHana .product-detail .featureOther-1.bg-fluid .bgWrap{
    background-image: url("../img/products/3dmask/hana-img-3-m.jpg");
  }
  #maskHana .product-detail .featureOther-1 .bgWrap-inner{
    background-size: 225%;
    background-position: right 20%;
  }
  #maskHana .product-detail .featureOther-2.bg-fluid .bgWrap{
    background-image: url("../img/products/3dmask/hana-img-6-m.jpg");
  }
  #maskHana .product-detail .featureOther-2 .bgWrap-inner{
    background-position: left 10%;
    min-height: 420px;
    background-size: 220%;
  }
  #maskHana .product-detail .featureOther-2 .lower.img-wrapper{
    height:420px;
  }
  #maskHana .product-detail .featureOther-3.bg-fluid .bgWrap{
    background-image: url("../img/products/3dmask/hana-img-7-m.jpg");
  }
  #maskHana .product-detail .featureOther-3 .bgWrap-inner{
    background-position: right 20%;
    min-height: 420px;
    background-size: 220%;
  }
  #maskHana .product-detail .featureOther-3 .lower.img-wrapper{
    height:420px;
  }
}

@media screen and (min-width: 768px) {
  #maskHana .product-detail .bgWrap-inner{
    height: 100%;
  }
  #maskHana .product-detail .featureOther-2 .bgWrap-inner{
    background-position: 39% top;
  }
}

/*////////////3DMask Candy//////////////*/

#maskCandy .product-detail h2,
#maskCandy .product-wearing h2,
#maskCandy .product-detail b{
  color:#6096CD;
}
#maskCandy .product-detail h2:after,
#maskCandy .product-wearing h2:after,
#maskCandy .product-detail .listSelect,
#maskCandy .product-detail .listWrapper{
  background-color:#6096CD;
}
#maskCandy .product-detail .subTitle svg #bg,
#maskCandy .product-detail .subTitle svg #bg2 path,
#maskCandy .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#6096CD;
}
#maskCandy.product-page .subTitle .icon-skin #bg path{
  fill:#6096CD;
}

@media screen and (max-width: 479px){
  #maskCandy .minHeight90, #maskCandy .minHeight80, #maskCandy .minHeight75{
    min-height: 90vh !important;
  }
}
@media screen and (max-width: 767px){
  #maskCandy .minHeight90, #maskCandy .minHeight80, #maskCandy .minHeight75{
    min-height: 95vh !important;
  }
}

#maskCandy .product-detail .featureFirst.bg-fluid .bgWrap{
  background-image: linear-gradient(90deg, #FFDDCB 0%, rgba(255, 221, 203, 0.08) 97.68%);
}
#maskCandy .product-detail .featureFirst .text-wrapper{
  background-color: rgba(255,255,255, 0.8);
  border-radius: 30px;
  padding: 1rem 1rem;
  margin-left: 20px;
}
#maskCandy .product-detail .featureOther-1 .bgWrap-inner{
  background: linear-gradient(0deg, #FFE33A -4.07%, rgba(255, 251, 191, 0.62) 109.76%);
  height: 100%;
}
#maskCandy .product-detail .featureOther-2 .bgWrap-inner{
  background: linear-gradient(-90deg, #E3CCFF -4.07%, rgba(227, 204, 255, 0.2) 93.09%);
  height: 100%;
}
#maskCandy .product-detail .featureOther-3 .bgWrap-inner{
  background: linear-gradient(90deg, #C4F0EE -4.07%, rgba(196, 240, 238, 0.2) 93.09%);
  height: 100%;
}
#maskCandy .product-detail .featureFilter .bgWrap-inner{
  background: linear-gradient(0deg, rgba(129, 139, 203, 0.55) -4.07%, rgba(129, 139, 203, 0) 93.09%);
}
/*#maskCandy .product-wearing .bgColor{
  background: linear-gradient(180deg, #E2FBE6 0%, #D5E6EE 67.71%);
}
*/
#maskCandy .product-wearing .bg-fluid .bgWrap{
  background: linear-gradient(180deg, #E2FBE6 0%, #D5E6EE 67.71%);
}
@media screen and (min-width: 768px) {
  /*#maskCandy .product-detail .featureFilter .container,
  #maskCandy .product-detail .featureOther-1 .container,
  #maskCandy .product-detail .featureOther-2 .container,
  #maskCandy .product-detail .featureOther-3 .container{
    position: relative;
  }*/
  #maskCandy .product-detail .featureOther-1 .bgWrap-inner{
    background: linear-gradient(90deg, #FFE33A -4.07%, rgba(255, 251, 191, 0.62) 109.76%);
    height: 100%;
  }
  #maskCandy .product-detail .featureOther-1 .img-wrapper,
  #maskCandy .product-detail .featureOther-3 .img-wrapper{
    position: absolute;
    left: 0;
  }
  #maskCandy .product-detail .featureOther-2 .img-wrapper{
    position: absolute;
    right: 0;
  }
  #maskCandy .product-detail .featureOther-2 .bgWrap-inner,
  #maskCandy .product-detail .featureOther-3 .bgWrap-inner,
  #maskCandy .product-detail .featureFilter .bgWrap-inner{
    height: 100%;
  }
  #maskCandy .product-detail .featureOther-3 .bgWrap-inner{
    background: linear-gradient(-90deg, #C4F0EE -4.07%, rgba(196, 240, 238, 0.2) 93.09%);
  }
  #maskCandy .product-detail .featureFilter .bgWrap-inner{
    background: linear-gradient(90deg, rgba(129, 139, 203, 0.55) -4.07%, rgba(129, 139, 203, 0.1) 93.09%);
  }
  #maskCandy .product-certificateA .itemWrapper .item{
    flex-basis: 29%;
  }
}

#maskCandy .product-detail .featureBanner.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/candy-top-bg.jpg");
  background-position: center bottom;
}
@media screen and (min-width: 768px) {
  #maskCandy .product-detail .featureBanner .logo-wrapper img{
    max-width: 420px;
  }
}
@media screen and (min-width: 1025px) {
  #maskCandy .product-detail .featureBanner .logo-wrapper img{
    max-width: 460px;
  }
}
@media screen and (max-width: 578px){
  #maskCandy .featureBanner .minHeight80{
    min-height: 650px !important;
  }
}


/*////////////3DMask Candy 2022//////////////*/

#maskCandy2022 .product-detail h2,
#maskCandy2022 .product-wearing h2,
#maskCandy2022 .product-detail{
  color:#AC7DAF;
}
#maskCandy2022.product-page .product-detail p{
  color:#AC7DAF;
  font-weight: 600;
}
#maskCandy2022 .product-detail h2:after,
#maskCandy2022 .product-wearing h2:after,
#maskCandy2022 .product-detail .listSelect,
#maskCandy2022 .product-detail .listWrapper{
  background-color:#AC7DAF;
}
#maskCandy2022 .product-detail .subTitle svg #bg,
#maskCandy2022 .product-detail .subTitle svg #bg2 path,
#maskCandy2022 .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#AC7DAF;
}
#maskCandy2022.product-page .subTitle .icon-skin #bg path{
  fill:#AC7DAF;
}

#maskCandy2022 .product-detail .featureFirst.bg-fluid .bgWrap{
  background: radial-gradient(35.84% 216.88% at 50% 50.05%, #F9D2D2 17%, #FDC9CF 74%, #FFC3CD 100%);
}
#maskCandy2022 .product-detail .featureFirst{
  color: #A76879;
}
#maskCandy2022 .product-detail .featureFirst p{
  font-weight: 600;
  letter-spacing: 3px;
    color: #A76879;
}
#maskCandy2022 .product-detail .featureFirst .strokeText{
  color: #ffffff;
    font-size: 35px;
  padding:0;
  position:relative;
  letter-spacing: 0;
}

#maskCandy2022 .product-detail .featureFirst .strokeText::before {
    content: attr(data-storke);
    position: absolute;
    z-index: -1;
    -webkit-text-stroke: 8px #b9788a;
    text-stroke: 8px #b9788a;
}
@media screen and (min-width: 578px) {
  #maskCandy2022 .product-detail .featureFirst .strokeText{
    font-size: 52px;
  }
  #maskCandy2022 .product-detail .featureFirst .strokeText::before {
    -webkit-text-stroke: 10px #b9788a;
    text-stroke: 10px #b9788a;
  }
}

#maskCandy2022 .product-detail .content-wrapper{
  background-color: rgba(255, 255, 255, 0.9);
    border-radius: 30px;
    margin-top: -20px;
}
#maskCandy2022 .product-detail .content-wrapper .titleText{
    padding-top: 1.5rem;
    font-size: calc(26px + (40 - 26) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 600;
    letter-spacing: 5px;
}

#maskCandy2022 .product-detail .featureOther-1.bg-fluid .bgWrap{
  background-color: #CBDDF2;
}
#maskCandy2022 .product-detail .featureOther-1 .content-wrapper .logo-wrapper{
    margin-top: -5px;
    max-width: 400px;
}
#maskCandy2022 .product-detail .featureOther-1 .content-wrapper .logo-wrapper img{
    margin-top: -80px;
}

#maskCandy2022 .product-detail .featureOther-2.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/candy2022-bg-1.png");
  background-position: center;
}
#maskCandy2022 .product-detail .featureOther-2 .decoTopCenter{
  background-image: url("../img/products/3dmask/candy2022-bg-3g.png");
  background-position: 0% 100%;
  background-size: auto;
  background-repeat: repeat-x;
  flex: 1;
}
#maskCandy2022 .product-detail .featureOther-2 .decoBotCenter{
  background-image: url("../img/products/3dmask/candy2022-bg-3f.png");
  background-position: 0% 100%;
  background-size: auto;
  background-repeat: repeat-x;
  flex: 1;
}
#maskCandy2022 .product-detail .featureOther-2 .decoCenterLeft{
  background-image: url("../img/products/3dmask/candy2022-bg-3e.png");
  background-size: auto;
  background-repeat: repeat-y;
  width: 40px;
}
#maskCandy2022 .product-detail .featureOther-2 .decoCenterRight{
  background-image: url("../img/products/3dmask/candy2022-bg-3h.png");
  background-position: 100% 0%;
  background-size: auto;
  background-repeat: repeat-y;
  width: 40px;
}
#maskCandy2022 .product-detail .featureOther-2 .decoCenter .content-wrapper{
  flex: 1;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 55px;
    margin-top: -65px;
    margin-bottom: -65px;
    z-index: -1;
    padding: 2rem 0;
}
#maskCandy2022 .product-detail .featureOther-2 .logo-wrapper{
  position: absolute;
  top: -60px;
  transform: translateX(-50%);
  left: 50%;
  width: 90%;
}
#maskCandy2022 .product-detail .featureOther-2 .item-wrapper>.item{
  max-width: 220px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 580px) {
  #maskCandy2022 .product-detail .featureOther-2 .logo-wrapper{
    top: -10%;
    width: 85%;
    max-width: 650px;
  }
}

@media screen and (min-width: 622px) {
  #maskCandy2022 .product-detail .featureOther-2 .logo-wrapper{
    top: -20%;
  }
}

@media screen and (min-width: 768px) {
  #maskCandy2022 .product-detail .featureOther-2 .item-wrapper>.item{
      width: calc(100%/3);
  }
  #maskCandy2022 .product-detail .featureOther-2 .logo-wrapper{
    top: -30%;
  }
}

@media screen and (min-width: 1025px) {
   #maskCandy2022 .product-detail .featureOther-2 .item-wrapper>.item{
      max-width: 100%;
  } 
}


#maskCandy2022 .product-detail .featureOther-3.bg-fluid .bgWrap{
  background: linear-gradient(180deg, #F9D2D2 17%, #FDC9CF 74%, #FFC3CD 100%);
}

#maskCandy2022 .product-detail .featureOther-5.bg-fluid .bgWrap{
  background-color: #FDF7E0;
}

@media screen and (min-width: 480px) {
  #maskCandy2022 .product-detail .featureOther-3 .img-wrapper{
    max-width: 450px;
  }
  #maskCandy2022 .product-detail .featureOther-5 .img-wrapper{
    max-width: 350px;
  }
}

@media screen and (min-width: 768px) {
  #maskCandy2022 .product-detail .featureOther-3 .img-wrapper,
  #maskCandy2022 .product-detail .featureOther-5 .text-wrapper{
    max-width: initial;
    right: -28px;
    position: relative;
  }
  #maskCandy2022 .product-detail .featureOther-3 .text-wrapper,
  #maskCandy2022 .product-detail .featureOther-5 .img-wrapper{
    left: -28px;
    position: relative;
    max-width: initial;
  }
}
#maskCandy2022 .product-detail .featureOther-4{
  color: #977DA0 !important;
}

#maskCandy2022 .product-detail .featureOther-4.bg-fluid .bgWrap{
  background-color: #CBDDF2;
}
#maskCandy2022 .product-detail .featureOther-4 .text-wrapper1>span:nth-child(1){
  padding-right: 1rem;
    max-width: 180px;
}
#maskCandy2022 .product-detail .featureOther-4 .text-wrapper1>span:nth-child(2){
  font-size: 18px;
  line-height: 1.2;
  flex-shrink: 0;
  white-space: nowrap;
}
#maskCandy2022 .product-detail .featureOther-4 .text-wrapper2>span{
    flex: 1;
    font-weight: 300;
    letter-spacing: 3px;
    font-size: 27px;
}
#maskCandy2022 .product-detail .featureOther-4 .item-wrapper>.item{
    width: 50%;
    padding-left: 1rem;
    padding-top: 1rem;
    text-align: left;
}
#maskCandy2022 .product-detail .featureOther-4 .item-wrapper>.item:last-child{
  padding-right: 0;
}

@media screen and (min-width: 480px) {
  #maskCandy2022 .product-detail .featureOther-4 .img-wrapper2{
    max-width: 350px;
  }
  #maskCandy2022 .product-detail .featureOther-4 .item-wrapper>.item{
    width: auto;
    padding-left: 1.5rem;
  }
  #maskCandy2022 .product-detail .featureOther-4 .text-wrapper2>span{
      letter-spacing: 6px;
      font-size: 30px;
  }
}


@media screen and (min-width: 1025px) {
  #maskCandy2022 .product-detail .featureOther-4 .img-wrapper2{
    max-width: initial;
  }
  #maskCandy2022 .product-detail .featureOther-4 .content{
    scale: 1.4;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  #maskCandy2022 .product-detail .featureOther-4 .content{
    scale: 1.65;
    padding-bottom: 2rem;
  }
  #maskCandy2022 .product-detail .featureOther-4 .item-wrapper>.item{
    padding-left: 2.8rem;
  }
}
@media screen and (min-width: 1400px) {
  #maskCandy2022 .product-detail .featureOther-4 .img-wrapper2{
    right: -100px;
  }
}





#maskCandy2022.product-page .related-cert .container{
  border-color: #7D5D55;
}
#maskCandy2022.product-page .product-certificateB .bgWrap{
  background: #CBDDF2;
}
#maskCandy2022.product-page .cert-list b{
  color: #7D5D55 !important;
}
.text-candy-brown{
  color: #7D5D55 !important;
}
#maskCandy2022.product-page .product-certificateB a.btn-inner.secondary{
  color: #7D5D55;
}
#maskCandy2022.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #7D5D55;
}
#maskCandy2022 .product-size .nav .nav-link.active .sizebtn svg #bg{
  fill: #7D5D55;
}
#maskCandy2022 .product-size .nav .nav-link.active .sizebtn{
  border-color: #7D5D55;
  background-color: #7D5D55;
  border-radius: 10px;
}
#maskCandy2022 .product-size .sizebtn svg, 
#maskCandy2022 .product-size .sizebtn .svg, 
#maskCandy2022 .product-size .sizebtn img{
  border-radius: 10px;
}
#maskCandy2022 .product-size .nav .nav-link,
#maskCandy2022 .product-size{
  background: linear-gradient(180deg, #F9D2D2 17%, #FDC9CF 74%, #FFC3CD 100%);
}
#maskCandy2022 .product-size .lower-wrapper .sizeDetail{
  border: 6px solid #ffffff;
  border-radius: 10px;
  color: #7D5D55;
}

@media screen and (min-width: 1025px) {
  #maskCandy2022 .product-size{
    padding: 60px 0;
  }
}


#maskCandy2022 .cta .banner-bg{
    background: linear-gradient(180deg, #FFC3CD 17%, #FDC9CF 74%, #F9D2D2 100%);
}
#maskCandy2022 .cta .bg-wrapper{
  position: relative;
  background-image: url("../img/products/3dmask/candy2022-bot-bg2.png");
  background-position: center;
    background-size: 180%;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
    border: 3px solid #ffffff;
    border-radius: 10px;
}
#maskCandy2022 .cta .logo-wrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
}
#maskCandy2022.product-page .cta .banner-wrapper{
  height: auto;
  min-height: 500px;
}

@media screen and (min-width: 480px) {

  #maskCandy2022 .cta .logo-wrapper{
    width: 60%;
  }
  #maskCandy2022 .cta .bg-wrapper{
      background-size: 200%;
      height: 400px;
  }
}

@media screen and (min-width: 768px) {
  #maskCandy2022 .cta .logo-wrapper{
    width: 60%;
    max-width: 500px;
  }
  #maskCandy2022 .cta .bg-wrapper{
      background-size: contain;
      height: 400px;
      border: 0;
  }
}


@media screen and (min-width: 1025px) {
  #maskCandy2022 .cta .bg-wrapper{
      height: 500px;
  }
}

@media screen and (min-width: 480px) {


}

@media screen and (min-width: 768px) {

}


@media screen and (min-width: 1025px) {
  
}

@media screen and (min-width: 1200px) {
  
}





/*////////////3DMask Ultra//////////////*/

#maskUltra .product-detail h2,
#maskUltra .product-wearing h2,
#maskUltra .product-detail b{
  color:#0B686A;
}
#maskUltra .product-detail h2:after,
#maskUltra .product-wearing h2:after,
#maskUltra .product-detail .listSelect,
#maskUltra .product-detail .listWrapper{
  background-color:#0B686A;
}
#maskUltra .product-detail .subTitle svg #bg,
#maskUltra .product-detail .subTitle svg #bg2 path,
#maskUltra .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#4EBAA5;
}
#maskUltra.product-page .subTitle .icon-skin #bg path{
  fill:#0B686A;
}

#maskUltra .product-detail .featureFirst.bg-fluid .bgWrap{
  background: linear-gradient(0deg, #488889 15%, #e1edec 100%);
}
#maskUltra .product-detail .featureFirst .bgWrap-inner{
  background: url("../img/products/3dmask/ultra-bg1.png") left bottom no-repeat;
  height: 100%;
  transform: translateX(20%) translateY(-50%);
}
#maskUltra .product-detail .featureOther-1.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/ultra-img8.png");
  background-position: center 96%;
  background-size: 200%;
}
#maskUltra .product-detail .featureOther-2 .bgWrap-inner{
  background: linear-gradient(0deg, rgba(199, 225, 225, 0) 5.23%, #C7E1E1 82.29%);
  min-height: 60%;
}
/*
#maskUltra .product-size .upper-wrapper{
  background: #40a195;
  box-shadow: inset 0 0 13px rgba(0, 0, 0, .3);
}*/

#maskUltra .product-detail .featureBanner{
  box-shadow: 0 14px 25px rgba(0,0,0, .25);
  margin-bottom: 40px;
}
#maskUltra .product-detail .featureBanner.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/ultra-top-bg.jpg");
  background-position: left bottom;
}
#maskUltra .product-detail .featureBanner .bgWrap-inner{
  background: linear-gradient(270deg, #0A696B 0%, #349D8F 100%);
    min-height: 150px;
    top: 87%;
    width: 100%;
}

@media screen and (max-width: 767px) {
  #maskUltra .product-detail .featureFilter .bgWrap-inner{
    top: 0;
    height: 100%;
    background: linear-gradient(-180deg, rgba(199, 225, 225, 0.2) 5.23%, #C7E1E1 82.29%);

  }
  #maskUltra .product-detail .featureOther-4 .bgWrap-inner{
    background: linear-gradient(0deg, rgba(199, 225, 225, 0) 5.23%, #C7E1E1 82.29%);
    height: 100%;
  }
}

@media screen and (min-width: 768px) {
  #maskUltra .product-detail .featureFirst.bg-fluid .bgWrap{
    background: linear-gradient(270deg, #488889 15%, #e1edec 100%);
  }
  #maskUltra .product-detail .featureFirst .bgWrap-inner{
    transform: translateX(55%) translateY(-50%);
  }
  #maskUltra .product-detail .featureOther-1 .lower.img-wrapper{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
  }
  #maskUltra .product-detail .featureOther-1.bg-fluid .bgWrap{
    background-size: contain;
  }
  #maskUltra .product-detail .featureOther-2 .bgWrap-inner{
    background: linear-gradient(90deg, rgba(199, 225, 225, 0) 5.23%, #C7E1E1 82.29%);
  }
  #maskUltra .product-detail .featureOther-2 .text-wrapper{
    padding-bottom: 10vh;
  }
  #maskUltra .product-detail .featureOther-2 .img-wrapper{
    padding-top: 10vh;
  }
  #maskUltra .product-detail .featureFilter .bgWrap-inner{
    background: linear-gradient(-90deg, rgba(199, 225, 225, 0) 5.23%, #C7E1E1 82.29%);
  }
  #maskUltra .product-detail .featureOther-4 .bgWrap-inner{
    background: linear-gradient(-90deg, rgba(199, 225, 225, 0) 5.23%, #C7E1E1 82.29%);
  }
  #maskUltra .product-detail .featureBanner .bgWrap-inner{
    min-height: 210px;
    top: 84%;
    width: 70%;
    border-radius: 0 20px 20px 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #maskUltra .product-detail .featureOther-1 .text-wrapper .img-wrapper{
    margin-right: 28%;
  }
}

@media screen and (min-width: 1025px) {  
  #maskUltra .product-detail .featureOther-1 .upper-wrapper{
    padding-bottom: 10vh;
  }
  #maskUltra .product-detail .featureBanner .bgWrap-inner{
    min-height: 280px;
    top: 75%;
    width: 70%;
  }
  #maskUltra .product-detail .featureBanner .img-wrapper{
    position: absolute;
    right:0;
  }
  #maskUltra .product-detail .featureOther-1.bg-fluid .bgWrap{
    background-position: center 420px;
  }
}

@media screen and (min-width: 1200px) {  
  #maskUltra .product-detail .featureOther-3 .img-wrapper{
    position: absolute;
    left: 0;
  }
}

@media screen and (min-width: 2000px) {
  #maskUltra .product-detail .featureOther-3{
    max-width: 2000px;
  }
}

#maskUltra .product-detail .featureReview.bg-fluid .bgWrap{
  background-image: url("../img/products/flatmask/premiumMe-compare-bg.png");
}
#maskUltra .product-detail .featureReview{
  border-style: solid;
  border-top-width: 30px;
  border-bottom-width: 30px;
  border-color: #4CB9A4;
  border-right-width: 0;
  border-left-width: 0;
}
#maskUltra .product-detail .featureReview .topBar{
    background-color: #4CB9A4;
    display: inline-block;
    color: white;
    right: -20px;
    position: absolute;
    top: 0;
    z-index: 1;
    top: -30px;
}
#maskUltra .product-detail .featureReview .topBar .text-wrapper{
  position: relative;
    padding: 5px 10px;
    font-size: 1.5rem;
    letter-spacing: 3px;
    font-family: var(--brand-font-tc);
    font-weight: 700;
    height: 50px;
}

#maskUltra .product-detail .featureReview .topBar .text-wrapper:before,
#maskUltra .product-detail .featureReview .topBar .text-wrapper:after{
  content: "";
  background-color: #4CB9A4;
  width: 80px;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
}
#maskUltra .product-detail .featureReview .topBar .text-wrapper:before{
  transform: skewX(30deg);
  left: -20px;
}
#maskUltra .product-detail .featureReview .topBar .text-wrapper:after{
  transform: skewX(-30deg);
  right: -20px;
}
#maskUltra .product-detail .featureReview .topBar .text-wrapper img{
  width: 30px;
  margin-top: -8px;
}
#maskUltra .product-detail .featureReview .logo-wrapper .text{
    display: block;
    font-size: 1.7rem;
    color: var(--brand-color-dark);
    font-weight: 600;
    font-style: italic;
    padding: 10px 0;
    text-align: right;
    letter-spacing: 3px;
    line-height: 1.3;
    font-family: var(--brand-font-tc);
}
#maskUltra .product-detail .featureReview .quote-wrapper{
    border: 1px solid #d5d5d5;
    padding: 1rem 1.5rem;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
    margin-bottom: 30px;
  background-color: white;
  text-align: center;
}

#maskUltra .product-detail .featureReview .quote-wrapper:after,
#maskUltra .product-detail .featureReview .quote-wrapper:before{
  content: "";
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  position: absolute;
  padding: 30px;
}
#maskUltra .product-detail .featureReview .quote-wrapper:before{
  background-image: url("../img/products/3dmask/ultra-review-quote1.svg");
  top: -25px;
  left: -15px;
}
#maskUltra .product-detail .featureReview .quote-wrapper:after{
  background-image: url("../img/products/3dmask/ultra-review-quote2.svg");
  bottom: -25px;
  right: -15px;
}
#maskUltra .product-detail .featureReview .quote-wrapper .title{
    padding-top: 20px;
    font-size: 1.6rem;
    line-height: 1.25;
    color: var(--brand-color-light);
    font-weight: 500;
    text-transform: uppercase;
}
#maskUltra .product-detail .featureReview .quote-wrapper .text{
  font-size: 14px;
  font-weight: 300;
  line-height: 1.45;
}
#maskUltra .product-detail .featureReview .text-wrapper .logo-wrapper{
  display: none;
}
#maskUltra .product-detail .featureReview .mobile .img-wrapper{
  position: relative;
}
#maskUltra .product-detail .featureReview .mobile .img-wrapper span{
    position: absolute;
    color: white;
    font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300)));
    bottom: 38px;
    margin: 0 auto;
    transform: translateX(-50%);
    left: 50%;
    width: 100%;
    line-height: 1.3;
}

@media screen and (min-width: 480px) {
  #maskUltra .product-detail .featureReview .img-wrapper img{
    width: 400px;
  }
  #maskUltra .product-detail .featureReview .logo-wrapper img{
    width: 430px;
  }
  #maskUltra .product-detail .featureReview .logo-wrapper .text{
    font-size: calc(30px + (45 - 30) * ((100vw - 300px) / (1600 - 300)));
  }
  #maskUltra .product-detail .featureReview .quote-wrapper{
      margin-left: 0;
      margin-right: 0;
  }
  #maskUltra .product-detail .featureReview .content-wrapper .text-wrapper{
    max-width: 600px;
    margin: 0 auto;
  }
  #maskUltra .product-detail .featureReview .content-wrapper .mobile .logo-wrapper{
    max-width: 600px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  #maskUltra .product-detail .featureReview .topBar .text-wrapper img{
    width: 45px;
  }
  #maskUltra .product-detail .featureReview .logo-wrapper .text{
    font-size: calc(27px + (45 - 30) * ((100vw - 300px) / (1600 - 300)));
  }
  #maskUltra .product-detail .featureReview .content-wrapper .text-wrapper{
    max-width: 100%;
  }
  #maskUltra .product-detail .featureReview .btn-wrap{
    width: 100%;
  }
  #maskUltra .product-detail .featureReview .img-wrapper {
    display: inline-block;
    width: 48%;
    padding-right: 1rem;
  }
  #maskUltra .product-detail .featureReview .content-wrapper .mobile .logo-wrapper{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    margin: 0 auto;
  }
  #maskUltra .product-detail .featureReview{
    border-top-width: 40px;
    border-bottom-width: 40px;
  }
  #maskUltra .product-detail .featureReview .topBar .text-wrapper{
      font-size: 2rem;
      line-height: 1;
  }

}

@media screen and (min-width: 1025px) {

  #maskUltra .product-detail .featureReview .content-wrapper .mobile .logo-wrapper{
    display: none;
  }
  #maskUltra .product-detail .featureReview .img-wrapper {
    width: auto;
    padding-right: 0;
  }
  #maskUltra .product-detail .featureReview .img-wrapper img{
    width: 650px;
  }
  #maskUltra .product-detail .featureReview .text-wrapper .logo-wrapper{
    display: block;
    width: 100%;
  }
  #maskUltra .product-detail .featureReview .content-wrapper .text-wrapper{
    display: flex;
    flex-wrap: wrap;
  }
  #maskUltra .product-detail .featureReview .quote-wrapper{
    text-align: center;
    width: 100%;
  }
  #maskUltra .product-detail .featureReview .content-wrapper{
    display: flex;
    padding: 2rem 0 0;
    align-items: center;
  }
  #maskUltra .product-detail .featureReview .mobile{
    width: 130%;
    margin-right: 3rem;
  }
  #maskUltra .product-detail .featureReview .topBar{
    right: -30px;
  }
}

@media screen and (min-width: 1200px) {
  #maskUltra .product-detail .featureReview .content-wrapper{
    align-items: flex-start;
  }
  #maskUltra .product-detail .featureReview .mobile{
    width: 100%
  }
}

@media screen and (min-width: 1400px) {

  #maskUltra .product-detail .featureReview .quote-wrapper{
    padding: 1rem 3rem;
  }
}



/*////////////PremiumMask//////////////*/

#premiumMask .product-detail h2,
#premiumMask .product-wearing h2,
#premiumMask .product-detail b{
  color:#279192;
}
#premiumMask .product-detail h2:after,
#premiumMask .product-wearing h2:after,
#premiumMask .product-detail .listSelect,
#premiumMask .product-detail .listWrapper{
  background-color:#279192;
}
#premiumMask .product-detail .subTitle svg #bg,
#premiumMask .product-detail .subTitle svg #bg2 path,
#premiumMask .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#279192;
}
#premiumMask.product-page .subTitle .icon-skin #bg path{
  fill:#EC7990;
}
#premiumMask .product-detail .featureFilter .listSelect,
#premiumMask .product-detail .featureFilter .listWrapper,
#premiumMask .product-detail .featureOther-3 h2:after{
  background-color:#EC7990;
}
#premiumMask .product-detail .featureFilter .subTitle svg #bg,
#premiumMask .product-detail .featureFilter .subTitle svg #bg2 path,
#premiumMask .product-detail .featureFilter .itemWrapper .item .img-wrapper svg path#bg{
  fill:#EC7990;
}
#premiumMask .product-detail .featureFilter h2,
#premiumMask .product-detail .featureFilter b,
#premiumMask .product-detail .featureOther-3 h2,
#premiumMask .product-detail .featureOther-3 b{
  color:#EC7990;
}
#premiumMask .product-size .nav .nav-link .sizebtn svg #bg{
  fill:white;
}
#premiumMask .product-size .nav .nav-link .sizebtn svg #draw path{
  fill:#159DA0;
}
#premiumMask .product-size .nav .nav-link.active .sizebtn svg #bg{
  fill:#159DA0;
}
#premiumMask .product-size .nav .nav-link.active .sizebtn svg #draw path{
  fill:white;
}
#premiumMask .product-size .sizebtn{
    border-color: #159DA0;
}
#premiumMask .product-size .nav .nav-link.active .sizebtn {
    background-color: #159DA0;
}
#premiumMask .product-size .sizebtn.last {
    border-color: #159DA0;
}
/*
#premiumMask .product-size .sizebtn{
  border:0;
}
#premiumMask .product-size .sizebtn.last{
    border-right: 0;
}
#premiumMask .product-size .nav .nav-link.active .sizebtn{
    background-color: transparent;
}*/

#premiumMask .product-detail .featureFirst.bg-fluid .bgWrap{
  background: linear-gradient(180deg, #BFE6E9 8.46%, #FAEEF3 90%);
}
#premiumMask .product-detail .featureFirst .img-wrapper{
  position: relative;
    height: 500px;
    margin-top: -200px;
}
#premiumMask .product-detail .featureFirst .img-wrapper img{
    width: 460px;
    position: absolute;
    opacity: .45;
    bottom: -150px;
}
#premiumMask .product-detail .featureOther-1.bg-fluid .bgWrap,
#premiumMask .product-detail .featureOther-2.bg-fluid .bgWrap,
#premiumMask .product-detail .featureOther-4.bg-fluid .bgWrap{
  background: linear-gradient(180deg, rgba(209, 232, 235, 0.345) 0.01%, rgba(170, 215, 219, 0.5) 100%);
}
#premiumMask.product-page .featureFilter .bgWrap-inner{
  background: linear-gradient(180deg, rgba(236, 121, 144, 0.03) 0.01%, rgba(236, 121, 144, 0.18) 100%);
    min-height: 100%;
    top: 0;
}
#premiumMask.product-page .featureOther-3.bg-fluid .bgWrap{
  background: linear-gradient(180deg, rgba(236, 121, 144, 0.03) 0.01%, rgba(236, 121, 144, 0.18) 100%);
}

@media screen and (min-width: 480px) {
  #premiumMask .product-detail .featureFirst .img-wrapper img{
      right: 0;
  }
}

@media screen and (min-width: 768px) {
  #premiumMask .product-detail .featureFirst.bg-fluid .bgWrap{
    background: linear-gradient(90deg, #BFE6E9 8.46%, #FAEEF3 90%);
  }
  #premiumMask .product-detail .featureFirst .img-wrapper img{
      right: -100px;
      top: 60%;
      transform: translateY(-50%);
      width: 530px;
      bottom: unset;
      opacity: .65;
  }
  #premiumMask .product-detail .featureFirst .img-wrapper{
      margin-top: -50px;
  }
  #premiumMask .product-detail .featureOther-1.bg-fluid .bgWrap{
    background: linear-gradient(-270deg, rgba(209, 232, 235, 0.345) 0.01%, rgba(170, 215, 219, 0.5) 100%);
  }
  #premiumMask .product-detail .featureOther-2.bg-fluid .bgWrap{
    background: linear-gradient(270deg, rgba(209, 232, 235, 0.345) 0.01%, rgba(170, 215, 219, 0.7) 100%);
    height: 60%;
  }
  #premiumMask .product-detail .featureOther-2 .img-wrapper{
    position: absolute;
    left: -60px;
  }
  #premiumMask .product-detail .featureOther-4.bg-fluid .bgWrap{
    background: linear-gradient(270deg, rgba(209, 232, 235, 0.345) 0.01%, rgba(170, 215, 219, 0.7) 100%);
    height: 100%;
  }
  #premiumMask.product-page .featureFilter .bgWrap-inner{
    background: linear-gradient(270deg, rgba(236, 121, 144, 0.07) 0.01%, rgba(236, 121, 144, 0.18) 100%);
    min-height: 60%;
    top: 50%;
  }
  #premiumMask.product-page .featureOther-3.bg-fluid .bgWrap{
    background: linear-gradient(-270deg, rgba(236, 121, 144, 0.03) 0.01%, rgba(236, 121, 144, 0.18) 100%);
    height: 50%;
  }
  #premiumMask .product-certificateA .itemWrapper .item{
    flex-basis: 49%;
  }
}

@media screen and (min-width: 1025px) {
  #premiumMask .product-detail .featureOther-1.bg-fluid .bgWrap{
    height: 40%;
    top: 30%;
  }
  #premiumMask .product-detail .featureOther-2.bg-fluid .bgWrap{
    height: 50%;
  }
  #premiumMask .product-detail .featureOther-4.bg-fluid .bgWrap{
    height: 50%;
  }
  #premiumMask .product-detail .featureFirst .img-wrapper img{
    width: 650px;
  }
  #premiumMask .product-certificateA .itemWrapper .item{
    flex-basis: 30%;
  }
}

@media screen and (min-width: 1200px) {
  #premiumMask .product-detail .featureFirst .img-wrapper img{
    width: 800px;
  }
  #premiumMask .product-detail .featureOther-2 .img-wrapper{
    left: auto;
  }
}

#premiumMask .product-detail .featureBanner.bg-fluid .bgWrap{
  background: linear-gradient(73.11deg, #BCE4DF 0%, #D2F5F6 57.81%);
  background-position: center;
}

@media screen and (min-width: 480px) and (max-width:767px) {
  #premiumMask .product-detail .featureBanner .logo-wrapper{
    max-width: 380px;
  }
  #premiumMask .product-detail .featureBanner .img-wrapper{
    max-width: 650px;
    margin-top: -20px;
  }
}
@media screen and (min-width: 768px) and (max-width:1024px) {
  #premiumMask .product-detail .featureBanner .logo-wrapper{
    max-width: 430px;
  }
}
@media screen and (min-width: 768px){
  #premiumMask .product-detail .featureBanner .img-wrapper{
    margin-top: -100px;
  }
}
@media screen and (min-width: 992px){
  #premiumMask .product-detail .featureBanner .img-wrapper{
    margin-top: -160px;
  }
}
@media screen and (min-width: 1200px){
  #premiumMask .product-detail .featureBanner .img-wrapper{
    position: absolute;
    left:0;
    max-width: 780px;
  }
  #premiumMask .product-detail .featureBanner .container{
     max-width: 100% !important;
     height: auto !important;
  }
}
@media screen and (min-width: 1400px){
  #premiumMask .product-detail .featureBanner .img-wrapper{
  max-width: 860px;
  }
  #premiumMask .product-detail .featureBanner .logo-wrapper{
    align-self: center !important;
    padding-bottom: 230px !important;
  }
}

@media screen and (max-width:1199px) {
  #premiumMask .product-detail .featureBanner .logo-wrapper{
    padding-left: 0;
    padding-right:0;
  }
}

#premiumMask .icon-text{
  display: inline-block;
  padding: 5px;
    border: 1px solid #279192;
    font-size: 20px;
    letter-spacing: 0;
    border-radius: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

@media screen and (max-width:1024px) {
  #premiumMask.product-page .featureOther-4 .subTitle div{
    margin: auto;
  }
  #premiumMask.product-page .featureOther-4 .subTitle div img{
    width: 280px;
  }
}

/*////////////PremiumMask - Medical//////////////*/

#premiumMedical .product-detail h2,
#premiumMedical .product-wearing h2,
#premiumMedical .product-detail b{
  color:#287CAC;
}
#premiumMedical .product-detail h2:after,
#premiumMedical .product-wearing h2:after,
#premiumMedical .product-detail .listSelect,
#premiumMedical .product-detail .listWrapper{
  background-color:#287CAC;
}
#premiumMedical .product-detail .subTitle svg #bg,
#premiumMedical .product-detail .subTitle svg #bg2 path,
#premiumMedical .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#287CAC;
}
#premiumMedical.product-page .subTitle .icon-skin #bg path{
  fill:#287CAC;
}


#premiumMedical .product-size .nav .nav-link .sizebtn svg #bg{
  fill:white;
}
#premiumMedical .product-size .nav .nav-link .sizebtn svg #draw path{
  fill:#366DB4;
}
#premiumMedical .product-size .nav .nav-link.active .sizebtn svg #bg{
  fill:#366DB4;
}
#premiumMedical .product-size .nav .nav-link.active .sizebtn svg #draw path{
  fill:white;
}
#premiumMedical .product-size .sizebtn{
    border-color: #366DB4;
}
#premiumMedical .product-size .nav .nav-link.active .sizebtn {
    background-color: #366DB4;
}
#premiumMedical .product-size .sizebtn.last {
    border-color: #366DB4;
}
/*
#premiumMedical .product-size .sizebtn{
  border:0;
}
#premiumMedical .product-size .sizebtn.last{
    border-right: 0;
}
#premiumMedical .product-size .nav .nav-link.active .sizebtn{
    background-color: transparent;
}*/

#premiumMedical .product-detail .featureFirst.bg-fluid .bgWrap{
  background: linear-gradient(180deg, rgba(208, 233, 247, 0.8) 8.46%, #9AC4DC 90%);
}
#premiumMedical .product-detail .featureFirst .img-wrapper{
  position: relative;
    height: 500px;
    margin-top: -200px;
}
#premiumMedical .product-detail .featureFirst .img-wrapper img{
    width: 460px;
    position: absolute;
    opacity: .45;
    bottom: -150px;
}
#premiumMedical .product-detail .featureOther-1.bg-fluid .bgWrap{
  background: linear-gradient(180deg, rgba(228, 240, 252, 0) 0%, rgba(147, 184, 221, 0.77) 50%, rgba(228, 240, 252, 0) 100%);
}
#premiumMedical .product-detail .featureOther-2.bg-fluid .bgWrap,
#premiumMedical .product-detail .featureOther-3.bg-fluid .bgWrap{
  background: linear-gradient(0deg, rgba(230, 242, 255, 0.19) 0.01%, #ACC9E6 100%);
}
#premiumMedical .product-detail .featureOther-4.bg-fluid .bgWrap{
  background: linear-gradient(180deg, rgba(230, 242, 255, 0.19) 0.01%, #ACC9E6 100%);
}
#premiumMedical.product-page .featureFilter .bgWrap-inner{
    background: linear-gradient(180deg, rgba(230, 242, 255, 0.19) 0.01%, #ACC9E6 100%);
}
#premiumMedical .product-detail .featureOther-5.bg-fluid .bgWrap{
  background: linear-gradient(180deg, rgba(230, 242, 255, 0.19) 0.01%, #ACC9E6 100%);
}

@media screen and (min-width: 480px) and (max-width:  767px){
  #premiumMedical .product-detail .featureOther-1 .minHeight90{
      height: auto !important;
  }
}

@media screen and (min-width: 480px) {
  #premiumMedical .product-detail .featureFirst .img-wrapper img{
      right: 0;
  }

}

@media screen and (min-width: 768px) {
  #premiumMedical .product-detail .featureFirst.bg-fluid .bgWrap{
    background: linear-gradient(90deg, rgba(208, 233, 247, 0.8) 8.46%, #9AC4DC 90%);
  }
  #premiumMedical .product-detail .featureFirst .img-wrapper img{
      right: -100px;
      top: 60%;
      transform: translateY(-50%);
      width: 530px;
      bottom: unset;
      opacity: .65;
  }
  #premiumMedical .product-detail .featureFirst .img-wrapper{
      margin-top: -50px;
  }
  #premiumMedical .product-detail .featureOther-1.bg-fluid .bgWrap{
    background: linear-gradient(270deg, rgba(147, 184, 221, 0.77) 0%, rgba(228, 240, 252, 0.2002) 100%);
    height: 70%;
  }
  #premiumMedical .product-detail .featureOther-2.bg-fluid .bgWrap{
    background: linear-gradient(270deg, rgba(230, 242, 255, 0.69) 0.01%, #ACC9E6 100%);
  }
  #premiumMedical .product-detail .featureOther-3 .img-wrapper{
    position: absolute;
    left: -30px;
  }
  #premiumMedical .product-detail .featureOther-3.bg-fluid .bgWrap,
  #premiumMedical .product-detail .featureOther-4.bg-fluid .bgWrap{
    background: linear-gradient(-270deg, rgba(230, 242, 255, 0.69) 0.01%, #ACC9E6 100%);
    height: 60%;
  }
  #premiumMedical.product-page .featureFilter .bgWrap-inner{
    z-index: -1;
    /* background: linear-gradient(270deg, rgba(230, 242, 255, 0.19) 0.01%, #ACC9E6 100%); */
  }
  #premiumMedical .product-detail .featureOther-5.bg-fluid .bgWrap{
    background: linear-gradient(270deg, rgba(230, 242, 255, 0.69) 0.01%, #ACC9E6 100%);
    height: 65%;
  }
  #premiumMedical .product-certificateA .itemWrapper .item{
    flex-basis: 49%;
  }

}

@media screen and (min-width: 1025px) {
  #premiumMedical .product-detail .featureOther-2.bg-fluid .bgWrap{
    height: 40%;
    top: 30%;
  }
  #premiumMedical .product-detail .featureFirst .img-wrapper img{;
      width: 650px;
  }
  #premiumMedical .product-certificateA .itemWrapper .item{
    flex-basis: 30%;
  }
  #premiumMedical .product-detail .featureOther-3 .img-wrapper{
    left: 100px;
  }
}

@media screen and (min-width: 1200px) {
  #premiumMedical .product-detail .featureFirst .img-wrapper img{
    width: 800px;
  }
  #premiumMedical .product-detail .featureOther-1 .img-wrapper{
    position: absolute;
    left: 0;
  }
}


#premiumMedical .product-detail .featureBanner.bg-fluid .bgWrap{
  background: linear-gradient(90deg, #F4F8FD 0%, #D2E4F0 53.65%, #E6F0F7 100%);
  background-position: center;
}

@media screen and (min-width: 480px) and (max-width:767px) {
  #premiumMedical .product-detail .featureBanner .minHeight80{
    min-height: 680px !important;
  }
}
@media screen and (min-width: 480px) and (max-width:1024px) {
  #premiumMedical .product-detail .featureBanner .logo-wrapper{
    max-width: 450px;
  }
}
@media screen and (min-width: 768px){
  #premiumMedical .product-detail .featureBanner .img-wrapper{
    margin-top: -170px;
  }
}
@media screen and (min-width: 992px){
  #premiumMedical .product-detail .featureBanner .img-wrapper{
    margin-top: -280px;
  }
}
@media screen and (min-width: 1200px){
  #premiumMedical .product-detail .featureBanner .img-wrapper{
  position: absolute;
  left:0;
  max-width: 65%;
  }
  #premiumMedical .product-detail .featureBanner .container{
  max-width: 100% !important;
  }
}
@media screen and (min-width: 1400px){
  #premiumMedical .product-detail .featureBanner .img-wrapper{
    max-width: 850px;
  }
}
@media screen and (min-width: 1500px){
  #premiumMedical .product-detail .featureBanner .img-wrapper{
    max-width: 890px;
  }
  #premiumMedical .product-detail .featureBanner .logo-wrapper{
  align-self: center !important;
  padding-bottom: 180px !important;
  }
}

@media screen and (max-width:1199px) {
  #premiumMedical .product-detail .featureBanner .logo-wrapper{
    padding-left: 0;
  padding-right:0;
  }
}


#premiumMedical .featureCompare.bg-fluid .bgWrap{
  background-image: url("../img/products/flatmask/premiumMe-compare-bg.png");
}
#premiumMedical .featureCompare .content-wrapper .title{
  color: #366EB5;
  font-weight: 600;
    letter-spacing: 3px;
    font-size: calc(30px + (48 - 30) * ((100vw - 300px) / (1600 - 300)));
    text-align: center;
    border-bottom: 2px solid #366EB5;
    padding-bottom: 5px;
    margin-bottom: 1rem;
    font-family: var(--brand-font-tc);
}
#premiumMedical .featureCompare .compareBox hr.dark{
  border-color: #366EB5;
  margin: 1.5rem 0;
}
#premiumMedical .featureCompare .compareBox{
  background-color: white;
}
#premiumMedical .featureCompare .compareBox .row{
  text-align: center;
  align-items: center;
  margin-left: -8px !important;
  margin-right: -8px !important;
}
#premiumMedical .featureCompare .compareBox .row.r3{
  align-items: center;
}
#premiumMedical .featureCompare .compareBox .col{
  margin: 8px 8px;
  padding: 0 10px !important;
}
#premiumMedical .featureCompare .compareBox .r1 .col{
  font-size: 1.1rem;
  line-height: 1.3;
  margin-bottom: 15px;
}
#premiumMedical .featureCompare .compareBox .r3 .text-wrapper{
    border: 2px solid #3a3a3a;
    border-radius: 5px;
    padding: 0.8rem .5rem .5rem;
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0;
    position: relative;
}
#premiumMedical .featureCompare .compareBox .r3 .c3-2 .text-wrapper{
    border-color: #366EB5;
    color: #366EB5;
}
#premiumMedical .featureCompare .compareBox .r3 .text-wrapper:before{
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}
#premiumMedical .featureCompare .compareBox .r3 .c3-1 .text-wrapper:before{
  background-image: url("../img/products/flatmask/premiumMe-compare-icon-x.svg");
}
#premiumMedical .featureCompare .compareBox .r3 .c3-2 .text-wrapper:before{
  background-image: url("../img/products/flatmask/premiumMe-compare-icon-tick.svg");
}
#premiumMedical .featureCompare .compareBox b{
  color: inherit;
}
#premiumMedical .featureCompare .compareBox .r1 .col span{
  border: 2px solid #4B88D5;
  padding: 5px 1rem;
    color: #4B88D5;
    font-weight: 500;
    letter-spacing: 3px;
    font-size: calc(18px + (32 - 18) * ((100vw - 300px) / (1600 - 300)));
}
#premiumMedical .featureCompare .compareBox .spText{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 1;
    font-size: calc(30px + (110 - 30) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 500;
    font-family: var(--brand-font-en);
    user-select: none;
}
#premiumMedical .featureCompare .compareBox .r1-1 .c1-1{
  margin-right: 30px;
}
#premiumMedical .featureCompare .compareBox .item-wrapper{
  position: relative;
}

@media screen and (min-width: 480px) {
  #premiumMedical .featureCompare .compareBox .col img{
    max-width: 200px;
  }
}

@media screen and (min-width: 580px) {

  #premiumMedical .featureCompare .compareBox .spText{
      top: 50%;
      transform: translate(-50%,-50%);
  }
  #premiumMedical .featureCompare .compareBox .r3 .text-wrapper{
    display: inline-block;
    min-width: 200px;
    margin: 0 25px;
  }
}
@media screen and (min-width: 768px) {
  #premiumMedical .featureCompare .compareBox{
    border: 3px solid #366EB5;
    padding: 1.5rem 1.5rem;
  }
  #premiumMedical .featureCompare .compareBox .r1 .col{
    font-size: calc(16px + (32 - 16) * ((100vw - 300px) / (1600 - 300)));
  }
  #premiumMedical .featureCompare .content-wrapper .title{
      border-bottom: 0;
  }
  #premiumMedical .featureCompare .compareBox .r3 .text-wrapper{
    padding: .8rem 1rem .5rem;
    margin: 0 25px;
  }
  #premiumMedical .featureCompare .compareBox .row.r3{
    align-items: flex-start;
  }
  #premiumMedical .featureCompare .compareBox .col{
    padding: 0 1rem !important;
  }
  #premiumMedical .featureCompare .compareBox .col:first-child{
    margin-right: 40px;
    margin-left: 0;
  }
  #premiumMedical .featureCompare .compareBox .col:last-child{
    margin-left: 40px;
  }
  #premiumMedical .featureCompare .compareBox .col img{
    max-width: 73%;
  }
  #premiumMedical .featureCompare .compareBox .r1.r1-1{
    position: static;
    transform: translate(0);
  }
  #premiumMedical .featureCompare .compareBox .r1{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    margin: 0 !important;
  }
  #premiumMedical .featureCompare .compareBox .r1 .col span{
    letter-spacing: 0;
    line-height: 1.4;
    padding: 5px .8rem;
    font-size: calc(18px + (32 - 18) * ((100vw - 300px) / (1600 - 300)));
  }

}

@media screen and (min-width: 1025px) {
  #premiumMedical .featureCompare .compareBox{
    padding: 2rem 2rem;
  }
  #premiumMedical .featureCompare .compareBox .r1 .col span{
    padding: 10px 1.2rem;
  }
  #premiumMedical .featureCompare .compareBox .col img{
    max-width: 280px;
  }
  #premiumMedical .featureCompare .compareBox .col{
    margin: 15px 8px;
  }
}

@media screen and (min-width: 1200px) {
  
}




/*////////////3DMask Memories//////////////*/

#maskMemories .product-detail h2,
#maskMemories .product-wearing h2,
#maskMemories .product-detail b{
  color:#0B686A;
}
#maskMemories .product-detail h2:after,
#maskMemories .product-wearing h2:after,
#maskMemories .product-detail .listSelect,
#maskMemories .product-detail .listWrapper{
  background-color:#0B686A;
}
#maskMemories .product-detail .subTitle svg #bg,
#maskMemories .product-detail .subTitle svg #bg2 path,
#maskMemories .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#4EBAA5;
}
#maskMemories.product-page .subTitle .icon-skin #bg path{
  fill:#0B686A;
}

#maskMemories .product-detail .title-text{
    letter-spacing: 5px;
    font-size: calc(24px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 600;
    font-family: var(--brand-font-tc);
    color: #373737;
    padding: 2rem .5rem;
}
#maskMemories .product-detail .featureSpecial.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/memories-bg-01.jpg");
}
#maskMemories .product-detail .featureSpecial .row{
  position: relative;
}
#maskMemories .product-detail .featureSpecial .deco{
  background-color: rgba(255,255,255, .75);
  position: absolute;
  height: 100%;
}
#maskMemories .product-detail .featureSpecial .deco::before,
#maskMemories .product-detail .featureSpecial .deco::after{
  content: "";
  background: url("../img/products/3dmask/memories-bg-01-deco.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center center;
  position: absolute;
  display: block;
  height: 150px;
  width: 150px;
  background-size: 150px;
}
#maskMemories .product-detail .featureSpecial .deco::before{
  top: -55px;
  left: -60px;
}
#maskMemories .product-detail .featureSpecial .deco::after{
    bottom: -50px;
    right: -55px;
}

#maskMemories .head-banner .white-overlay{
  background-color: rgba(255, 255, 255, 0.7);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#maskMemories.product-page .head-banner .banner-wrapper{
  width: auto;
}

#maskMemories .head-banner .banner-logo{
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: center center;
  height: 100%;
}
#maskMemories .product-detail .featureOther-1.bg-fluid .bgWrap{
    background: url("../img/products/3dmask/memories-bg-03.jpg");
}
#maskMemories .product-detail .featureOther-3 .text-wrapper .title-text{
  padding: 1rem 1rem 1rem 2rem;
  margin-bottom: 0;
}
#maskMemories .product-detail .featureOther-3 .text-wrapper p{
  color: #424242;
  padding: 1rem 1rem 1rem 2rem;
  font-weight: 300;
  margin: 0;
}
#maskMemories .product-detail .featureOther-3 .text-wrapper{
  position: relative;
  margin: 3rem 0;
  padding-left: 2rem;
}
#maskMemories .product-detail .featureOther-3 .text-wrapper::before{
  content: "";
  width: 2px;
  height: 100%;
  background-color: #707070;
  position: absolute;
}
#maskMemories .product-detail .featureOther-3.bg-fluid .bgWrap{
  background: url("../img/products/3dmask/memories-bg-03.jpg");
  opacity: .7;
}


@media screen and (min-width: 768px) {
  #maskMemories .product-detail .featureSpecial .title-text{
      padding: 2rem 2rem 2rem 4rem;
  }
  #maskMemories .product-detail .featureSpecial .deco::before,
  #maskMemories .product-detail .featureSpecial .deco::after{
    height: 200px;
    width: 200px;
    background-size: 200px;
  }
  #maskMemories .head-banner .banner-logo{
    background-size: 650px;
  }
  #maskMemories .product-detail .featureOther-3 .text-wrapper{
    padding-left: 2.5rem;
  }

}

@media screen and (min-width: 1500px) {
  #maskMemories .product-detail .featureOther-3 .text-wrapper{
    padding-left: inherit;
  }
}

#maskMemories .featureSpecial .fix-height{
  min-height: 500px !important;
}
@media screen and (min-width: 768px) {
  #maskMemories .featureSpecial .fix-height{
    height: auto !important;
    min-height: 450px !important;
  }
}

#maskMemories .cta .row{
  position: relative;
}
#maskMemories .cta .cta-btn{
  position: absolute;
  top: 27%;
  left: 50px;
}
#maskMemories .cta .cta-btn .btn-inner.white{
  background-color: transparent;
}

@media screen and (min-width: 480px) {
  #maskMemories .cta .cta-btn{
    left: 13%;
  }
}
@media screen and (min-width: 768px) {
  #maskMemories .cta .cta-btn{
    top: 63%;
    left: 14%;
  }
}
@media screen and (min-width: 1025px) {
  #maskMemories .cta .cta-btn{
    top: 60%;
    left: 13%;
  }
}


@media screen and (min-width: 1520px) {
  #maskMemories .cta .cta-btn{
    left: 12%
  }  
}


/*////////////3DMask Kuro//////////////*/


#maskKuro .product-detail .label-wrapper{
    background: rgba(255, 255, 255, .15);
    box-shadow: 0 0 13px rgba(255, 255, 255, .55);
    border-radius: 3px;
    position: relative;
    padding: 5px 1rem;
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
    transform: skewX(-10deg);
}
@media screen and (max-width: 479px) {
  #maskKuro .product-detail .label-wrapper{
      margin: 0 .5rem;
  }
}
#maskKuro .product-detail .label-wrapper::before,
#maskKuro .product-detail .label-wrapper::after{
  content: "";
    background: white;
    height: 100%;
    width: 9px;
    display: inline-block;
    position: absolute;
    top: 0;
    box-shadow: 0 0 10px rgba(255, 255, 255, .5);
}
#maskKuro .product-detail .label-wrapper::before{
  left: 0;
}

#maskKuro .product-detail .label-wrapper::after{
  right: 0;
}
#maskKuro .product-detail .label-wrapper .subTitle{
  color: white;
  transform: skewX(10deg);
    display: block;

}
#maskKuro .product-detail .label-wrapper .subTitle::after{
  display: none;
}
#maskKuro .product-detail p.th2,
#maskKuro .product-detail ul.th2{
  font-style: italic;
  font-weight: 300;
}


#maskKuro .product-detail .featureFirst.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kuro-bg-01.png");
}
#maskKuro .product-detail .featureFirst .content-wrapper{
  /*position: relative;*/
}
#maskKuro .product-detail .featureFirst .content-wrapper .bg{
  background-image: url("../img/products/3dmask/kuro-img-02.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center left;
  height: 200px;
  width: 100%;
  margin: 1rem auto;
  /*position: absolute;*/
}
#maskKuro .product-detail .featureFirst .content-wrapper p{
  padding-top: 40px;
}
#maskKuro .product-detail .featureFirst .content-wrapper p.img-wrapper{
  width: 130px;
  flex-shrink: 0;
}
#maskKuro .product-detail .featureFirst .content-wrapper .label-text{
  color: white;
 /* display: block;*/
  font-size: 14px;
  display: flex;
  align-items: flex-start;
    line-height: 1.4;
}
#maskKuro .product-detail .featureFirst .content-wrapper .label-text::before{
  content: "";
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 50px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 10px;
  flex-shrink: 0;
}
#maskKuro .product-detail .featureFirst .content-wrapper .label-text:nth-child(1)::before{
  background-color: #214071;
}
#maskKuro .product-detail .featureFirst .content-wrapper .label-text:nth-child(2)::before{
  background-color: #707070;
}
#maskKuro .product-detail .featureFirst .content-wrapper .label-text:nth-child(3)::before{
  background-color: #324642;
}
#maskKuro .product-detail .featureFirst .content-wrapper .label-text:nth-child(4)::before{
  background-color: #0b0b0b;
}
#maskKuro .product-detail .featureFirst .img-wrapper-2{
  max-width: 300px;
  padding: 0 0 3rem;
}
  #maskKuro .product-detail .featureFirst .content-wrapper .label-text{
    padding-bottom: 5px;
  }

#maskKuro .product-detail .featureOther-1.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kuro-bg-02.png");
}

#maskKuro .product-detail .featureOther-1 .text-wrapper{
  color: white;
  font-size: calc(52px + (70 - 52) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 700;
  text-shadow: 0px 0px 40px #fffffb;
  text-align: center;
  line-height: 1.25;
  letter-spacing: 5px;
  font-family: var(--brand-font-tc);
}

html[lang="ja"] #maskKuro .product-detail .featureOther-1 .text-wrapper{
	font-size: calc(24px + (44 - 24) * ((100vw - 300px) / (768 - 300)));
	font-weight: 300;
	font-family: var(--brand-font-jp);
	letter-spacing: 10px;
}
@media screen and (min-width: 768px) {
	#maskKuro .product-detail .featureOther-1 .text-wrapper.vertical{
		text-orientation: upright;
		writing-mode: vertical-rl;
	}
	html[lang="ja"] #maskKuro .product-detail .featureOther-1 .text-wrapper{
		font-size: 48px;
	}
}
#maskKuro .product-detail .featureOther-1 .bgWrap-inner{
  background-image: url("../img/products/3dmask/kuro-old.png"), url("../img/products/3dmask/kuro-new.png");
  background-repeat: no-repeat;
    background-size: 50%;
    background-position: right 10%, left 80%;
    height: 100%;
}
#maskKuro .product-detail .featureOther-1 .img-wrapper .imgText{
  font-size: calc(25px + (48 - 25) * ((100vw - 300px) / (1600 - 300)));
  color: white;
  font-weight: 300;
  letter-spacing: 5px;
    text-shadow: 0px 0px 40px #000000;
}
#maskKuro .product-detail .featureOther-1 .img-wrapper .imgCol span:first-child{
	max-width: 500px;
}



#maskKuro .product-detail .featureOther-2.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kuro-bg-03.jpg");
  background-color: #26292b;
  background-position: 30% top;
}
#maskKuro .product-detail .featureOther-2 .img-wrapper img{
  max-width: 180%;
}
#maskKuro .product-detail .featureOther-3.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kuro-bg-04.jpg");
  background-color: black;
  background-position: 58% top;
}
#maskKuro .product-detail .featureOther-3 .text-wrapper p{
  width: 200px;
}


#maskKuro .product-detail .featureOther-4.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kuro-bg-05.jpg");
  background-position: 38% top;
}
#maskKuro .product-detail .featureOther-4 .img-wrapper img{
  max-width: 200%;
}

#maskKuro .product-detail .featureOther-5.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kuro-bg-06.jpg");
  background-color: black;
  background-position: 58% top;
}

#maskKuro .product-detail .featureOther-6.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kuro-bg-07.jpg");
  background-color: #26292b;
  background-position: 46% top;
}
#maskKuro .product-detail .featureOther-6 .img-wrapper img{
  max-width: 180%;
}

#maskKuro .cta .row{
  position: relative;
}
#maskKuro .cta .cta-btn{
    position: absolute;
    transform: translateX(-50%);
    top: 23%;
    left: 50%;
}

#maskKuro .featureFilter.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/kuro-bg-08-2.png");
}
#maskKuro.product-page .featureFilter .bgWrap-inner{
  background-image: url("../img/products/3dmask/kuro-bg-08-4m.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  top: 0;
}
#maskKuro.product-page .featureFilter .listSelect{
  background-color: white;
  color: #3a3a3a;
}
#maskKuro.product-page .featureFilter .listWrapper{
  background-color: white;
  color: #3a3a3a;
  border-top-color: #3a3a3a;
}
#maskKuro.product-page .featureFilter .itemWrapper .item .img-wrapper svg path#bg{
  fill: #6a7682;
}/*

#maskKuro .product-detail .featureOther-6 .text-wrapper{
  position: relative;
}
#maskKuro .product-detail .featureOther-6 .deco-1{
    width: 33%;
    height: 2px;
    background: white;
    position: absolute;
    right: 530px;
    top: 20%;
}
#maskKuro .product-detail .featureOther-6 .deco-2{
    width: 29%;
    height: 2px;
    background: white;
    position: absolute;
    right: 724px;
    top: 44%;
    transform: rotate(-23deg);
}
*/


@media screen and (max-width: 767px) {
  #maskKuro .product-detail .featureFirst .img-wrapper-1{
    max-width: 450px;
  }
  #maskKuro .product-detail .featureOther-2.bg-fluid .bgWrap{
    background-position: right center;
  }
  #maskKuro .product-detail .featureOther-3.bg-fluid .bgWrap{
    background-position: left center;
  }
  #maskKuro .product-detail .featureOther-4.bg-fluid .bgWrap{
    background-position: right center;
  }
  #maskKuro .product-detail .featureOther-5.bg-fluid .bgWrap{
    background-position: left center;
  }
  #maskKuro .product-detail .featureOther-6.bg-fluid .bgWrap{
    background-position: right center;
  }
  #maskKuro .featureFilter .container{
      min-height: 830px !important;
    }
}

@media screen and (max-width: 480px) {
  #maskKuro .featureFilter .container{
      min-height: 900px !important;
    }
}

@media screen and (min-width: 480px) {
  #maskKuro .product-detail .featureOther-4 .img-wrapper img{
    max-width: 150%;
  }
}

@media screen and (min-width: 580px) {
  #maskKuro .product-detail .featureFirst .content-wrapper .bg{
    height: 270px;
  }
}

@media screen and (min-width: 768px) {
  #maskKuro .product-detail .featureOther-1 .bgWrap-inner{
      background-size: 30%;
      background-position: 22% 8%, 80% 90%;
  }
  #maskKuro.product-page .featureFilter .bgWrap-inner{
    background-size: cover;
    top: 50%;
    background-image: url("../img/products/3dmask/kuro-bg-08-4.png");
  }
}

@media screen and (min-width: 992px) {
  #maskKuro.product-page .featureFilter .bgWrap-inner{
    background-size: 105%;
  }
}

@media screen and (min-width: 1200px) {
  #maskKuro .product-detail .featureFirst .content-wrapper p.img-wrapper{
    width: 160px;
  }
  #maskKuro .product-detail .featureOther-1 .bgWrap-inner{
      background-size: 30%;
      background-position: left 50%, right 50%;
  }
  #maskKuro .product-detail .featureOther-2 .content-wrapper .text-wrapper{
    max-width: 70%;
  }
  #maskKuro .product-detail .featureOther-3 .text-wrapper p{
    width: 235px;
  }
  #maskKuro .cta .cta-btn{
    top: 29%;
  }
}

@media screen and (min-width: 1350px) {
  #maskKuro .product-detail .featureFirst .content-wrapper .bg{
    background-size: 600px;
    height: 288px;
  }
  #maskKuro .product-detail .featureFirst .content-wrapper .bg>div{
    width: 600px;
  }
  #maskKuro .product-detail .featureFirst .content-wrapper .label-text{
    font-size: 16px;
  }
}

@media screen and (min-width: 1500px) {
  #maskKuro.product-page .featureFilter .bgWrap-inner{
    background-size: 1550px;
  }
}





/*/////////Product Cta Banner////////////*/
.product-page .cta .banner-wrapper{
  position: relative;
  overflow: hidden;
  height: 80vh;
  min-height: 500px;
    align-items: center;
    justify-content: center;
}
.product-page .cta .cta-btn .btn-inner{
    transform: scale(1.15);
}
/*.product-page .cta a:hover .bot.btn-inner{
  background-color:#4CB9A4 !important;
}*/

.product-page .cta .content-wrapper:hover .bot.btn-inner{
  background-color:#4CB9A4 !important;
}

.product-page .cta .cta-btn .btn-inner:hover{
  background-color:#4CB9A4 !important;
}
@media (min-width:480px) {
  .product-page .cta .banner-wrapper{
    height: calc(100vh - 168px);
    min-height: 750px;
  }
  .product-page .cta .cta-btn .btn-inner{
    transform: scale(1.35);
  }
}
@media (min-width:768px) {
  .product-page .cta .cta-btn .btn-inner{
    transform: scale(1.5);
  }
}
@media (min-width:1025px) {
  .product-page .cta .banner-wrapper{
    height: calc(100vh - 178px);
    min-height: 750px;
  }
}
@media (min-width:1400px) {
  .product-page .cta .banner-wrapper{
    max-height:900px;
  }
}
.product-page .cta .banner-bg{
  background-color:white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    position: absolute;
}

/*/////////Product Top Banner////////////*/

.product-page .head-banner{
  margin-bottom: 0;
}
.product-page .head-banner .banner-wrapper{
  position: relative;
  overflow: hidden;
  height: 80vh;
  min-height: 500px;
  width: 100%;
    align-items: center;
    justify-content: center;
  max-height: 1000px;
}
@media (min-width:480px) {
  .product-page .head-banner .banner-wrapper{
    height: calc(100vh - 168px);
    min-height: 750px;
  }
}
@media (min-width:1025px) {
  .product-page .head-banner .banner-wrapper{
    height: calc(100vh - 178px);
    min-height: 750px;
  }
}
.product-page .head-banner .banner-bg{
  background-color:transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    position: absolute;
}
.product-page .head-banner .banner-img{
    position: absolute;
}

/*********product banner*************/

/********/
#maskV3 .cta .cta-btn .btn-inner{
  background-color:#1b8eae;
}

#maskV3.product-page .cta .banner-wrapper{
  height: auto;
}
#maskV3.product-page .cta .banner-bg{
    background-position: center 80%;
}

@media screen and (min-width: 480px) and (max-width: 767px){
  #maskV3 .cta .banner-wrapper .img-wrapper{
    max-width: 480px;
  }  
  #maskV3 .cta .banner-wrapper .logo-wrapper{
    max-width: 430px;
  }
}

@media screen and (min-width: 768px) {
  #maskV3 .cta .banner-wrapper .img-wrapper{
    margin-top: -150px;
  }
}
@media screen and (min-width: 1200px) {
  #maskV3 .cta .banner-wrapper .img-wrapper{
    margin-top: 0;
  }
}

/********/
#maskBear .cta .cta-btn .btn-inner{
  background-color:#669bbe;
}
#maskBear.product-page .cta .banner-bg{
    background-position: top center;
}
#maskBear.product-page .cta .banner-wrapper{
  height: auto;
}
@media screen and (min-width: 768px) {
  #maskBear .cta .img-wrapper{
    margin-top:-100px;
  }
}
@media screen and (min-width: 1025px) {
  #maskBear .cta .img-wrapper{
    position: absolute;
    right:0;
    bottom:0;
  }
}
@media screen and (min-width: 1200px) {
  #maskBear .cta .img-wrapper{
    width:700px;
    right:5%;
  }
}
/********/
#maskKids .cta .cta-btn .btn-inner{
  background-color:#8ab9eb;
}
#maskKids.product-page .cta .banner-bg{
    background-position: top center;
}
#maskKids.product-page .cta .banner-wrapper{
  height: auto;
}
#maskKids .cta .container-fluid .container{
  position: relative;
  padding-top: 80px;
}
#maskKids .cta .logo-wrapper{
  padding:1rem;
  background-color: rgba(255,255,255, .7);
  text-align:center;
  box-shadow: 2px 2px 15px rgba(0,0,0, .15);
    border-radius: 35px;
    max-width: 650px;
}
@media (min-width:480px) {
  #maskKids.product-page .head-banner .banner-bg{
    background-position: left center;
  }
}
@media screen and (min-width: 1025px) {
  #maskKids .cta .img-wrapper{
    position: absolute;
    right:50px;
    bottom:-190px;
    width: 480px;
  }
}
@media screen and (min-width: 1200px) {
  #maskKids .cta .content-wrapper{
    margin-right:100px;
  }
  #maskKids .cta .container-fluid .container{
    padding-top: 0;
  }
  #maskKids .cta .img-wrapper{
    right:95px;
  }
  #maskKids .cta .logo-wrapper{
    max-width: 700px;
  }
}
@media screen and (min-width: 1300px) {
  #maskKids .cta .img-wrapper{
    right:150px;
  }
}

/********/
#maskUltra .cta .cta-btn .btn-inner{
  background-color:#0b686a;
}
#maskUltra.product-page .cta .banner-wrapper{
  height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1000px){
  #maskUltra.product-page .cta .content-wrapper{
    margin-top: -120px;
  }
}

/********/

#maskHana.product-page .cta .cta-btn .btn-inner.white{
  color:#83a4d0;
  border-color:#83a4d0;
    transform-origin: left center;
}
#maskHana.product-page .cta .cta-btn .btn-inner.white:hover{
  color:white;
  border-color:#83a4d0;
    background-color: #83a4d0 !important;
}
#maskHana.product-page .cta .banner-bg{
    background-position: right bottom;
    background-size: 1000px;
}
#maskHana.product-page .cta .banner-wrapper{
  min-height: 800px;
}
@media (max-width:479px) {
  #maskHana.product-page .cta .banner-wrapper .container{
    margin-top: -55px;
    align-self: flex-start;
  }
}
@media (min-width:480px) {
  #maskHana.product-page .cta .banner-wrapper{
    min-height: 465px;
    height: auto;
  }
  #maskHana.product-page .cta .banner-bg{
    background-position: right center;
    background-size: 800px;
  }
  #maskHana.product-page .cta .cta-btn .btn-inner.white{
    background-color: transparent;
  }
}

@media screen and (min-width: 992px) {
  #maskHana.product-page .cta .banner-bg{
    background-size: cover;
  }
  #maskHana.product-page .cta .banner-wrapper{
    min-height: 1000px;
  }
}


/********/

#maskCandy.product-page .cta .cta-btn .btn-inner{
    background-color: #aebcf2;
}
#maskCandy.product-page .cta .banner-bg{
    background-size: 1035px;
  background-position: 90% bottom;
}
@media (max-width:479px) {
  #maskCandy.product-page .cta .banner-wrapper .container{
    margin-top: -87px;
  }
  #maskCandy.product-page .cta .banner-wrapper{
    height: 566px;
  }
}

@media (min-width:480px) and (max-width:767px) {
  #maskCandy.product-page .cta .logo-wrapper img{
    width: 300px;
  }
  #maskCandy.product-page .cta .img-wrapper img{
    width: 340px;
  }
  #maskCandy.product-page .cta .banner-wrapper{
    height: 658px;
    min-height: 658px;
  }
  #maskCandy.product-page .cta .banner-wrapper .container{
    margin-top: -75px;
  }
}
@media (min-width:480px) {
  #maskCandy.product-page .cta .banner-bg{
    background-size: 1200px;
  }
  #maskCandy.product-page .cta .cta-btn .btn-inner.white{
    background-color: transparent;
  }
}
@media screen and (min-width: 787px) {
  #maskCandy.product-page .cta .banner-bg{
    background-size: cover;
    background-position: right bottom;
  }
  #maskCandy.product-page .cta .banner-wrapper{

  }
}
@media screen and (min-width: 1400px) {
  #maskCandy.product-page .cta .banner-wrapper{
    min-height: 1000px;
  }
}

/********/
#premiumMask.product-page .cta .cta-btn .btn-inner{
    background-color: #0B686A;
}
@media screen and (min-width: 480px) and (max-width: 767px){
  #premiumMask.product-page .cta .content-wrapper{
    min-width: 450px;
    max-width: 470px;
  }
  #premiumMask.product-page .cta .img-wrapper{
    max-width: 400px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #premiumMask.product-page .cta .img-wrapper{
    max-width: 500px;
    margin-top: -100px;
  }
}
@media screen and (min-width: 1025px) {
  #premiumMask.product-page .cta .img-wrapper{
    max-width: 600px;
  }
}

/********/
#premiumMedical.product-page .cta .cta-btn .btn-inner{
    background-color: #88B1D9;
}

@media screen and (min-width: 480px) and (max-width: 767px){
  #premiumMedical.product-page .cta .logo-wrapper{
    max-width: 480px;
  }
  #premiumMedical.product-page .cta .img-wrapper{
    max-width: 550px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #premiumMedical.product-page .cta .logo-wrapper img{
    max-width: 500px;
  }
  #premiumMedical.product-page .cta .img-wrapper img{
    margin-top: -150px;
  }
}
@media screen and (min-width: 1025px) {
  #premiumMedical.product-page .cta .img-wrapper img{
    margin-top: -220px;
  }
}
@media screen and (min-width: 1200px) {
  #premiumMedical.product-page .cta .img-wrapper{
    position: absolute;
    right: 0;
    max-width: 850px;
  }
  #premiumMedical.product-page .cta .container{
    max-width: 1200px;
  }
}

@media screen and (min-width: 1500px) {
  #premiumMedical.product-page .cta .img-wrapper{
    right: 100px;
    max-width: 900px;
  }
}

/********/
#meowKids .cta .content-wrapper{
  position: absolute;
  top: 0;
  left: 0;
}
#meowKids.product-page .cta .cta-btn .btn-inner{
    background-color: #f090a8;
}
#meowKids.product-page .cta .banner-wrapper{
  height: auto;
    min-height: auto;
}

/********/
#meowKidults .cta .content-wrapper{
  position: absolute;
  top: 10px;
  left: 0;
}
#meowKidults.product-page .cta .cta-btn .btn-inner{
    color: #59bff3;
    border-color: #59bff3;
}
#meowKidults.product-page .cta .cta-btn .btn-inner:hover{
    color: white;
    background-color: #59bff3 !important;
}
#meowKidults.product-page .cta .banner-wrapper{
  height: auto;
  min-height: 650px;
}
@media screen and (min-width: 768px) {
  #meowKidults.product-page .cta .banner-wrapper{
    min-height: auto;
  }
}

@media screen and (min-width: 1025px) {
  #meowKidults .cta .content-wrapper{
    top: 15%;
  }
}

/********/

#maskExPro .product-detail .featureBanner.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/extremePro-top-bg1.jpg");
  background-position: 52% top;
  background-size: 780px;
}
#maskExPro .product-detail .featureBanner .logo-wrapper{
  margin-top: 200px;
}

#maskExPro .cta .banner-bg{
  background-color: #FFFDF5;
  background-position: left top;
  background-size: contain;
}
#maskExPro.product-page .cta .cta-btn .btn-inner{
  background-color: #ef8836;
  color: white;
}
#maskExPro.product-page .cta .banner-wrapper{
  height: auto;
}

@media screen and (min-width: 480px) {
  #maskExPro .product-detail .featureBanner.bg-fluid .bgWrap{
    background-position: 52% top;
    background-size: 900px;
  }
  #maskExPro .product-detail .featureBanner .logo-wrapper{
    max-width: 460px;
  }
  #maskExPro .cta .logo-wrapper{
    max-width: 480px;
  }
  #maskExPro .cta .img-wrapper{
    max-width: 600px;
  }
  #maskExPro .cta .banner-bg{
    background-size: 650px;
  }
}

@media screen and (min-width: 768px) {
  #maskExPro .product-detail .featureBanner.bg-fluid .bgWrap{
    background-position: center top;
    background-size: cover;
  }
  #maskExPro .product-detail .featureBanner .logo-wrapper{
    margin-top: 100px;
  }
  #maskExPro .cta .img-wrapper{
    margin-top: -55px;
  }
}


@media screen and (min-width: 1024px) {
  #maskExPro .cta .logo-wrapper{
    max-width: 520px;
  }
  #maskExPro .cta .img-wrapper{
    margin-top: -260px;
  }
}

@media screen and (min-width: 1025px) {
  #maskExPro .product-detail .featureBanner .logo-wrapper{
    margin-top: 100px;
    max-width: 100%;
  }
  #maskExPro .cta .content-wrapper{
    position: absolute;
    top: 10%;
  }
  #maskExPro .cta .img-wrapper{
    max-width: 59%;
  }
}

@media screen and (min-width: 1200px) {
  #maskExPro .product-detail .featureBanner .minHeight70{
    height: auto !important;
    min-height: 730px !important;
  }
  #maskExPro .cta .container.expand{
    max-width: 100%;
  }
  #maskExPro .cta .content-wrapper{
    top: 25%;
    right: 13%;
  }
}

@media screen and (min-width: 1500px) {
  #maskExPro .product-detail .featureBanner.bg-fluid .bgWrap{
    background-position: center 20%;
  }
  #maskExPro .cta .content-wrapper{
    right: 30px;
  }
  #maskExPro .cta .img-wrapper{
    max-width: 780px;
  }
  #maskExPro .cta .logo-wrapper{
    max-width: 600px;
  }
}

@media screen and (min-width: 1800px) {
  #maskExPro .cta .container.expand{
    max-width: 1700px;
  }
}




/********/

#maskV1 .product-detail .featureBanner.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/v1-top-bg2.jpg");
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  #maskV1 .product-detail .featureBanner .logo-wrapper{
    max-width: 420px;
  }
  #maskV1 .product-detail .featureBanner .img-wrapper{
    max-width: 390px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #maskV1 .product-detail .featureBanner .img-wrapper{
    max-width: 60%;
    position: absolute;
    right: 0;
  }
  #maskV1 .product-detail .featureBanner .img-wrapper img{
    width: 520px;
  }
}

@media screen and (min-width: 1025px) {
  #maskV1 .product-detail .featureBanner .img-wrapper img{
    max-width: 560px;
  }
}

@media screen and (min-width: 1200px) {
  #maskV1 .product-detail .featureBanner .img-wrapper img{
    max-width: 600px;
  }
}


#maskV1 .cta .banner-bg>div>img{
  position: absolute;
  width: 700px;
}
#maskV1 .cta .banner-bg>div:nth-child(1)>img{
  left: -170px;
  bottom: -50px;
}
#maskV1 .cta .banner-bg>div:nth-child(2)>img{
  right: -170px;
  top: -30px;
}
#maskV1.product-page .cta .banner-wrapper{
  height: auto;
}
#maskV1.product-page .cta .cta-btn .btn-inner{
  background-color: #2d9ebb;
  color: white;
}

@media screen and (min-width: 480px) {
  #maskV1 .cta .banner-bg>div:nth-child(1)>img{
    left: -200px;
  }
  #maskV1 .cta .banner-bg>div:nth-child(2)>img{
    right: -200px;
  }

}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #maskV1 .cta .logo-wrapper{
    max-width: 480px;
  }
  #maskV1 .cta .img-wrapper{
    max-width: 600px;
  }

}


@media screen and (min-width: 768px) and (max-width: 1024px){
  #maskV1 .cta .logo-wrapper{
    max-width: 520px;
  }
  #maskV1 .cta .img-wrapper{
    margin-top: -11%;
  }
  #maskV1 .cta .img-wrapper img{
    max-width: 650px;
  }
}

@media screen and (min-width: 1025px) {
  #maskV1 .cta .img-wrapper{
    margin-top: -20%;
  }
  #maskV1 .cta .img-wrapper img{
    max-width: 700px;
  }

}

@media screen and (min-width: 1200px) {
  #maskV1 .cta .img-wrapper{
    margin-top: 0;
  }
  #maskV1 .cta .banner-bg>div>img{
    width: 800px;
  }
  #maskV1 .cta .banner-bg>div:nth-child(2)>img{
    top: -70px;
  }
}

@media screen and (min-width: 1400px) {
  #maskV1 .cta .img-wrapper img{
    max-width: 780px;
  }
}




/********/

#maskSmile .product-detail .featureBanner.bg-fluid .bgWrap{
  background-image: url("../img/products/3dmask/smile-top-img2.png");
  background-size: auto;
  background-position: 3% top;
}
#maskSmile .product-detail .featureBanner .img-wrapper2{
  position: absolute;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
}

#maskSmile.product-page .cta .banner-wrapper{
  height: auto;
}
#maskSmile.product-page .cta .cta-btn .btn-inner{
  background-color: #66b4e0;
  color: white;
}
#maskSmile .cta .banner-bg{
  background-position: 83% top;
}

@media screen and (min-width: 480px) and (max-width: 767px){
  #maskSmile .product-detail .featureBanner .logo-wrapper{
    max-width: 480px;
    margin-top: 2rem;
  }
  #maskSmile .cta .logo-wrapper{
    max-width: 500px;
    margin-left: auto;
  }
  #maskSmile .cta .img-wrapper{
    max-width: 500px;
    margin-right: 15%;
  }
}

@media screen and (min-width: 768px) {
  #maskSmile .product-detail .featureBanner .logo-wrapper{
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: 1;
  }
  #maskSmile .product-detail .featureBanner .row{
    position: relative;
  }
  #maskSmile .product-detail .featureBanner.bg-fluid .bgWrap{
    background-size: contain;
    background-position: center top;
  }
  #maskSmile .cta .content-wrapper{
    margin-left: auto;
  }
  #maskSmile .cta .img-wrapper{
    margin-right: auto;
    margin-top: -200px;
    max-width: 580px;
  }
}

@media screen and (min-width: 992px) {
  
  #maskSmile .cta .content-wrapper{
    margin-bottom: -100px;
  }
  #maskSmile .cta .img-wrapper{
    max-width: 60%;
  }
}

@media screen and (min-width: 1025px) {
  
  #maskSmile .cta .content-wrapper{
    margin-bottom: 0
  }
  #maskSmile .cta .img-wrapper{
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 58%;
  }

}

@media screen and (min-width: 1200px) {
  #maskSmile .product-detail .featureBanner .img-wrapper{
    max-width: 1000px;
  }
  #maskSmile .product-detail .featureBanner .logo-wrapper{
    max-width: 775px;
  }

  #maskSmile .cta .img-wrapper{
    position: relative;
  }
}

@media screen and (min-width: 1400px) {

}



@media screen and (min-width: 768px) and (max-width: 1024px) {
/*  .product-detail .featureFilter .filter-img-wrapper-R{
    position: absolute;
    right: 0;
  }
  .product-detail .featureFilter .filter-img-wrapper-L{
    position: absolute;
  }
}*/
}


/****Antigen Test Page****/

#testKit{
  font-family: 'Microsoft Yahei', '微軟雅黑', 'Roboto', 'Arial', 'Microsoft JhengHei', sans-serif;
}

#testKit .product-detail .featureFirst .text1{
  color: #84A2A9;
  font-size: calc(26px + (36 - 26) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
  letter-spacing: 5px;
}
#testKit .product-detail .featureFirst .text2{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
#testKit .product-detail .featureFirst .text2-1{
  background: linear-gradient(90deg, #2C9DBB 0%, #39ABB0 71%, #45B9A5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: calc(60px + (100 - 60) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
  display: inline-block;
  flex-shrink: 0;
  line-height: 1.2;
}
#testKit .product-detail .featureFirst .text2-2{
  color: #45B9A5;
  font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));
  text-align: center;
  line-height: 1.2;
  letter-spacing: 5px;
  font-weight: 400;
  margin-bottom: 0;
}
#testKit .product-detail .featureFirst .text3{
  background: linear-gradient(90deg, #2C9DBB 0%, #39ABB0 51%, #45B9A5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 400;
  display: inline-block;
  letter-spacing: 5px;
}
#testKit .product-detail .featureFirst .modelBar{
  background-image: url("../img/products/testKit/antigenTest-bg2.jpg");
    background-size: cover;
    background-position: right bottom;
  padding: .7rem 1rem;
}
#testKit .product-detail .featureFirst .modelBar .text{
  color: white;
  font-weight: 300;
  font-size: 14px;
    max-width: 1400px;
    display: block;
    margin: auto;
}
#testKit .product-detail .featureFirst .text-wrapper{
  display: flex;
  flex-wrap: wrap;
  max-width: 1050px;
  margin: auto;
}
#testKit .product-detail .featureFirst .text4{
  color: white;
  background: linear-gradient(90deg, #2C9DBB 0%, #39ABB0 51%, #45B9A5 100%);
  border-radius: 3px 100px 15px 3px;
  padding: 0 20px;
  text-align: left;
  margin: 5px 0;
}
#testKit .product-detail .featureFirst .text5{
  color: #45B9A5;
  border: 1px solid #45B9A5;
  padding: 0 20px;
  text-align: right;
  margin-left: auto;
  border-radius: 15px 3px 3px 100px;
}


}
#testKit .product-detail .featureOther-1 .container>.row{
  padding-top: 60px;
  padding-bottom: 30px;
}
#testKit .product-detail .featureOther-1 .bgWrap-inner{
  background-image: url("../img/products/testKit/antigenTest-bg1.png");
  background-size: 500px;
  background-position: right top;
  background-repeat: no-repeat;
  height: 100%;
}
#testKit .product-detail .featureOther-1 .topBar{
  /*background: linear-gradient(90deg, #2C9DBB 0%, #39ABB0 51%, #45B9A5 100%);*/
  color: white;
  letter-spacing: 3px;
  padding: 0.5rem 0 0.5rem 2rem;
  font-weight: 300;
  font-size: 1rem;
  position: relative;
  text-align: right;
}
#testKit .product-detail .featureOther-1 .topBar:before{
  content: "";
  background: linear-gradient(90deg, #2C9DBB 0%, #39ABB0 50%, #45B9A5 100%);
  position: absolute;
  width: 120%;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 15px 25px 15px 25px;
  z-index: -1;
  transform: skewX(-40deg);
}
#testKit .product-detail .featureOther-1 .content-wrapper{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
    margin: 2rem -15px;
    border: 2px solid #269DBA;
    border-radius: 25px;
    padding: 1rem 0;
    background-color: rgba(255, 255, 255, 0.6);
}
#testKit .product-detail .featureOther-1 .content-wrapper .item-wrapper{
  flex-basis: calc( (100%/2) - 20px);
  margin: 10px;
}
#testKit .product-detail .featureOther-1 .content-wrapper .icon-wrapper{
  padding-bottom: 1rem;
}
#testKit .product-detail .featureOther-1 .content-wrapper .icon-wrapper img{
  width: 70px;
}
#testKit .product-detail .featureOther-1 .content-wrapper .text-wrapper{
  color: #269DBA;
  font-size: 1rem;
}
#testKit .product-detail .featureOther-2 .img-wrapper{
  border: 2px solid #388FAB;
  border-radius: 25px;
  padding: 2rem 1rem;
  position: relative;
}
#testKit .product-detail .featureOther-2 .img-wrapper .text{
    position: absolute;
    top: -27px;
    transform: translateX(-50%);
    left: 50%;
    background-color: white;
    padding: 0 1rem;
    font-size: 2rem;
    color: #388FAB;
    letter-spacing: 3px;
}
#testKit .product-detail .featureOther-3.bg-fluid .bgWrap{
  background-image: url("../img/products/testKit/antigenTest-bg2.jpg");
}
#testKit .product-detail .featureOther-3 .content-wrapper{
  display: flex;
  background: white;
  padding: 2rem 1rem;
  border-radius: 25px;
  margin: 50px 0;
  flex-direction: column;
}
#testKit .product-detail .featureOther-3 .info{
  font-weight: 300;
}
#testKit .product-detail .featureOther-3 .info .title{
  color: #388FAB;
  font-size: 2rem;
  letter-spacing: 3px;
  font-weight: 400;
}
#testKit .product-detail .featureOther-3 .info .btn-wrapper{
  text-align: center;
  margin: 10px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex:  1 1 auto;
}
#testKit .product-detail .featureOther-3 .info a.btn{
  background-color: #46A7C7;
  font-size: 14px;
  color: white;
  border-radius: 10px;
  padding: .5rem;
  line-height: 1.3;
  box-shadow: 0 0 5px #cccccc;
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 10px 0;
}
#testKit .product-detail .featureOther-3 .info a.btn.en{
  letter-spacing: 0;
}
#testKit .product-detail .featureOther-3 .text-wrapper{
  display: flex;
  flex-wrap: wrap;
}
#testKit .product-detail .featureOther-3 .img-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
#testKit .product-detail .featureOther-3 .content-wrapper .video-wrap{
  padding-bottom: 1rem;
  text-align: center;
}
#testKit .product-detail .featureOther-3 .video-wrap video{
  max-height: 100%;
  max-width: 800px;
  width: 100%;
}
#testKit .title{
  position: relative;
  color: #388FAB;
}
#testKit .title:before{
  content: "";
  background-color: #388FAB;
  height: 2px;
  width: 100%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  z-index: -1;
}
#testKit .title h2{
  background-color: white;
  font-weight: 400;
  display: inline-block;
  letter-spacing: 3px;
  margin-bottom: 0;
}
#testKit .product-detail .featureOther-4 .content-wrapper{
  display: flex;
  flex-wrap: wrap;
}
#testKit .product-detail .featureOther-4 .text-wrapper{
  border: 1px solid #388FAB;
  border-radius: 0 25px 25px 25px;
  padding: 1.5rem;
  margin: 1rem 0;
  box-shadow: 0 2px 3px #cccccc;
}
#testKit .product-detail .featureOther-4 .text-wrapper div:nth-child(1){
  color: #388FAB;
  font-size: 2rem;
  font-weight: 500;
}
#testKit .product-detail .featureOther-4 .text-wrapper div:nth-child(2){
  font-weight: 400;
  color: #388FAB;
  padding-bottom: 10px;
}
#testKit .product-detail .featureOther-4 .text-wrapper div:nth-child(3){
  font-size: 80%;
  line-height: 1.3;
  font-weight: 300;
}
#testKit .product-detail .featureOther-4 .stats .img-wrapper.mobile{
  display: block;
}
#testKit .product-detail .featureOther-4 .stats .img-wrapper.desktop{
  display: none;
}

#testKit .product-detail .featureOther-5 .content-wrapper .text{
    color: #249292;
    font-weight: 700;
    font-size: calc(20px + (50 - 20) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 3px;
}
@media screen and (min-width: 1400px) {
  #testKit .product-detail .featureOther-5 .content-wrapper .text{
    font-size: 50px;
  }
}

#testKit .product-certificateB .logo-wrapper{
  background-color: white;
  border-radius: 25px;
  padding: 1rem 2rem;
}
#testKit .product-certificateB .img-wrapper{
  display: flex;
  flex-wrap: wrap;
}
#testKit .product-certificateB .img-wrapper .cert-item{
  width: calc((100%/7) - 6px);
  margin: 3px;
}
#testKit .product-certificateB .other-cert{
  max-width: 1400px;
  margin: auto;
}

#testKit.product-page .faq .catName{
    background-color: #4F6BA8;
    color: white;
}
#testKit.product-page .faq .faq-row .answer{
  color: #269DBA;
}
@media screen and (min-width: 480px) {
  #testKit.product-page .faq .faq-row .question-row:hover{
    background-color: #f0f8f9;
  }
  #testKit.product-page .faq .faq-row .question-row:hover .question{
    color: #269DBA;
  }
}


/*///////////////////FAQ///////////////////*/

.product-page .faq .title{
  position: relative;
  color: var(--brand-color-dark);
}
.product-page .faq .title:before{
  content: "";
  background-color: var(--brand-color-dark);
  height: 2px;
  width: 100%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  z-index: -1;
}
.product-page .faq .title h2{
  background-color: white;
  font-weight: 400;
  display: inline-block;
  letter-spacing: 3px;
  margin-bottom: 0;
}
.product-page .faq .faq-row{
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: .6rem;
}
.product-page .faq .faq-row .question-row{
  cursor: pointer;
  padding: 1rem 0 1rem;
}
.product-page .faq .faq-row .question-row .question{
  cursor: pointer;
  display: block;
  font-weight: 300;
  transition: margin-left .3s ease-in-out;
}
.product-page .faq .faq-row .question-row[aria-expanded="true"]{
  background-color: #f0f8f9;
  border-radius: 0 0 0 30px;
}
.product-page .faq .faq-row .question-row[aria-expanded="true"] .question{
  margin-left: 1rem;
}
.product-page .faq .faq-row .question span{
  vertical-align: top;
  /*line-height: 1.4;*/
  font-size: 1.1rem;
  display: inline-block;
  width: calc(100% - 30px);  
}
.product-page .faq .faq-row .question:before{
  content: "+";
  display: inline-block;
  padding-right: 6px;
  color: #269DBA;
  font-size: 1.5rem;
  font-weight: 300;
  vertical-align: top;
  line-height: 1;
}
.product-page .faq .faq-row .question-row[aria-expanded="true"] .question:before{
  content: "-";
}
.product-page .faq .faq-row .answer{
  color: var(--brand-color-dark);
  padding: 1rem 1rem;
  font-weight: 400;
}

.product-page .faq .btn-wrapper{
    width: 100%;
    background-color: white;
    color: var(--brand-color-dark);
    border: 1px solid var(--brand-color-dark);
    border-radius: 4px;
    text-align: center;
    padding: 10px 10px;
    font-weight: 600;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.product-page .faq .btn-wrapper:hover{
    background-color: var(--brand-color-light);
    color: white;
    border-color: var(--brand-color-light);
}
.product-page .faq .btn-wrapper svg{
    width: 18px;
    height: 18px;
    margin-left: 2px;
    transform: rotate(90deg);
    flex-shrink: 0;
  transition: all .3s;
}
.product-page .faq .btn-wrapper > svg path{
  fill: #828B9E;
}
.product-page .faq .btn-wrapper:hover > svg path{
  fill: white;
}
/*.product-page .faq .btn-wrapper:hover > svg{
    transform: translateX(10px) 
  transition: all .3s;
}*/
.product-page .faq .catName{
  font-size: 22px;
    background-color: var(--brand-color-dark);
    color: white;
  padding: .5rem 1.5rem;
  letter-spacing:3px;
}

@media screen and (min-width: 480px) {
  .product-page .faq .faq-row .question-row:hover{
    background-color: #f3f9f9;
    border-radius: 0 0 0 30px;
  }
  .product-page .faq .faq-row .question-row:hover .question{
    color: var(--brand-color-dark);
    font-weight: 400;
    margin-left: 1rem;
  }
}

#testKit .remarks{
  font-size: 14px !important;
}
#testKit .cta-btn{
  transform: scale(1.2);
}

#testKit #mycarousel{
  margin-bottom: 2rem;
}
#testKit .carousel-indicators{
  bottom: -40px;
}
#testKit .carousel-inner .carousel-item{
  padding: 0 3px;
}
#testKit .carousel-inner .carousel-item img{
  border-radius: 20px;
  cursor: zoom-in;
}
#testKit .carousel-indicators li{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin: 0 8px;
  transition: opacity .3s ease;
  /*border: 0;
  margin: 8px 0;*/
}
/*#testKit .carousel-indicators{
  flex-direction: column;
  top: 25px;
  left: -25px;
  margin: 0;
  width: 20px;
}*/
#testKit .carousel-control-prev-icon{
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>");
}
#testKit .carousel-control-next-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
#testKit .carousel-control-next-icon, #testKit .carousel-control-prev-icon{
  width: 30px;
  height: 30px;
}
#testKit .carousel-control-next, #testKit .carousel-control-prev{
  width: 30px;
}
#testKit .carousel-control-next{
  right: -35px;
}
#testKit .carousel-control-prev{
  left: -35px;
}
#testKit .carousel .zoom{
  position: absolute;
  top: 10px;
  left: 20px;
/*  left: 50%;
  transform: translateX(-50%);*/
  z-index: 1;
  background-color: rgb(11, 104, 106, 0.5);
  padding: 0 1rem;
  color: white;
  font-size: 14px;
}


@media screen and (min-width: 480px) {

  #testKit .product-detail .featureOther-1 .topBar{
    font-size: 1.2rem
  }
  #testKit .product-detail .featureOther-1 .topBar{
    padding: 0.5rem 0 0.5rem 3rem;
  }
  #testKit .product-detail .featureOther-1 .topBar:before{
    border-radius: 14px 10px 14px 10px;
    transform: skewX(-35deg);
  }
  #testKit .product-detail .featureOther-1 .bgWrap-inner{
    background-position: -100px top;
  }
  #testKit .product-detail .featureOther-2 .img-wrapper{
    padding: 2rem;
      max-width: 550px;
      margin: auto;
  }
  #testKit .product-detail .featureOther-2 .logo-wrapper{
      max-width: 400px;
      margin: auto;
  }
  #testKit .product-detail .featureOther-3 .info a.btn{
    max-width: 130px;
  }
  #testKit .product-detail .featureOther-3 .text-wrapper{
    flex-wrap: nowrap;
  }
  #testKit .product-detail .featureOther-3 .info .btn-wrapper{
    margin: 0;
  }
  #testKit .product-detail .featureOther-3 .info .title{
    font-size: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300)));
  }
  #testKit .product-detail .featureOther-3 .img-wrapper .item{
    max-width: 50%;
  }
  #testKit .product-detail .featureOther-3 .content-wrapper{
    padding: 2rem 1.5rem;
  }
  #testKit .product-certificateB .logo-wrapper{
    max-width: 480px;
  }
  #testKit .product-certificateB .img-wrapper .cert-item{
    width: calc((100%/8) - 6px);
  }
  .product-page .faq .faq-row .question span{
    font-size: 1.15rem;
  }
}


@media screen and (min-width: 580px) {
  #testKit .product-detail .featureFirst .text4{
    flex: 1 1 auto;
    letter-spacing: 3px;
    text-align: center;
  }
  #testKit .product-detail .featureFirst .text5{
    flex: 1 1 auto;
    letter-spacing: 3px;
    margin: 5px 0;
    text-align: center;
  }

  #testKit .product-detail .featureOther-4 .stats .img-wrapper.mobile{
    display: none;
  }
  #testKit .product-detail .featureOther-4 .stats .img-wrapper.desktop{
    display: block;
  }
}

@media screen and (min-width: 680px) {

  #testKit .product-detail .featureOther-4 .content-wrapper{
    flex-wrap: nowrap;
  }
  #testKit .product-detail .featureOther-4 .text-wrapper{
    margin: 1rem;
  }
  #testKit .cta-btn{
    transform: scale(1.5);
  }
}

@media screen and (min-width: 680px) and (max-width: 991px){
  #testKit .product-certificateB .deco .cus-col-a{
      flex: 0 0 66.66667%;
      max-width: 66.66667%;
      margin: auto;
  }
  #testKit .product-certificateB .deco .cus-col-b{
      flex: 0 0 100%;
      max-width: 100%;
  }
  #testKit #mycarousel{
    max-width: 500px;
  }
}

@media screen and (min-width: 768px) {
  #testKit.product-page .cert-list{
    font-size: 15px;
  }
  #testKit .product-detail .featureOther-1 .topBar{
    font-size: 1.3rem
  }
  #testKit .product-detail .featureOther-1 .bgWrap-inner{
    background-size: 600px;
  }
  #testKit .product-detail .featureOther-2 .img-wrapper{
    padding: 2rem;
  }
  #testKit .product-detail .featureOther-1 .content-wrapper .text-wrapper{
    font-size: 1.2rem;
  }
  #testKit .product-detail .featureOther-1 .content-wrapper .item-wrapper{
    flex-basis: calc( (100%/3) - 20px);
  }
  #testKit .product-detail .featureOther-4 .content-wrapper{
    flex-wrap: nowrap;
  }
  #testKit .product-certificateB .img-wrapper .cert-item{
    width: calc((100%/11) - 10px);
    margin: 5px;
  }
  #testKit .product-certificateB .logo-wrapper{
    padding: 3rem 2rem;
  }
  /*#testKit .carousel-inner .carousel-item img{
    border-radius: 30px;
  }*/
  #testKit .carousel .zoom{
    top: 20px;
    left: 20px;
    font-size: 16px;
  }
}

@media screen and (min-width: 992px) {
  
  #testKit .product-detail .featureFirst .text2{
    flex-direction: row;
  }
  #testKit .product-detail .featureFirst .text2-2{
    text-align: left;
  }
  #testKit .product-detail .featureFirst .text2-1{
    padding-right: 1rem;
  }
  #testKit .product-detail .featureOther-1 .content-wrapper{
    padding: 2rem 1rem;
    margin: 2rem 0;
  }
  #testKit .product-detail .featureOther-1 .container>.row{
    padding-top: 100px;
    padding-bottom: 40px;
  }
  #testKit .product-detail .featureOther-3 .content-wrapper{
    margin: 60px 0;
    flex-direction: row;
  }
  #testKit .product-detail .featureOther-3 .content-wrapper .video-wrap{
    width: 60%;
    padding: 0 1rem 0 0;
  }
  #testKit .product-detail .featureOther-3 .content-wrapper .info{
    width: 40%;
  }
  #testKit .product-certificateB .row.deco{
    align-items: center;
  }
  #testKit .product-certificateB .deco .cus-col-b{
      padding-bottom: 1.5rem;
  }
}

@media screen and (min-width: 1025px) {
 
  #testKit .product-detail .featureOther-1 .container>.row{
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #testKit .product-detail .featureOther-1 .bgWrap-inner{
    background-position: left top;
  }
  #testKit .product-detail .featureOther-2 .logo-wrapper{
      max-width: 100%;
  }
  #testKit .product-detail .featureOther-2 .img-wrapper{
      max-width: 100%;
  }
  #testKit .product-detail .featureOther-3 .video-wrap video{
    max-width: 100%;
  }
  #testKit .product-detail .featureOther-4 .content-wrapper{
    max-width: 800px;
    margin: auto;
  }
  #testKit .product-detail .featureOther-4 .text-wrapper{
    max-width: 350px;
    margin: auto;
  }
  #testKit .product-detail .featureOther-4 .img-wrapper{
    max-width: 950px;
    margin: auto;
  }
}

@media screen and (min-width: 1200px) {
  #testKit .product-detail .featureOther-1 .content-wrapper .item-wrapper{
    flex-basis: calc( (100%/5) - 20px);
  }
}

@media screen and (min-width: 1300px) {

  #testKit .product-certificateB .logo-wrapper{
    max-width: 90%;
    margin: auto;
    padding: 3rem;
  }
  #testKit.product-page .cert-list{
    font-size: 16px;
  }
}


@media screen and (min-width: 1400px) {
  #testKit .product-detail .featureOther-3 .content-wrapper{
    align-items: center;
  }
  #testKit .product-detail .featureOther-3 .content-wrapper .video-wrap{
    width: 76%;
    padding-right: 2rem;
  }
  #testKit .product-detail .featureOther-3 .content-wrapper .info{
    width: 30%;
  }

  #testKit .product-detail .featureOther-3 .img-wrapper{
    flex-direction: column;
  }
  #testKit .product-detail .featureOther-3 .img-wrapper .item{
    max-width: 300px;
    margin: -10px 0;
  }
}

@media screen and (min-width: 1500px) {

  #testKit .product-detail .featureOther-1 .topBar:before{
    width: 110%;
  }
  #testKit .product-detail .featureFirst .text2-1{
    font-size: 100px;
  }
  #testKit .product-detail .featureFirst .text2-2{
    font-size: 40px;
  }
  #testKit .product-detail .featureFirst .text3{
    font-size: 40px;
  }
  #testKit .product-detail .featureFirst .text1{
    font-size: 36px;
  }
}


#testKit .pswp a.text-link.dark:hover{
  border-color: #4CB9A4;
  color: #4CB9A4;
}
#testKit .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right{
  opacity: 1;
}
#testKit .pswp__caption__center{
  max-width: 1200px;
  text-align: center;
  color: white;
}
#testKit .pswp__bg{
  background: #0B686A;
}
#testKit .pswp__counter{
  font-size: 16px;
}
#testKit .pswp__top-bar{
  display: flex;
  justify-content: flex-end;
}
#testKit .pswp__titledesc{
  color: white;
  margin: auto;
}
#testKit .pswp__caption{
  bottom: 20px;
}
#testKit .pswp img{
  border-radius: 30px;
}
@media screen and (min-width: 768px){
  #testKit .pswp__caption{
    bottom: 0;
  }
  #testKit .pswp__button--arrow--left:before, 
  #testKit .pswp__button--arrow--right:before{
    transform: scale(1.5);
  }
  #testKit .pswp__button--zoom{
    transform: scale(1.2);
  }
}

/*****FreshQ************/

/*
#768FC3
#828B9E
#4F6BA8
#3E4F73
#CACACA
#7C9DE5
#5D7EC3
#6B8BD1
#5C6B9B
*/

#freshQ.product-page .faq .title{
  color: #4F6BA8;
}
#freshQ.product-page .faq .title:before{
  background-color: #4F6BA8;
}

#freshQ.product-page .faq .btn-wrapper{
    background-color: white;
    color: #828B9E;
    border: 1px solid #828B9E;
}
#freshQ.product-page .faq .btn-wrapper:hover{
    background-color: #828B9E;
    color: white;
    border-color: #828B9E;
}
#freshQ.product-page .faq .btn-wrapper > svg path{
  fill: #828B9E;
}
#freshQ.product-page .faq .btn-wrapper:hover > svg path{
  fill: white;
}
#freshQ.product-page .faq .catName{
    background-color: #4F6BA8;
}
#freshQ.product-page .faq .faq-row .question:before{
  color: #4F6BA8;
}
#freshQ.product-page .faq .faq-row .question-row[aria-expanded="true"]{
    background-color: #f5f6fa;
}
#freshQ.product-page .faq .faq-row .answer{
  color: #4F6BA8;
}

@media screen and (min-width: 480px) {
  #freshQ.product-page .faq .faq-row .question-row:hover{
    background-color: #f5f6fa;
  }
  #freshQ.product-page .faq .faq-row .question-row:hover .question{
    color: #4F6BA8;
  }
}

.videoSec2 .video-wrapper .videoBody,
.videoSec2 .video-wrapper iframe{
    padding: 2rem;
    z-index: 2;
    position: absolute;
    bottom: -20px;
  left:0;
}
.videoSec2 .video-wrapper .frame{
    position: absolute;
    display: block;
    width: 92%;
    height: 82%;
    z-index: 1;
    border: 4px solid #5D7EC3;
    left: 12%;
    top: 7%;
}
.videoSec2{
  background-color:#f8f9fb;
  color: #828B9E;
}
.videoSec2 > .row{
    flex-direction: column;
}
.videoSec2 .video-wrapper{
  height: 100%;
}
.videoSec2 .content-wrapper.lower{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.videoSec2 .content-wrapper.lower .text-wrapper{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.videoSec2 .content-wrapper.lower .img-wrapper1{
    padding: 50px 50px 20px;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 480px) and (max-width: 991px){
  .videoSec2 .content-wrapper.lower .text-wrapper{
    max-width: 720px;
  }
}
.videoSec2 .content-wrapper.lower .img-wrapper2{
    padding: 20px 20px;
    max-width: 180px;
}
.videoSec2 .btn-wrapper{
  display:flex;
    justify-content: center;
  flex-direction: column;
}
.videoSec2 .btn-wrapper a{
  border: 1px solid #828B9E;
  background-color: white;
  color: #828B9E;
  border-radius: 50px;
  padding: .5rem 1rem;
    line-height: 1;
}
.videoSec2 .btn-wrapper a:hover{
  background-color: #828B9E;
  color: white;
}
.videoSec2 .btn-wrapper a + a{
  margin-top: 10px;
}
.videoSec2 a.btn-inner.eng{
  letter-spacing: 1px;
}

@media screen and (min-width: 768px) {
	#freshQ.product-page .videoSec2 .video-wrapper {
		min-height: 500px;
	}
}
@media screen and (min-width: 992px) {
  .videoSec2 > .row{
    flex-direction: row;
  }
  .videoSec2 .content-wrapper.lower .img-wrapper2{
    max-width: 180px;
  }
}

@media screen and (min-width: 1025px) {
  .videoSec2 .video-wrapper .videoBody,
  .videoSec2 .video-wrapper iframe{
    padding: 3rem 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .videoSec2 .video-wrapper .videoBody,
  .videoSec2 .video-wrapper iframe{
    padding: 3rem 2rem;
    left:4%;
  }
}



/*****Hello Kiity********/

#maskHelloKitty.product-page .product-certificateB .bgWrap{
  background: #f19bab;
}
#maskHelloKitty.product-page .product-certificateB a.btn-inner.secondary{
  color: #f19bab;
}
#maskHelloKitty.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #4CB9A4;
}


/*****Kuromi********/

#maskKuromi.product-page .product-certificateB .bgWrap{
  background: #cdc1e7;
}
#maskKuromi.product-page .product-certificateB a.btn-inner.secondary{
  color: #cabfdf;
}
#maskKuromi.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #4CB9A4;
}


/*****cyber formula********/

#maskCyberFormula.product-page .product-certificateB .bgWrap{
  background: #0f1b3e;
  /*background: #4b6080;*/
}
#maskCyberFormula.product-page .product-certificateB a.btn-inner.secondary{
  color: #0f1b3e;
}
#maskCyberFormula.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #4b6080;
}

/*****Kamen Rider********/

#maskKamenRider.product-page .product-certificateB .bgWrap{
  background: linear-gradient(89.66deg, #090909 0.29%, #323232 51.54%, #090909 97.72%);
  /*background: #4b6080;*/
}
#maskKamenRider.product-page .product-certificateB a.btn-inner.secondary{
  color: #323232;
}
#maskKamenRider.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #4CB9A4;
}

/*****Kamen Rider 4********/

#maskKamenRider.product-page.series4 .product-certificateB .bgWrap{
  background: linear-gradient(89.66deg, #14071e 0.29%, #6f5e7a 51.54%, #14071e 97.72%);
  /*background: #4b6080;*/
}
#maskKamenRider.product-page.series4 .product-certificateB a.btn-inner.secondary{
  color: #14071e;
}
#maskKamenRider.product-page.series4 .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #6f5e7a;
}

/*****Lan Lan Cat********/

#maskLanLanCat.product-page .product-certificateB .bgWrap{
  background: #d7882b;
  /*background: #4b6080;*/
}
#maskLanLanCat.product-page .product-certificateB a.btn-inner.secondary{
  color: #d7882b;
}
#maskLanLanCat.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #423430;
}

/*****Lan Lan Cat********/

#maskLanLanCat.product-page.xmas .product-certificateB .bgWrap{
  background: #8e5623;
  /*background: #4b6080;*/
}
#maskLanLanCat.product-page.xmas .product-certificateB a.btn-inner.secondary{
  color: #8e5623;
}
#maskLanLanCat.product-page.xmas .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #423430;
}

/*****Lan Lan Cat********/

#maskLanLanCat.product-page.cny .product-certificateB .bgWrap{
  background: #d54959;
  /*background: #4b6080;*/
}
#maskLanLanCat.product-page.cny .product-certificateB a.btn-inner.secondary{
  color: #d54959;
}
#maskLanLanCat.product-page.cny .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #800b22;
}


/*****Gundam********/

#maskGundam.product-page .product-certificateB .bgWrap{
  background: #000002;
  /*background: #4b6080;*/
}
#maskGundam.product-page .product-certificateB a.btn-inner.secondary{
  color: #000002;
}
#maskGundam.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #4CB9A4;
}

/*****Gundam2********/

#maskGundam2.product-page .product-certificateB .bgWrap{
  background: #000002;
  /*background: #4b6080;*/
}
#maskGundam2.product-page .product-certificateB a.btn-inner.secondary{
  color: #000002;
}
#maskGundam2.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #4CB9A4;
}

/*****ClassicMask********/

#classicmask.product-page .product-certificateB .bgWrap{
  background: #242424;
}
#classicmask.product-page .product-certificateB a.btn-inner.secondary{
  color: #242424;
}
#classicmask.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #4CB9A4;
}

/*****ClassicMask CNY********/

#classicmaskCNY.product-page .product-certificateB .bgWrap{
  background: #71aba8;
  /*background: #4b6080;*/
}
#classicmaskCNY.product-page .product-certificateB a.btn-inner.secondary{
  color: #71aba8;
}
#classicmaskCNY.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #0B686A;
}

/*****MeowKidultsVampire********/

#meowKidultsVampire.product-page .product-certificateB .bgWrap{
  background: #1a0c0a;
  /*background: #4b6080;*/
}
#meowKidultsVampire.product-page .product-certificateB a.btn-inner.secondary{
  color: #000000;
}
#meowKidultsVampire.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #4CB9A4;
}

/*****MeowKidsXmas********/

#meowKidsXmas.product-page .product-certificateB .bgWrap{
  background: #7c0004;
  /*background: #4b6080;*/
}
#meowKidsXmas.product-page .product-certificateB a.btn-inner.secondary{
  color: #7c0004;
}
#meowKidsXmas.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #065228;
}

/*****3DMask Halloween********/

#maskHalloween.product-page .product-certificateB .bgWrap{
  background: #975ea3;
}
#maskHalloween.product-page .product-certificateB a.btn-inner.secondary{
  color: #975ea3;
}
#maskHalloween.product-page .product-certificateB a.btn-inner.secondary:hover{
  color: white;
  background-color: #7f408b;
}


/*****Gundam2********/
#maskGundam2 .product-detail .featureSpecial-1 .content-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
  transform: translate(-50%,-50%);
    max-width: 95%;
}
#maskGundam2 .product-detail .featureSpecial-1 .item-wrapper{
  display:flex;
  justify-content: center;
  align-items: center;
}
#maskGundam2 .product-detail .featureSpecial-1 .item-wrapper .item:not(:last-child){
  margin-right:15px;
}
#maskGundam2 .product-detail .featureSpecial-1 .text-wrapper {
  color: white;
  font-weight: 600;
  font-style: italic;
    position: absolute;
    left: 50%;
  transform: translateX(-50%);
    text-align: center;
  font-size: 11px;
}
#maskGundam2 .product-detail .featureSpecial-1 .text-wrapper.item1 {
  top: 19%;
}
#maskGundam2 .product-detail .featureSpecial-1 .text-wrapper.item2 {
  bottom: 16%;
}

@media screen and (min-width: 480px) {

#maskGundam2 .product-detail .featureSpecial-1 .text-wrapper {
  font-size: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));
}
}


@media screen and (min-width: 768px) {

#maskGundam2 .product-detail .featureSpecial-1 .content-wrapper{
    max-width: 85%;
}
#maskGundam2 .product-detail .featureSpecial-1 .item-wrapper .item:not(:last-child){
  margin-right:35px;
}
}

@media screen and (min-width: 992px) {

#maskGundam2 .product-detail .featureSpecial-1 .text-wrapper.item1 {
  top: 16%;
}
}


@media screen and (min-width: 1200px) {
#maskGundam2 .product-detail .featureSpecial-1 .item-wrapper .item:not(:last-child){
  margin-right:55px;
}
}

@media screen and (min-width: 1800px) {
#maskGundam2 .product-detail .featureSpecial-1 .content-wrapper{
    max-width: 1500px;
}
}


/*////////////ClassicMask//////////////*/

#classicMask .product-detail h2,
#classicMask .product-wearing h2,
#classicMask .product-detail b{
  color:#0B686A;
}
#classicMask .product-detail h2:after,
#classicMask .product-wearing h2:after,
#classicMask .product-detail .listSelect,
#classicMask .product-detail .listWrapper{
  background-color:#0B686A;
}
#classicMask .product-detail .subTitle svg #bg,
#classicMask .product-detail .subTitle svg #bg2 path,
#classicMask .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#4EBAA5;
}
#classicMask.product-page .subTitle .icon-skin #bg path{
  fill:#0B686A;
}

#classicMask .product-size .nav .nav-link .sizebtn svg #bg{
  fill:white;
}
#classicMask .product-size .nav .nav-link .sizebtn svg #draw path{
  fill:#159DA0;
}
#classicMask .product-size .nav .nav-link.active .sizebtn svg #bg{
  fill:#159DA0;
}
#classicMask .product-size .nav .nav-link.active .sizebtn svg #draw path{
  fill:white;
}
#classicMask .product-size .sizebtn{
    border-color: #159DA0;
}
#classicMask .product-size .nav .nav-link.active .sizebtn {
    background-color: #159DA0;
}
#classicMask .product-size .sizebtn.last {
    border-color: #159DA0;
}

/*#classicMask.product-page .head-banner .banner-wrapper{
  width: auto;
}

#classicMask .head-banner .banner-logo{
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: center center;
  height: 100%;
}*/

#classicMask .product-detail .featureBanner .logo-wrapper{
  z-index: 2;
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  max-width: 90%;
}
#classicMask .product-detail .featureBanner .logo-wrapper span{
  color: white;
  font-size: 1.5rem;
    font-weight: 700;
    font-family: var(--brand-font-tc);
    letter-spacing: 10px;
    display: block;
    margin-top: -15px;
}


@media screen and (min-width: 480px) {

}

@media screen and (min-width: 768px) {
  #classicMask .product-detail .featureBanner .logo-wrapper{
    bottom: -50px;
    max-width: 80%;
  }
  #classicMask .product-detail .featureBanner .logo-wrapper span{
    font-size: 2rem;
      margin-top: -25px;
  }
}
@media screen and (min-width: 1200px) {
  #classicMask .product-detail .featureBanner .logo-wrapper{
    bottom: -50px;
    max-width: 80%;
  }
  #classicMask .product-detail .featureBanner .logo-wrapper span{
    font-size: 2.5rem;
      margin-top: -35px;
  }
}

@media screen and (min-width: 1400px) {
  
  #classicMask .product-detail .featureBanner .logo-wrapper{
    max-width: 1000px;
  }
}



#classicMask .product-detail .title-text{
    letter-spacing: 7px;
    font-size: calc(32px + (48 - 32) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 700;
    font-family: var(--brand-font-tc);
    color: #000000;
    padding: 2rem .5rem;
}
#classicMask .product-detail .featureIntro.bg-fluid .bgWrap{
  background-image: url("../img/products/flatmask/classicMask-bg-1.png");
}
#classicMask .product-detail .featureIntro .img-wrapper .item-wrapper{
  margin: -10px 0;
  flex-wrap: wrap;
}

#classicMask .product-detail .featureIntro .img-wrapper .item{
  margin: 10px 0;
}
#classicMask .product-detail .featureIntro .intro-text{
    letter-spacing: 5px;
    font-size: calc(22px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 300;
    color: #3a3a3a;
}

@media screen and (min-width: 768px) {
  #classicMask .product-detail .featureIntro .intro-text{
      font-size: calc(24px + (32 - 24) * ((100vw - 300px) / (1600 - 300)));
  }
}

#classicMask .product-detail .featureOther-3 .text-wrapper .title-text{
  padding: 1rem 2rem 0;
  margin-bottom: 0;
}
#classicMask .product-detail .featureOther-3 .text-wrapper p{
  color: #424242;
  padding: 1rem  2rem;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));
  margin: 0;
}
#classicMask .product-detail .featureOther-3 .text-wrapper{
  margin: 2rem 0;
}
#classicMask .product-detail .featureOther-3 .container.gp{
/*  position: relative;*/
  max-width: 1800px;
  overflow: hidden;
}


#classicMask .product-detail .featureOther-3 .gp1{
  background: url("../img/products/flatmask/classicMask-bg-2.png");
    background-position: 100% 120%;
    background-repeat: no-repeat;
    background-size: 125%;
}
#classicMask .product-detail .featureOther-3 .gp2{
  background: url("../img/products/flatmask/classicMask-bg-3.png");
    background-position: 0 135%;
    background-repeat: no-repeat;
    background-size: 125%;
}
#classicMask .product-detail .featureOther-3 .gp3{
  background: url("../img/products/flatmask/classicMask-bg-4.png");
    background-position: 100% 150%;
    background-repeat: no-repeat;
    background-size: 125%;
}
#classicMask .product-detail .featureOther-3 .gp4{
  background: url("../img/products/flatmask/classicMask-bg-5.png");
    background-position: 0 145%;
    background-repeat: no-repeat;
    background-size: 125%;
}

@media screen and (max-width: 479px) {
  #classicMask .product-detail .featureOther-3 .img-wrapper{
    max-height: 440px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  #classicMask .product-detail .featureOther-3 .img-wrapper{
    max-height: 650px;
    overflow: hidden;
  }
}


@media screen and (min-width: 480px) {
}

@media screen and (min-width: 580px) {
  #classicMask .product-detail .featureIntro .img-wrapper .item-wrapper{
    margin: 0 -10px;
    flex-wrap: nowrap;
  }
  #classicMask .product-detail .featureIntro .img-wrapper .item{
    margin: 0 10px;
  }
  #classicMask .product-detail .featureOther-3 .gp1{
      background-position: 100% 130%;
      background-size: 100%;
  }
  #classicMask .product-detail .featureOther-3 .gp2{
      background-position: 0 140%;
      background-size: 100%;
  }
  #classicMask .product-detail .featureOther-3 .gp3{
      background-position: 100% 430px;
      background-size: 100%;
  }
  #classicMask .product-detail .featureOther-3 .gp4{
      background-position: 0 150%;
      background-size: 100%;
  }


}

@media screen and (min-width: 768px) {

  #classicMask .product-detail .featureOther-3 .gp1{
      background-position: right -300px;
      background-size: auto;
  }
  #classicMask .product-detail .featureOther-3 .gp2{
      background-position: -80px 58%;
      background-size: auto;
  }
  #classicMask .product-detail .featureOther-3 .gp3{
      background-position: 100% 20%;
      background-size: auto;
  }
  #classicMask .product-detail .featureOther-3 .gp4{
      background-position: -80px 58%;
      background-size: auto;
  }
}

@media screen and (min-width: 1025px) {
  #classicMask .product-detail .featureIntro .img-wrapper .item-wrapper{
    margin: 0 -20px;
  }
  #classicMask .product-detail .featureIntro .img-wrapper .item{
    margin: 0 20px;
  }
  #classicMask .product-detail .featureOther-3 .gp1{
      background-position: right -200px;
  }
  #classicMask .product-detail .featureOther-3 .gp2{
      background-position: 0 70%;
  }
  #classicMask .product-detail .featureOther-3 .gp3{
      background-position: 100% 50%;
  }
  #classicMask .product-detail .featureOther-3 .gp4{
      background-position: 0 70%;
  }
}

@media screen and (min-width: 1300px) {
  #classicMask .product-detail .featureOther-3 .img-wrapper{
    max-height: 600px;
    overflow: hidden;
  }
}

@media screen and (min-width: 1400px) {
  #classicMask .product-detail .featureOther-3 .gp1{
      background-position: right -100px;
  }
  #classicMask .product-detail .featureOther-3 .gp2{
      background-position: 0 bottom;
  }
  #classicMask .product-detail .featureOther-3 .gp3{
      background-position: 100% 100%;
  }
  #classicMask .product-detail .featureOther-3 .gp4{
      background-position: 0 bottom;
  }
  #classicMask .product-detail .featureOther-3 .img-wrapper{
    max-height: 780px;
  }
}


#classicMask .product-detail .featureOther-2 .content-wrapper{
  padding: 60px 20px;
}
#classicMask .product-detail .featureOther-2 .content-box{
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  border: 1px solid #000000;
}
#classicMask .product-detail .featureOther-2 .top-wrapper{
  display: flex;
  justify-content: space-between;
  background-color: #000000;
  color: white;
  align-items: flex-end;
  padding: 10px 10px 0;
}
#classicMask .product-detail .featureOther-2 .top-wrapper .logo-wrapper{
  max-width: 150px;
}
#classicMask .product-detail .featureOther-2 .top-wrapper .text-wrapper{
  font-size: 1.25rem;
    font-weight: 600;
    font-family: var(--brand-font-tc);
    letter-spacing: 5px;
    line-height: 1;
}
#classicMask .product-detail .featureOther-2 .bottom-wrapper{
  padding: 20px;
}
#classicMask .product-detail .featureOther-2 .bottom-wrapper .text-wrapper{
  font-size: 1.8rem;
    font-weight: 700;
    font-family: var(--brand-font-tc);
    text-align: center;
    color: #000000;
    padding-bottom: 2rem;
}
#classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper{
  margin: -1.5rem 0 0;
}
#classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item{
  border-bottom: 2px solid #3a3a3a;
  display: flex;
  align-items: center;
  max-width: 340px;
  margin: 0 auto;
}
#classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item:last-child{
  border-bottom: 0;
}
#classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item img{
  padding: 1.5rem 1rem;
  max-width: 100px;
}
#classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item>div{
  font-weight: 400;
  font-size: 17px;
}

@media screen and (min-width: 580px) {

  #classicMask .product-detail .featureOther-2 .bottom-wrapper .text-wrapper{
    font-size: 2.5rem;
    letter-spacing: 3px;
  }
  #classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item{
    max-width: 80%;
  }
}

@media screen and (min-width: 768px) {
  #classicMask .product-detail .featureOther-2 .top-wrapper{
    padding: 20px 20px 0;
  }
#classicMask .product-detail .featureOther-2 .top-wrapper .logo-wrapper{
  max-width: 200px;
}
#classicMask .product-detail .featureOther-2 .top-wrapper .text-wrapper{
  font-size: 1.75rem;
}
  #classicMask .product-detail .featureOther-2 .bottom-wrapper .text-wrapper{
    font-size: 3.5rem;
    letter-spacing: 3px;
  }
  #classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper{
    display: flex;
    margin: 0 auto;
    padding-bottom: 1rem;
    max-width: 690px;
    padding-left: 20px;
  }
  #classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item{
    border-left: 2px solid #000000;
    border-bottom: 0;
    flex-wrap: wrap;
    width: 20%;
    align-items: center;
    justify-content: flex-start;
    padding-left: 1rem;
  }
  #classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item img{
    padding: 0 0 1rem;
    max-width: 65px;
  }
  #classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item>div{
    padding-right: 1rem;
    line-height: 1.3;
    font-weight: 300;
    align-self: flex-end;
  }
}

@media screen and (min-width: 1024px) {
  #classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper{
    max-width: 820px;
  }
  #classicMask .product-detail .featureOther-2 .bottom-wrapper .text-wrapper{
    font-size: 4.25rem;
  }
  #classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item>div{
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 1200px) {
  #classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper{
    max-width: 950px;
  }
  #classicMask .product-detail .featureOther-2 .bottom-wrapper .text-wrapper{
    font-size: 5rem;
  }
  #classicMask .product-detail .featureOther-2 .content-wrapper{
    padding: 100px 20px;
  }
  #classicMask .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item img{
    max-width: 80px;
  }
}

/*

#classicMask .cta .row{
  position: relative;
}
#classicMask .cta .cta-btn{
  position: absolute;
  top: 27%;
  left: 50px;
}
#classicMask .cta .cta-btn .btn-inner.white{
  background-color: transparent;
}

@media screen and (min-width: 480px) {
  #classicMask .cta .cta-btn{
    left: 13%;
  }
}
@media screen and (min-width: 768px) {
  #classicMask .cta .cta-btn{
    top: 63%;
    left: 14%;
  }
}
@media screen and (min-width: 1025px) {
  #classicMask .cta .cta-btn{
    top: 60%;
    left: 13%;
  }
}


@media screen and (min-width: 1520px) {
  #classicMask .cta .cta-btn{
    left: 12%
  }  
}*/





#maskVplus .product-detail h2,
#maskVplus .product-wearing h2,
#maskVplus .product-detail b,
#maskVplus .product-detail h2 span{
    background: linear-gradient(94deg, #799fc5 15%, #6ca9b6 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-style: italic;
  font-weight: 700;
}
#maskVplus.product-page .subTitle{
  padding-left: 15px;
  padding-right: 15px;
  text-align:left;
}
#maskVplus .product-detail h2:after,
#maskVplus .product-wearing h2:after,
#maskVplus .product-detail .listSelect,
#maskVplus .product-detail .listWrapper{
  background: linear-gradient(90deg, #799fc5 15%, #6ca9b6 50%);
}
#maskVplus .product-detail .subTitle svg #bg,
#maskVplus .product-detail .subTitle svg #bg2 path,
#maskVplus .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#607895;
}
#maskVplus.product-page .subTitle .icon-skin #bg path{
  fill:#607895;
}


#maskVplus .product-detail .featureFirst.bg-fluid .bgWrap{
  background: url("../img/products/3dmask/vplus-bg-1.png");
  background-position: center;
  background-size: cover;
  background-repeat: repeat;
}
#maskVplus .product-detail .featureFirst.bg-fluid .bgDeco{
  background: linear-gradient(180deg, #d4dee8 0%, #bdc8d2 100%);
    width: 100%;
    left: 11%;
    transform: translateY(0) skewX(-5deg);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    height: 50%;
  user-select: none;
}
#maskVplus .product-detail .featureFirst.bg-fluid .bgDeco span{
    transform: translateY(0) skew(-2deg, -7deg);
    display: block;
  font-family: var(--brand-font-tc);
  font-size: calc(46px + (115 - 46) * ((100vw - 300px) / (1600 - 300)));
    font-weight: bold;
  letter-spacing: 8px;
  color:transparent;
  text-shadow: 0.0343em 0.02em 0.01em rgb(225, 243, 255, 0.2), 0 0 0 #aab2bb;
    writing-mode: vertical-rl;
    text-orientation: upright;
  margin-left: 160px;
}
#maskVplus .product-detail .featureFirst .bgWrap-inner{
  background: url("../img/products/3dmask/vplus-bg-2.png") left bottom no-repeat;
  height: 100%;
    transform: translateX(0) translateY(-101%);
    left: 0;
    background-size: 93%;
    opacity: 0.8;
    z-index: -1;
}
#maskVplus .product-detail .featureFirst .content-wrapper,
#maskVplus .product-detail .featureFirst .img-wrapper{
  z-index:2;
}
#maskVplus .product-detail .featureOther-1.bg-fluid .bgWrap,
#maskVplus .product-detail .featureOther-3.bg-fluid .bgWrap{
  background: radial-gradient(50% 50% at 50% 50%, #fbeedd 0%, #f2d5b5 120%);
}
#maskVplus.product-page .cta .banner-bg,
#maskVplus .product-detail .featureOther-2.bg-fluid .bgWrap,
#maskVplus .product-detail .featureOther-4.bg-fluid .bgWrap{
  background: radial-gradient(50% 50% at 50% 50%, #F1F5FA 0%, #CDD7E3 100%);
}
#maskVplus.product-page .cta .banner-wrapper{
  height:auto;
  min-height: 600px;
}
#maskVplus.product-page .cta .cta-btn .btn-inner{
  background-color: white;
    box-shadow: 0 0 15px #cdd7e3;
  color: #7e8999;
}
#maskVplus.product-page .cta .cta-btn .btn-inner:hover{
  color: white;
}
#maskVplus.product-page .product-certificateA .bg-fluid .bgWrap{
  background: url("../img/products/3dmask/vplus-cert-bg.png");
  background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}



@media screen and (min-width: 480px) {

  #maskVplus.product-page .cta .banner-wrapper .logo-wrapper {
    max-width: 450px;
  }
  #maskVplus.product-page .cta .banner-wrapper .img-wrapper {
    max-width: 500px;
  }
}

@media screen and (min-width: 768px) {

  #maskVplus .product-detail .featureFirst.bg-fluid .bgDeco{
    width: 50%;
    left: 56%;
    transform: translateY(-50%) skewX(-5deg);
    height: 100%;
  }
  #maskVplus .product-detail .featureFirst.bg-fluid .bgDeco span{
    writing-mode: vertical-rl;
    text-orientation: upright;
    margin-left: auto;
    margin-right: 20%;
  }
  #maskVplus .product-detail .featureFirst .bgWrap-inner{
    transform: translateX(0) translateY(-58%);
    background-size: 58%;
  }
  #maskVplus .product-detail .featureOther-1 .img-wrapper{
    position: relative;
    left: 80px;
  }
  #maskVplus.product-page .cta .banner-wrapper .img-wrapper{
    position: absolute;
    right:0;
    max-width: 520px;
  }
  #maskVplus.product-page .cta .banner-wrapper .logo-wrapper{
    position: relative;
    top: -130px;
    max-width: 100%;
  }
}

@media screen and (min-width: 1025px) {
  #maskVplus.product-page .cta .banner-wrapper .img-wrapper{
    position: relative;
    max-width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  
  #maskVplus .product-detail .featureFirst .content-wrapper{
    position: relative;
    top: -80px;
  }
  #maskVplus .product-detail .featureOther-1 .img-wrapper{
    left: 120px;
  }
}


@media screen and (min-width: 1600px) {
  
  #maskVplus .product-detail .featureFirst.bg-fluid .bgDeco span{
    font-size: 115px;
  }

}



#maskVplus .product-detail .featureOther-2 .content-wrapper{
  padding: 60px 20px 0;
    margin-bottom: -25px;
}
#maskVplus .product-detail .featureOther-2 .content-box{
  display: flex;
  flex-direction: column;
  margin: 0 auto;
    border: 1px solid rgba(255,255,255, 0.5);
    background: rgba(255,255,255, 0.18);
    border-radius: 30px;
    box-shadow: 0 0 25px rgba(137, 151, 169, .59)
}
#maskVplus .product-detail .featureOther-2 .bottom-wrapper{
  padding: 20px;
}
#maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper{
  margin: -0.5rem 0 0;
}
#maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item{
  border-bottom: 2px solid #3a3a3a;
  display: flex;
  align-items: center;
  max-width: 340px;
  margin: 0 auto;
}
#maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item:last-child{
  border-bottom: 0;
}
#maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item img{
  padding: 1rem 1rem;
  max-width: 90px;
}
#maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item>div{
  font-weight: 300;
  font-size: 17px;
}
#maskVplus .product-detail .featureOther-2.bg-fluid .bgDeco{
  left: 18px;
    transform: translateY(-49%);
    background: transparent;
    opacity: 0.8;
}
#maskVplus .product-detail .featureOther-2.bg-fluid .bgDeco span{
    display: block;
  font-family: var(--brand-font-tc);
  font-size: calc(32px + (80 - 32) * ((100vw - 300px) / (1600 - 300)));
    font-weight: bold;
  letter-spacing: 22px;
  color:transparent;
  text-shadow: 0.0343em 0.02em 0.01em rgb(225, 243, 255, 0.2), 0 0 0 #aab2bb;
    font-style: italic;
    text-align: right;
    line-height: 1.2;
}

@media screen and (min-width: 580px) {
  #maskVplus .product-detail .featureOther-2 .content-wrapper{
  padding: 0 20px 0;
  }
  #maskVplus .product-detail .featureOther-2 .content-box{
    width: 80%;
  }
  #maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item>div{
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) {
  #maskVplus .product-detail .featureOther-2 .content-wrapper{
  margin-bottom: 50px;
  }
  #maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper{
  margin:0;
  }
  #maskVplus .product-detail .featureOther-2 .content-box{
    width: 100%;
  }
  #maskVplus .product-detail .featureOther-2.bg-fluid .bgDeco{
    transform: translateY(-47%);
    left: -11%;
  }
  #maskVplus .product-detail .featureOther-2.bg-fluid .bgDeco span{
    text-align:center;
    font-size: 50px;
  }
}

@media screen and (min-width: 1024px) {
  #maskVplus .product-detail .featureOther-2 .content-wrapper{
  padding: 60px 35px 0;
  }
  #maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper{
    display: flex;
    margin: 0 auto;
    padding-left: 20px;
    flex-wrap: wrap;
    max-width: 100%;
  color: #5b6b7f;
  }
  #maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item{
    border-left: 2px solid #5b6b7f;
    border-bottom: 0;
    flex-wrap: wrap;
    width: calc(100%/3);
    align-items: center;
    justify-content: flex-start;
    padding-left: 1rem;
    max-width: 80%;
  margin: 1.5rem 0;
  }
  #maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item img{
    padding: 0 0 1rem;
    max-width: 65px;
  }
  #maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item>div{
    padding-right: 1rem;
    line-height: 1.3;
    align-self: flex-end;
  width: 100%;
  }
  #maskVplus .product-detail .featureOther-2.bg-fluid .bgDeco{
    left: 0;
  }
  #maskVplus .product-detail .featureOther-2.bg-fluid .bgDeco span{
    text-align:right;
    font-size: calc(32px + (60 - 32) * ((100vw - 300px) / (1600 - 300)));
  }
}


@media screen and (min-width: 1200px) {
  #maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item img{
    max-width: 80px;
  }
  #maskVplus .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item>div{
    font-size: 1.2rem;
  }
  #maskVplus .product-detail .featureOther-2 .content-wrapper{
    max-width: 900px;
    margin-right: auto;
  }
}

@media screen and (min-width: 1600px) {
  #maskVplus .product-detail .featureOther-2.bg-fluid .bgDeco span{
    font-size: 75px;
  }
}



/****Fit test page*******/

#fitTest.product-page{
  color: #f0842d;
}
#fitTest.product-page b{
  color: #f0842d;
}
#fitTest.product-page .featureSpecial .intro p{
  color: #f0842d;
    padding: 1rem 0 0.5rem;
    font-weight: 500;
}
#fitTest.product-page .featureSpecial .intro p b{
  font-size: 130%;
  color: #f0842d;
  border-bottom: 1px solid #f0842d;
    font-weight: 400;
}
#fitTest.product-page .featureSpecial .features .item-wrapper{
  margin: 0 -3%;
}
#fitTest.product-page .featureSpecial .features .item-wrapper .item{
  margin: 0 3%;
}
#fitTest.product-page .featureSpecial .features .item-wrapper .item .icon-wrapper{
    max-width: 280px;
}
#fitTest.product-page .featureSpecial .features .item-wrapper .item .text-wrapper{
  margin-top: 15px;
}
#fitTest.product-page .featureSpecial .features .item-wrapper .item .text-wrapper span{
  line-height: 1.3;
    display: inline-block;
}
#fitTest.product-page .featureSpecial .features .item-wrapper .item .text-wrapper b{
  font-size: 18px;
  line-height: 2;
}
#fitTest.product-page .featureSpecial .features .item-wrapper .item .text-wrapper p{
  padding: 0;
}


#fitTest.product-page .featureOther-2.bg-fluid .bgWrap{
  background: url("../img/fittest/fittest-bg-1.png?id=1");
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}
#fitTest.product-page .featureOther-2.bg-fluid .deco{
  background: url("../img/fittest/fittest-bg-5.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    z-index: -1;
    left: -27%;
    top: -45%;
}

#fitTest.product-page .featureOther-2 .bg-wrapper{
  background: linear-gradient(93.19deg, rgba(255, 182, 62, 0.4) 3.5%, #FFB63E 44.67%, rgba(254, 176, 60, 0.98) 50.93%, rgba(251, 160, 55, 0.93) 58.09%, rgba(246, 134, 46, 0.84) 66.15%, rgba(239, 97, 33, 0.72) 75.1%, rgba(230, 50, 17, 0.56) 84.04%, rgba(220, 0, 0, 0.4) 92.99%);
    width: 80%;
    position: relative;
    transform: skewX(-25deg);
}
#fitTest.product-page .featureOther-2 .bg-wrapper .logo-wrapper{
    transform: skewX(25deg);
}

#fitTest.product-page .featureOther-2 .topRow .bg-wrapper{
  left: -5%;
}
#fitTest.product-page .featureOther-2 .topRow .bg-wrapper .logo-wrapper{
  padding: 10px 10% 10px 15%;
    max-width: 70%;
}

#fitTest.product-page .featureOther-2 .bottomRow{
    display: flex;
    justify-content: flex-end;
}
#fitTest.product-page .featureOther-2 .bottomRow .bg-wrapper{
    right: -5%;
    display: flex;
    justify-content: center;
}
#fitTest.product-page .featureOther-2 .bottomRow .bg-wrapper .logo-wrapper{
  padding: 10px 15% 10px 10%;
}

#fitTest.product-page .featureOther-2 .content-wrapper .title-text{
  font-size: 20px;
  font-weight: 600;
  padding: 2rem 1rem 0;
}
#fitTest.product-page .featureOther-2 .img-wrapper{
  max-width: 800px;
}
#fitTest.product-page .featureOther-2 .cta-btn{
  font-size: 20px;
  font-weight: 600;
  padding-top: 1rem;
}
#fitTest.product-page .featureOther-2 .cta-btn .btn-inner{
    background: #f0842d;
    color: white;
    border: 0;
    border-radius: 3.75rem;
    box-shadow: 0 0rem 0.5rem 0 rgb(179 144 92 / 92%), 0 -0.25rem 1.5rem rgb(255 126 23) inset, 0rem 0.4rem 0.4rem rgb(255 255 255) inset, 0 0.25rem 0.5rem 0 rgb(249 119 14) inset;
    background-image: linear-gradient(-180deg, #f0842d 0%, #f0842d 100%);
    padding: 0.5rem 1.5rem;
}


#fitTest.product-page .featureOther-3 .title-text h2{
  font-weight: 600;
    border-bottom: 3px solid #f0842d;
    display: inline-block;
    padding-bottom: 3px;
    letter-spacing: 5px;
    margin: 2rem 0;
}
#fitTest.product-page .featureOther-3 .item-wrapper .item{
  display: flex;
    align-items: center;
    width: 100%;
  margin: 1rem auto;
    max-width: 460px;
}
#fitTest.product-page .featureOther-3 .item-wrapper .no{
  font-size: 60px;
    font-weight: 900;
  line-height:1.2;
  font-family:  'Microsoft Yahei', '微軟雅黑', 'Microsoft JhengHei', sans-serif;
}
#fitTest.product-page .featureOther-3 .item-wrapper .desc{
    font-weight: 500;
  line-height:1.2;
}
#fitTest.product-page .featureOther-3 .item-wrapper .text-wrapper{
  padding: 0 10px;
  order: 2;
  width: 50%;
    margin-top: 10%;
}
#fitTest.product-page .featureOther-3 .item-wrapper .gif-wrapper{
  order: 1;
  width: 50%;
    display: flex;
    justify-content: center;
}
#fitTest.product-page .featureOther-3 .item-wrapper .item:nth-child(even) .text-wrapper{
  order: 1;
}
#fitTest.product-page .featureOther-3 .item-wrapper .item:nth-child(even) .gif-wrapper{
  order: 2;
}

#fitTest.product-page .featureOther-3 .gif-wrapper img,
#fitTest.product-page .featureOther-3 .gif-wrapper video{
  width: 100%;
  border-radius: 15px;
  border: 2px solid #f0842d;
}
#fitTest.product-page .featureOther-3 .gif-wrapper .video-wrap{
  position: relative;
    width: 160px;
    height: 160px;
}
#fitTest.product-page .featureOther-3 .gif-wrapper .video-wrap:after{
  content: "";
  position: absolute;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  background-color: #f0842d;
  top: 10px;
  z-index: -1;
}
/*#fitTest.product-page .featureOther-3 .item:nth-child(odd) .gif-wrapper .video-wrap{
  left: 20px;
}
#fitTest.product-page .featureOther-3 .item:nth-child(even) .gif-wrapper .video-wrap{
  left: 20px;
}*/
#fitTest.product-page .featureOther-3 .item:nth-child(even) .gif-wrapper .video-wrap:after{
  left: 10px;
}
#fitTest.product-page .featureOther-3 .item:nth-child(odd) .gif-wrapper .video-wrap:after{
  right: 10px;
}
#fitTest.product-page .featureOther-3 .gif-wrapper .video-wrap:before{
  content: "";
  position: absolute;
  width: 38%;
  height: 3px;
  background-color: #f0842d;
    top: 50%;
}
#fitTest.product-page .featureOther-3 .item:nth-child(odd) .gif-wrapper .video-wrap:before{
    left: 100%;
}
#fitTest.product-page .featureOther-3 .item:nth-child(even) .gif-wrapper .video-wrap:before{
    right: 100%;
}
#fitTest.product-page .featureOther-3 .item-wrapper .last .text-wrapper .desc{
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 3px;
  padding: 1rem 0;
    border: 1px solid #f0842d;
}

@media screen and (min-width: 480px) {

  #fitTest.product-page .featureOther-2.bg-fluid .deco{
    left: -24%;
  }
  #fitTest.product-page .featureOther-3 .gif-wrapper .video-wrap:before{
    width: 60%;
  }
}

@media screen and (min-width: 768px) {
  #fitTest.product-page .featureSpecial .features .item-wrapper .item .text-wrapper b{
    font-size: 20px;
  }
  #fitTest.product-page .featureOther-2 .bg-wrapper{
    width: 65%;
  }
  #fitTest.product-page .featureOther-2 .topRow .bg-wrapper .logo-wrapper{
    max-width: 60%;
  }
  #fitTest.product-page .featureOther-2 .bottomRow .bg-wrapper .logo-wrapper{
    max-width: 80%;
  }
  #fitTest.product-page .featureOther-2.bg-fluid .deco{
    left: 0;
  }
  #fitTest.product-page .featureOther-3 .item-wrapper{
    max-width: 690px; 
    margin: 0 auto;
  }
  #fitTest.product-page .featureOther-3 .item-wrapper .item{
    margin: 1rem 0;
  }
  #fitTest.product-page .featureOther-3 .item-wrapper .item.item6{
    margin: 1.5rem 0;
  }
  #fitTest.product-page .featureOther-3 .item-wrapper .item:nth-child(odd){
    align-self: flex-start;
  }
  #fitTest.product-page .featureOther-3 .item-wrapper .item:nth-child(even){
    align-self: flex-end;
  }
  #fitTest.product-page .featureOther-3 .item-wrapper .text-wrapper{
    position: relative;
  }
  #fitTest.product-page .featureOther-3 .item-wrapper .text-wrapper:after{
    content: "";
    position: absolute;
    background-color: #f0842d;
    width: 3px;
    height: 60%;
    top: 110%;
  }
  #fitTest.product-page .featureOther-3 .item-wrapper .last .text-wrapper:after{
    display: none;
  }
  #fitTest.product-page .featureOther-3 .item-wrapper .last .text-wrapper .desc{
    border: 0;
  }
}

@media screen and (min-width: 1025px) {
  
  #fitTest.product-page .featureOther-3 .gif-wrapper .video-wrap{
    width: 200px;
    height: 200px;
  }
  #fitTest.product-page .featureOther-3 .item-wrapper .item{
    max-width: 510px;
  }
  #fitTest.product-page .featureOther-3 .item-wrapper{
    max-width: 765px;
  }
  #fitTest.product-page .featureOther-3 .gif-wrapper .video-wrap:before{
    width:53%;
  }
  #fitTest.product-page .featureOther-3 .item-wrapper .text-wrapper:after{
    height: 95%;
    top: 115%;
  }

}

.videoSec3 .video-wrapper2 iframe{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.videoSec3 .content-wrapper .frame{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.videoSec3 .content-wrapper{
    padding: 7% 8%;
}
.videoSec3 .video-wrapper2{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    top: -4%;
    border-radius: 15px;
  z-index:2;
}

@media screen and (min-width: 992px) {
  .videoSec3 .video-wrapper2{
    border-radius: 25px;
  }
}


/*******ClassicMask Memories************/
#classicMaskMem .product-detail h2,
#classicMaskMem .product-wearing h2,
#classicMaskMem .product-detail b{
  color:#B59E9D;
}
#classicMaskMem .product-detail h2:after,
#classicMaskMem .product-wearing h2:after,
#classicMaskMem .product-detail .listSelect,
#classicMaskMem .product-detail .listWrapper{
  background-color:#B59E9D;
}
#classicMaskMem .product-detail .subTitle svg #bg,
#classicMaskMem .product-detail .subTitle svg #bg2 path,
#classicMaskMem .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#4EBAA5;
}
#classicMaskMem.product-page .subTitle .icon-skin #bg path{
  fill:#B59E9D;
}

#classicMaskMem .product-size .nav .nav-link .sizebtn svg #bg{
  fill:white;
}
#classicMaskMem .product-size .nav .nav-link .sizebtn svg #draw path{
  fill:#159DA0;
}
#classicMaskMem .product-size .nav .nav-link.active .sizebtn svg #bg{
  fill:#159DA0;
}
#classicMaskMem .product-size .nav .nav-link.active .sizebtn svg #draw path{
  fill:white;
}
#classicMaskMem .product-size .sizebtn{
    border-color: #159DA0;
}
#classicMaskMem .product-size .nav .nav-link.active .sizebtn {
    background-color: #159DA0;
}
#classicMaskMem .product-size .sizebtn.last {
    border-color: #159DA0;
}

#classicMaskMem .product-detail{
    color: #B59E9D;
}

#classicMaskMem .head-banner .white-overlay{
  background-color: rgba(255, 255, 255, 0.25);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#classicMaskMem.product-page .head-banner .banner-wrapper{
  width: auto;
}
#classicMaskMem .head-banner .banner-logo{
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  height: 100%;
}
@media screen and (min-width: 768px) {
  #classicMaskMem .head-banner .banner-logo{
    background-size: 650px;
  }

}

#classicMaskMem .product-detail .title-text{
    letter-spacing: 7px;
    font-size: calc(32px + (48 - 32) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 400;
}
#classicMaskMem .product-detail .featureIntro .intro-text{
    letter-spacing: 5px;
    font-size: 16px;
    font-weight: 300;
}

@media screen and (min-width: 768px) {
  #classicMaskMem .product-detail .featureIntro .intro-text{
      font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300)));
  }
}

#classicMaskMem .product-detail .featureOther-3 .largeTitle{
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 16.5vw;
    color: white;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    letter-spacing: 10px;
    text-indent: 10px;
    line-height: 1.2;
}
#classicMaskMem .product-detail .featureOther-3 .smallTitle{
    letter-spacing: 2px;
    text-indent: 2px;
}
#classicMaskMem .product-detail .featureOther-3 .text-wrapper{
  margin: .8rem 0 2rem;
}
#classicMaskMem .product-detail .featureOther-3 .text-wrapper p{
  padding: 0  2rem;
  font-weight: 300;
  letter-spacing: 2px;
  font-size: calc(15px + (16 - 15) * ((100vw - 300px) / (1600 - 300)));
  margin: 0;
}
#classicMaskMem .product-detail .featureOther-3 .img-wrapper img{
    object-fit: cover;
    width: 100%;
    min-height: 375px;
    max-height: 375px;
}
#classicMaskMem .product-detail .featureOther-3 .content-wrapper{
  max-width: 90%;
}
@media screen and (min-width: 480px) {
#classicMaskMem .product-detail .featureOther-3 .largeTitle{
  font-size: 13.5vw;
}
}


@media screen and (min-width: 768px) {

#classicMaskMem .product-detail .featureOther-3 .largeTitle{
  font-size: 8vw;
}
#classicMaskMem .product-detail .featureOther-3 .img-wrapper img{
    max-height: unset;
}

}


@media screen and (min-width: 1200px) {

#classicMaskMem .product-detail .featureOther-3 .largeTitle{
  font-size: 6.5vw;
}
}
@media screen and (min-width: 1800px) {

#classicMaskMem .product-detail .featureOther-3 .largeTitle{
  font-size: 100px;
}
}


#classicMaskMem .product-detail .featureOther-3 .container.gp{
  max-width: 1800px;
  overflow: hidden;
}


#classicMaskMem .product-detail .featureOther-3 .gp .decoLeft{
    width: 500px;
    position: absolute;
    opacity: 0.8;
}
#classicMaskMem .product-detail .featureOther-3 .gp .decoRight{
    width: 500px;
    position: absolute;
    transform: rotate(180deg);
    opacity: 0.8;
}
#classicMaskMem .product-detail .featureOther-3 .gp.gp1 .decoLeft,
#classicMaskMem .product-detail .featureOther-3 .gp.gp3 .decoLeft{
    top: -370px;
    left: -200px;
}
#classicMaskMem .product-detail .featureOther-3 .gp.gp1 .decoRight,
#classicMaskMem .product-detail .featureOther-3 .gp.gp3 .decoRight{
    bottom: -335px;
    right: -300px;
}
#classicMaskMem .product-detail .featureOther-3 .gp.gp2 .decoLeft,
#classicMaskMem .product-detail .featureOther-3 .gp.gp4 .decoLeft{
    top: -120px;
    left: -250px;
}
#classicMaskMem .product-detail .featureOther-3 .gp.gp2 .decoRight,
#classicMaskMem .product-detail .featureOther-3 .gp.gp4 .decoRight{
    bottom: -335px;
    right: -300px;
}



@media screen and (min-width: 480px) {
#classicMaskMem .product-detail .featureOther-3 .gp.gp1 .decoLeft,
#classicMaskMem .product-detail .featureOther-3 .gp.gp3 .decoLeft{
    top: -350px;
    left: -265px;
}


}


@media screen and (min-width: 580px) {
#classicMaskMem .product-detail .featureOther-3 .gp.gp1 .decoLeft,
#classicMaskMem .product-detail .featureOther-3 .gp.gp3 .decoLeft{
    top: -350px;
}
#classicMaskMem .product-detail .featureOther-3 .gp.gp1 .decoRight,
#classicMaskMem .product-detail .featureOther-3 .gp.gp3 .decoRight{
  bottom: -320px;
}
}

@media screen and (min-width: 768px) {
#classicMaskMem .product-detail .featureOther-3 .gp.gp1 .decoLeft,
#classicMaskMem .product-detail .featureOther-3 .gp.gp3 .decoLeft{
  left: -270px;
}
}

@media screen and (min-width: 1025px) {
}

@media screen and (min-width: 1200px) {

#classicMaskMem .product-detail .featureOther-3 .gp.gp1 .decoLeft,
#classicMaskMem .product-detail .featureOther-3 .gp.gp3 .decoLeft{
  top: -350px;
  left: -340px;
}
#classicMaskMem .product-detail .featureOther-3 .gp.gp1 .decoRight,
#classicMaskMem .product-detail .featureOther-3 .gp.gp3 .decoRight{
    bottom: -320px;
    right: -330px;
}
#classicMaskMem .product-detail .featureOther-3 .gp.gp2 .decoLeft,
#classicMaskMem .product-detail .featureOther-3 .gp.gp4 .decoLeft{
    top: -140px;
}
}

@media screen and (min-width: 1400px) {
}



#classicMaskMem .product-detail .featureOther-2 .content-wrapper{
  padding: 60px 20px;
}
#classicMaskMem .product-detail .featureOther-2 .content-box{
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  border: 1px solid #B59E9D;
}
#classicMaskMem .product-detail .featureOther-2 .top-wrapper{
  display: flex;
  justify-content: space-between;
  background-color: #B59E9D;
  color: white;
  align-items: center;
  padding: 15px 10px 10px;
}
#classicMaskMem .product-detail .featureOther-2 .top-wrapper .logo-wrapper{
  max-width: 150px;
}
#classicMaskMem .product-detail .featureOther-2 .top-wrapper .text-wrapper{
  font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: 5px;
    line-height: 1;
}
#classicMaskMem .product-detail .featureOther-2 .bottom-wrapper{
  padding: 20px;
}
#classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .text-wrapper{
  font-size: 1.8rem;
    font-weight: 300;
    text-align: center;
    color: #B59E9D;
    padding-bottom: 2rem;
}
#classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper{
  margin: -1.5rem 0 0;
}
#classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item{
  border-bottom: 2px solid #B59E9D;
  display: flex;
  align-items: center;
  max-width: 340px;
  margin: 0 auto;
}
#classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item:last-child{
  border-bottom: 0;
}
#classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item img{
  padding: 1.5rem 1rem;
  max-width: 100px;
}
#classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item>div{
  font-weight: 400;
  font-size: 17px;
}

@media screen and (min-width: 580px) {

  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .text-wrapper{
    font-size: 2.5rem;
    letter-spacing: 3px;
  }
  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item{
    max-width: 80%;
  }
}

@media screen and (min-width: 768px) {
  #classicMaskMem .product-detail .featureOther-2 .top-wrapper{
    padding: 15px 20px 15px;
  }
#classicMaskMem .product-detail .featureOther-2 .top-wrapper .logo-wrapper{
  max-width: 200px;
}
#classicMaskMem .product-detail .featureOther-2 .top-wrapper .text-wrapper{
  font-size: 1.75rem;
}
  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .text-wrapper{
    font-size: 3.5rem;
    letter-spacing: 3px;
  }
  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper{
    display: flex;
    margin: 0 auto;
    padding-bottom: 1rem;
    max-width: 690px;
    padding-left: 20px;
  }
  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item{
    border-left: 2px solid #B59E9D;
    border-bottom: 0;
    flex-wrap: wrap;
    width: 20%;
    align-items: center;
    justify-content: flex-start;
    padding-left: 1rem;
  }
  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item img{
    padding: 0 0 1rem;
    max-width: 65px;
  }
  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item>div{
    padding-right: 1rem;
    line-height: 1.3;
    font-weight: 300;
    align-self: flex-end;
  }
}

@media screen and (min-width: 1024px) {
  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper{
    max-width: 820px;
  }
  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .text-wrapper{
    font-size: 4.25rem;
  }
  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item>div{
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 1200px) {
  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper{
    max-width: 950px;
  }
  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .text-wrapper{
    font-size: 5rem;
  }
  #classicMaskMem .product-detail .featureOther-2 .content-wrapper{
    padding: 100px 20px;
  }
  #classicMaskMem .product-detail .featureOther-2 .bottom-wrapper .icon-wrapper .item img{
    max-width: 80px;
  }
}

#classicMaskMem .product-detail .featureOther-1.bg-fluid .bgWrap{
  background: url("../img/products/flatmask/classicMask-mem-bg-5.png");
  background-position: center;
  background-size: cover;
  background-repeat: repeat;
}


#classicMaskMem .product-detail .featureOther-1 .title-text{
    letter-spacing: 4px;
    font-size: calc(19px + (32 - 19) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 400;
    min-height: 50px;
    display: flex;
    align-items: flex-end;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}
#classicMaskMem .product-detail .featureOther-1 .text-wrapper{
    font-weight: 300;
    letter-spacing: 2px;
}

@media screen and (min-width: 768px) {
	#classicMaskMem .product-detail .featureOther-1 .title-text{
		font-weight: 400;
	}
}

#classicMaskMem .product-size{
  padding: 60px 0 0;
}


#classicMaskMem .cta .bg-wrapper{
  position: relative;
  background-image: url("../img/products/flatmask/classicMask-mem-bot-bg.png");
  background-position: center;
    background-size: 205%;
    background-repeat: no-repeat;
    width: 100%;
    height: 380px;
    border: 1px solid #A38381;
}
#classicMaskMem .cta .content-wrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
}
#classicMaskMem.product-page .cta .banner-wrapper{
  height: auto;
  min-height: 500px;
}
#classicMaskMem.product-page .cta .text-wrapper{
	color: #A38381;
	font-size: calc(24px + (40 - 24) * ((100vw - 300px) / (1600 - 300)));
	letter-spacing: 4px;
	text-indent: 4px;
}
#classicMaskMem.product-page .cta .logo-wrapper{
	max-width: 220px;
    margin: 1rem auto 2rem;
}
#classicMaskMem.product-page .cta .cta-btn .btn-inner{
    background-color: #A38381;
    border: 1px solid #A38381;
    padding: 2px 5px;
    border-radius: 10px;
}
#classicMaskMem.product-page .cta .cta-btn .btn-inner:hover{
    background-color: white !important;
	color: #A38381;
}


@media screen and (min-width: 480px) {

  #classicMaskMem .cta .bg-wrapper{
      background-size: 200%;
      height: 400px;
  }
  #classicMaskMem.product-page .cta .banner-wrapper{
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 768px) {
  #classicMaskMem .cta .bg-wrapper{
      background-size: contain;
      height: 400px;
      border: 0;
  }
}


@media screen and (min-width: 1025px) {
  #classicMaskMem .cta .bg-wrapper{
      height: 450px;
  }
}

@media screen and (min-width: 1200px) {
  #classicMaskMem .cta .bg-wrapper{
      height: 780px;
  }
}




/*////////////3DMeow Adolfs and Friends//////////////*/

.product-page .cert-list.text-dark b,
.text-dark{
  color: var(--brand-color-black) !important;
}

#meowAdolfnfriends .product-detail h2,
#meowAdolfnfriends .product-detail b{
  color:#000000;
}
#meowAdolfnfriends .product-detail h2:after,
#meowAdolfnfriends .product-detail .listSelect,
#meowAdolfnfriends .product-detail .listWrapper{
  background-color:#000000;
}
#meowAdolfnfriends .product-detail .subTitle svg #bg,
#meowAdolfnfriends .product-detail .subTitle svg #bg2 path,
#meowAdolfnfriends .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#000000;
}
#meowAdolfnfriends.product-page .subTitle .icon-skin #bg path{
  fill:#000000;
}
#meowAdolfnfriends.product-page .product-certificateB .bgWrap,
#meowAdolfnfriends.product-page .product-certificateA .bg-fluid .bgWrap{
	background: linear-gradient(105.91deg, rgb(255, 224, 162, 0.5) -15.5%, rgb(255, 184, 85, 0.5) 121.52%);
}

#meowAdolfnfriends.product-page .product-certificateB a.btn-inner.secondary{
  background-color:var(--brand-color-black);
  color: white;
}
#meowAdolfnfriends.product-page .product-certificateB a.btn-inner.secondary:hover{
  background-color: white;
  color: var(--brand-color-black);
}

#meowAdolfnfriends.product-page .related-cert .container{
  border-color: var(--brand-color-black);
  border-size: 2px;
}
#meowAdolfnfriends .product-size{
	background: linear-gradient(105.91deg, rgb(255, 224, 162, 0.5) -15.5%, rgb(255, 184, 85, 0.5) 121.52%);
}

#meowAdolfnfriends .product-detail .featureFirst.bg-fluid .bgWrap{
	background: linear-gradient(90deg, #FFE0A2 0%, #FFB855 99%);
	opacity: 0.5;
}
#meowAdolfnfriends .product-detail .featureFirst.bg-fluid .bgBottom{
	width: 100%;
    height: 12%;
	min-height: 50px;
	background-color: #BC472B;
	border-top: 8px solid #231815;
	position: absolute;
	bottom: 0;
}
@media screen and (min-width: 480px) and (max-width: 767px){
	#meowAdolfnfriends .product-detail .featureFirst .minHeight70{
		min-height: 500px !important;
	}
}
@media screen and (max-width: 767px) {
	#meowAdolfnfriends .product-detail .featureFirst .img-wrapper1{
		width: 77%;
		position: relative;
		left: -10px;
		margin-top: 30px;
	}
	#meowAdolfnfriends .product-detail .featureFirst .img-wrapper2{
		position: relative;
		width: 85%;
		left: 17%;
		top: -18px;
	}
	#meowAdolfnfriends .product-detail .featureFirst .img-wrapper3{
		width: 22%;
		position: absolute;
		top: 85px;
		right: 10%;
		z-index: 1;
	}
}
@media screen and (min-width: 768px) {
	#meowAdolfnfriends .product-detail .featureFirst.bg-fluid .bgBottom{
		height: 20%;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
	#meowAdolfnfriends .product-detail .featureFirst.bg-fluid .content-wrapper-1{
		position: absolute;
		left: 0;
		bottom: 35px;
	}
	#meowAdolfnfriends .product-detail .featureFirst.bg-fluid .content-wrapper-2{
		position: absolute;
		right: 0;
		bottom: 40px;
	}
}
@media screen and (min-width: 860px) and (max-width: 1023px){
	#meowAdolfnfriends .product-detail .featureFirst .container.minHeight70{
		min-height: 580px !important;
	}
}
@media screen and (min-width: 1200px) {
	#meowAdolfnfriends .product-detail .featureFirst.bg-fluid .content-wrapper-1{
		max-width: 660px;
		left: 100px;
		bottom: 30px;
	}
	#meowAdolfnfriends .product-detail .featureFirst.bg-fluid .content-wrapper-2{
		left: -100px;
	}
}

#meowAdolfnfriends.product-page .subTitle{
	font-family: var(--brand-font);
    text-align: left;
}
#meowAdolfnfriends .product-detail h2:after{
	display: none;
}
#meowAdolfnfriends .product-detail .featureOther-1.bg-fluid .bgWrap{
	background: linear-gradient(180deg, #FFF6D8 18%, #FFCB88 75%);
	opacity: 0.5;
}
#meowAdolfnfriends .product-detail .content-wrapper1 .deco{
    width: calc(100% + 40px);
    min-height: 30px;
    height: 13%;
    background-color: #F2B270;
    border-top: 5px solid #231815;
    border-bottom: 5px solid #231815;
    position: absolute;
    left: -20px;
    bottom: 12px;
    z-index: -1;
}
#meowAdolfnfriends .product-detail .featureOther-1 .content-wrapper1 .deco{
    background-color: #F2B270;
}
#meowAdolfnfriends .product-detail .content-wrapper1 .img-wrapper2{
    position: relative;
    bottom: 0px;
    max-width: 320px;
    margin: auto;
}
@media screen and (min-width: 480px) and (max-width: 767px){
	#meowAdolfnfriends .product-detail .featureOther-1 .img-wrapper{
		max-width: 450px;
	}
}
@media screen and (min-width: 480px) {
	#meowAdolfnfriends .product-detail .featureOther-1 .content-wrapper1 .img-wrapper2{
		left: 13%;
	}
}
@media screen and (min-width: 768px) {
	#meowAdolfnfriends .product-detail .content-wrapper1 .deco{
		height: 22%;
		border-bottom: 8px solid #231815;
		border-top: 8px solid #231815;
		bottom: 0;
	}
	#meowAdolfnfriends .product-detail .content-wrapper1{
		margin-top: -3%;
	}
	#meowAdolfnfriends .product-detail .content-wrapper1 .img-wrapper2{
		max-width: 350px;
	}
}
@media screen and (min-width: 900px) {
	#meowAdolfnfriends .product-detail .content-wrapper1{
		margin-top: -6%;
		padding-bottom: 35px !important;
	}
	#meowAdolfnfriends .product-detail .content-wrapper1 .img-wrapper2{
		max-width: 50%;
	}
	#meowAdolfnfriends .product-detail .content-wrapper1 .deco{
		height: 23%;
	}
}

@media screen and (min-width: 1025px) {
	#meowAdolfnfriends .product-detail .content-wrapper1{
		margin-top: -8%;
	}
	#meowAdolfnfriends .product-detail .content-wrapper1 .deco{
		bottom:0;
	}
}
@media screen and (min-width: 1100px) {
	#meowAdolfnfriends .product-detail .content-wrapper1{
		padding-bottom: 38px !important;
	}
}

@media screen and (min-width: 1200px) {
	#meowAdolfnfriends .product-detail .content-wrapper1{
		padding-bottom: 48px !important;
	}
	#meowAdolfnfriends .product-detail .content-wrapper1 .img-wrapper2{
		max-width: 550px;
	}
	#meowAdolfnfriends .product-detail .featureOther-1 .content-wrapper1 .img-wrapper2{
		padding-top: 1rem;
	}
	#meowAdolfnfriends .product-detail .content-wrapper1 .deco{
		bottom: 0;
	}
}
@media screen and (min-width: 1400px) {
	#meowAdolfnfriends .product-detail .featureOther-1 .content-wrapper1 .img-wrapper2{
		left: 9%;
	}
	#meowAdolfnfriends .product-detail .content-wrapper1{
		margin-top: -120px;
	}
}
#meowAdolfnfriends.product-page .featureFilter .itemWrapper .item .img-wrapper svg g#bg path{
	fill: #000000;
}

#meowAdolfnfriends .product-detail .featureFilter.bg-fluid .bgWrap{
	background: linear-gradient(180deg, #A9EBF2 21%, #E4FAFF 81%);
	opacity: 0.5;
}
#meowAdolfnfriends .product-detail .featureFilter .bgWrap-inner{
	background: transparent;
}
#meowAdolfnfriends .product-detail .featureFilter .deco{
    background-color: #B6EDF1;
}
@media screen and (min-width: 480px) and (max-width: 767px){
	#meowAdolfnfriends .product-detail .featureFilter .img-wrapper{
		max-width: 450px;
	}
}
@media screen and (min-width: 768px) {
	#meowAdolfnfriends .product-detail .featureFilter .content-wrapper1 .img-wrapper2{
		left: -22%;
	}
}
@media screen and (min-width: 1400px) {
	#meowAdolfnfriends .product-detail .featureFilter .content-wrapper1 .img-wrapper2{
		left: -250px;
	}
}

#meowAdolfnfriends .product-detail .featureOther-2.bg-fluid .bgWrap{
	background: linear-gradient(131.04deg, #F6B995 0%, #F6D7BB 81%);
	opacity: 0.5;
}
#meowAdolfnfriends .product-detail .featureOther-2 .bgWrap-inner{
	background: transparent;
}
#meowAdolfnfriends .product-detail .featureOther-2 .deco{
    background-color: #f9bab5;
}
#meowAdolfnfriends .product-detail .featureOther-2 .content-wrapper1 .img-wrapper2{
    max-width: 350px;
}
@media screen and (min-width: 480px) and (max-width: 767px){
	#meowAdolfnfriends .product-detail .featureOther-2 .img-wrapper{
		max-width: 450px;
	}
}
@media screen and (min-width: 480px) {
	#meowAdolfnfriends .product-detail .featureOther-2 .content-wrapper1 .img-wrapper2{
		left: 13%;
	}
}
@media screen and (min-width: 768px) {
	#meowAdolfnfriends .product-detail .featureOther-2 .content-wrapper1 .img-wrapper2{
		max-width: 420px;
	}
}
@media screen and (min-width: 900px) {
	#meowAdolfnfriends .product-detail .featureOther-2 .content-wrapper1{
		padding-bottom: 18px !important;
	}
	#meowAdolfnfriends .product-detail .featureOther-2 .content-wrapper1 .img-wrapper2{
		max-width: 500px;
	}
}

@media screen and (min-width: 1200px) {
	#meowAdolfnfriends .product-detail .featureOther-2 .content-wrapper1{
		padding-bottom: 30px !important;
	}
	#meowAdolfnfriends .product-detail .featureOther-2 .content-wrapper1 .img-wrapper2{
		max-width: 600px;
	}
}
@media screen and (min-width: 1400px) {
	#meowAdolfnfriends .product-detail .featureOther-2 .content-wrapper1{
		margin-top: -170px;
	}
	#meowAdolfnfriends .product-detail .featureOther-2 .content-wrapper1 .img-wrapper2{
		left: 9%;
	}
}


#meow.product-page .cta .banner-bg{
    background-position: right top;
    background-size: 190%;
}
#meow.product-page .cta .logo-wrapper{
  margin-top: 120px;
}

#meowAdolfnfriends.product-page .cta .cta-btn .btn-inner{
    background-color: #000000;
    color: #ffffff;
	border: 2px solid #000000;
    font-size: 1.2rem;
    font-weight: 600;
}
#meowAdolfnfriends.product-page .cta .cta-btn .btn-inner:hover{
    background-color: #ffffff !important;
    color: #000000;
}

#meowAdolfnfriends.product-page .cta .bgBottom{
	width: 100%;
    height: 12%;
	min-height: 50px;
	background-color: #BC472B;
	border-top: 8px solid #231815;
	position: absolute;
	bottom: 0;
    z-index: 1;
}
#meowAdolfnfriends.product-page .cta .img-wrapper{
	z-index: 2;
}
#meowAdolfnfriends.product-page .cta .banner-wrapper{
	height: auto !important;
    min-height: 1px;
}
#meowAdolfnfriends.product-page .cta .logo-wrapper{
	margin-bottom: -18px;
}
#meowAdolfnfriends.product-page .cta .logo-wrapper .logo-img{
	margin-bottom: -18px;
    max-width: 550px;
    margin: auto;
}


@media screen and (min-width: 468px) {
  #meow.product-page .cta .banner-wrapper{
    height: auto;
  }
  #meow.product-page .cta .banner-bg{
    background-size: 150%;
  }
  #meow.product-page .cta .logo-wrapper{
    margin-left: 27%;
  }
}
@media screen and (min-width: 768px) {
  #meow.product-page .cta .banner-bg{
    background-size: cover;
  }
  #meow.product-page .cta .banner-wrapper{
      height: 100vh;
  }
}

@media screen and (min-width: 468px) and (max-width: 1024px){
  #meow .cta .banner-wrapper .logo-wrapper{
    max-width: 460px;
    margin-top: 230px;
    margin-bottom: -50px;
  }
  #meow .cta .banner-wrapper .img-wrapper{
    max-width: 580px;
  }
}


@media screen and (min-width: 1025px) and (max-width: 1200px){
  #meow.product-page .cta .logo-wrapper{
    position: absolute;
    right: -10px;
  }
  #meow.product-page .cta .banner-wrapper{
    min-height: 600px;
  }
}

@media screen and (min-width: 1025px) {
  #meow.product-page .cta .banner-wrapper{
      height: auto;
  }
}

@media screen and (min-width: 1200px) {
  #meow .cta .banner-wrapper .img-wrapper{
    max-width: 800px;
    }
  #meow.product-page .cta .logo-wrapper{
    max-width: 700px;
    margin: 0;
  }
}

@media screen and (min-width: 1700px) {
  #meow.product-page .cta .banner-bg{
    background-position: 100% 36%;
  }
}



/*****Royal mask**********************/


#royalMask .product-detail h2,
#royalMask .product-wearing h2,
#royalMask .product-detail b,
#royalMask .product-detail h2 span{
  color: #B49274;
}
#royalMask .product-detail .subTitle svg #bg,
#royalMask .product-detail .subTitle svg #bg2 path,
#royalMask .product-detail .itemWrapper .item .img-wrapper svg path#bg{
  fill:#B49274;
}
#royalMask.product-page .subTitle .icon-skin #bg path{
  fill:#B49274;
}
#royalMask.product-page .product-detail{
	color: #B49274;
}

#royalMask.product-page .subTitle{
    text-indent: 5px;
	margin-bottom: 0;
}
#royalMask.product-page .subTitle:after{
	display: none;
}

/*
#royalMask .product-detail .featureFirst.bg-fluid .bgWrap{
  background: url("../img/products/3dmask/vplus-bg-1.png");
  background-position: center;
  background-size: cover;
  background-repeat: repeat;
}*/


#royalMask .product-detail .featureOther-2 .item-wrapper span{
    background-color: white;
    border-radius: 50%;
    border: 3px solid #B49274;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 0 5px;
}
#royalMask .product-detail .featureOther-2 .item-wrapper span:nth-child(2){
    background-color: #A1A19B;
}
#royalMask .product-detail .featureOther-2 .item-wrapper span:nth-child(3){
    background-color: #AC9880;
}
#royalMask .product-detail .featureOther-2 .item-wrapper span:nth-child(4){
    background-color: #2D2D2D;
}

#royalMask.product-page .product-certificateB .bgWrap{
    background: #B49274;
}
#royalMask.product-page .product-certificateB a.btn-inner.secondary{
  background-color: white;
  color: #B49274;
  border: 2px solid transparent;
}
#royalMask.product-page .product-certificateB a.btn-inner.secondary:hover{
  background-color: #B49274;
  color: white;
  border: 2px solid white;
}

#royalMask .product-size .nav .nav-link.active .sizebtn svg #bg_2,
#royalMask .product-size .nav .nav-link.active .sizebtn svg #bg{
  fill: #B49274;
}

#royalMask .product-size .nav .nav-link.active .sizebtn{
    background-color: #B49274;
}
#royalMask .product-size .sizebtn.last,
#royalMask .product-size .sizebtn{
	border-color: #B49274;
}

#royalMask .cta{
	border-bottom: 18px solid #B49274;
}
#royalMask.product-page .cta .banner-wrapper{
	height: auto;
    min-height: 320px;
}
#royalMask.product-page .cta .cta-btn .btn-inner{
    background-color: #B49274;
    border-radius: 0;
    transform: skewX(-20deg);
}
#royalMask.product-page .cta .cta-btn .btn-inner span{
    transform: skewX(20deg);
    display: block;
}

@media (min-width:480px) {
  .#royalMaskproduct-page .cta .cta-btn .btn-inner{
    transform: skewX(-20deg) scale(1.35);
  }
}
@media (min-width:768px) {
  #royalMask.product-page .cta .cta-btn .btn-inner{
    transform: skewX(-20deg) scale(1.5);
  }
}

@media screen and (min-width: 480px) {
	#royalMask.product-page .cta .banner-wrapper{
		min-height: 500px;
	}
}








@media screen and (min-width: 480px) {

}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 1025px) {
  
}

@media screen and (min-width: 1200px) {
  
}