/* Landing page */

.product-landing-page { width:1100px; margin:0 auto; padding:30px 60px; text-align:left; } 

.product-menu { width:100%; background:#eee; margin:0 auto; overflow-x: scroll; 
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  position:fixed;
  z-index:10;
}

.product-menu::-webkit-scrollbar {
  display: none;
}

.product-menu-item { padding:20px; display:inline-block; transition:0.3s; cursor:pointer;}

.product-menu-item:hover { opacity:0.6;  }

.product-menu-item span { font-size:12px; display:block; margin-top:10px; color:#000;}



.product-menu-img { width:100px; height:47px;  }
.product-menu-img-otonaplus { width:70px; height:47px;   }


.product-section-spacing {
  display: block;
  height: 90px; /*same height as header*/
  margin-top: -90px; /*same height as header*/
  visibility: hidden;
}

.product-type-section-spacing {
  display: block;
  height: 150px; /*same height as header*/
  margin-top: -150px; /*same height as header*/
  visibility: hidden;
}

.product-top-img { padding-top:112px; }

.morning-title { max-width:100%; background-image: linear-gradient(123deg, #faf6e0 25%, #ffffff 25%, #ffffff 50%, #faf6e0 50%, #faf6e0 75%, #ffffff 75%, #ffffff 100%);
background-size: 23.85px 36.72px; padding:20px; font-size:34px; text-transform:uppercase; position:relative;}

.night-title { max-width:100%; background-image: linear-gradient(123deg, #e0e9e6 25%, #ffffff 25%, #ffffff 50%, #e0e9e6 50%, #e0e9e6 75%, #ffffff 75%, #ffffff 100%);
background-size: 23.85px 36.72px; padding:20px; font-size:34px; text-transform:uppercase; position:relative;}

.anti-aging-title { max-width:100%; background-image: linear-gradient(123deg, #fffcec 25%, #e2f5f7 25%, #e2f5f7 50%, #fffcec 50%, #fffcec 75%, #e2f5f7 75%, #e2f5f7 100%);
background-size: 23.85px 36.72px; padding:20px; font-size:34px; text-transform:uppercase; position:relative;}

.medical-mask-title { max-width:100%; background-image: linear-gradient(123deg, #fffcec 25%, #eee 25%, #eee 50%, #fffcec 50%, #fffcec 75%, #eee 75%, #eee 100%);
background-size: 23.85px 36.72px; padding:20px; font-size:34px; text-transform:uppercase; position:relative;}


.morning-title-3-in-1, .night-title-5-in-1, .anti-aging-title-5-in-1, .medical-title-5-in-1 { position:absolute; right:34px; top:18px;}


/* Botanical Morning Mask */

.botanical-morning-mask-background { width:100%; margin:0 auto; background:url("../img/products/botanical-morning-mask-background-desktop.jpg") no-repeat center top #F0EFF3; }

.botanical-morning-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.botanical-morning-mask-background .product-details-container { position:absolute; top:160px; right:60px; width:450px; }

.botanical-morning-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.botanical-morning-mask-background .product-info { font-size:18px; color:#489e48; margin-bottom:20px; }

.botanical-morning-mask-background .product-type { position:absolute; top:50px; right:350px; font-size:16px; color:#fff; background:#459541; border-radius:50%; width:80px; height:80px; padding:10px; text-align:center;}

.botanical-morning-mask-button { 
  border-radius: 30px;
  background:#459541;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}



/* Morning Mask */

.morning-mask-background { width:100%; margin:0 auto; background:url("../img/products/morning-mask-background-desktop.jpg") no-repeat center top #f5e597; }

.morning-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.morning-mask-background .product-details-container { position:absolute; top:160px; right:60px; width:450px; }

.morning-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.morning-mask-background .product-info { font-size:18px; color:#ff8100; margin-bottom:20px; }

.morning-mask-background .product-type { position:absolute; top:50px; right:350px; font-size:16px; color:#fff; background:#ff8100; border-radius:50%; width:80px; height:80px; padding:10px; text-align:center;}


.morning-mask-button { 
  border-radius: 30px;
  background:#f9ef43;
  color:#000;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}




/* Moisture Rich Morning Mask */

.moisture-rich-morning-mask-background { width:100%; margin:0 auto; background:url("../img/products/moisture-rich-morning-mask-background-desktop-new.jpg") no-repeat center top #feb2d0; }

.moisture-rich-morning-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.moisture-rich-morning-mask-background .product-details-container { position:absolute; top:160px; right:60px; width:450px; }

.moisture-rich-morning-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.moisture-rich-morning-mask-background .product-info { font-size:18px; color:#fc5ca5; margin-bottom:20px; }

.moisture-rich-morning-mask-background .product-type { position:absolute; top:50px; right:350px; font-size:16px; color:#fff; background:#fc5ca5; border-radius:50%; width:70px; height:70px; padding:15px 10px 10px 10px; text-align:center;}

.moisture-rich-morning-mask-button { 
  border-radius: 30px;
  background:#fa5392;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}


/* Minty Fresh Morning Mask */

.minty-fresh-morning-mask-background { width:100%; margin:0 auto; background:url("../img/products/minty-fresh-morning-mask-background-desktop-new.jpg") no-repeat center top #feb2d0; }

.minty-fresh-morning-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.minty-fresh-morning-mask-background .product-details-container { position:absolute; top:160px; right:60px; width:450px; }

.minty-fresh-morning-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.minty-fresh-morning-mask-background .product-info { font-size:18px; color:#216a75; margin-bottom:20px; }

.minty-fresh-morning-mask-background .product-type { position:absolute; top:50px; right:350px; font-size:16px; color:#fff; background:#53b3a7; border-radius:50%; width:70px; height:70px; padding:15px 10px 10px 10px; text-align:center;}

.minty-fresh-morning-mask-button { 
  border-radius: 30px;
  background:#148393;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}



/* GoodNight Mask */

.goodnight-mask-background { width:100%; margin:0 auto; background:url("../img/products/goodnight-mask-background-desktop.jpg") no-repeat center top #8eb3dc; }

.goodnight-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.goodnight-mask-background .product-details-container { position:absolute; top:160px; left:60px; width:450px; }

.goodnight-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.goodnight-mask-background .product-info { font-size:18px; color:#0137b3; margin-bottom:20px; }

.goodnight-mask-background .product-type { position:absolute; top:50px; left:350px; font-size:16px; color:#fff; background:#0137b3; border-radius:50%; width:90px; height:90px; padding:23px 10px 10px 10px; text-align:center;}

.goodnight-mask-button { 
  border-radius: 30px;
  background:#25419c;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}



/* Moisture Mild GoodNight Mask */

.moisture-mild-goodnight-mask-background { width:100%; margin:0 auto; background:url("../img/products/moisture-mild-goodnight-mask-background-desktop.jpg") no-repeat center top #f2c1db; }

.moisture-mild-goodnight-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.moisture-mild-goodnight-mask-background .product-details-container { position:absolute; top:160px; right:60px; width:450px; }

.moisture-mild-goodnight-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.moisture-mild-goodnight-mask-background .product-info { font-size:18px; color:#e4598f; margin-bottom:20px; }

.moisture-mild-goodnight-mask-background .product-type { position:absolute; top:50px; right:350px; font-size:16px; color:#fff; background:#f980af; border-radius:50%; width:100px; height:100px; padding:20px 10px 10px 10px; text-align:center;}

.moisture-mild-goodnight-mask-button { 
  border-radius: 30px;
  background:#e199c7;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}

/* Otanaplus High Moisture Night Mask */

.otonaplus-high-moisture-night-mask-background { width:100%; margin:0 auto; background:url("../img/products/otonaplus-high-moisture-night-mask-background-desktop.jpg") no-repeat center top #85dee6; }

.otonaplus-high-moisture-night-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.otonaplus-high-moisture-night-mask-background .product-details-container { position:absolute; top:160px; left:60px; width:450px; }

.otonaplus-high-moisture-night-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.otonaplus-high-moisture-night-mask-background .product-info { font-size:18px; color:#00a3b5; margin-bottom:20px; }

.otonaplus-high-moisture-night-mask-background .product-type { position:absolute; top:50px; left:350px; font-size:16px; color:#fff; background:#00a3b5; border-radius:50%; width:75px; height:75px; padding:15px 10px 10px 10px; text-align:center;}


.otonaplus-high-moisture-night-mask-button { 
  border-radius: 30px;
  background:#17cae9;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}

/* Otanaplus Brightening Night Mask */

.otonaplus-brightening-night-mask-background { width:100%; margin:0 auto; background:url("../img/products/otonaplus-brightening-night-mask-background-desktop.jpg") no-repeat center top #fff09a; }

.otonaplus-brightening-night-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.otonaplus-brightening-night-mask-background .product-details-container { position:absolute; top:160px; left:60px; width:450px; }

.otonaplus-brightening-night-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.otonaplus-brightening-night-mask-background .product-info { font-size:18px; color:#c1a71a; margin-bottom:20px; }

.otonaplus-brightening-night-mask-background .product-type { position:absolute; top:50px; left:350px; font-size:16px; color:#fff; background:#e6ce3e; border-radius:50%; width:90px; height:90px; padding:24px 10px 10px 10px; text-align:center;}

.otonaplus-brightening-night-mask-button { 
  border-radius: 30px;
  background:#f1ce00;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}

/* Otanaplus Cica Night Mask */

.otonaplus-cica-night-mask-background { width:100%; margin:0 auto; background:url("../img/products/otonaplus-cica-night-mask-background-desktop.jpg") no-repeat center top #c6ffe4; }

.otonaplus-cica-night-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.otonaplus-cica-night-mask-background .product-details-container { position:absolute; top:160px; left:60px; width:450px; }

.otonaplus-cica-night-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.otonaplus-cica-night-mask-background .product-info { font-size:18px; color:#007e4e; margin-bottom:20px; }

.otonaplus-cica-night-mask-background .product-type { position:absolute; top:50px; left:350px; font-size:16px; color:#fff; background:#007e4e; border-radius:50%; width:90px; height:90px; padding:15px 10px 10px 10px; text-align:center;}


.otonaplus-cica-night-mask-button { 
  border-radius: 30px;
  background:#007e4e;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}

/* Acne Care Medical Mask */

.acne-care-medical-mask-background { width:100%; margin:0 auto; background:url("../img/products/acne-care-medical-mask-background-desktop.jpg") no-repeat center top #59d29c; }

.acne-care-medical-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.acne-care-medical-mask-background .product-details-container { position:absolute; top:160px; left:60px; width:450px; }

.acne-care-medical-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.acne-care-medical-mask-background .product-info { font-size:18px; color:#1c715c; margin-bottom:20px; }

.acne-care-medical-mask-background .product-type { position:absolute;  top:50px; left:350px;  font-size:16px; color:#000; background:#f7d0e3; border-radius:50%; width:97px; height:97px; padding:15px 10px 10px 10px; text-align:center;}

.acne-care-medical-mask-button { 
  border-radius: 30px;
  background:#000;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}

/* Medical Brightening Mask */

.medical-brightening-mask-background { width:100%; margin:0 auto; background:url("../img/products/medical-brightening-mask-background-desktop.jpg") no-repeat center top #fffa85;  }

.medical-brightening-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.medical-brightening-mask-background .product-details-container { position:absolute; top:160px; left:60px; width:450px; }

.medical-brightening-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.medical-brightening-mask-background .product-info { font-size:18px; color:#868416; margin-bottom:20px; }

.medical-brightening-mask-background .product-type { position:absolute;  top:50px; left:350px;  font-size:16px; color:#000; background:#5ce3f2; border-radius:50%; width:97px; height:97px; padding:25px 10px 10px 10px; text-align:center;}

.medical-brightening-mask-button { 
  border-radius: 30px;
  background:#000;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}

/* Medical Wrinkle Care Mask */

.medical-wrinkle-care-mask-background { width:100%; margin:0 auto; background:url("../img/products/medical-wrinkle-care-mask-background-desktop.jpg") no-repeat center top #ff7899; color:#000;}

.medical-wrinkle-care-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.medical-wrinkle-care-mask-background .product-details-container { position:absolute; top:160px; left:60px; width:450px; }

.medical-wrinkle-care-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.medical-wrinkle-care-mask-background .product-info { font-size:18px; color:#fff!important; margin-bottom:20px; }

.medical-wrinkle-care-mask-background .product-type { position:absolute;  top:50px; left:350px;  font-size:16px; color:#fff; background:#ee6f7e; border-radius:50%; width:97px; height:97px; padding:25px 10px 10px 10px; text-align:center;}

.medical-wrinkle-care-mask-button { 
  border-radius: 30px;
  background:#000;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}

/* Vitamin C Morning Mask */

.vitamin-c-morning-mask-background { width:100%; margin:0 auto; background:url("../img/products/vitamin-c-morning-mask-background-desktop-new.jpg") no-repeat center top #ffefd3; }

.vitamin-c-morning-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.vitamin-c-morning-mask-background .product-details-container { position:absolute; top:160px; right:60px; width:450px; }

.vitamin-c-morning-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.vitamin-c-morning-mask-background .product-info { font-size:18px; color:#cc790e; margin-bottom:20px; }

.vitamin-c-morning-mask-background .product-type { position:absolute; top:50px; right:350px; font-size:16px; color:#fff; background:#ffae11; border-radius:50%; width:90px; height:90px; padding:25px 10px 10px 10px; text-align:center;}


.vitamin-c-morning-mask-button { 
  border-radius: 30px;
  background:#ffae11;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}

/* Vitamin A Night Mask */

.vitamin-a-night-mask-background { width:100%; margin:0 auto; background:url("../img/products/vitamin-a-night-mask-background-desktop.jpg") no-repeat center top #ffdaeb; }

.vitamin-a-night-mask-background .product-section-container { position:relative; width:1100px; height:671px; margin:0 auto; }

.vitamin-a-night-mask-background .product-details-container { position:absolute; top:160px; left:60px; width:450px; }

.vitamin-a-night-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.vitamin-a-night-mask-background .product-info { font-size:18px; color:#753e5f; margin-bottom:20px; }

.vitamin-a-night-mask-background .product-type { position:absolute; top:50px; left:350px; font-size:16px; color:#fff; background:#cc5aa7; border-radius:50%; width:90px; height:90px; padding:15px 10px 10px 10px; text-align:center;}


.vitamin-a-night-mask-button { 
  border-radius: 30px;
  background:#cc5aa7;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}

/* Rice Morning Mask */

.rice-morning-mask-background { width:100%; margin:0 auto; background:url("../img/products/rice-morning-mask-background-desktop.jpg") no-repeat center top #e8f4ff; }

.rice-morning-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.rice-morning-mask-background .product-details-container { position:absolute; top:160px; right:60px; width:450px; }

.rice-morning-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.rice-morning-mask-background .product-info { font-size:18px; color:#5f3fc0; margin-bottom:20px; }

.rice-morning-mask-background .product-type { position:absolute; top:50px; right:350px; font-size:16px; color:#fff; background:#1f007e; border-radius:50%; width:90px; height:90px; padding:15px 10px 10px 10px; text-align:center;}


.rice-morning-mask-button { 
  border-radius: 30px;
  background:#1f007e;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}

/* Megashot Morning Morning Mask */

.megashot-morning-mask-background { width:100%; margin:0 auto; background:url("../img/products/megashot-morning-mask-background-desktop.jpg") no-repeat center top #fce5ae; }

.megashot-morning-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.megashot-morning-mask-background .product-details-container { position:absolute; top:160px; right:60px; width:450px; }

.megashot-morning-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.megashot-morning-mask-background .product-info { font-size:18px; color:#cc790e; margin-bottom:20px; }

.megashot-morning-mask-background .product-type { position:absolute; top:50px; right:350px; font-size:16px; color:#fff; background:#ffae11; border-radius:50%; width:90px; height:90px; padding:15px 10px 10px 10px; text-align:center;}

.megashot-morning-mask-button { 
  border-radius: 30px;
  background:#ffae11;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}

/* Megashot Night Mask */

.megashot-night-mask-background { width:100%; margin:0 auto; background:url("../img/products/megashot-night-mask-background-desktop.jpg") no-repeat center top #f1f4fd; }

.megashot-night-mask-background .product-section-container { position:relative; width:1100px; height:631px; margin:0 auto; }

.megashot-night-mask-background .product-details-container { position:absolute; top:160px; left:60px; width:450px; }

.megashot-night-mask-background .product-title {  font-size:26px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}

.megashot-night-mask-background .product-info { font-size:18px; color:#3a6cc9; margin-bottom:20px; }

.megashot-night-mask-background .product-type { position:absolute; top:50px; left:350px; font-size:16px; color:#fff; background:#6193f0; border-radius:50%; width:100px; height:100px; padding:25px 10px 10px 10px; text-align:center;}


.megashot-night-mask-button { 
  border-radius: 30px;
  background:#6193f0;
  color:#fff;
  font-size:18px;
  padding: 20px 30px;
  margin:20px 10px;
  display:inline-block;
  transition:0.3s;
  position:relative;
}

/* Product Landing Page Other */

.morning-mask-title { position:relative; display:inline-block; }
.morning-mask-title-upgraded { position:absolute; font-size:13px; color:#000; top:-1px; right:-160px; font-weight:bold; background:#ffcf4e; padding:10px; border-radius:10px; content:''; }

.moisture-rich-morning-mask-title { position:relative; display:inline-block; }
.moisture-rich-morning-mask-title-upgraded { position:absolute; font-size:13px; color:#000; top:-1px; right:-160px; font-weight:bold; background:#ffcf4e; padding:10px; border-radius:10px; content:''; }

.minty-fresh-morning-mask-title { position:relative; display:inline-block; }
.minty-fresh-morning-mask-title-upgraded { position:absolute; font-size:13px; color:#000; top:-1px; right:-160px; font-weight:bold; background:#ffcf4e; padding:10px; border-radius:10px; content:''; }

.botanical-morning-mask-title { position:relative; display:inline-block; }
.botanical-morning-mask-title-upgraded { position:absolute; font-size:13px; color:#000; top:-1px; right:-160px; font-weight:bold; background:#ffcf4e; padding:10px; border-radius:10px; content:''; }

.rice-morning-mask-title { position:relative; display:inline-block; }
.rice-morning-mask-title-upgraded { position:absolute; font-size:13px; color:#000; top:-1px; right:-160px; font-weight:bold; background:#ffcf4e; padding:10px; border-radius:10px; content:''; }

.goodnight-mask-title { position:relative; display:inline-block; }
.goodnight-mask-title-upgraded { position:absolute; font-size:13px; color:#000; top:-1px; right:-160px; font-weight:bold; background:#ffcf4e; padding:10px; border-radius:10px; content:''; }


.botanical-morning-mask-button:hover, .morning-mask-button:hover, .moisture-rich-morning-mask-button:hover, .minty-fresh-morning-mask-button:hover, .goodnight-mask-button:hover, .moisture-mild-goodnight-mask-button:hover, .otonaplus-high-moisture-night-mask-button:hover, .otonaplus-brightening-night-mask-button:hover, .otonaplus-cica-night-mask-button:hover, .acne-care-medical-mask-button:hover, .medical-brightening-mask-button:hover, .medical-wrinkle-care-mask-button:hover, .vitamin-c-morning-mask-button:hover, .vitamin-a-night-mask-button:hover, .rice-morning-mask-button:hover, .megashot-morning-mask-button:hover, .megashot-night-mask-button:hover   { 
  padding: 20px 40px;
  
}

.botanical-morning-mask-button:hover::after, .morning-mask-button:hover::after, .moisture-rich-morning-mask-button:hover::after, .minty-fresh-morning-mask-button:hover::after, .goodnight-mask-button:hover::after, .moisture-mild-goodnight-mask-button:hover::after, .otonaplus-high-moisture-night-mask-button:hover::after, .otonaplus-brightening-night-mask-button:hover::after, .otonaplus-cica-night-mask-button:hover::after, .acne-care-medical-mask-button:hover::after, .medical-brightening-mask-button:hover::after, .medical-wrinkle-care-mask-button:hover::after, .vitamin-c-morning-mask-button:hover::after, .vitamin-a-night-mask-button:hover::after, .rice-morning-mask-button:hover::after, .megashot-morning-mask-button:hover::after, .megashot-night-mask-button:hover::after  { 
  
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f105";
  position:absolute;
  top:19px;
  right:15px;
  font-size:24px;
  z-index:10;
  
}

.rotate-left { transform: rotate(10deg); } 
.rotate-right { transform: rotate(-10deg); }



.no-top-line { border:none!important }

.star-icon { color:#f4ef00; font-size:20px; }

.quiz { width:600px; margin:0 auto; border:1px solid #ccc; padding:0 20px 10px 20px; }

.recommended { font-size:26px; display:block; margin-top:30px; margin-bottom:30px;}

.recommended-img { margin:9.5px 9.5px 0 9.5px; padding:20px; float:left; width:260px; transition:0.3s; cursor:pointer; color:#000!important; position:relative; }

.recommended-img-sensitive { padding:20px; width:260px; transition:0.3s; cursor:pointer; color:#000!important; }

.recommended-img:hover, .recommend-img-sensitive:hover { opacity:0.6; }

.recommended-img span, .recommend-img-sensitive span { font-size:16px!important; margin:0!important; padding:5px 20px!important;}


.day-text { margin-bottom:10px; margin-top:-10px; display:inline-block; background:#f7f0aa; padding:10px 20px; font-size:15px; border-radius:10px; z-index:100; }

.night-text { margin-bottom:10px; margin-top:-10px; display:inline-block; background:#265184; padding:10px 20px; font-size:15px; border-radius:10px; z-index:100; color:#fff; }

/* Product page */

.product-page-container { width:80%; margin:0 auto; padding:60px; }

.product-img-section { float:left; margin-right:60px; width: 50%;}

.sub-title { font-size:20px; }

.center-product-thumbnail { display: flex;
  justify-content: center; margin:10px auto; }

.center-product-thumbnail-medical-mask { display: flex;
  justify-content: center; margin:10px auto; }

.product-thumbnail { width:120px; height:120px; border:1px solid #eee; float:left; margin:10px; transition:0.6s; cursor:pointer; margin-bottom:20px;}

.product-thumbnail:hover { padding-bottom:10px; border-bottom:10px solid #eee;}

.product-thumbnail-active { width:120px; height:120px; border:1px solid #000; float:left; margin:10px; transition:0.6s; }

.product-img { width:100px; height:67px; margin-left:10px; margin-top:20px;}

.product-info-img { margin-top:60px; margin-left:140px; margin-bottom:30px;}

.product-info-night-img, .product-info-medical-mask-img { margin-top:60px; margin-left:90px; margin-bottom:30px;}

.product-info-megashot-img { margin-top:50px; margin-left:75px; margin-bottom:30px;}

.product-info-otonaplus-img { margin-top:60px; margin-left:65px; margin-bottom:30px;}

.product-info-img-remove-top-spacing { margin-top:-30px; }

.product-info-section { float:left; width:40%; }

.product-info-section h1 { text-transform:uppercase; font-size:34px;}

.product-text-field { border:1px solid #000; padding:5px 10px; font-size:18px; margin-top:20px; margin-bottom:20px;}

.key-benefits-title { font-size:24px; font-weight:bold; margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #eee;}

.botanical-morning-mask-key-benefit, .morning-mask-key-benefit, .moisture-rich-morning-mask-key-benefit, .minty-fresh-morning-mask-key-benefit, .goodnight-mask-key-benefit, .moisture-mild-goodnight-mask-key-benefit, .otonaplus-high-moisture-night-mask-key-benefit, .otonaplus-brightening-night-mask-key-benefit, .otonaplus-cica-night-mask-key-benefit, .acne-care-medical-mask-key-benefit, .medical-brightening-mask-key-benefit, .medical-wrinkle-care-mask-key-benefit, .vitamin-a-night-mask-key-benefit, .rice-morning-mask-key-benefit, .megashot-morning-mask-key-benefit, .megashot-night-mask-key-benefit  { margin-bottom:10px; display:block; margin:6px 0 20px 40px;}

.botanical-morning-mask-key-benefit::before { content:" "; background:url("../img/products/botanical-morning-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }
.morning-mask-key-benefit::before { content:" "; background:url("../img/products/morning-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }
.moisture-rich-morning-mask-key-benefit::before { content:" "; background:url("../img/products/moisture-rich-morning-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }
.minty-fresh-morning-mask-key-benefit::before { content:" "; background:url("../img/products/minty-fresh-morning-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }
.goodnight-mask-key-benefit::before { content:" "; background:url("../img/products/goodnight-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }
.moisture-mild-goodnight-mask-key-benefit::before { content:" "; background:url("../img/products/moisture-mild-goodnight-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }
.otonaplus-high-moisture-night-mask-key-benefit::before { content:" "; background:url("../img/products/otonaplus-high-moisture-night-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }
.otonaplus-brightening-night-mask-key-benefit::before { content:" "; background:url("../img/products/otonaplus-brightening-night-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }

.otonaplus-cica-night-mask-key-benefit::before { content:" "; background:url("../img/products/otonaplus-cica-night-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }

.acne-care-medical-mask-key-benefit::before { content:" "; background:url("../img/products/acne-care-medical-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }

.medical-brightening-mask-key-benefit::before { content:" "; background:url("../img/products/medical-brightening-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }

.medical-wrinkle-care-mask-key-benefit::before { content:" "; background:url("../img/products/medical-wrinkle-care-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }

.vitamin-a-night-mask-key-benefit::before { content:" "; background:url("../img/products/vitamin-a-night-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }

.rice-morning-mask-key-benefit::before { content:" "; background:url("../img/products/rice-morning-mask-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }

.megashot-morning-mask-key-benefit::before { content:" "; background:url("../img/products/orange-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }

.megashot-night-mask-key-benefit::before { content:" "; background:url("../img/products/blue-tick.png"); width:30px; height:30px; position:absolute; margin-left:-40px; margin-top:-3px; }

.price { font-size:18px; margin-left:30px; margin-right:15px; }
.price::before { content:"/"; font-size:36px; position:absolute; margin-left:-20px; margin-top:14px; color:#ccc; }

.botanical-morning-mask-buy {
  position: relative;
  display: inline-block;
}

.botanical-morning-mask-buy .botanical-morning-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #6fc86f;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.botanical-morning-mask-buy .botanical-morning-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #6fc86f transparent;
}

.botanical-morning-mask-buy:hover .botanical-morning-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.botanical-morning-mask-buy-button { border:1px solid #6fc86f; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#6fc86f; margin-top:5px; display:inline-block; cursor:pointer; }

.botanical-morning-mask-buy-button:hover { opacity:0.6;}

.morning-mask-buy {
  position: relative;
  display: inline-block;
}

.morning-mask-buy .morning-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #f6e803;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.morning-mask-buy .morning-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #f6e803 transparent;
}

.morning-mask-buy:hover .morning-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.morning-mask-buy-button { border:1px solid #f6e803; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#000; margin-top:5px; display:inline-block; cursor:pointer; }

.morning-mask-buy-button:hover { opacity:0.6;}

.moisture-rich-morning-mask-buy {
  position: relative;
  display: inline-block;
}

.moisture-rich-morning-mask-buy .moisture-rich-morning-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #ff98c5;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.moisture-rich-morning-mask-buy .moisture-rich-morning-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #ff98c5 transparent;
}

.moisture-rich-morning-mask-buy:hover .moisture-rich-morning-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.moisture-rich-morning-mask-buy-button { border:1px solid #ff98c5; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#ff98c5; margin-top:5px; display:inline-block; cursor:pointer; }

.moisture-rich-morning-mask-buy-button:hover { opacity:0.6;}

.minty-fresh-morning-mask-buy {
  position: relative;
  display: inline-block;
}

.minty-fresh-morning-mask-buy .minty-fresh-morning-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #6fc86f;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.minty-fresh-morning-mask-buy .minty-fresh-morning-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #6fc86f transparent;
}

.minty-fresh-morning-mask-buy:hover .minty-fresh-morning-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.minty-fresh-morning-mask-buy-button { border:1px solid #6fc86f; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#6fc86f; margin-top:5px; display:inline-block; cursor:pointer; }

.minty-fresh-morning-mask-buy-button:hover { opacity:0.6;}

.goodnight-mask-buy {
  position: relative;
  display: inline-block;
}

.goodnight-mask-buy .goodnight-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #737cfa;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.goodnight-mask-buy .goodnight-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #737cfa transparent;
}

.goodnight-mask-buy:hover .goodnight-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.goodnight-mask-buy-button { border:1px solid #737cfa; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#737cfa; margin-top:5px; display:inline-block; cursor:pointer; }

.goodnight-mask-buy-button:hover { opacity:0.6;}

.moisture-mild-goodnight-mask-buy {
  position: relative;
  display: inline-block;
}

.moisture-mild-goodnight-mask-buy .moisture-mild-goodnight-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #e0a7ce;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.moisture-mild-goodnight-mask-buy .moisture-mild-goodnight-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #e0a7ce transparent;
}

.moisture-mild-goodnight-mask-buy:hover .moisture-mild-goodnight-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.moisture-mild-goodnight-mask-buy-button { border:1px solid #e0a7ce; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#e0a7ce; margin-top:5px; display:inline-block; cursor:pointer; }

.moisture-mild-goodnight-mask-buy-button:hover { opacity:0.6;}

.otonaplus-high-moisture-night-mask-buy {
  position: relative;
  display: inline-block;
}

.otonaplus-high-moisture-night-mask-buy .otonaplus-high-moisture-night-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #17cae9;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.otonaplus-high-moisture-night-mask-buy .otonaplus-high-moisture-night-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #17cae9 transparent;
}

.otonaplus-high-moisture-night-mask-buy:hover .otonaplus-high-moisture-night-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.otonaplus-high-moisture-night-mask-buy-button { border:1px solid #17cae9; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#17cae9; margin-top:5px; display:inline-block; cursor:pointer; }

.otonaplus-high-moisture-night-mask-buy-button:hover { opacity:0.6;}

.otonaplus-brightening-night-mask-buy {
  position: relative;
  display: inline-block;
}

.otonaplus-brightening-night-mask-buy .otonaplus-brightening-night-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #f1ce00;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.otonaplus-brightening-night-mask-buy .otonaplus-brightening-night-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #f1ce00 transparent;
}

.otonaplus-brightening-night-mask-buy:hover .otonaplus-brightening-night-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.otonaplus-brightening-night-mask-buy-button { border:1px solid #f1ce00; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#f1ce00; margin-top:5px; display:inline-block; cursor:pointer; }

.otonaplus-brightening-night-mask-buy-button:hover { opacity:0.6;}

.otonaplus-cica-night-mask-buy {
  position: relative;
  display: inline-block;
}

.otonaplus-cica-night-mask-buy .otonaplus-cica-night-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #00ac64;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.otonaplus-cica-night-mask-buy .otonaplus-cica-night-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #00ac64 transparent;
}

.otonaplus-cica-night-mask-buy:hover .otonaplus-cica-night-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.otonaplus-cica-night-mask-buy-button { border:1px solid #00ac64; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#00ac64; margin-top:5px; display:inline-block; cursor:pointer; }

.otonaplus-cica-night-mask-buy-button:hover { opacity:0.6;}

/* NEW */


.acne-care-medical-mask-buy {
  position: relative;
  display: inline-block;
}

.acne-care-medical-mask-buy .acne-care-medical-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #6fc075;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.acne-care-medical-mask-buy .acne-care-medical-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #6fc075 transparent;
}

.acne-care-medical-mask-buy:hover .acne-care-medical-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.acne-care-medical-mask-buy-button { border:1px solid #6fc075; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#6fc075; margin-top:5px; display:inline-block; cursor:pointer; }

.acne-care-medical-mask-buy-button:hover { opacity:0.6;}

.medical-brightening-mask-buy {
  position: relative;
  display: inline-block;
}

.medical-brightening-mask-buy .medical-brightening-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #c7c42c;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.medical-brightening-mask-buy .medical-brightening-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #c7c42c transparent;
}

.medical-brightening-mask-buy:hover .medical-brightening-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.medical-brightening-mask-buy-button { border:1px solid #c7c42c; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#c7c42c; margin-top:5px; display:inline-block; cursor:pointer; }

.medical-brightening-mask-buy-button:hover { opacity:0.6;}



.medical-wrinkle-care-mask-buy {
  position: relative;
  display: inline-block;
}

.medical-wrinkle-care-mask-buy .medical-wrinkle-care-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #ce3042;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.medical-wrinkle-care-mask-buy .medical-wrinkle-care-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #ce3042 transparent;
}

.medical-wrinkle-care-mask-buy:hover .medical-wrinkle-care-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.medical-wrinkle-care-mask-buy-button { border:1px solid #ce3042; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#ce3042; margin-top:5px; display:inline-block; cursor:pointer; }

.medical-wrinkle-care-mask-buy-button:hover { opacity:0.6;}


.rice-morning-mask-buy {
  position: relative;
  display: inline-block;
}

.rice-morning-mask-buy .rice-morning-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #1f007e;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.rice-morning-mask-buy .rice-morning-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #1f007e transparent;
}

.rice-morning-mask-buy:hover .rice-morning-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.rice-morning-mask-buy-button { border:1px solid #1f007e; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#1f007e; margin-top:5px; display:inline-block; cursor:pointer; }

.rice-morning-mask-buy-button:hover { opacity:0.6;}

.megashot-morning-mask-buy {
  position: relative;
  display: inline-block;
}

.megashot-morning-mask-buy .megashot-morning-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #f3792c;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.megashot-morning-mask-buy .megashot-morning-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #f3792c transparent;
}

.megashot-morning-mask-buy:hover .megashot-morning-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.megashot-morning-mask-buy-button { border:1px solid #f3792c; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#000; margin-top:5px; display:inline-block; cursor:pointer; }

.megashot-morning-mask-buy-button:hover { opacity:0.6;}


.megashot-night-mask-buy {
  position: relative;
  display: inline-block;
}

.megashot-night-mask-buy .megashot-night-mask-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #2a7ae0;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.megashot-night-mask-buy .megashot-night-mask-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #2a7ae0 transparent;
}

.megashot-night-mask-buy:hover .megashot-night-mask-buy-text {
  visibility: visible;
  opacity: 1;
}

.megashot-night-mask-buy-button { border:1px solid #2a7ae0; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#000; margin-top:5px; display:inline-block; cursor:pointer; }

.megashot-night-mask-buy-button:hover { opacity:0.6;}


.buy-img { position:relative; background:#fff; width:180px; margin:0px auto 10px auto; opacity:1; cursor:pointer;}

.buy-img:hover { opacity:0.8; }

.product-rating { float:left;}

.product-rating span { font-size:18px; }

.product-rating-text { float:left; margin-left:10px; margin-top:-1px; text-decoration:underline; color:#aaa;}

.product-review-name { font-weight:bold; font-size:16px; margin-bottom:5px;}

.product-review-text { font-size:16px; margin-bottom:30px;}

.write-a-review-button { border:1px solid #ccc; border-radius: 30px; padding: 20px 30px; opacity:1; transition: 0.6s; color:#333; margin-left:10px; margin-top:5px; display:inline-block; cursor:pointer; }

.write-a-review-button:hover { opacity:0.5; }
    
.step-1 { float:left; width:110px; margin-right:60px; margin-top:20px; }
.step-1-extra-spacing-left { float:left; width:110px; margin-left:50px; margin-right:60px; margin-top:20px; }
.step-2 { float:left; width:246px; margin-right:60px; margin-top:20px;  }
.step-3 { float:left; width:300px; margin-top:20px;  }

.other-products { padding:30px; }

.other-product-item { float:left; margin-right:60px; margin-bottom:30px; transition:0.6s; }

.other-product-item:hover { opacity:0.6; }

.other-products-text { font-size:24px; margin-bottom:40px; padding-bottom:15px; border-bottom:1px solid #eee;}

.other-products-link { color:#000; }

.other-product-title { font-size:18px; margin-top:10px; margin-bottom:20px; }

.herb { display: inline-block; vertical-align: top; width:120px; padding:10px; margin:0 auto; cursor:pointer;}

.herb-img { margin-bottom:5px; position:relative;}


.herb-info {
  position: relative;
  display: inline-block;
  margin:0 auto;
  width:110px;
}

.herb-info::after {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f067";
  position:absolute;
  top:-3px;
  left:-3px;
  font-size:12px;
  background:#eee;
  padding:5px;
  border-radius:50%;
}

.herb-info:hover::after {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f068";
  position:absolute;
  top:-3px;
  left:-3px;
  font-size:12px;
  background:#eee;
  padding:5px;
  border-radius:50%;
}

.herb-info-center {
  position: relative;
  display: inline-block;
}

.herb-info-center::after {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f067";
  position:absolute;
  top:-3px;
  left:10px;
  font-size:12px;
  background:#eee;
  padding:5px;
  border-radius:50%;
}

.herb-info-center:hover::after {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900; 
  content: "\f068";
  position:absolute;
  top:-3px;
  left:10px;
  font-size:12px;
  background:#eee;
  padding:5px;
  border-radius:50%;
}

.herb-info .herb-info-text, .herb-info-center .herb-info-text {
  visibility: hidden;
  width: 200px;
  background-color: #eee;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.herb-info .herb-info-text::after, .herb-info-center .herb-info-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #eee transparent;
}

.herb-info:hover .herb-info-text, .herb-info-center:hover .herb-info-text {
  visibility: visible;
  opacity: 1;
}

/* Review */

.review {margin:0 auto;}

.review-info {display:block; margin-bottom:5px; font-size:15px;}

.review-name { display:block; margin-bottom:5px; font-size:18px;}

.rating-spacing { margin-right:0.1px; }

.pagination {
         display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
}   

.pagination a {   
        font-weight:bold;   
        font-size:18px;   
        color: black;   
        float: left;   
        padding: 8px 16px;   
        text-decoration: none;   
        border:1px solid black;   
        font-family: 'Apercu Pro', sans-serif;
}   

.pagination a.active {   
            background-color: #000;
            color:#fff;
}   

.pagination a:hover:not(.active) {   
        background-color: #000;
        color:#fff;
        opacity:0.6;
}   

 /* Responsive Landing Page */    
    
@media only screen and (min-width : 840px) and (max-width : 1099px) {

/* Botanical Morning Mask */

.botanical-morning-mask-background { background:url("../img/products/botanical-morning-mask-background-mobile.jpg") no-repeat center top #F0EFF3;  background-size: auto; max-width:100%; margin:0; padding:0;}

.botanical-morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.botanical-morning-mask-background .product-title, .botanical-morning-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  

.botanical-morning-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px;  }

/* Morning Mask */

.morning-mask-background { background:url("../img/products/morning-mask-background-mobile.jpg") no-repeat center top #f5e597;  background-size: auto; max-width:100%; margin:0; padding:0;}

.morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.morning-mask-background .product-title, .morning-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  

.morning-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px;  }

/* Moisture Rich Morning Mask */

.moisture-rich-morning-mask-background { background:url("../img/products/moisture-rich-morning-mask-background-mobile.jpg") no-repeat center top #feb2d0;  background-size: auto; max-width:100%; margin:0; padding:0;}

.moisture-rich-morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.moisture-rich-morning-mask-background .product-title, .moisture-rich-morning-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  

.moisture-rich-morning-mask-background .product-type { top:250px; left:auto; right:10px; font-size:14px; line-height:16px;  }

/* Minty Fresh Morning Mask */

.minty-fresh-morning-mask-background { background:url("../img/products/minty-fresh-morning-mask-background-mobile.jpg") no-repeat center top #aadada;  background-size: auto; max-width:100%; margin:0; padding:0;}

.minty-fresh-morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.minty-fresh-morning-mask-background .product-title, .minty-fresh-morning-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  

.minty-fresh-morning-mask-background .product-type { top:250px; left:auto; right:10px; font-size:14px; line-height:16px;  }

/* GoodNight Mask */

.goodnight-mask-background { background:url("../img/products/goodnight-mask-background-mobile.jpg") no-repeat center top #8eb3dc;  background-size: auto; max-width:100%; margin:0; padding:0;}

.goodnight-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.goodnight-mask-background .product-title, .goodnight-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  

.goodnight-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px;  }

/* Moisture Mild GoodNight Mask */

.moisture-mild-goodnight-mask-background { background:url("../img/products/moisture-mild-goodnight-mask-background-mobile.jpg") no-repeat center top #f2c1db;  background-size: auto; max-width:100%; margin:0; padding:0;}

.moisture-mild-goodnight-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.moisture-mild-goodnight-mask-background .product-title, .moisture-mild-goodnight-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  

.moisture-mild-goodnight-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:30px;}

/* Otonaplus High Moisture Night Mask */

.otonaplus-high-moisture-night-mask-background { background:url("../img/products/otonaplus-high-moisture-night-mask-background-mobile.jpg") no-repeat center top #85dee6;  background-size: auto; max-width:100%; margin:0; padding:0;}

.otonaplus-high-moisture-night-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.otonaplus-high-moisture-night-mask-background .product-title, .otonaplus-high-moisture-night-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  

.otonaplus-high-moisture-night-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px;  }


/* Otonaplus Brightening Night Mask */

.otonaplus-brightening-night-mask-background { background:url("../img/products/otonaplus-brightening-night-mask-background-mobile.jpg") no-repeat center top #fff09a;  background-size: auto; max-width:100%; margin:0; padding:0;}

.otonaplus-brightening-night-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.otonaplus-brightening-night-mask-background .product-title,  .otonaplus-brightening-night-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  
.otonaplus-brightening-night-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px;  }

/* Otonaplus Cica Night Mask */

.otonaplus-cica-night-mask-background { background:url("../img/products/otonaplus-cica-night-mask-background-mobile.jpg") no-repeat center top #c6ffe4;  background-size: auto; max-width:100%; margin:0; padding:0;}

.otonaplus-cica-night-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.otonaplus-cica-night-mask-background .product-title,  .otonaplus-cica-night-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  
.otonaplus-cica-night-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:25px; }

/* Acne Care Medical Mask */

.acne-care-medical-mask-background { background:url("../img/products/acne-care-medical-mask-background-mobile.jpg") no-repeat center top #59d29c;  background-size: auto; max-width:100%; margin:0; padding:0;}

.acne-care-medical-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.acne-care-medical-mask-background .product-title,  .acne-care-medical-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  
.acne-care-medical-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:25px; }

/* Medical Brightening Mask */

.medical-brightening-mask-background { background:url("../img/products/medical-brightening-mask-background-mobile.jpg") no-repeat center top #fffa85;  background-size: auto; max-width:100%; margin:0; padding:0;}

.medical-brightening-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.medical-brightening-mask-background .product-title,  .medical-brightening-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  
.medical-brightening-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:25px; }

/* Medical Wrinkle Care Mask */

.medical-wrinkle-care-mask-background { background:url("../img/products/medical-wrinkle-care-mask-background-mobile.jpg") no-repeat center top #ff7899;  background-size: auto; max-width:100%; margin:0; padding:0;}

.medical-wrinkle-care-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.medical-wrinkle-care-mask-background .product-title,  .medical-wrinkle-care-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  
.medical-wrinkle-care-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:25px; }


/* Vitamin C Morning Mask */

.vitamin-c-morning-mask-background { background:url("../img/products/vitamin-c-morning-mask-background-mobile.jpg") no-repeat center top #ffefd3;  background-size: auto; max-width:100%; margin:0; padding:0;}

.vitamin-c-morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.vitamin-c-morning-mask-background .product-title,  .vitamin-c-morning-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  
.vitamin-c-morning-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:23px; }

/* Vitamin A Night Mask */

.vitamin-a-night-mask-background { background:url("../img/products/vitamin-a-night-mask-background-mobile.jpg") no-repeat center top #ffdaeb;  background-size: auto; max-width:100%; margin:0; padding:0;}

.vitamin-a-night-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.vitamin-a-night-mask-background .product-title,  .vitamin-a-night-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  
.vitamin-a-night-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:23px;}

/* Rice Morning Mask */

.rice-morning-mask-background { background:url("../img/products/rice-morning-mask-background-mobile.jpg") no-repeat center top #e8f4ff;  background-size: auto; max-width:100%; margin:0; padding:0;}

.rice-morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.rice-morning-mask-background .product-title { padding-left:30%;  }  
.rice-morning-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%;  }  
.rice-morning-mask-background .product-type { top:250px; left:auto; right:10px; font-size:14px; line-height:16px; padding-top:23px;}

/* Megashot Morning Mask */

.megashot-morning-mask-background { background:url("../img/products/megashot-morning-mask-background-mobile.jpg") no-repeat center top #fce5ae;  background-size: auto; max-width:100%; margin:0; padding:0;}

.megashot-morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.megashot-morning-mask-background .product-title,  .megashot-morning-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  
.megashot-morning-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:23px; }

/* Megashot Night Mask */

.megashot-night-mask-background { background:url("../img/products/megashot-night-mask-background-mobile.jpg") no-repeat center top #f1f4fd;  background-size: auto; max-width:100%; margin:0; padding:0;}

.megashot-night-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.megashot-night-mask-background .product-title,  .megashot-night-mask-background .product-info, .product-details-container p { padding-left:30%; padding-right:30%; }  
.megashot-night-mask-background .product-type { top:220px; right:10px; font-size:14px; line-height:16px; padding-top:23px; }


}



@media only screen and (min-width : 600px) and (max-width : 839px) {

/* Botanical Morning Mask */

.botanical-morning-mask-background { background:url("../img/products/botanical-morning-mask-background-mobile.jpg") no-repeat center top #F0EFF3;  background-size: auto; max-width:100%; margin:0; padding:0;}

.botanical-morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.botanical-morning-mask-background .product-title, .botanical-morning-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.botanical-morning-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px;  }

/* Morning Mask */

.morning-mask-background { background:url("../img/products/morning-mask-background-mobile.jpg") no-repeat center top #f5e597;  background-size: auto; max-width:100%; margin:0; padding:0;}

.morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.morning-mask-background .product-title, .morning-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.morning-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px;  }

/* Moisture Rich Morning Mask */

.moisture-rich-morning-mask-background { background:url("../img/products/moisture-rich-morning-mask-background-mobile.jpg") no-repeat center top #feb2d0;  background-size: auto; max-width:100%; margin:0; padding:0;}

.moisture-rich-morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.moisture-rich-morning-mask-background .product-title, .moisture-rich-morning-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.moisture-rich-morning-mask-background .product-type { top:250px; left:auto; right:10px; font-size:14px; line-height:16px;  }

/* Minty Fresh Morning Mask */

.minty-fresh-morning-mask-background { background:url("../img/products/minty-fresh-morning-mask-background-mobile.jpg") no-repeat center top #aadada;  background-size: auto; max-width:100%; margin:0; padding:0;}

.minty-fresh-morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.minty-fresh-morning-mask-background .product-title, .minty-fresh-morning-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.minty-fresh-morning-mask-background .product-type { top:250px; left:auto;right:10px; font-size:14px; line-height:16px; }

/* GoodNight Mask */

.goodnight-mask-background { background:url("../img/products/goodnight-mask-background-mobile.jpg") no-repeat center top #8eb3dc;  background-size: auto; max-width:100%; margin:0; padding:0;}

.goodnight-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.goodnight-mask-background .product-title, .goodnight-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.goodnight-mask-background .product-type { top:250px; left:auto;right:10px; font-size:14px; line-height:16px;  }

/* Moisture Mild GoodNight Mask */

.moisture-mild-goodnight-mask-background { background:url("../img/products/moisture-mild-goodnight-mask-background-mobile.jpg") no-repeat center top #f2c1db;  background-size: auto; max-width:100%; margin:0; padding:0;}

.moisture-mild-goodnight-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.moisture-mild-goodnight-mask-background .product-title, .moisture-mild-goodnight-mask-background, .product-details-container .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.moisture-mild-goodnight-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:30px; }

/* Otonaplus High Moisture Night Mask */

.otonaplus-high-moisture-night-mask-background { background:url("../img/products/otonaplus-high-moisture-night-mask-background-mobile.jpg") no-repeat center top #85dee6;  background-size: auto; max-width:100%; margin:0; padding:0;}

.otonaplus-high-moisture-night-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.otonaplus-high-moisture-night-mask-background .product-title, .otonaplus-high-moisture-night-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.otonaplus-high-moisture-night-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px;  }

/* Otonaplus Brightening Night Mask */

.otonaplus-brightening-night-mask-background { background:url("../img/products/otonaplus-brightening-night-mask-background-mobile.jpg") no-repeat center top #fff09a;  background-size: auto; max-width:100%; margin:0; padding:0;}

.otonaplus-brightening-night-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.otonaplus-brightening-night-mask-background .product-title, .otonaplus-brightening-night-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.otonaplus-brightening-night-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px;  }

/* Otonaplus Cica Night Mask */

.otonaplus-cica-night-mask-background { background:url("../img/products/otonaplus-cica-night-mask-background-mobile.jpg") no-repeat center top #c6ffe4;  background-size: auto; max-width:100%; margin:0; padding:0;}

.otonaplus-cica-night-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.otonaplus-cica-night-mask-background .product-title, .otonaplus-cica-night-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.otonaplus-cica-night-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:25px; }

/* Acne Care Medical Mask */

.acne-care-medical-mask-background { background:url("../img/products/acne-care-medical-mask-background-mobile.jpg") no-repeat center top #59d29c;  background-size: auto; max-width:100%; margin:0; padding:0;}

.acne-care-medical-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.acne-care-medical-mask-background .product-title, .acne-care-medical-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.acne-care-medical-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:25px; }

/* Medical Brightening Mask */

.medical-brightening-mask-background { background:url("../img/products/medical-brightening-mask-background-mobile.jpg") no-repeat center top #fffa85;  background-size: auto; max-width:100%; margin:0; padding:0;}

.medical-brightening-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.medical-brightening-mask-background .product-title, .medical-brightening-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.medical-brightening-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:25px; }

/* Medical Wrinkle Care Mask */


.medical-wrinkle-care-mask-background {  background:url("../img/products/medical-wrinkle-care-mask-background-mobile.jpg") no-repeat center top #ff7899;  background-size: auto; max-width:100%; margin:0; padding:0;}

.medical-wrinkle-care-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.medical-wrinkle-care-mask-background .product-title, .medical-wrinkle-care-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.medical-wrinkle-care-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:25px; }


/* Vitamin C Morning Mask */


.vitamin-c-morning-mask-background {  background:url("../img/products/vitamin-c-morning-mask-background-mobile.jpg") no-repeat center top #ffefd3;  background-size: auto; max-width:100%; margin:0; padding:0;}

.vitamin-c-morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.vitamin-c-morning-mask-background .product-title, .vitamin-c-morning-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.vitamin-c-morning-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:23px; }


/* Vitamin A Night Mask */


.vitamin-a-night-mask-background {  background:url("../img/products/vitamin-a-night-mask-background-mobile.jpg") no-repeat center top #ffdaeb;  background-size: auto; max-width:100%; margin:0; padding:0;}

.vitamin-a-night-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.vitamin-a-night-mask-background .product-title, .vitamin-a-night-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.vitamin-a-night-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:23px; }

/* Rice Morning Mask */


.rice-morning-mask-background {  background:url("../img/products/rice-morning-mask-background-mobile.jpg") no-repeat center top #e8f4ff;  background-size: auto; max-width:100%; margin:0; padding:0;}

.rice-morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.rice-morning-mask-background .product-title { padding-left:26%;  }  

.rice-morning-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%;  }  

.rice-morning-mask-background .product-type { top:250px; left:auto; right:10px; font-size:14px; line-height:16px; padding-top:23px; }

/* Megashot Morning Mask */


.megashot-morning-mask-background {  background:url("../img/products/megashot-morning-mask-background-mobile.jpg") no-repeat center top #fce5ae;  background-size: auto; max-width:100%; margin:0; padding:0;}

.megashot-morning-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.megashot-morning-mask-background .product-title, .megashot-morning-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.megashot-morning-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:23px; }

/* Megashot Night Mask */


.megashot-night-mask-background {  background:url("../img/products/megashot-night-mask-background-mobile.jpg") no-repeat center top #f1f4fd;  background-size: auto; max-width:100%; margin:0; padding:0;}

.megashot-night-mask-background .product-details-container { position:absolute; top:340px; right:0; left:0; width:100%; margin:0 auto; }

.megashot-night-mask-background .product-title, .megashot-night-mask-background .product-info, .product-details-container p { padding-left:26%; padding-right:26%; }  

.megashot-night-mask-background .product-type { top:250px; right:10px; font-size:14px; line-height:16px; padding-top:23px; }



}


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

/* Botanical Morning Mask */

.botanical-morning-mask-background { background:url("../img/products/botanical-morning-mask-background-mobile.jpg") no-repeat center top #F0EFF3;  background-size: contain; max-width:100%; margin:0; padding:0;}

.botanical-morning-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.botanical-morning-mask-background .product-title, .botanical-morning-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.botanical-morning-mask-background .product-type { top:190px; right:10px; font-size:14px; line-height:16px;  }



/* Morning Mask */

.morning-mask-background { background:url("../img/products/morning-mask-background-mobile.jpg") no-repeat center top #f5e597;  background-size: contain; max-width:100%; margin:0; padding:0;}

.morning-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.morning-mask-background .product-title, .morning-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.morning-mask-background .product-type { top:190px;  right:10px; font-size:14px; line-height:16px;  }



/* Moisture Rich Morning Mask */

.moisture-rich-morning-mask-background { background:url("../img/products/moisture-rich-morning-mask-background-mobile.jpg") no-repeat center top #feb2d0;  background-size: contain; max-width:100%; margin:0; padding:0;}

.moisture-rich-morning-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.moisture-rich-morning-mask-background .product-title, .moisture-rich-morning-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.moisture-rich-morning-mask-background .product-type { top:190px; left:auto;  right:10px; font-size:14px; line-height:16px; }



/* Minty Fresh Morning Mask */

.minty-fresh-morning-mask-background { background:url("../img/products/minty-fresh-morning-mask-background-mobile.jpg") no-repeat center top #aadada;  background-size: contain; max-width:100%; margin:0; padding:0;}

.minty-fresh-morning-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.minty-fresh-morning-mask-background .product-title, .minty-fresh-morning-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.minty-fresh-morning-mask-background .product-type { top:190px;  left:auto;right:10px; font-size:14px; line-height:16px;  }



/* GoodNight Mask */

.goodnight-mask-background { background:url("../img/products/goodnight-mask-background-mobile.jpg") no-repeat center top #8eb3dc;  background-size: contain; max-width:100%; margin:0; padding:0;}

.goodnight-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.goodnight-mask-background .product-title, .goodnight-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.goodnight-mask-background .product-type { top:190px;  left:auto;right:10px; font-size:14px; line-height:16px;  }



/* Moisture Mild GoodNight Mask */

.moisture-mild-goodnight-mask-background { background:url("../img/products/moisture-mild-goodnight-mask-background-mobile.jpg") no-repeat center top #f2c1db;  background-size: contain; max-width:100%; margin:0; padding:0;}

.moisture-mild-goodnight-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.moisture-mild-goodnight-mask-background .product-title, .moisture-mild-goodnight-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.moisture-mild-goodnight-mask-background .product-type { top:190px;  right:10px; font-size:14px; line-height:16px; padding-top:30px; }

/* Otonaplus High Moisture Night Mask */

.otonaplus-high-moisture-night-mask-background { background:url("../img/products/otonaplus-high-moisture-night-mask-background-mobile.jpg") no-repeat center top #85dee6;  background-size: contain; max-width:100%; margin:0; padding:0;}

.otonaplus-high-moisture-night-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.otonaplus-high-moisture-night-mask-background .product-title, .otonaplus-high-moisture-night-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.otonaplus-high-moisture-night-mask-background .product-type { top:190px;  right:10px; font-size:14px; line-height:16px;  }

/* Otonaplus Brightening Night Mask */

.otonaplus-brightening-night-mask-background { background:url("../img/products/otonaplus-brightening-night-mask-background-mobile.jpg") no-repeat center top #fff09a;  background-size: contain; max-width:100%; margin:0; padding:0;}

.otonaplus-brightening-night-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.otonaplus-brightening-night-mask-background .product-title, .otonaplus-brightening-night-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.otonaplus-brightening-night-mask-background .product-type { top:190px; right:10px; font-size:14px; line-height:16px;  }

/* Otonaplus Cica Night Mask */

.otonaplus-cica-night-mask-background { background:url("../img/products/otonaplus-cica-night-mask-background-mobile.jpg") no-repeat center top #c6ffe4;  background-size: contain; max-width:100%; margin:0; padding:0;}

.otonaplus-cica-night-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.otonaplus-cica-night-mask-background .product-title, .otonaplus-cica-night-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.otonaplus-cica-night-mask-background .product-type { top:190px;  right:10px; font-size:14px; line-height:16px;  padding-top:25px; }

/* Acne Care Medical Mask */
.acne-care-medical-mask-background { background:url("../img/products/acne-care-medical-mask-background-mobile.jpg") no-repeat center top #59d29c;  background-size: contain; max-width:100%; margin:0; padding:0;}

.acne-care-medical-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.acne-care-medical-mask-background .product-title, .acne-care-medical-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.acne-care-medical-mask-background .product-type { top:190px;  right:10px; font-size:14px; line-height:16px;  padding-top:23px; }

/* Medical Brightening Mask */
.medical-brightening-mask-background { background:url("../img/products/medical-brightening-mask-background-mobile.jpg") no-repeat center top #fffa85;  background-size: contain; max-width:100%; margin:0; padding:0;}

.medical-brightening-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.medical-brightening-mask-background .product-title, .medical-brightening-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.medical-brightening-mask-background .product-type { top:190px;  right:10px; font-size:14px; line-height:16px;  padding-top:30px; }

/* Medical Wrinkle Care Mask */

.medical-wrinkle-care-mask-background { background:url("../img/products/medical-wrinkle-care-mask-background-mobile.jpg") no-repeat center top #ff7899;  background-size: contain; max-width:100%; margin:0; padding:0;}

.medical-wrinkle-care-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.medical-wrinkle-care-mask-background .product-title, .medical-wrinkle-care-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.medical-wrinkle-care-mask-background .product-type { top:190px;  right:10px; font-size:14px; line-height:16px;  padding-top:23px; }


/* Vitamin C Morning Mask */

.vitamin-c-morning-mask-background { background:url("../img/products/vitamin-c-morning-mask-background-mobile.jpg") no-repeat center top #ffefd3;  background-size: contain; max-width:100%; margin:0; padding:0;}

.vitamin-c-morning-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.vitamin-c-morning-mask-background .product-title, .vitamin-c-morning-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.vitamin-c-morning-mask-background .product-type { top:190px;  right:0; font-size:14px; line-height:16px;  padding-top:23px; }


/* Vitamin A Night Mask */

.vitamin-a-night-mask-background { background:url("../img/products/vitamin-a-night-mask-background-mobile.jpg") no-repeat center top #ffdaeb;  background-size: contain; max-width:100%; margin:0; padding:0;}

.vitamin-a-night-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.vitamin-a-night-mask-background .product-title, .vitamin-a-night-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.vitamin-a-night-mask-background .product-type { top:190px;  right:0; font-size:14px; line-height:16px; padding-top:23px; }

/* Rice Morning Mask */

.rice-morning-mask-background { background:url("../img/products/rice-morning-mask-background-mobile.jpg") no-repeat center top #e8f4ff;  background-size: contain; max-width:100%; margin:0; padding:0;}

.rice-morning-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.rice-morning-mask-background .product-title { padding-left:20%;  }  

.rice-morning-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; } 

.rice-morning-mask-background .product-type { top:190px;  left:auto; right:10px; font-size:14px; line-height:16px; padding-top:23px; }

/* Megashot Morning Mask */

.megashot-morning-mask-background { background:url("../img/products/megashot-morning-mask-background-mobile.jpg") no-repeat center top #fce5ae;  background-size: contain; max-width:100%; margin:0; padding:0;}

.megashot-morning-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.megashot-morning-mask-background .product-title, .megashot-morning-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.megashot-morning-mask-background .product-type { top:190px;  right:10px; font-size:14px; line-height:16px;  padding-top:23px; }

/* Megashot Night Mask */

.megashot-night-mask-background { background:url("../img/products/megashot-night-mask-background-mobile.jpg") no-repeat center top #f1f4fd;  background-size: contain; max-width:100%; margin:0; padding:0;}

.megashot-night-mask-background .product-details-container { position:absolute; top:270px; right:0; left:0; width:100%; margin:0 auto; }

.megashot-night-mask-background .product-title, .megashot-night-mask-background .product-info, .product-details-container p { padding-left:20%; padding-right:20%; }  

.megashot-night-mask-background .product-type { top:190px;  right:10px; font-size:14px; line-height:16px;  padding-top:23px; }

    
}


/* Mobile only */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

/* Botanical Morning Mask */

.botanical-morning-mask-background { background:url("../img/products/botanical-morning-mask-background-mobile.jpg") no-repeat center top #F0EFF3;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.botanical-morning-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.botanical-morning-mask-background .product-title, .botanical-morning-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.botanical-morning-mask-background .product-type { top:190px;  right:10px; font-size:14px; line-height:16px;  }
    
/* Morning Mask */

.morning-mask-background { background:url("../img/products/morning-mask-background-mobile.jpg") no-repeat center top #f5e597;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.morning-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.morning-mask-background .product-title, .morning-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16.1%; }

.morning-mask-background .product-type { top:190px;  left:auto;right:10px; font-size:14px; line-height:16px;  }

/* Moisture Rich Morning Mask */

.moisture-rich-morning-mask-background { background:url("../img/products/moisture-rich-morning-mask-background-mobile.jpg") no-repeat center top #feb2d0;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.moisture-rich-morning-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.moisture-rich-morning-mask-background .product-title, .moisture-rich-morning-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.moisture-rich-morning-mask-background .product-type { top:190px;  left:auto;  right:10px; font-size:14px; line-height:16px;  }

/* Minty Fresh Morning Mask */

.minty-fresh-morning-mask-background { background:url("../img/products/minty-fresh-morning-mask-background-mobile.jpg") no-repeat center top #aadada;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.minty-fresh-morning-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.minty-fresh-morning-mask-background .product-title, .minty-fresh-morning-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.minty-fresh-morning-mask-background .product-type { top:190px; left:auto;right:10px; font-size:14px; line-height:16px;  }

/* GoodNight Mask */

.goodnight-mask-background { background:url("../img/products/goodnight-mask-background-mobile.jpg") no-repeat center top #8eb3dc;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.goodnight-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.goodnight-mask-background .product-title, .goodnight-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.goodnight-mask-background .product-type { top:190px;  left:auto;right:10px; font-size:14px; line-height:16px;  }

/* Moisture Mild GoodNight Mask */

.moisture-mild-goodnight-mask-background { background:url("../img/products/moisture-mild-goodnight-mask-background-mobile.jpg") no-repeat center top #f2c1db;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.moisture-mild-goodnight-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.moisture-mild-goodnight-mask-background .product-title, .moisture-mild-goodnight-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.moisture-mild-goodnight-mask-background .product-type { top:190px;  left:auto;right:10px; font-size:14px; line-height:16px; padding-top:30px; }

/* Otonaplus High Moisture Night Mask */

.otonaplus-high-moisture-night-mask-background { background:url("../img/products/otonaplus-high-moisture-night-mask-background-mobile.jpg") no-repeat center top #85dee6;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.otonaplus-high-moisture-night-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.otonaplus-high-moisture-night-mask-background .product-title, .otonaplus-high-moisture-night-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.otonaplus-high-moisture-night-mask-background .product-type { top:190px; left:auto;right:10px; font-size:14px; line-height:16px; }

/* Otonaplus Brightening Night Mask */

.otonaplus-brightening-night-mask-background { background:url("../img/products/otonaplus-brightening-night-mask-background-mobile.jpg") no-repeat center top #fff09a;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.otonaplus-brightening-night-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.otonaplus-brightening-night-mask-background .product-title, .otonaplus-brightening-night-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.otonaplus-brightening-night-mask-background .product-type { top:190px;  left:auto;right:10px; font-size:14px; line-height:16px; }

/* Otanaplus Cica Night Mask */

.otonaplus-cica-night-mask-background { background:url("../img/products/otonaplus-cica-night-mask-background-mobile.jpg") no-repeat center top #c6ffe4;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.otonaplus-cica-night-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.otonaplus-cica-night-mask-background .product-title, .otonaplus-cica-night-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.otonaplus-cica-night-mask-background .product-type { top:190px;  left:auto;right:10px; font-size:14px; line-height:16px; padding-top:25px; }


/* Acne Care Medical Mask */

.acne-care-medical-mask-background { background:url("../img/products/acne-care-medical-mask-background-mobile.jpg") no-repeat center top #59d29c;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.acne-care-medical-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.acne-care-medical-mask-background .product-title, .acne-care-medical-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.acne-care-medical-mask-background .product-type { top:190px;  left:auto;right:10px; font-size:14px; line-height:16px; padding-top:25px; }

/* Medical Brightening Mask */

.medical-brightening-mask-background { background:url("../img/products/medical-brightening-mask-background-mobile.jpg") no-repeat center top #fffa85;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.medical-brightening-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.medical-brightening-mask-background .product-title, .medical-brightening-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.medical-brightening-mask-background .product-type { top:190px;  left:auto;right:10px; font-size:14px; line-height:16px; padding-top:30px; }


/* Medical Wrinkle Care Mask */

.medical-wrinkle-care-mask-background { background:url("../img/products/medical-wrinkle-care-mask-background-mobile.jpg") no-repeat center top #ff7899;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.medical-wrinkle-care-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.medical-wrinkle-care-mask-background .product-title, .medical-wrinkle-care-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.medical-wrinkle-care-mask-background .product-type { top:190px;  left:auto;right:10px; font-size:14px; line-height:16px; padding-top:23px; }

/* Vitamin C Morning Mask */

.vitamin-c-morning-mask-background { background:url("../img/products/vitamin-c-morning-mask-background-mobile.jpg") no-repeat center top #ffefd3;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.vitamin-c-morning-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.vitamin-c-morning-mask-background .product-title, .vitamin-c-morning-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.vitamin-c-morning-mask-background .product-type { top:190px; left:auto;right:10px; font-size:14px; line-height:16px; padding-top:23px; }

/* Vitamin A Night Mask */

.vitamin-a-night-mask-background { background:url("../img/products/vitamin-a-night-mask-background-mobile.jpg") no-repeat center top #ffdaeb;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.vitamin-a-night-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.vitamin-a-night-mask-background .product-title, .vitamin-a-night-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.vitamin-a-night-mask-background .product-type { top:190px;  left:auto;right:10px; font-size:14px; line-height:16px; padding-top:23px; }

/* Rice Morning Mask */

.rice-morning-mask-background { background:url("../img/products/rice-morning-mask-background-mobile.jpg") no-repeat center top #e8f4ff;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.rice-morning-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.rice-morning-mask-background .product-title, .rice-morning-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.rice-morning-mask-background .product-type { top:190px;  left:auto; right:10px; font-size:14px; line-height:16px; width:70px; height:70px; padding:15px 10px 10px 10px; }

/* Megashot Morning Mask */

.megashot-morning-mask-background { background:url("../img/products/megashot-morning-mask-background-mobile.jpg") no-repeat center top #fce5ae;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.megashot-morning-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.megashot-morning-mask-background .product-title, .megashot-morning-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.megashot-morning-mask-background .product-type { top:190px; left:auto;right:10px; font-size:14px; line-height:16px; padding-top:23px; }

/* Megashot Night Mask */

.megashot-night-mask-background { background:url("../img/products/megashot-night-mask-background-mobile.jpg") no-repeat center top #f1f4fd;  background-size: contain; max-width:100%; margin:0; padding:0;}
    
.megashot-night-mask-background .product-details-container { top:240px; right:0; left:0; width:100%; margin:0 auto; }    

.megashot-night-mask-background .product-title, .megashot-night-mask-background .product-info, .product-details-container p { padding-left:16%; padding-right:16%; }

.megashot-night-mask-background .product-type { top:190px; left:auto;right:10px; font-size:14px; line-height:16px; padding-top:23px; }


}


/* Smaller screen */

@media only screen and (min-width: 1100px) and (max-width: 1510px) {
 
 .morning-title-3-in-1, .night-title-5-in-1, .anti-aging-title-5-in-1, .medical-title-5-in-1 { position:relative; display:block; margin-top:10px; top:0; right:0;}
    
}


/* Responsive */

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

/* Landing page */

.product-menu { padding:0 20px; }

.product-top-img { padding-top:80px; }

.product-landing-page { width:100%; margin:0 auto; padding:30px 60px; text-align:left; } 

.product-menu-item { padding:15px 10px; }

.product-menu-img { width:64px; height:30px; transition:0.3s; cursor:pointer; }

.product-menu-img-otonaplus { width:38px; height:30px; transition:0.3s; cursor:pointer;  }

.botanical-morning-mask-background .product-section-container { position:relative; width:100%; margin:0 auto; }

.morning-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.moisture-rich-morning-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.minty-fresh-morning-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.rice-morning-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.goodnight-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.moisture-mild-goodnight-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.otonaplus-high-moisture-night-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.otonaplus-brightening-night-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.otonaplus-cica-night-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.acne-care-medical-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.medical-brightening-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.medical-wrinkle-care-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.vitamin-c-morning-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.vitamin-a-night-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.rice-morning-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.megashot-morning-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.megashot-night-mask-background .product-section-container { position:relative; width:100%;  margin:0 auto; }

.morning-title-3-in-1, .night-title-5-in-1, .anti-aging-title-5-in-1, .medical-title-5-in-1 { position:relative; right:0; top:0; margin-top:15px; margin-bottom:10px;}

.table-container { width:100%; margin:0 auto; padding:20px;}

.quiz { width:100%; }

.recommended-img { width:90%;}

.recommended-img-sensitive { width:90%; }

/* Product page */

.product-top-img { padding-top:90px; }

.product-page-container { width:100%; margin:0 auto; padding:30px;}

.product-img-section { float:none; margin:0 auto; width: 100%;}

.product-info-section { float:none; width:100%; }

.product-info-section h1 { text-transform:uppercase; font-size:26px;}

.product-info-section p, .panel p { padding:0; }

  
.product-thumbnail { width:40px; height:40px; border:1px solid #eee; float:left; margin:0 10px; transition:0.6s; cursor:pointer;}

.product-thumbnail:hover { padding-bottom:10px; border-bottom:10px solid #eee;}

.product-thumbnail-active { width:40px; height:40px; border:1px solid #000; float:left; margin:0 10px; transition:0.6s; }

.product-img { width:30px; height:20px; margin-left:5px; margin-top:10px;}

.product-img-remove-spacing-mobile { margin-top:-40px; }

.product-info-img, .product-info-night-img, .product-info-medical-mask-img,  .product-info-otonaplus-img { margin-top:60px; margin-left:0; }

.product-info-megashot-img { margin:30px auto 50px auto; }

.product-info-img-remove-top-spacing { margin-top:-20px; margin-bottom:50px; }

.step-1, .step-1-extra-spacing-left { float:none; width:100%; margin:0 auto 20px auto; }
.step-2 { float:none; width:100%; margin:0 auto 20px auto; }
.step-3 { float:none; width:100%; margin:0 auto 20px auto; }

.other-products {  width:100%; margin:0 auto; text-align:center;}

.other-product-item  { float:none; margin:30px auto;}

.herb { display: inline-block; *display: inline; vertical-align: top; width:100px; padding:10px; margin-right:20px; cursor:pointer;}




}


/* Other Responsive */

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

.morning-mask-title, .botanical-morning-mask-title, .moisture-rich-morning-mask-title, .minty-fresh-morning-mask-title, .rice-morning-mask-title, .goodnight-mask-title { margin-bottom:20px;  }
.morning-mask-title-upgraded, .botanical-morning-mask-title-upgraded, .moisture-rich-morning-mask-title-upgraded, .minty-fresh-morning-mask-title-upgraded, .rice-morning-mask-title-upgraded, .goodnight-mask-title-upgraded { position:relative;  left:0; right:auto; text-align:center; }


.morning-mask-background .product-section-container { height:631px; }

.botanical-morning-mask-background .product-section-container { height:651px; }

.moisture-rich-morning-mask-background .product-section-container { height:690px; }

.minty-fresh-morning-mask-background .product-section-container { height:665px; }

.rice-morning-mask-background .product-section-container { height:631px; }

.goodnight-mask-background .product-section-container { height:620px; }

.vitamin-c-morning-mask-background .product-section-container { height:590px; }

.vitamin-a-night-mask-background .product-section-container { height:580px; }

.megashot-night-mask-background .product-section-container { height:681px; }


/* Fix alignment for product type for right-aligned products */

.goodnight-mask-background .product-type, .vitamin-a-goodnight-mask .product-type, .megashot-night-mask-background .product-type, 
.medical-brightening-mask-background .product-type, .acne-care-medical-mask-background .product-type, .medical-wrinkle-care-mask-background .product-type
{ left:auto; }



}

/* Product Img Responsive */

@media only screen and (min-width:769px) and (max-width: 1099px) {
    .product-img-section-product-img { width:600px; height:400px; margin:0 auto; }
}

/* New Styles */

sup { position:relative; top:5px; line-height:0px;}


.shiratama { margin-top:20px; color:#000; }

@media only screen and (max-width: 1199px) {
 
.shiratama {margin:10px auto 20px auto; padding-left:20px; padding-right:20px; width:80%;}
    
}