@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poetsen+One&display=swap');

:root {
  --c-black: #444444;
  --c-white: #ffffff;
  --c-red: #EE2C33;
  --c-blue: #00A8E1;
  --c-navy: #144D9F;
  --c-green: #23AA4A;
  --c-orange: #F79742;
  --c-grey: #545971;
  --c-greyl: #00000026;
  --c-pink: #DB95F7;
  --f-poet: "Poetsen One", sans-serif;
  --f-plus: "Plus Jakarta Sans", sans-serif;
  --f-18: 18px;
  --f-25: 25px;
  --f-30: 30px;
  --f-35: 35px;
  --f-45: 45px;
  --f-64: 64px;
  --lh-18: 28px;
  --lh-25: 35px;
  --lh-30: 40px;
  --lh-35: 45px;
  --lh-45: 55px;
  --lh-64: 74px;
  --shadow-0: 0px 4px 20px rgba(0, 0, 0, 0);
  --shadow-1: 0px 4px 20px rgba(0, 0, 0, 0.15);
  --border-0: 1px solid transparent;
  --border-1: 1px solid rgba(0, 0, 0, 0.15);
  --transition: all .4s;
  --space-1 : 10px;
	--space-0 : calc(var(--space-1)/2);
	--space-2 : calc(var(--space-1)*2);
	--space-3 : calc(var(--space-1)*3);
	--space-4 : calc(var(--space-1)*4);
	--space-5 : calc(var(--space-1)*5);
	--space-6 : calc(var(--space-1)*6);
	--space-7 : calc(var(--space-1)*7);
	--space-8 : calc(var(--space-1)*8);
	--space-9 : calc(var(--space-1)*9);
	--space-10 : calc(var(--space-1)*10);
}


body {
    font-family: var(--f-plus);
    font-optical-sizing: auto;
    font-style: normal;
    color: var(--c-black);
    font-size: var(--f-18);
    line-height: var(--lh-18);
    background-color: var(--c-blue);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
}
img{max-width: 100%; height: auto;}
h1,h2,h3{font-family: inherit; font-size: inherit; line-height: inherit; font-weight: normal;}
p, .text{font-size: var(--f-18); line-height: var(--lh-18); margin-bottom: var(--space-2);}
ul, ul li{list-style: none; margin: 0; padding: 0;}
ul{margin-bottom: var(--space-2);}
  .detail ul li::before {content: "– ";  color: var(--c-grey);}
a, a:hover{color: inherit; border: none; text-decoration: none;}
strong{font-weight: 700;}
section{position: relative;}
.pointer{cursor: pointer;}
.container{width: 1720px; --bs-gutter-x: 0;}
.container-fluid{width: 100%; --bs-gutter-x: 0;}
._desktop{display: block;}
._mobile{display: none;}

/*SIZE*/
.f-poet{font-family: var(--f-poet);}
.f-plus{font-family: var(--f-plus);}
.f-18{font-size: var(--f-18); line-height: var(--lh-18);}
.f-25{font-size: var(--f-25); line-height: var(--lh-25);}
.f-30{font-size: var(--f-30); line-height: var(--lh-30);}
.f-35{font-size: var(--f-35); line-height: var(--lh-35);}
.f-45{font-size: var(--f-45); line-height: var(--lh-45);}
.f-64{font-size: var(--f-64); line-height: var(--lh-64);}

/*COLOR*/
.black{color: var(--c-black);}
.white{color: var(--c-white);}
.red{color: var(--c-red);}
.blue{color: var(--c-blue);}
.navy{color: var(--c-navy);}
.green{color: var(--c-green);}
.orange{color: var(--c-orange);}
.grey{color: var(--c-grey);}
.greyl{color: var(--c-greyl);}
.pink{color: var(--c-pink);}


/*SPACE*/
.space-0{padding-top: calc(var(--space-1)/2);}
.space-1{padding-top: calc(var(--space-1)*1);}
.space-2{padding-top: calc(var(--space-1)*2);}
.space-3{padding-top: calc(var(--space-1)*3);}
.space-4{padding-top: calc(var(--space-1)*4);}
.space-5{padding-top: calc(var(--space-1)*5);}
.space-6{padding-top: calc(var(--space-1)*6);}
.space-7{padding-top: calc(var(--space-1)*7);}
.space-8{padding-top: calc(var(--space-1)*8);}
.space-9{padding-top: calc(var(--space-1)*9);}
.space-10{padding-top: calc(var(--space-1)*10);}

/*BUTTON*/
.btn-solid-blue, .btn-solid-white{display: inline-flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: var(--space-2); height: var(--space-6); font-weight: 700; font-size: var(--f-25); line-height: var(--f-25); border-radius: var(--space-3); color: var(--c-white); background: var(--c-blue); border: none; padding: 0 var(--space-1) 0 var(--space-2); transition: var(--transition); border: var(--border-0); cursor: pointer;}
  .btn-solid-white{color: var(--c-blue); background: var(--c-white); border: none; padding: 0 var(--space-1) 0 var(--space-2);}
    .btn-solid-blue:hover{border: var(--border-0); border-color: var(--c-blue); background: var(--c-white); color: var(--c-blue); }
    .btn-solid-white:hover{border: var(--border-0); border-color: var(--c-white); background: var(--c-blue); color: var(--c-white); }

/*ICON*/
.arrow-blue, .arrow-white, .plus-blue, .plus-white, .mail{transition: var(--transition);}
.arrow-blue, .arrow-white, .plus-blue, .plus-white, .mail{display: flex; justify-content: center; align-items: center; width: var(--space-4); height: var(--space-4); border-radius: 50%; cursor: pointer;}
.arrow-blue{background: var(--c-white) url(../img/arrow-blue.webp) no-repeat center; background-size: 16px 16px;}
  .arrow-blue._right{transform: rotate(-90deg);}
.arrow-white{background: var(--c-blue) url(../img/arrow-white.webp) no-repeat center; background-size: 16px 16px;}
.plus-blue{background: var(--c-white) url(../img/plus-blue.webp) no-repeat center; background-size: 24px 24px; width: var(--space-5); height: var(--space-5)}
.plus-white{background: var(--c-blue) url(../img/plus-white.webp) no-repeat center; background-size: 24px 24px; width: var(--space-5); height: var(--space-5)}
  .plus-white:hover{background: var(--c-white) url(../img/plus-blue.webp) no-repeat center; background-size: 24px 24px;}
  .plus-blue:hover{background: var(--c-blue) url(../img/plus-white.webp) no-repeat center; background-size: 24px 24px;}
  .btn-solid-blue:hover .arrow-blue{background: var(--c-blue) url(../img/arrow-white.webp) no-repeat center; background-size: 16px 16px;}
  .btn-solid-white:hover .arrow-white{background: var(--c-white) url(../img/arrow-blue.webp) no-repeat center; background-size: 16px 16px;}
.mail{background: var(--c-blue) url(../img/mail.webp) no-repeat center;}
.swiper-button-next, .swiper-button-prev{background: var(--c-blue); border-radius: 50%; color: var(--c-white); width: var(--space-7); height: var(--space-7); border: var(--space-0) solid var(--c-white);}
  .swiper-button-next::after, .swiper-button-prev::after{content: ""; background: url(../img/arrow-white.webp) no-repeat; width: 28px; height: 32px;}
  .swiper-button-next::after{transform: rotate(-90deg);}
  .swiper-button-prev::after{transform: rotate(90deg);}

.social-media{display: flex; flex-direction: row; justify-content: center; align-items: center; gap: var(--space-2);}
  .social-media .fb, .social-media .tk, .social-media .ig, .social-media .yt{background: url(../img/social-media.webp) no-repeat 0 0; width: 32px; height: 32px;}
  .social-media .fb:hover, .social-media .tk:hover, .social-media .ig:hover, .social-media .yt:hover{transform: scale(1.2); transition: var(--transition);}
  .social-media .fb{background-position: 0 0;}
  .social-media .tk{background-position: 0 -33px;}
  .social-media .ig{background-position: 0 -66px;}
  .social-media .yt{background-position: 0 -99px;}

.e-com{display: none; flex-direction: row; justify-content: center; align-items: center; gap: var(--space-5); transition: var(--transition);}
  .e-com .tokopedia, .e-com .blibli, .e-com .shopee, .e-com .lazada{transition: var(--transition); height: 72px; background: url(../img/e-com.webp) no-repeat;}
  header.small .e-com .tokopedia, header.small .e-com .blibli, header.small .e-com .shopee, header.small .e-com .lazada{transition: var(--transition); height: 52px; background: url(../img/e-com.webp) no-repeat; background-size: 285px 52px;}
  .e-com .tokopedia:hover, .e-com .blibli:hover, .e-com .shopee:hover, .e-com .lazada:hover{transform: scale(1.2);}
  .e-com .tokopedia{background-position: 0 0px; width: 60px;}
    header.small .e-com .tokopedia{background-position: 0 0px; width: 44px;}
  .e-com .blibli{background-position: -112px 0; width: 50px;}
    header.small .e-com .blibli{background-position: -81px 0; width: 36px;}
  .e-com .shopee{background-position: -211px 0px; width: 62px;}
    header.small .e-com .shopee{background-position: -152px 0px; width: 46px;}
  .e-com .lazada{background-position: -322px 0px; width: 72px;}
    header.small .e-com .lazada{background-position: -232px 0px; width: 53px;}
  header .e-com{position: absolute; z-index: 1; right: 0; background-color: var(--c-white); height: 104px; gap: var(--space-5); border-radius: var(--space-6); padding: 15px var(--space-5); transition: var(--transition); height: 104px; box-shadow: var(--shadow-1); width: 750px;}
  header.small .e-com{height: var(--space-8); gap: var(--space-4); border-radius: var(--space-5); padding: var(--space-1) var(--space-4); width: 600px;}


/*PRELOADER*/
#preloader{bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index:120; height: 100vh; background: var(--c-blue); overflow: hidden;}
.cloud {position: absolute; opacity: .6; z-index: -1;}
  .cloud._1{animation: animateCloud 40s linear infinite; width: 600px; top: 5%;}
  .cloud._2 {animation: animateCloud 15s linear infinite; width: 600px; top: 35%;}
  .cloud._3 {animation: animateCloud 60s linear infinite; width: 400px; top: 55%;}
  .cloud._4 {animation: animateCloud 25s linear infinite; width: 400px; top: 80%;}
  .cloud._5 {animation: animateCloud 45s linear infinite; width: 500px; top: 25%;}
  .cloud._6 {animation: animateCloud 25s linear infinite; width: 300px; bottom: 20%;}
  @keyframes animateCloud {
    0% {left: -660px;}
    100% {left: 100vw;}
  }
.preloader-logo{position: relative; width: 890px; height: 398px; margin: auto; margin-top: 15vw;}
  .preloader-logo ._bg, .preloader-logo ._logo, .preloader-logo ._made, .preloader-logo ._cloud, .preloader-logo ._pants{position: absolute; z-index: 3; top: 50%; left: 0; right: 0; margin: auto; transform: translate(0%, -50%);}
  .preloader-logo ._made{top: 0;}
  .preloader-logo ._pants{top: auto; bottom: 0; transform: none;}
.preloader-omba{position: absolute; top: 0; left: 50%; margin: 0; z-index: 1; animation: omba-move 5s infinite ease-in-out; opacity: 0;}
  .preloader-omba img{width: 320px; height: 300px; object-fit: cover; object-position: top;}
  @keyframes omba-move {
    0%   { top: 40px; opacity: 0; }
    10%  { opacity: 1; }
    50%  { top: -220px; opacity: 1; }
    90%  { opacity: 1; }
    100% { top: 40px; opacity: 0; }
  }

/*HEADER*/
.header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  min-height: 160px;
}
header.small{background: var(--c-blue); min-height: auto;}
header.small .navbar{padding: var(--space-0) 0;}
.navbar{padding: var(--space-2) 0; width: 1720px; margin: auto;}
.navbar-collapse .nav-link{font-weight: 700; font-size: var(--f-18); line-height: var(--lh-18); border-radius: 20px; color: var(--c-white); border: var(--border-0); transition: var(--transition);}
.navbar-collapse .nav-link:hover{border-color: var(--c-white); }
.navbar-collapse .active .nav-link, .navbar-nav .nav-link.active{color: var(--c-blue); background: var(--c-white);}
.navbar-expand-lg{justify-content: space-between;}
.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding: var(--space-0) var(--space-2); margin-right: var(--space-1);}
.activeMenu{display: none;}
.activeMenu.show{display: flex; align-items: center; justify-content: center;}

.navother{display: flex; justify-content: flex-end; align-items: center; gap: var(--space-2);}
.star, .cart{display: flex; justify-content: center; align-items: center; width: var(--space-4); height: var(--space-4); border-radius: 50%; background: var(--c-white) url(../img/star-blue.webp) no-repeat center;}
.cart{background: var(--c-white) url(../img/cart-blue.webp) no-repeat center;}
.btn-solid-blue:hover .cart{background: var(--c-blue) url(../img/cart-white.webp) no-repeat center;}
.navicon{display: flex; justify-content: start; align-items: center; gap: var(--space-1); color: var(--c-white); font-size: var(--f-18); line-height: var(--lh-18); font-weight: 700; text-decoration: none; transition: var(--transition); cursor: pointer; padding: var(--space-0) var(--space-1); border-radius: var(--space-3);}
.navicon:hover{background: var(--c-white); color: var(--c-blue);}
.active .navicon, .navicon.active{color: var(--c-blue); background: #FFFFFFCC;}
.navicon._mobile{display: none;}
.btn-solid-blue._mobile{display: none;}

/* .navbar-brand{position: absolute; top: 0; left: 5%; margin: 0; padding: 0; z-index: 2;} */
.navbar-brand img{max-height: 83px; transition: var(--transition);}
  header.small .navbar-brand img{max-height: var(--space-7);}
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0;
}
.animated-icon{
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
.animated-icon span{
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon span {
  background: var(--c-white);
}
.animated-icon span:nth-child(1) {
  top: 0px;
}
.animated-icon span:nth-child(2),
.animated-icon span:nth-child(3) {
  top: 10px;
}
.animated-icon span:nth-child(4) {
  top: 20px;
}
.animated-icon.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}
.animated-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.animated-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.animated-icon.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}


/*FOOTER*/
footer {position: relative; overflow: hidden; padding: var(--space-5) 0; margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
  .back-to-top{transition: var(--transition);}
  .back-to-top img{width: var(--space-6); height: var(--space-6);}
  .back-to-top:hover{transform: scale(1.1);}
  footer .navbar-nav{display: flex; flex-direction: row; justify-content: center; align-items: center; gap: var(--space-6); font-size: var(--f-18); line-height: var(--lh-18); font-weight: 700;}
  footer .navbar-nav a{color: var(--c-white); background: transparent; border-radius: var(--space-3);}
  footer .navbar-nav a:hover, footer .navbar-nav li.active a{color: var(--c-navy); background: transparent;}
  footer .align-items-center{gap: var(--space-5);}
  footer .align-items-center img{max-height: 120px; width: auto; object-fit: contain;}


/*SCROLL TO TOP*/
#scrollToTop {
    position: fixed;
    bottom: var(--space-6);
    right: var(--space-6);
    cursor: pointer;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
    z-index: 100;
}
#scrollToTop.show {
    opacity: 1;
    visibility: visible;
}
#scrollToTop:hover {
    transform: translateY(-10px);
}

/*GENERAL*/
.top-left, .top-right, .bottom-left, .bottom-right{position: absolute; z-index: 4;}
  .top-left{top: 0; left: 0;}
  .top-right{top: 0; right: 0;}
  .bottom-left{bottom: 0; left: 0;}
  .bottom-right{bottom: 0; right: 0;}

.ichimatsu{position: relative; width: 402px; text-align: center;}
.ichimatsu ._1{position: absolute; top: 90px; left: 0px;}
  .ichimatsu ._1 img{width: 72px;}
  .ichimatsu ._2 img{width: 312px;}

._kanji1, ._kanji2{position: absolute; z-index: 2; transition: var(--transition); width: 140px;}
  ._kanji1:hover img, ._kanji2:hover img{-webkit-animation: headShake 1s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; animation: headShake 1s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;}
  ._kanji1{transform: rotate(-16.17deg);}
  ._kanji2{transform: rotate(10deg);}

.solid-white{width: 454px; display: flex; flex-direction: column; background: var(--c-white); border-radius: var(--space-2); padding: var(--space-2) var(--space-4);}

.modal{width: auto; height: auto;}

/*HOME*/
.banner-top{width: 100%; min-height: 101vh; overflow: hidden;}
  .down{position: absolute; bottom: var(--space-5); right: var(--space-8); margin: auto; z-index: 9;}
  .down img{animation: jump 1.5s infinite ease-in-out;}
  @keyframes jump {
    0%   {transform: translateY(-20px);}
    50%  {transform: translateY(0px);}
    100% {transform: translateY(-20px);}
  }

.hero{overflow: hidden;}
.baby-bottom{position: absolute; top: 0px; left: -380px; z-index: 1;}
  .baby-bottom img{width: 1000px; height: 850px; object-fit: cover; object-position: bottom;}
.cloud-bg{position: absolute; top: 220px; right: 0; z-index: -1;}
.diaper{padding-top: 610px; z-index: 1; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(0,0,0,0) 30%);}
  .diaper img{max-width: 115%; width: 115%; margin-left: -10%;}
.intro{position: absolute; width: 1100px; top: 260px; left: 0; right: 0; margin: auto; z-index: 3; text-align: center;}
  .intro ._3x, .intro ._made-in-japan, .intro ._omba{position: absolute;}
  .intro ._3x{top: 115px; left: 50%; margin-left: -230px;}
  .intro ._3x img{width: var(--space-8);}
  .intro ._moko img{width: 350px;}
  .intro ._made-in-japan{bottom: 160px; left: 0; transform: rotate(-15deg); margin-left: var(--space-9);}
  .intro ._omba{bottom: 120px; right: -150px; width: 346px;}
  .intro ._kanji1{bottom: 520px; right: 50px; width: 140px;}
  .intro ._kanji2{bottom: 320px; right: -270px; width: 140px; transform: rotate(23deg);}
  .puff-in-center {
    -webkit-animation: puff-in-center 0.4s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
            animation: puff-in-center 0.4s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
  }
  @-webkit-keyframes puff-in-center {
    0% {
      -webkit-transform: scale(2);
              transform: scale(2);
      -webkit-filter: blur(4px);
              filter: blur(4px);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  @keyframes puff-in-center {
    0% {
      -webkit-transform: scale(2);
              transform: scale(2);
      -webkit-filter: blur(4px);
              filter: blur(4px);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }


.apa-itu{z-index: 2; margin-top: -500px; background: var(--c-white);}
.apa-itu .top-left{width: 760px; top: 100px; left: 0; right: 0; margin: auto; z-index: 2; text-align: center;}
.apa-itu .f-25{line-height: var(--lh-45); padding-bottom: var(--space-1);}
.apa-itu .pola{position: absolute; z-index: 1; top: 0; left: 0; right: 0; margin: auto;}

.home-2{background: var(--c-white) url(../img/diaper.webp) no-repeat; background-size: cover; background-attachment: fixed; animation: jelloShift 1.5s infinite ease-in-out;}
@keyframes jelloShift {
  0%   { background-position: 0% 0; }
  25%  { background-position: 5% 0; }
  50%  { background-position: 0% 0; }
  75%  { background-position: 3% 0; }
  100% { background-position: 0% 0; }
}
.home-2 .top-left{left: 216px; top: 170px;}
.home-2 .bottom-left{position: relative; left: 216px;}
  .home-2 .top-left .d-flex{justify-content: start; align-items: center; gap: var(--space-5); margin-left: 0px;} 
  .home-2 ._img1{width: 172px;} 
  .home-2 ._img2{width: 162px;}
  .home-2 ._img3, .home-2 ._img6{width: 195px;}
  .home-2 ._img3{position: absolute; bottom: var(--space-3); left: calc(-1 * var(--space-2)); z-index: 2;}
  .home-2 ._img4{position: absolute; top: -80px; left: -150px;}
  .home-2 ._img6{position: absolute; bottom: -20px; left: 200px; z-index: 2;}
  .home-2 ._img7, .home-2 ._img8{position: absolute; bottom: calc(1.8 * var(--space-10)); left: 50%;}
    .home-2 ._img7{margin-left: -250px; width: calc(316px * .9);}
    .home-2 ._img8{margin-left: 80px; width: calc(325px * .9);}
  .home-2 ._img10{position: absolute; bottom: 180px; right: 30px;}
  .home-2 .top-left ._kanji1{bottom: -140px; left: 200px;}
  .home-2 .top-left ._kanji2{display: none;}
  .home-2 .top-right{top: 750px; right: 450px;}
  .home-2-1{position: relative; width: 100%; margin-top: -100px; padding: 0 216px;}
    .home-2-1-1{position: relative; width: 400px; padding-left: var(--space-3); padding-top: var(--space-3);}
    .home-2-1-2{position: absolute; z-index: 1; bottom: 0; right: 180px;}
      .video-wrapper {width: calc(4 * var(--space-10)); height: calc(4 * var(--space-10)); border-radius: 50%; overflow: hidden;}
      video {width: 100%; height: 100%; object-fit: cover;}
      .home-2-1-2 ._kanji1{right: 0; top: 50%; margin: -170px 200px 0 0;}
      .home-2-1-2 ._kanji2{right: 0; top: 50%; margin: -150px 20px 0 0;}
  .home-2-2{position: relative; width: 100%; padding: 300px 0; padding-right: 300px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;}
    .home-2-2-1{position: relative; z-index: 2; width: 420px; padding-right: var(--space-1); padding-top: var(--space-3);}
    .home-2-2-2{position: absolute; z-index: 1; bottom: 250px; left: 216px;}
      .home-2-2-2 ._kanji1{left: 0; top: 50%; margin: -140px 0 0 0;}
      .home-2-2-2 ._kanji2{right: 0; top: 50%; margin: -180px -50px 0 0;}
  .home-2-3{position: relative; width: 100%; padding: 300px 0 300px 300px;}
    .home-2-3-1{position: relative; z-index: 2; width: 400px; padding-right: var(--space-1); padding-top: var(--space-3);}
    .home-2-3-2{position: absolute; z-index: 1; top: 50%; transform: translate(0,-50%); right: 300px;}
      .home-2-3-2 ._kanji1{right: 0; top: 50%; margin: -200px 350px 0 0; transform: rotate(17.52deg);}
      .home-2-3-2 ._kanji2{right: 0; top: 50%; margin: -150px 200px 0 0; transform: rotate(17.52deg);}

.fakta{background: var(--c-white) url(../img/cloud-bg-2.webp) no-repeat bottom center; padding-top: var(--space-10);}

/*SWIPER*/
.swiper, .dom-swiper {width: 100%;}
  .swiper{width: 90%;}
  .swiper-slide, .card-white, .tanda-popok .swiper-slide{display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--c-white); border-radius: var(--space-2); padding: var(--space-3); box-shadow: var(--shadow-1); overflow: hidden; height: auto;}
    .card-white{text-align: center; justify-content: start;}
    .testimonial .card-white{box-shadow: var(--shadow-1);}
    .fakta .swiper img{transform: scale(.9); transition: var(--transition); padding-bottom: var(--space-2);}
    .fakta .swiper-slide:hover img{transform: scale(1.05);}
    .fakta .swiper .text-center{height: 220px;}
  .produk-detail .swiper-slide, .dom-swiper .swiper-slide, .si-omba .swiper-slide{background: transparent; box-shadow: none; border-radius: 0; padding: 0;} 
  .swiper3 img{width: auto; height: 350px; object-fit: contain; transition: var(--transition);}
  .swiper3 .swiper-slide{text-align: center; padding: var(--space-4);}
  .swiper3 .swiper-slide .f-25{padding-top: var(--space-3);}
  .swiper3 .swiper-slide:hover img{transform: scale(1.2);}
.banner-top .swiper-slide{padding: 0; margin: auto; border-radius: 0; background: transparent; box-shadow: none; display: block;}
  .banner-top .swiper-slide img{width: 100%; height: 101vh; object-fit: cover;}
  .banner-top .swiper-button-next{margin-right: var(--space-9);}
  .banner-top .swiper-button-prev{margin-left: var(--space-9);}
.tanda-popok .swiper-slide{text-align: center;}
.tanda-popok .swiper-button-next, .tanda-popok .swiper-button-prev{display: none;}

.lapisan-produk{padding: 250px 0 200px 0; overflow: hidden;}
  .lapisan-produk .top-left{left: 216px; top: 440px; transform-origin: left; transform: scale(.8);}
  .lapisan-produk ._img1, .lapisan-produk ._img3{position: absolute; left: 0; right: 0; margin: auto;}
  .lapisan-produk ._img1{z-index: -1; top: 50%; transform: translate(0%, -55%);}
  .lapisan-produk ._img2{position: relative; margin-left: calc(-1 * var(--space-10)); z-index: 2;} 
  .lapisan-produk ._img4{position: absolute; z-index: 3; top: 0; left: 0; right: 0; margin: auto;}
  .lapisan-produk ._img3{z-index: -1; top: calc(-1 * var(--space-5)); left: 50%; transform: translate(-50%, 0%); margin-left: -250px;}
  .lapisan-produk .bottom-left{left: 216px; bottom: 160px; width: 400px;}
  .lapisan-produk .bottom-right{right: 216px; bottom: 160px;}

.video{position: relative; background: var(--c-white); padding: var(--space-1); border-radius: var(--space-3); width: 325px;}
.video img{border-radius: var(--space-3);}
  .video::after{position: absolute; content: ""; z-index: 2; top: 50%; transform: translate(0,-50%); left: 0; right: 0; margin: auto; width: 100%; height: 100%; background: url(../img/youtube.webp) no-repeat center; transition: var(--transition);}
  .video:hover::after{transform: translate(0,-50%) scale(1.2);}

.legend-desktop{display: block; position: absolute; z-index: 4; top: 0px; left: 50%; margin-left: -80px; margin-top: 390px;}
  .legend-desktop img{width: 776px; height: auto;}
.legend-mobile{display: none;}

.produk{margin: var(--space-10) auto 0 auto; padding-bottom: var(--space-10); background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 45%, rgba(0,0,0,0) 45%); overflow: hidden;}
  .produk .container-fluid{height: 900px;}
  .produk .ichimatsu{transform: scale(.8); transform-origin: left;}
  .produk ._siluet, .produk ._cloud, .produk ._build, .produk ._diaper, .dom-produk ._siluet, .dom-produk ._cloud, .dom-produk ._build, .dom-produk ._diaper{position: absolute; top:  0; left: 0; right: 0; margin: auto;}
    .dom-produk ._siluet, .dom-produk ._cloud, .dom-produk ._build, .dom-produk ._diaper{z-index: 1; text-align: center;}
    .dom-produk ._siluet{z-index: 2; margin-top: 100px;}
    .dom-produk ._diaper{margin-top: 450px;}
    .produk ._cloud{opacity: 0; transition: transform 1s ease, opacity 1s ease; transform: translateY(100px);}
    .produk .swiper-slide-active ._cloud{opacity: 1; transform: translateY(0px);}
    .produk ._build {left: 50%; right: auto; margin-left: -300px;}
    .produk ._diaper{margin-top: 450px;}
    .size{position: relative; width: 570px;}
      .size-s-active, .size-m-active, .size-l-active, .size-xl-active, .size-xxl-active{position: absolute; top: -60px; z-index: 2; pointer-events: none; opacity: 0; transition: var(--transition);}
      .active-button .size-s-active, .active-button .size-m-active, .active-button .size-l-active, .active-button .size-xl-active, .active-button .size-xxl-active{opacity: 1;}
        .size-s-active{left: -15px;}
        .size-m-active{left: 90px;}
        .size-l-active{left: 202px;}
        .size-xl-active{left: 310px;}
        .size-xxl-active{left: 420px;}
    .buynow{position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; align-items: center; gap: var(--space-7); border-radius: var(--space-6); padding: 15px; padding-right: var(--space-7); transition: var(--transition); height: 104px; z-index: 2;}
      .buynow.active{background: var(--c-white); box-shadow: var(--shadow-1);}
      .buynow.active .e-com{display: flex;}
      header.small .buynow{gap: var(--space-5); height: var(--space-8);}
  .produk .top-left{left: 216px; top: 80px;}
  .produk .top-right{z-index: 1; width: 900px; right: 220px;}
  .produk ._produk, .produk ._label{position: absolute;}
    .produk ._baby, .produk ._produk, .produk ._label{opacity: 0; transition: transform 1s ease, opacity 1s ease;}
    .produk .swiper-slide-active ._baby, .produk .swiper-slide-active ._produk, .produk .swiper-slide-active ._label{opacity: 1;}
    .produk .swiper-slide-active ._baby{transform: translateY(0px); transition-delay: 0.75s;}
    .produk ._produk{transform: translateY(100px) rotate(11deg) scale(.75);}
    .produk .swiper-slide-active ._produk{transform: translateY(0px) rotate(11deg) scale(.75); transition-delay: 1s;}
    .produk ._label{transform: translateX(100px);}
    .produk .swiper-slide-active ._label{transform: translateX(0px);  transition-delay: 1.25s;}

    .produk ._produk{transform: rotate(11deg) scale(.75); right: 35px; top: 160px;}
      .produk .size-xl ._produk{top: 100px;}
      .produk .size-xxl ._produk{top: -40px;}
    .produk ._label{right: 230px; bottom: -140px;}
    .produk ._label .plus-blue{position: absolute; z-index: 2; top: var(--space-6); right: var(--space-1);}
    .pulsate-fwd {
      -webkit-animation: pulsate-fwd 1s ease-in-out infinite both;
              animation: pulsate-fwd 1s ease-in-out infinite both;
    }
    @-webkit-keyframes pulsate-fwd {
      0% {
        -webkit-transform: scale(1);
                transform: scale(1);
      }
      50% {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
      }
    }
    @keyframes pulsate-fwd {
      0% {
        -webkit-transform: scale(1);
                transform: scale(1);
      }
      50% {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
      }
    }

  .tanda-popok{z-index: 3; margin: auto; padding-top: var(--space-5);}
  .tanda-popok .f-poet{position: absolute; left: 0; right: 0; margin: auto; max-width: 90%;}
  .produk .links, .dom-produk .links{position: absolute; display: flex; justify-content: center; align-items: stretch; z-index: 3; width:580px; top: 0; left: 0; right: 0; margin: auto;}
    .produk .links a, .dom-produk .links a{display: block; width: 20%; min-height: 179px; cursor: pointer;}

.parenting-tips{background: var(--c-white); padding: var(--space-10) 0;}
  .parenting-tips .news .swiper-slide{padding: 0; justify-content: start;}
  .parenting-tips .f-25{font-weight: 700; height: 110px; overflow: hidden; margin-bottom: var(--space-2);}
  .parenting-tips .content{padding: var(--space-3);}
  .parenting-tips .card-category{width: 85%; margin: auto;}
  .parenting-tips .swiper-slide{transition: var(--transition);}
  .parenting-tips .swiper-slide:hover{transform: scale(.95);}
.testimonial{min-height: 100vh; overflow: hidden; padding: var(--space-10) 0;}
  .testimonial .avatar img{background: var(--c-blue); border-radius: 50%; width: var(--space-7); height: var(--space-7); object-fit: contain; object-position: center;}
  .testimonial iframe, .testimonial .photo img{border-radius: var(--space-3); box-shadow: var(--shadow-1);}
  .testimonial .long-video{position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden;}
  .testimonial .long-video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .rating{padding: var(--space-2); border: var(--border-1); border-radius: var(--space-4); display: flex; justify-content: center; align-items: center; font-size: var(--f-18); line-height: var(--lh-18); color: var(--c-black); font-weight: 700; gap: var(--space-0); margin-top: var(--space-3);}
  .parent-container {margin: 0 auto; column-gap: var(--space-5); margin-top: var(--space-5);}
  .div-item {break-inside: avoid; margin-bottom: var(--space-5); border-radius: var(--space-2); overflow: hidden; box-shadow: var(--shadow-0); transition: transform 0.3s ease, box-shadow 0.3s ease;}
  .div-item:hover {transform: translateY(-5px); box-shadow: var(--shadow-1);}
  .div-item img {width: 100%; height: auto; display: block;}
  .controls {text-align: center; margin: var(--space-3) 0;}
  #load-more-btn {background: var(--c-white); color: var(--c-blue); border: none; padding: var(--space-1) var(--space-3); border-radius: var(--space-3); font-size: var(--f-18); line-height: var(--lh-18); font-weight: 700; cursor: pointer; transition: var(--transition);}
  #load-more-btn:hover {transform: scale(1.05);}
  .loading {display: none; text-align: center; margin: var(--space-2) 0; color: var(--c-white);}
  /* Desktop layout */
  @media (min-width: 1024px) {
      .parent-container {column-count: 3;}
  }
  /* Tablet layout */
  @media (min-width: 768px) and (max-width: 1023px) {
      .parent-container {column-count: 2;}
  }
  /* Mobile layout */
  @media (max-width: 767px) {
      .parent-container {column-count: 1;}
  }
  .instagram-media{max-width: 100% !important; min-width: 100% !important;}


/*PROMO*/
.promo{padding: calc(var(--space-10) * 2) 0 var(--space-10) 0; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(0,168,225,1) 40%);}
  .promo .container-fluid{background: url(../img/diaper.webp) no-repeat center;}
  .promo .container{background: var(--c-white); border-radius: var(--space-5); box-shadow: var(--shadow-1); padding: var(--space-6) var(--space-10);}
  
  .promo .btn-group .btn.active {color: var(--c-white);}
  .promo-list .card {transition: transform 0.2s ease-in-out; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border: none; overflow: hidden; border-radius: var(--space-2); padding-bottom: var(--space-2);}
  .promo-list .card:hover {transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0,0,0,0.2);}
  .promo-list .card-img-top {height: 400px; object-fit: cover; border-radius: var(--space-2);}
  .card-title{height: 115px; overflow: hidden; margin-bottom: var(--space-3);}
  .tips .promo-list .card-img-top, .parenting-tips .card-img-top {height: 200px; object-fit: cover; border-radius: 0;}
  .promo-list .card-item.hidden {display: none !important;}
  .promo-list .card-title{min-height: var(--space-8); padding: var(--space-1) 0; font-size: var(--f-25); line-height: var(--lh-25); font-weight: 700; color: var(--c-blue);}
  .card-category{font-size: var(--f-25); line-height: var(--lh-25); font-weight: 700; height: var(--space-8); display: inline-flex; justify-content: start; align-items: center; gap: var(--space-1); border-radius: var(--space-4); border: var(--border-1); padding-left: var(--space-1); padding-right: var(--space-3);}
    .card-item .card-category{width: 100%;}
  [data-type="promo"] .card-category, [data-type="inspirasi"] .card-category{color: #FE6C71;}
  [data-type="activities"] .card-category, [data-type="bayi"] .card-category{color: #7ED697;}
  [data-type="balita"] .card-category{color: #F79742;}
  [data-type="fun"] .card-category{color: #DB95F7;}
  .btn-prev, .btn-next{border-radius: 50%; min-width: var(--space-6); height: var(--space-6); display: flex; justify-content: center; align-items: center; border: none; transition: var(--transition);}
  .btn-prev:hover, .btn-next:hover{opacity: .8;}
  [data-type="promo"] ._icon{background: #FE6C71 url(../img/star-white.webp) no-repeat center;}
  [data-type="inspirasi"] ._icon{background: #FE6C71 url(../img/bayi-white.webp) no-repeat center;}
  [data-type="activities"] ._icon{background: #7ED697 url(../img/history-white.webp) no-repeat center;}
  [data-type="bayi"] ._icon{background: #7ED697 url(../img/inspirasi-white.webp) no-repeat center;}
  [data-type="balita"] ._icon{background: #F79742 url(../img/fun-white.webp) no-repeat center;}
  [data-type="fun"] ._icon{background: #DB95F7 url(../img/balita-white.webp) no-repeat center;}
  .promo .pagination{border-radius: var(--space-4); border: var(--border-1); overflow: hidden; display: flex; align-items: center; padding: var(--space-0); gap: var(--space-1);}
  .promo .page-link{font-size: var(--f-25); line-height: var(--lh-25); font-weight: 700; color: var(--c-blue); border: none; padding: var(--space-1) var(--space-2);}
  .promo .active>.page-link, .page-link.active{color: var(--c-grey); background: transparent;}
  .btn-prev{background: var(--c-blue) url(../img/arrow-white.webp) no-repeat center; background-size: 14px auto; transform: rotate(90deg);}
  .btn-next{background: var(--c-blue) url(../img/arrow-white.webp) no-repeat center; background-size: 14px auto; transform: rotate(-90deg);}
  .disabled .btn-prev{background: #00000026 url(../img/arrow-white.webp) no-repeat center; background-size: 14px auto; transform: rotate(90deg);}
  .disabled .btn-next{background: #00000026 url(../img/arrow-white.webp) no-repeat center; background-size: 14px auto; transform: rotate(-90deg);}
  .page-item:first-child .page-link, .page-item:last-child .page-link{border-radius: 50%; padding: 0;}


  .promo .filter{display: flex; justify-content: center; align-items: center; gap: var(--space-3);}
    .promo .filter *{ transition: var(--transition);}
  .promo .btn{border: none; color: var(--c-white); font-size: var(--f-18); line-height: var(--lh-18); font-weight: 700;}
  .promo ._all, .promo ._promo, .promo ._activities, .promo ._inspirasi, .promo ._balita, .promo ._bayi, .promo ._fun{border-radius: var(--space-3); min-width: var(--space-6); height: var(--space-6); display: flex; justify-content: center; align-items: center;} 
  .btn ._icon, .card-category ._icon{display: flex; justify-content: center; align-items: center; border-radius: 50%;}
    .btn ._icon{width: var(--space-3); height: var(--space-3);}
    .card-category ._icon{width: var(--space-6); height: var(--space-6);}
    ._promo ._icon{background: url(../img/star-white.webp) no-repeat center;}
    ._activities ._icon{background: url(../img/history-white.webp) no-repeat center;}
    ._inspirasi ._icon{background: url(../img/bayi-white.webp) no-repeat center;}
    ._balita ._icon{background: url(../img/fun-white.webp) no-repeat center;}
    ._bayi ._icon{background: url(../img/inspirasi-white.webp) no-repeat center;}
    ._fun ._icon{background: url(../img/balita-white.webp) no-repeat center;}
  .promo ._all{background: var(--c-blue);}
  .promo ._promo, .promo ._inspirasi{background: #FE6C71;}
  .promo ._activities, .promo ._bayi{background: #7ED697;}
  .promo ._balita{background: #F79742;}
  .promo ._fun{background: #DB95F7;}
  .promo .btn ._text{max-width: 0; opacity: 0; white-space: nowrap; overflow: hidden; transition: max-width 0.5s ease, opacity 0.5s ease, padding 0.5s ease;}
  .promo .btn:hover ._text, .promo .btn.active ._text{max-width: 200px; opacity: 1; padding: var(--space-2);}

.related{padding-bottom: var(--space-10); background: var(--c-white);}
.detail img{border-radius: var(--space-3);}
.detail .arrow-blue{transform: rotate(90deg);}
.detail-nav{display: flex; justify-content: space-between; align-items: center; border: var(--border-1); padding: var(--space-1); border-radius: var(--space-4);}
#st-1{z-index: 2 !important;}

/*TENTANG KAMI*/
.opening{overflow: hidden;}
.opening .cloud._3{top: -25%;}
.opening .cloud._1{top: auto; bottom: 0;}
.opening .preloader-logo{margin-top: 12vw;}
.tentang-kami{background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 90%, rgba(0,168,225,1) 90%);}
  .tentang-logo{display: flex; justify-content: flex-start; gap: var(--space-5);}
  .tentang-kami .container-fluid{background: url(../img/diaper.webp) no-repeat top center;}
  .tentang-kami .container{padding: 150px 0 250px 0;}
  .tentang-kami .col-lg-4 img{border-radius: 50%;}
  .tentang-kami .top-left{top: 200px; left: 216px;}
  .tentang-kami .btn-solid-blue{margin-left: var(--space-3);}
  .tentang-kami .btn-solid-blue .arrow-blue{transform: rotate(-90deg);}
  .tentang-kami .bottom{position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; margin: auto; margin-bottom: -100px;}
.si-omba{z-index: 2; overflow: hidden;}
.si-omba ._img{margin-left: 50%;}
.si-omba ._cloud{width: 1620px; height: 725px; margin: auto; margin-top: -240px; background: url(../img/cloud-big.webp) no-repeat top center; background-size: 100% auto; padding-top: var(--space-10); text-align: center;}
.si-omba ._cloud .f-25{font-weight: 700; width: 80%; margin: auto; padding-top: var(--space-6);}

/*HUBUNGI KAMI*/
.hubungi-kami{padding: 180px 0 30px 0;}
  .hubungi-kami .d-flex{gap: var(--space-6);}
  .hubungi-kami .btn-solid-white{width: 420px; height: 112px; border-radius: var(--space-2); line-height: var(--lh-25); gap: 0;}
  .hubungi-kami .btn-solid-white ._text{width: 240px;}
  .hubungi-kami .btn-solid-white ._text span{font-size: var(--f-18);}
  .hubungi-kami .bottom-right{right: var(--space-7); bottom: -80px;}
  .hubungi-kami .bottom-right img{width: auto; height: 400px; object-fit: contain;}
.faq{background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 80%, rgba(0,168,225,1) 80%);}
  .faq .container-fluid{background: url(../img/diaper.webp) no-repeat top center; padding: 150px 0 250px 0;}
  .faq .container{background: var(--c-white); border-radius: var(--space-5); box-shadow: var(--shadow-1); padding: var(--space-6) var(--space-10);}

  .accordion-item{background: transparent; border: var(--border-0) !important; border-color: var(--c-blue) !important; border-radius: var(--space-2); margin-bottom: var(--space-3); box-shadow: none;}
  .accordion-item:has(.accordion-collapse.show) {background: #00A8E133;}
  .accordion-item:first-of-type, .accordion-item:last-of-type{border-radius: var(--space-2);}

  .accordion-body{padding: 0; font-size: var(--f-18); line-height: var(--lh-18); color: var(--c-grey); padding: var(--space-3) var(--space-2); padding-top: 0;}
  .accordion-button{font-weight: 700; font-size: var(--f-25); line-height: var(--lh-25); background: none; color: var(--c-blue); border: none; padding: var(--space-2);}
  .accordion-button:focus {box-shadow: none; }
  .accordion-button:not(.collapsed){background: none; box-shadow: none; color: var(--c-blue);}
  .accordion-button::after{content: ""; transform: rotate(0); width: var(--space-4); height: var(--space-4); background: var(--c-blue) url(../img/arrow-white.webp) no-repeat center; background-size: auto 16px; border-radius: 50%;}
  .accordion-button:not(.collapsed)::after{content: ""; transform: rotate(-180deg); width: var(--space-4); height: var(--space-4); background: var(--c-blue) url(../img/arrow-white.webp) no-repeat center; background-size: auto 16px; border-radius: 50%;}
.faq table {border-collapse: separate; border-spacing: 0; border: var(--border-1); border-color: var(--c-navy); border-radius: var(--space-1); overflow: hidden; font-size: var(--f-18); line-height: var(--lh-18);}
  .faq th, .faq td {border: var(--border-1); border-color: var(--c-navy); padding: var(--space-1) var(--space-2);}

/*DOM*/
.fancybox-slide--html{padding: 0;}
.fancybox-container a, .fancybox-container a:focus{outline: 0 !important; border: none !important; box-shadow: none !important;}
.fancybox-bg {background: rgba(255, 255, 255, .5);}
.fancybox-button.fancybox-close-small{display: none;}
.open-tvc{cursor: pointer;}
.dom-content{position: relative; z-index: 2;}
.dom-promo, .dom-produk, .dom-ecom, .dom-tvc{display: none; border-radius: var(--space-3); background: var(--c-white); padding: var(--space-5) 0;}
  .dom-tvc{background: transparent;}
  .dom-ecom{padding: var(--space-5); }
  .dom-produk{width: 100%; min-height: 100vh; overflow: hidden; margin: 0 auto; box-shadow: none; border-radius: 0; background: var(--c-blue);}
  .dom-title{display: flex; flex-wrap: wrap; justify-content: start; gap: var(--space-3); align-items: center; padding: 0 var(--space-6); margin: auto;}
  .dom-close{border-radius: 50%; position: absolute; top: var(--space-6); right: var(--space-6); background: var(--c-blue); padding: var(--space-0); transform: rotate(45deg); cursor: pointer; z-index: 4;}
  .dom-close{top: var(--space-2); right: var(--space-2);}
  .dom-promo img{width: calc(var(--space-10) * 6); height: calc(var(--space-10) * 6); object-fit: cover; border-radius: var(--space-3);}
  .dom-promo .swiper-slide{opacity: .4; transition: var(--transition); text-align: center;}
  .dom-promo .swiper-slide:hover{transform: scale(.95);}
  .dom-promo .swiper-slide.swiper-slide-active{opacity: 1;}
  .dom-promo .arrow-blue{transform: rotate(-90deg);}
.produk-list{display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; text-align: center; padding: 0 var(--space-4); gap: var(--space-4); z-index: 2;}
.dom-produk .size{margin: auto; z-index: 2;}
  .dom-produk .size-s-active{left: -5px;}
  .dom-produk .size-m-active{left: 105px;}
  .dom-produk .size-l-active{left: 217px;}
  .dom-produk .size-xl-active{left: 325px;}
  .dom-produk .size-xxl-active{left: 435px;}
  #dom-produk-xl .produk-list li:nth-child(5) img, #dom-produk-xxl .produk-list li:nth-child(2) img{max-height: 500px;}
.dom-ecom .e-com{display: flex;}
.dom-ecom .dom-close{top: var(--space-2); right: var(--space-2);}
.dom-produk .dom-logo{z-index: 3;}
.dom-produk .dom-logo img{margin-left: 2%; margin-top: calc(-1 * var(--space-5)); width: calc(2.6 * var(--space-10));}
.video-container {position: relative; width: 1200px; height: 675px;}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/*MOBILE*/
@media only screen and (min-width: 10px) and (max-width: 1099px) {
  :root {
    --f-18: calc(18px * .75);
    --f-25: calc(25px * .75);
    --f-30: calc(30px * .65);
    --f-35: calc(35px * .65);
    --f-45: calc(45px * .55);
    --f-64: calc(64px * .55);
    --lh-18: calc(28px * .75);
    --lh-25: calc(35px * .75);
    --lh-30: calc(40px * .65);
    --lh-35: calc(45px * .65);
    --lh-45: calc(55px * .55);
    --lh-64: calc(74px * .55);
    --space-1 : calc(10px * .6);
  }
  body{overflow-x: hidden;}
  .container{width: 90%;}
  ._desktop{display: none;}
  ._mobile{display: block;}

  /*ICON*/
  .arrow-blue, .arrow-white, .btn-solid-blue:hover .arrow-blue, .btn-solid-white:hover .arrow-white{background-size: calc(16px * .55) calc(16px * .55);}
  .plus-blue, .plus-white, .plus-white:hover, .plus-blue:hover{background-size: calc(24px * .55) calc(24px * .55);}

  .btn-solid-blue._mobile{display: inline-flex;}
  ._desktop.btn-solid-blue{display: none;}

    .social-media .fb, .social-media .tk, .social-media .ig, .social-media .yt{width: calc(32px * .55); height: calc(32px * .55); background-size: calc(32px * .55) auto;}
    .social-media .fb{background-position: 0 0;}
    .social-media .tk{background-position: 0 calc(-33px * .55);}
    .social-media .ig{background-position: 0 calc(-66px * .55);}
    .social-media .yt{background-position: 0 calc(-99px * .55);}

  .e-com .tokopedia, .e-com .blibli, .e-com .shopee, .e-com .lazada{height: calc(72px * .75); background-size: calc(394px * .75) auto;}
    header.small .e-com .tokopedia, header.small .e-com .blibli, header.small .e-com .shopee, header.small .e-com .lazada{height: calc(52px * .75); background-size: calc(285px * .75) calc(52px * .75);}
    .e-com .tokopedia{background-position: 0 0px; width: calc(60px * .75);}
      header.small .e-com .tokopedia{background-position: 0 0px; width: calc(44px * .75);}
    .e-com .blibli{background-position: calc(-112px * .75) 0; width: calc(50px * .75);}
      header.small .e-com .blibli{background-position: calc(-81px * .75) 0; width: calc(36px * .75);}
    .e-com .shopee{background-position: calc(-211px * .75) 0px; width: calc(62px * .75);}
      header.small .e-com .shopee{background-position: calc(-152px * .75) 0px; width: calc(46px * .75);}
    .e-com .lazada{background-position: calc(-322px * .75) 0px; width: calc(72px * .75);}
      header.small .e-com .lazada{background-position: calc(-232px * .75) 0px; width: calc(53px * .75);}
  
  /*PRELOADER*/
  .cloud._1{width: calc(600px * .4); top: 5%;}
  .cloud._2 {width: calc(600px * .4); top: 35%;}
  .cloud._3 {width: calc(400px * .4); top: 55%;}
  .cloud._4 {width: calc(400px * .4); top: 80%;}
  .cloud._5 {width: calc(500px * .4); top: 25%;}
  .cloud._6 {width: calc(300px * .4); bottom: 20%;}
  @keyframes animateCloud {
    0% {left: calc(-660px * .4);}
    100% {left: 100vw;}
  }
  .preloader-logo{width: calc(890px * .35); height: calc(398px * .35); margin-top: 40vh;}
  .preloader-logo ._img1 img{width: calc(890px * .35); height: auto;}
  .preloader-logo ._img2 img{width: calc(189px * .35); height: auto;}
  .preloader-logo ._img3 img{width: calc(890px * .35); height: auto;}
  .preloader-logo ._img4 img{width: calc(242px * .35); height: auto;}
  .preloader-omba{left: 55%;}
    .preloader-omba img{width: calc(320px * .3); height: auto;}
    @keyframes omba-move {
      0%   { top: calc(40px * .35); opacity: 0; }
      10%  { opacity: 1; }
      50%  { top: calc(-220px * .35); opacity: 1; }
      90%  { opacity: 1; }
      100% { top: calc(40px * .35); opacity: 0; }
    }
    
  /*HEADER*/
  .header {min-height: calc(160px * .55);}
  .navbar{width: 100%; padding: var(--space-3);}
  .star, .cart, .btn-solid-blue:hover .cart{background-size: calc(24px * .65) calc(24px * .65);}

  #navbarNav{position: absolute; z-index: 7; background: var(--c-blue); width: 100%; left: 0; right: 0; top: 0; margin: auto; padding: 80px 3% 3% 3%;}
  .navbar-toggler{position: absolute; z-index: 8; top: var(--space-6); right: var(--space-3);}
  .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding: var(--space-1) var(--space-2); margin-bottom: var(--space-1); margin-right: 0;}
  .navbar-collapse .nav-link{font-size: var(--f-25); line-height: var(--lh-25);}
  
  .navbar-brand{left: 2%; z-index: 9;}
  .navicon ._text{display: none;}

  .navbar-brand img{max-height: calc(83px * .55);}

  .navother{padding-right: var(--space-6);}
  .navother .buynow{display: none;}
  .navicon._mobile{display: block;}
  header.small .navbar{padding: var(--space-1) var(--space-3);}
  header.small .navbar-toggler{top: var(--space-3);}
  header.small .navother{padding-right: var(--space-8);}

  /* .navother{justify-content: center; padding: var(--space-2) 0;} */

  /*FOOTER*/
  footer {width: 100%; padding: var(--space-5) var(--space-3);}
    footer .align-items-center{gap: var(--space-3);}
    footer .align-items-center img{max-height: calc(120px * .55);}
    footer .logo img{width: calc(308px * .55); height: auto;}
    footer ._img1 img{width: calc(272px * .5); height: auto;}
    footer ._img2 img{width: calc(189px * .5); height: auto;}
    footer ._img3 img{width: calc(175px * .5); height: auto;}
    footer ._img4 img{width: calc(216px * .5); height: auto;}

  /*GENERAL*/
  .top-left, .top-right, .bottom-left, .bottom-right{position: relative; left: auto; right: auto; bottom: auto; top: auto;}
  .ichimatsu{width: calc(402px * .55); margin: auto;}
    .ichimatsu ._1{top: calc(90px * .55);}
      .ichimatsu ._1 img{width: calc(72px * .55);}
      .ichimatsu ._2 img{width: calc(312px * .55);}

    ._kanji1, ._kanji2{width: calc(140px * .5);}
  #scrollToTop{right: var(--space-3); bottom: var(--space-3);}
  #scrollToTop img{width: calc(120px * .4);}

  .solid-white{width: 100%;}

  /*HOME*/
  .banner-top{width: 100%; min-height: auto; padding-top: 100px;}
  .down{bottom: var(--space-3); right: var(--space-3);}
    .down img{width: calc(112px * .4);}
  .baby-bottom{top: 50px; left: -150px;}
    .baby-bottom img{width: 280px; height: auto; object-fit: unset;}
  .cloud-bg{top: 180px;}
  .diaper{padding-top: 240px;}
    .diaper img{max-width: 100%; width: 100%; height: 300px; object-fit: cover; margin-left: 0;}
  .intro{width: 100%; top: 80px;}
    .intro .f-45{font-size: var(--f-35); line-height: var(--lh-35);}
    .intro ._3x img{width: calc(90px * .45); height: auto;}
    .intro ._moko img{width: calc(382px * .45); height: auto;}
    .intro ._3x{top: calc(120px *.45); margin-left: calc(-250px *.45);}
    .intro ._made-in-japan{top: 140px; bottom: 0; left: 50%; margin-left: -150px;}
      .intro ._made-in-japan img{width: calc(189px * .4);}
    .intro ._omba{top: 140px; bottom: auto; right: auto; width: auto; right: 8%;}
      .intro ._omba img{width: calc(382px * .3);}
    .intro .space-10{padding-top: calc(2 * var(--space-10));}
    .intro ._kanji1{bottom: 50%; right: 26%;}
    .intro ._kanji2{bottom: 32%; right: -35px;}
      .intro ._kanji1 img, .intro ._kanji2 img{width: calc(140px * .3);}

  .apa-itu{margin-top: 0; padding-bottom: var(--space-6);}
    .apa-itu .top-left{width: 85%; top: 0; left: 0; right: 0; margin: auto; margin-top: -150px;}
    .apa-itu .top-left img{width: 80%; margin: auto; display: block;}
  
  .home-2{animation: jelloShift 3.5s infinite ease-in-out;}
  .home-2 .space-3{display: none;}
  .home-2 .top-left, .home-2 .bottom-left{width: 90%; top: -70px; left: 0; right: 0; margin: auto;}
    .home-2 .top-left .d-flex{margin: auto; justify-content: center;} 
    .home-2 ._img1{width: calc(172px * .55);} 
    .home-2 ._img2{width: calc(162px * .55);}
    .home-2 ._img3, .home-2 ._img6, .home-2 ._img10{width: calc(195px * .55);}
    .home-2 ._img4{top: 50px; left: 0;}
    .home-2 ._img5{width: 100%;}
    .home-2 ._img6{bottom: calc(-20px * .55); left: calc(200px * .55);}
    .home-2 ._img7{bottom: var(--space-9); margin-left: calc(-250px * .55); width: calc(316px * .55);}
    .home-2 ._img8{bottom: var(--space-9); margin-left: -20px; width: calc(325px * .55);}
    .home-2 ._img9{width: 100%;}
    .home-2 ._img10{bottom: calc(180px * .55); right: calc(30px * .55);}    
    .home-2 ._img11{width: 100%;}
    .home-2 .top-left ._kanji1{bottom: auto; top: -35%; left: 10%;}
    .home-2 .top-left ._kanji2{display: block; bottom: auto; top: -35%; right: 10%;}
    .home-2 .top-right{display: none;}
    .home-2-1, .home-2-2, .home-2-3{width: 85%; margin: auto; padding: 0; padding-bottom: 100px;}
      .home-2-1-1, .home-2-2-1, .home-2-3-1{flex-wrap: wrap; width: 95%; padding: 0;}
      .home-2-1-2{position: relative; right: 0; padding-top: 180px;}
      .video-wrapper {width: calc(492px * .35); height: calc(492px * .35);}
      .home-2-2-2{position: relative; bottom: 0; left: 0; padding-top: 30px;}
      .home-2-3-2{position: relative; top: 0; transform: none; bottom: 0; right: 0; padding-top: 30px;}
        .home-2-1-2 ._kanji1{margin: calc(-170px * .45) calc(200px * .45) 0 0;}
        .home-2-1-2 ._kanji2{margin: calc(-150px * .45) calc(20px * .45) 0 0;}
        .home-2-2-2 ._kanji1{margin: calc(-140px * .45) 0 0 0;}
        .home-2-2-2 ._kanji2{margin: calc(-180px * .45) calc(-50px * .45) 0 0;}
        .home-2-3-2 ._kanji1{margin: calc(-200px * .45) calc(350px * .45) 0 0;}
        .home-2-3-2 ._kanji2{margin: calc(-150px * .45) calc(200px * .45) 0 0;}

  .fakta{padding: var(--space-3) 0; background-size: 100% auto;}
    .fakta .swiper .text-center{height: 160px;}
    .fakta .swiper-slide{text-align: center;}
    .fakta .swiper-slide img{height: 150px;}
  .swiper{width: 80%; margin: auto;}
    .swiper3 img{height: calc(350px * .55);}
    .swiper3 .swiper-slide{text-align: center; padding: var(--space-4);}
    .swiper3 .swiper-slide .f-25{padding-top: var(--space-3);}
    .swiper3 .swiper-slide:hover img{transform: scale(1.2);}
  .banner-top .swiper-slide img{height: auto;}
  .swiper-button-next, .swiper-button-prev{display: none;}

  .lapisan-produk{padding: calc(250px * .55) var(--space-3) calc(200px * .55) var(--space-3); overflow: hidden;}
    .lapisan-produk .top-left, .lapisan-produk .bottom-left, .lapisan-produk .bottom-right{width: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transform: none;}
    .lapisan-produk .bottom-left{padding-top: var(--space-4); text-align: center;}
      .lapisan-produk ._img1 img{width: 55%; }
    .lapisan-produk ._img2{margin-left: -50px; margin-top: 60px;} 
      .lapisan-produk ._img2 img, .lapisan-produk ._img4 img{width: 260px;}
    .lapisan-produk ._img3{top: -20px; margin-left: -100px;}
      .lapisan-produk ._img3 img{width: calc(330px * .4);}
  .legend-desktop{display: none;}
  .legend-mobile{display: block; position: absolute; z-index: 3; top: 620px; left: 50%; margin-left: -60px;}
    .legend-mobile img{width: 280px; height: auto;}
  .video{margin: auto; margin-top: var(--space-6);}
    .video::after{background-size: calc(70px * .55) calc(70px * .55);}

  .produk{margin: auto; padding: 0; overflow: hidden; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 50%);}
    .produk .container-fluid{height: auto;}
    .produk ._siluet, .produk ._cloud, .produk ._build, .produk ._diaper{position: absolute; top:  0; left: 0; right: 0; margin: auto;}
      .produk ._siluet img, .produk ._cloud img, .produk ._diaper img{width: auto; height: 350px; object-fit: cover; object-position: bottom;}
      .produk ._diaper img{height: 500px;}
      .produk ._siluet img{height: 200px;}
      .produk .swiper-slide-active ._cloud{opacity: 1; transform: translateY(0px);}
      .produk ._build{left: 50%; right: auto; margin-left: -300px;}
      .produk ._diaper{margin-top: 300px;}

      .size{transform-origin: center; margin-top: -20px; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0) scale(.6);}
      .buynow{position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; align-items: center; gap: var(--space-7); border-radius: var(--space-6); padding: 15px; padding-right: var(--space-7); transition: var(--transition); height: 104px; z-index: 2;}
        .buynow.active{background: var(--c-white); box-shadow: var(--shadow-1);}
        .buynow.active .e-com{display: flex;}
        header.small .buynow{gap: var(--space-5); height: var(--space-8);}
    .produk .top-left, .produk .top-right{width: 98%; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
    .produk .top-left{padding-bottom: 180px;}
    .produk .top-right{width: 320px; margin: auto;}
    .produk ._produk, .produk ._label{position: relative;}
      .produk ._produk{right: 0; top: 0px; text-align: right; margin-top: -150px;}
      .produk ._produk img{width: 200px; height: auto;}
        .produk .size-xl ._produk, .produk .size-xxl ._produk{top: 0px;}
        .produk .size-xxl ._produk{top: -50px;}
      .produk ._label{right: 0px; bottom: 0px; margin-top: -120px; width: 190px;}
      .produk .size-xl ._label{margin-top: -125px;}
      .produk .size-xxl ._label{margin-top: -200px;}
      .produk ._label img{width: 190px; height: auto;}
      .produk ._label .plus-blue{top: 35px; right: 10px;}
      .produk-list{padding-bottom: 130px;}
      .produk-list li:nth-child(1){width: 100%;}
      .tanda-popok{width: 80%; margin: auto;}
      .tanda-popok img{width: 100px;}
      .tanda-popok .swiper-wrapper{padding: var(--space-5) 0; padding-top: var(--space-10);}

    .produk .btn-solid-blue{display: flex; margin: auto; width: 240px; height: 40px; border-radius: var(--space-4); margin-top: -30px;}
    .produk .buynow{display: none;}

  .parenting-tips{padding: var(--space-10) 0;}
    .parenting-tips .container{padding: 0 var(--space-3);}
    .parenting-tips .f-25{height: 110px;}
    .parenting-tips .card-category{width: 95%;}
  .testimonial{min-height: 100vh; overflow: hidden;}
  .testimonial .container{width: 80%;}
    .testimonial .open{width: 80%; position: relative; left: 0px; top: 0px; margin: auto; padding-top: var(--space-8);}
  .parent-container {margin-top: var(--space-2);}

  /*PROMO*/
  .promo .container{padding: var(--space-5);}
  .promo.detail .card-category{margin-top: var(--space-3);}
  .promo.detail .flex-wrap{gap: var(--space-3);}
  .promo-list .card-img-top {height: calc(400px * .55);}
  .tips .promo-list .card-img-top, .parenting-tips .card-img-top {height: calc(200px * .55);}
  [data-type="promo"] ._icon, [data-type="inspirasi"] ._icon, [data-type="activities"] ._icon, [data-type="bayi"] ._icon, [data-type="balita"] ._icon, [data-type="fun"] ._icon, ._promo ._icon, ._activities ._icon, ._inspirasi ._icon, ._balita ._icon, ._bayi ._icon, ._fun ._icon{background-size: auto calc(24px * .55);}
  .card-title{height: 90px;}
  .related .container{width: 85%; margin: auto;}

  /*TENTANG KAMI*/
  .opening .preloader-logo{margin-top: 120px;}
  .tentang-logo{gap: var(--space-2);}
  .tentang-kami .container{padding: calc(150px * .55) 0; width: 80%; margin: auto;}
  .tentang-kami .col-lg-4{text-align: center;}
  .tentang-kami .col-lg-4 img{max-width: 300px;}
  .tentang-kami .top-left{top: 0; left: 0; right: 0; margin: auto; margin-top: -50px; text-align: center;}
  .tentang-kami .bottom{margin-bottom: 0;}
  .tentang-kami .btn-solid-blue{margin: auto;}
  .tentang-kami img._logo{height: calc(76px * .35);}
  .si-omba{padding-top: var(--space-5);}
  .si-omba ._cloud{width: 100%; height: auto; margin-top: -50px; background: var(--c-white); padding: 0;}
  .si-omba ._cloud .f-25{font-size: var(--f-18); line-height: var(--lh-18); padding-top: var(--space-2);}
  .si-omba ._cloud::before, .si-omba ._cloud::after {content: ""; top: 0; bottom: 0; position: absolute; left: 0; right: 0; background: url(../img/cloud-big.webp) no-repeat top center; background-size: 120% auto; z-index: -1; margin-top: 230px;}
  .si-omba ._cloud::before{margin-top: 22%;}
  .si-omba ._cloud::after {top: 22%;}
  .si-omba ._img{width: calc(469px * .4); margin-left: 55%;}
  .swiper3{margin-top: 100px;}
  
  /*HUBUNGI KAMI*/
  .hubungi-kami{padding: calc(180px * .55) calc(30px * .55);}
    .mail{background-size: calc(22px * .55);}  
    .hubungi-kami ._img1{width: calc(272px * .6);}
    .hubungi-kami .btn-solid-white{width: calc(420px * .75); height: calc(112px * .6);}
    .hubungi-kami .btn-solid-white ._text{width: calc(240px * .6);}
    .hubungi-kami .bottom-right{bottom: 0; right: 0; margin-bottom: -150px; padding-top: 40px; text-align: right;}
    .hubungi-kami .bottom-right img{height: calc(400px * .5);}
    .hubungi-kami .btn-solid-white{font-size: var(--f-18); line-height: var(--lh-18);}
    .faq .container-fluid{padding: calc(150px * .55) 0;}
    .faq .container{padding: var(--space-5);}
    .accordion-button::after, .accordion-button:not(.collapsed)::after{background-size: auto calc(16px * .55);}
  
  /*DOM*/
  .dom-produk ._siluet, .dom-produk ._cloud, .dom-produk ._build{top: auto; bottom: 400px; margin-top: 0;}
  .dom-produk ._diaper{top: auto; bottom: 0; z-index: 1; margin-bottom: -100px;}
  .dom-produk ._diaper img, .dom-produk ._cloud img{height: 600px; object-fit: cover;}
  .dom-produk ._siluet img{height: 300px; object-fit: cover;}
  .video-container {width: calc(1200px * .3); height: calc(675px * .3);}
  #dom-produk-s .produk-list li:nth-child(1) img, #dom-produk-m .produk-list li:nth-child(1) img, #dom-produk-l .produk-list li:nth-child(1) img, #dom-produk-xl .produk-list li:nth-child(1) img, #dom-produk-xxl .produk-list li:nth-child(1) img{max-height: calc(194px * .65);}  
  #dom-produk-s .produk-list li:nth-child(2) img, #dom-produk-m .produk-list li:nth-child(2) img, #dom-produk-l .produk-list li:nth-child(2) img, #dom-produk-xl .produk-list li:nth-child(2) img{max-height: calc(231px * .65);}  
  #dom-produk-s .produk-list li:nth-child(3) img, #dom-produk-m .produk-list li:nth-child(3) img, #dom-produk-l .produk-list li:nth-child(3) img, #dom-produk-xl .produk-list li:nth-child(3) img{max-height: calc(231px * .65);}  
  #dom-produk-s .produk-list li:nth-child(4) img, #dom-produk-m .produk-list li:nth-child(4) img, #dom-produk-l .produk-list li:nth-child(4) img, #dom-produk-xl .produk-list li:nth-child(4) img{max-height: calc(250px * .65);} 
  #dom-produk-s .produk-list li:nth-child(5) img, #dom-produk-m .produk-list li:nth-child(5) img, #dom-produk-l .produk-list li:nth-child(5) img,  #dom-produk-xl .produk-list li:nth-child(5) img, #dom-produk-xxl .produk-list li:nth-child(2) img{max-height: calc(500px * .62);}

}

/*TABLET*/
@media only screen and (min-width: 600px) and (max-width: 1099px) {
  :root {
    --f-18: calc(18px * .8);
    --f-25: calc(25px * .8);
    --f-30: calc(30px * .7);
    --f-35: calc(35px * .7);
    --f-45: calc(45px * .6);
    --f-64: calc(64px * .6);
    --lh-18: calc(28px * .8);
    --lh-25: calc(35px * .8);
    --lh-30: calc(40px * .7);
    --lh-35: calc(45px * .7);
    --lh-45: calc(55px * .6);
    --lh-64: calc(74px * .6);
    --space-1 : calc(10px * .65);
  }

  /*ICON*/
  .arrow-blue, .arrow-white, .btn-solid-blue:hover .arrow-blue, .btn-solid-white:hover .arrow-white{background-size: calc(16px * .65) calc(16px * .65);}
  .plus-blue, .plus-white, .plus-white:hover, .plus-blue:hover{background-size: calc(24px * .65) calc(24px * .65);}

    .social-media .fb, .social-media .tk, .social-media .ig, .social-media .yt{width: calc(32px * .65); height: calc(32px * .65); background-size: calc(32px * .65) auto;}
    .social-media .fb{background-position: 0 0;}
    .social-media .tk{background-position: 0 calc(-33px * .65);}
    .social-media .ig{background-position: 0 calc(-66px * .65);}
    .social-media .yt{background-position: 0 calc(-99px * .65);}

  .e-com .tokopedia, .e-com .blibli, .e-com .shopee, .e-com .lazada{height: calc(72px * .8); background-size: calc(394px * .8) auto;}
    header.small .e-com .tokopedia, header.small .e-com .blibli, header.small .e-com .shopee, header.small .e-com .lazada{height: calc(52px * .8); background-size: calc(285px * .8) calc(52px * .8);}
    .e-com .tokopedia{background-position: 0 0px; width: calc(60px * .8);}
      header.small .e-com .tokopedia{background-position: 0 0px; width: calc(44px * .8);}
    .e-com .blibli{background-position: calc(-112px * .8) 0; width: calc(50px * .8);}
      header.small .e-com .blibli{background-position: calc(-81px * .8) 0; width: calc(36px * .8);}
    .e-com .shopee{background-position: calc(-211px * .8) 0px; width: calc(62px * .8);}
      header.small .e-com .shopee{background-position: calc(-152px * .8) 0px; width: calc(46px * .8);}
    .e-com .lazada{background-position: calc(-322px * .8) 0px; width: calc(72px * .8);}
      header.small .e-com .lazada{background-position: calc(-232px * .8) 0px; width: calc(53px * .8);}
  
  /*PRELOADER*/
  .cloud._1{width: calc(600px * .5); top: 5%;}
  .cloud._2 {width: calc(600px * .5); top: 35%;}
  .cloud._3 {width: calc(400px * .5); top: 55%;}
  .cloud._4 {width: calc(400px * .5); top: 80%;}
  .cloud._5 {width: calc(500px * .5); top: 25%;}
  .cloud._6 {width: calc(300px * .5); bottom: 20%;}
  @keyframes animateCloud {
    0% {left: calc(-660px * .5);}
    100% {left: 100vw;}
  }
  .preloader-logo{width: calc(890px * .45); height: calc(398px * .45); margin-top: 40vh;}
  .preloader-logo ._img1 img{width: calc(890px * .45); height: auto;}
  .preloader-logo ._img2 img{width: calc(189px * .45); height: auto;}
  .preloader-logo ._img3 img{width: calc(890px * .45); height: auto;}
  .preloader-logo ._img4 img{width: calc(242px * .45); height: auto;}
    .preloader-omba img{width: calc(320px * .4); height: auto;}
    @keyframes omba-move {
      0%   { top: calc(40px * .45); opacity: 0; }
      10%  { opacity: 1; }
      50%  { top: calc(-220px * .45); opacity: 1; }
      90%  { opacity: 1; }
      100% { top: calc(40px * .45); opacity: 0; }
    }
    
  /*HEADER*/
  .header {min-height: calc(160px * .65);}

  /*FOOTER*/
    footer .align-items-center img{max-height: calc(120px * .65);}
    footer .logo img{width: calc(308px * .65); height: auto;}
    footer ._img1 img{width: calc(272px * .5); height: auto;}
    footer ._img2 img{width: calc(189px * .5); height: auto;}
    footer ._img3 img{width: calc(175px * .5); height: auto;}
    footer ._img4 img{width: calc(216px * .5); height: auto;}

  /*GENERAL*/
  .ichimatsu{width: calc(402px * .65);}
    .ichimatsu ._1{top: calc(90px * .65);}
      .ichimatsu ._1 img{width: calc(72px * .65);}
      .ichimatsu ._2 img{width: calc(312px * .65);}

  .solid-white{width: calc(454px * .8);}

  /*HOME*/
  .baby-bottom{top: 50px; left: -170px;}
    .baby-bottom img{width: 380px;}
  .cloud-bg{top: 180px;}
  .diaper{padding-top: 320px;}
    .diaper img{height: 300px;}
  .intro{width: 100%; top: 130px;}
    .intro ._moko img{width: calc(350px * .55);}
      .intro ._3x img{width: var(--space-6);}
    .intro ._3x{top: calc(115px *.55); margin-left: calc(-230px *.55);}
    .intro ._made-in-japan{top: 150px; bottom: 0; left: 50%; margin-left: -250px;}
      .intro ._made-in-japan img{width: calc(189px * .55);}
    .intro ._omba{top: 90px; bottom: auto; right: auto; width: auto; right: 6%;}
      .intro ._omba img{width: calc(382px * .4);}
    .intro .space-10{padding-top: var(--space-8);}
    .intro ._kanji1{bottom: 70%; right: 17%;}
    .intro ._kanji2{bottom: 39%; right: -35px;}
      .intro ._kanji1 img, .intro ._kanji2 img{width: calc(140px * .45);}

  .apa-itu{margin-top: -5vw;}
  .apa-itu .top-left{width: calc(760px * .65); top: calc(100px * .65);}

    .home-2 ._img1{width: calc(172px * .65);} 
    .home-2 ._img2{width: calc(162px * .65);}
    .home-2 ._img3, .home-2 ._img6, .home-2 ._img10{width: calc(195px * .65);}
    .home-2 ._img6{bottom: calc(-20px * .65); left: calc(200px * .65);}
    .home-2 ._img7{margin-left: calc(-250px * .65);}
      .home-2 ._img7 img{width: calc(316px * .65);}
    .home-2 ._img8{margin-left: calc(80px * .65);}
      .home-2 ._img8 img{width: calc(325px * .65);}
    .home-2 ._img10{bottom: calc(180px * .65); right: calc(30px * .65);}    
    .home-2 .top-left ._kanji1{top: -35%; left: 10%;}
    .home-2 .top-left ._kanji2{top: -35%; right: 10%;}
    .home-2-1-2{padding-top: 100px; padding-bottom: 0;}
      .video-wrapper {width: calc(492px * .45); height: calc(492px * .45);}
        .home-2-1-2 ._kanji1{margin: calc(-170px * .55) calc(200px * .55) 0 0;}
        .home-2-1-2 ._kanji2{margin: calc(-150px * .55) calc(20px * .55) 0 0;}
        .home-2-2-2 ._kanji1{margin: calc(-140px * .55) 0 0 0;}
        .home-2-2-2 ._kanji2{margin: calc(-180px * .55) calc(-50px * .55) 0 0;}
        .home-2-3-2 ._kanji1{margin: calc(-200px * .55) calc(350px * .55) 0 0;}
        .home-2-3-2 ._kanji2{margin: calc(-150px * .55) calc(200px * .55) 0 0;}

  .fakta{padding: var(--space-3) 0; background-size: 100% auto;}
    .fakta .text-center img{width: auto; height: calc(200px * .75);}
    .fakta .swiper-slide{text-align: center;}
    .swiper3 img{height: calc(350px * .65);}
    .swiper3 .swiper-slide{text-align: center; padding: var(--space-4);}
    .swiper3 .swiper-slide .f-25{padding-top: var(--space-3);}
    .swiper3 .swiper-slide:hover img{transform: scale(1.2);}

  .lapisan-produk{padding: calc(250px * .65) var(--space-3) calc(200px * .65) var(--space-3); overflow: hidden;}
    .lapisan-produk .top-left, .lapisan-produk .bottom-left, .lapisan-produk .bottom-right{width: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transform: none;}
      .lapisan-produk ._img1 img{width: 340px; }
    .lapisan-produk ._img2{margin-left: -50px; margin-top: 60px;} 
      .lapisan-produk ._img2 img, .lapisan-produk ._img4 img{width: 320px;}
    .lapisan-produk ._img3{top: -40px; margin-left: -130px;}
      .lapisan-produk ._img3 img{width: calc(330px * .55);}
  .legend-mobile{top: 740px; left: 50%; margin-left: -50px;}
    .legend-mobile img{width: 330px; height: auto;}
    .video{width: 360px;}
    .video::after{background-size: calc(70px * .65) calc(70px * .65);}

  .produk{margin: auto; padding: 0; overflow: hidden;}
    .produk .container-fluid{height: 490px;}
      .produk ._siluet img, .produk ._cloud img, .produk ._diaper img{width: auto; height: 350px; object-fit: cover; object-position: bottom;}
      .produk ._diaper img{height: 500px;}
      .produk ._siluet img{height: 200px;}
      .produk .swiper-slide-active ._cloud{opacity: 1; transform: translateY(0px);}
      .produk ._build {left: 50%; right: auto; margin-left: -300px;}
      .produk ._diaper, .dom-produk ._diaper{margin-top: 300px;}
      .buynow{position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; align-items: center; gap: var(--space-7); border-radius: var(--space-6); padding: 15px; padding-right: var(--space-7); transition: var(--transition); height: 104px; z-index: 2;}
        .buynow.active{background: var(--c-white); box-shadow: var(--shadow-1);}
        .buynow.active .e-com{display: flex;}
        header.small .buynow{gap: var(--space-5); height: var(--space-8);}
    .produk .top-left, .produk .top-right{width: 98%; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
    .produk .top-right{width: 90%; margin: auto}
    .produk ._baby img{width: 400px;}
    .produk ._produk, .produk ._label{position: absolute;}
      .produk ._produk{right: 0; top: 0px; text-align: right; margin-top: 80px;}
      .produk ._produk img{width: 220px; height: auto;}
        .produk .size-xl ._produk, .produk .size-xxl ._produk{top: 0px;}
        .produk .size-xxl ._produk{top: -50px;}
      .produk ._label{right: 0px; bottom: -50px; margin-top: 0; margin-right: 125px; width: 215px;}
      .produk .size-xl ._label{margin-top: 0;}
      .produk .size-xxl ._label{margin-top: 0;}
      .produk .size-l ._produk{margin-top: 60px;}
      .produk .size-xl ._produk{margin-top: 20px;}
      .produk .size-xxl ._produk{margin-top: 0px;}
      .produk ._label img{width: 215px; height: auto;}
      .produk ._label .plus-blue{top: 40px; right: 10px;}
      
    .parenting-tips .f-25{height: 90px;}
  .testimonial{min-height: 100vh; overflow: hidden;}
  
  /*PROMO*/
  .promo-list .card-img-top {height: calc(400px * .65);}
  .tips .promo-list .card-img-top, .parenting-tips .card-img-top {height: calc(200px * .65);}
  [data-type="promo"] ._icon, [data-type="inspirasi"] ._icon, [data-type="activities"] ._icon, [data-type="bayi"] ._icon, [data-type="balita"] ._icon, [data-type="fun"] ._icon, ._promo ._icon, ._activities ._icon, ._inspirasi ._icon, ._balita ._icon, ._bayi ._icon, ._fun ._icon{background-size: auto calc(24px * .65);}

  /*TENTANG KAMI*/
  .tentang-kami .container{padding: calc(150px * .65) 0;}
  .si-omba ._img{width: calc(469px * .55);}

  .video-container {width: calc(1200px * .45); height: calc(675px * .45);}
}

/*TABLET LANDSCAPE*/
@media only screen and (min-width: 800px) and (max-width: 1099px) {
  :root {
    --f-18: calc(18px * .85);
    --f-25: calc(25px * .85);
    --f-30: calc(30px * .75);
    --f-35: calc(35px * .75);
    --f-45: calc(45px * .65);
    --f-64: calc(64px * .65);
    --lh-18: calc(28px * .85);
    --lh-25: calc(35px * .85);
    --lh-30: calc(40px * .75);
    --lh-35: calc(45px * .75);
    --lh-45: calc(55px * .65);
    --lh-64: calc(74px * .65);
    --space-1 : calc(10px * .75);
  }

  /*ICON*/
  .arrow-blue, .arrow-white, .btn-solid-blue:hover .arrow-blue, .btn-solid-white:hover .arrow-white{background-size: calc(16px * .75) calc(16px * .75);}
  .plus-blue, .plus-white, .plus-white:hover, .plus-blue:hover{background-size: calc(24px * .75) calc(24px * .75);}

    .social-media .fb, .social-media .tk, .social-media .ig, .social-media .yt{width: calc(32px * .75); height: calc(32px * .75); background-size: calc(32px * .75) auto;}
    .social-media .fb{background-position: 0 0;}
    .social-media .tk{background-position: 0 calc(-33px * .75);}
    .social-media .ig{background-position: 0 calc(-66px * .75);}
    .social-media .yt{background-position: 0 calc(-99px * .75);}

  .e-com .tokopedia, .e-com .blibli, .e-com .shopee, .e-com .lazada{height: calc(72px * .9); background-size: calc(394px * .9) auto;}
    header.small .e-com .tokopedia, header.small .e-com .blibli, header.small .e-com .shopee, header.small .e-com .lazada{height: calc(52px * .9); background-size: calc(285px * .9) calc(52px * .9);}
    .e-com .tokopedia{background-position: 0 0px; width: calc(60px * .9);}
      header.small .e-com .tokopedia{background-position: 0 0px; width: calc(44px * .9);}
    .e-com .blibli{background-position: calc(-112px * .9) 0; width: calc(50px * .9);}
      header.small .e-com .blibli{background-position: calc(-81px * .9) 0; width: calc(36px * .9);}
    .e-com .shopee{background-position: calc(-211px * .9) 0px; width: calc(62px * .9);}
      header.small .e-com .shopee{background-position: calc(-152px * .9) 0px; width: calc(46px * .9);}
    .e-com .lazada{background-position: calc(-322px * .9) 0px; width: calc(72px * .9);}
      header.small .e-com .lazada{background-position: calc(-232px * .9) 0px; width: calc(53px * .9);}
  
  /*PRELOADER*/
  .cloud._1{width: calc(600px * .7); top: 5%;}
  .cloud._2 {width: calc(600px * .7); top: 35%;}
  .cloud._3 {width: calc(400px * .7); top: 55%;}
  .cloud._4 {width: calc(400px * .7); top: 80%;}
  .cloud._5 {width: calc(500px * .7); top: 25%;}
  .cloud._6 {width: calc(300px * .7); bottom: 20%;}
  @keyframes animateCloud {
    0% {left: calc(-660px * .7);}
    100% {left: 100vw;}
  }
  .preloader-logo{width: calc(890px * .55); height: calc(398px * .55); margin-top: 40vh;}
  .preloader-logo ._img1 img{width: calc(890px * .55); height: auto;}
  .preloader-logo ._img2 img{width: calc(189px * .55); height: auto;}
  .preloader-logo ._img3 img{width: calc(890px * .55); height: auto;}
  .preloader-logo ._img4 img{width: calc(242px * .55); height: auto;}
    .preloader-omba img{width: calc(320px * .4); height: auto;}
    @keyframes omba-move {
      0%   { top: calc(40px * .55); opacity: 0; }
      10%  { opacity: 1; }
      50%  { top: calc(-220px * .55); opacity: 1; }
      90%  { opacity: 1; }
      100% { top: calc(40px * .55); opacity: 0; }
    }
    
  /*HEADER*/
  .header {min-height: calc(160px * .55);}
  .navbar{width: 100%; padding: var(--space-3);}
  .star, .cart, .btn-solid-blue:hover .cart{background-size: calc(24px * .65) calc(24px * .65);}


  .navbar-toggler{position: absolute; z-index: 8; top: var(--space-6); right: var(--space-3);}
  .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{padding: var(--space-1) var(--space-2); margin-bottom: var(--space-1); margin-right: 0;}
  .navbar-collapse .nav-link{font-size: var(--f-25); line-height: var(--lh-25);}
  
  .navbar-brand{left: 2%; z-index: 2;}
  .navicon ._text{display: none;}

  .navbar-brand img{max-height: calc(83px * .6);}

  .navother{padding-right: var(--space-8);}
  .navother .buynow{display: none;}
  .navicon._mobile{display: block;}
  header.small .navbar{padding: var(--space-1) var(--space-3);}
  header.small .navbar-toggler{top: var(--space-3);}
  header.small .navother{padding-right: var(--space-8);}

  /*FOOTER*/
    footer .align-items-center img{max-height: calc(120px * .75);}
    footer .logo img{width: calc(308px * .75); height: auto;}
    footer ._img1 img{width: calc(272px * .7); height: auto;}
    footer ._img2 img{width: calc(189px * .7); height: auto;}
    footer ._img3 img{width: calc(175px * .7); height: auto;}
    footer ._img4 img{width: calc(216px * .7); height: auto;}

  /*GENERAL*/
  .ichimatsu{width: calc(402px * .7);}
    .ichimatsu ._1{top: calc(90px * .7);}
      .ichimatsu ._1 img{width: calc(72px * .7);}
      .ichimatsu ._2 img{width: calc(312px * .7);}

  .solid-white{width: calc(454px * .8);}

  /*HOME*/
  .baby-bottom{top: 50px; left: -150px;}
    .baby-bottom img{width: 420px;}
  .cloud-bg{top: 190px;}
  .diaper{padding-top: 380px;}
    .diaper img{height: 300px;}
  .intro{width: 100%; top: 110px;}
    .intro ._moko img{width: calc(350px * .65);}
    .intro ._3x{top: calc(115px *.65); margin-left: calc(-230px *.65);}
      .intro ._3x img{width: var(--space-7);}
    .intro ._made-in-japan{top: 200px; bottom: 0; left: 50%; margin-left: -250px;}
      .intro ._made-in-japan img{width: calc(189px * .65);}
    .intro ._omba{top: 140px; bottom: auto; right: auto; width: auto; right: 8%;}
      .intro ._omba img{width: calc(382px * .5);}
    .intro .space-10{padding-top: var(--space-8);}
    .intro ._kanji1{bottom: 65%; right: 18%;}
    .intro ._kanji2{bottom: 38%; right: -20px;}
      .intro ._kanji1 img, .intro ._kanji2 img{width: calc(140px * .6);}

  .apa-itu .top-left img{width: 80%;}
  .apa-itu{margin-top: calc(-500px * .65);}
  .apa-itu .top-left{width: calc(760px * .65); top: calc(100px * .65);}

    .home-2 ._img5, .home-2 ._img9, .home-2 ._img11{width: 90%; margin: auto;}

  .fakta{padding: var(--space-3) 0; background-size: 100% auto;}
    .fakta .text-center img{width: auto; height: calc(200px * .75);}
    .fakta .swiper-slide{text-align: center;}
    .swiper3 img{height: calc(350px * .75);}
    .swiper3 .swiper-slide{text-align: center; padding: var(--space-4);}
    .swiper3 .swiper-slide .f-25{padding-top: var(--space-3);}
    .swiper3 .swiper-slide:hover img{transform: scale(1.2);}

  .lapisan-produk{padding: calc(250px * .75) var(--space-3) calc(200px * .75) var(--space-3); overflow: hidden;}
    .lapisan-produk .top-left, .lapisan-produk .bottom-left, .lapisan-produk .bottom-right{width: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transform: none;}
      .lapisan-produk ._img1 img{width: 400px; }
    .lapisan-produk ._img2{margin-left: -50px; margin-top: 60px;} 
      .lapisan-produk ._img2 img, .lapisan-produk ._img4 img{width: 420px;}
    .lapisan-produk ._img3{top: -40px; margin-left: -130px;}
      .lapisan-produk ._img3 img{width: calc(330px * .75);}
  .legend-mobile{top: 810px; left: 50%; margin-left: -50px;}
    .legend-mobile img{width: 430px; height: auto;}
    .video{width: 360px;}
    .video::after{background-size: calc(70px * .75) calc(70px * .75);}

  .produk ._baby img{width: 460px;}
  .produk .container-fluid{height: 520px;}

  .testimonial{min-height: 100vh; overflow: hidden;}
  .hubungi-kami .bottom-right{position: absolute; margin-bottom: -100px; right: 5%;}
  .hubungi-kami ._img1{width: calc(272px * .7);}
  .hubungi-kami .btn-solid-white{width: calc(420px * .85); height: calc(112px * .7);}
    
  /*TENTANG KAMI*/
  .tentang-kami .container{padding: calc(150px * .75) 0;}
  .si-omba ._img{width: calc(469px * .65);}
  .si-omba ._cloud::before{margin-top: 16%;}
  .si-omba ._cloud::after{top: 14%;}

  .video-container {width: calc(1200px * .6); height: calc(675px * .6);}
}

/*DESKTOP SMALL*/
@media only screen and (min-width: 1100px) and (max-width: 1359px) {
  :root {
    --f-18: calc(18px * .85);
    --f-25: calc(25px * .8);
    --f-30: calc(30px * .75);
    --f-35: calc(35px * .75);
    --f-45: calc(45px * .7);
    --f-64: calc(64px * .7);
    --lh-18: calc(28px * .85);
    --lh-25: calc(35px * .8);
    --lh-30: calc(40px * .75);
    --lh-35: calc(45px * .75);
    --lh-45: calc(55px * .7);
    --lh-64: calc(74px * .7);
    --space-1 : calc(10px * .6);
  }
  .container{width: 90%;}

  /*ICON*/
  .arrow-blue, .arrow-white, .btn-solid-blue:hover .arrow-blue, .btn-solid-white:hover .arrow-white{background-size: calc(16px * .65) calc(16px * .65);}
  .plus-blue, .plus-white, .plus-white:hover, .plus-blue:hover{background-size: calc(24px * .65) calc(24px * .65);}
  .swiper-button-next::after, .swiper-button-prev::after{background-size: calc(28px * .65) calc(32px * .65); width: calc(28px * .65); height: calc(32px * .65);}

    .social-media .fb, .social-media .tk, .social-media .ig, .social-media .yt{width: calc(32px * .65); height: calc(32px * .65); background-size: calc(32px * .65) auto;}
    .social-media .fb{background-position: 0 0;}
    .social-media .tk{background-position: 0 calc(-33px * .65);}
    .social-media .ig{background-position: 0 calc(-66px * .65);}
    .social-media .yt{background-position: 0 calc(-99px * .65);}

  .e-com .tokopedia, .e-com .blibli, .e-com .shopee, .e-com .lazada{height: calc(72px * .65); background-size: calc(394px * .65) auto;}
    header.small .e-com .tokopedia, header.small .e-com .blibli, header.small .e-com .shopee, header.small .e-com .lazada{height: calc(52px * .65); background-size: calc(285px * .65) calc(52px * .65);}
    .e-com .tokopedia{background-position: 0 0px; width: calc(60px * .65);}
      header.small .e-com .tokopedia{background-position: 0 0px; width: calc(44px * .65);}
    .e-com .blibli{background-position: calc(-112px * .65) 0; width: calc(50px * .65);}
      header.small .e-com .blibli{background-position: calc(-81px * .65) 0; width: calc(36px * .65);}
    .e-com .shopee{background-position: calc(-211px * .65) 0px; width: calc(62px * .65);}
      header.small .e-com .shopee{background-position: calc(-152px * .65) 0px; width: calc(46px * .65);}
    .e-com .lazada{background-position: calc(-322px * .65) 0px; width: calc(72px * .65);}
      header.small .e-com .lazada{background-position: calc(-232px * .65) 0px; width: calc(53px * .65);}
    header .e-com{height: calc(104px * .65); padding: var(--space-1) var(--space-5); height: calc(104px * .65); width: calc(750px * .65);}
    header.small .e-com{width: calc(600px * .65);}

  /*PRELOADER*/
    .cloud._1{width: calc(600px * .6);}
    .cloud._2 {width: calc(600px * .6);}
    .cloud._3 {width: calc(400px * .6);}
    .cloud._4 {width: calc(400px * .6);}
    .cloud._5 {width: calc(500px * .6);}
    .cloud._6 {width: calc(300px * .6);}
    @keyframes animateCloud {
      0% {left: calc(-660px * .6);}
      100% {left: 100vw;}
    }
  .preloader-logo{width: calc(890px * .6); height: calc(398px * .6); margin-top: 35vh;}
    .preloader-omba img{width: calc(320px * .6); height: calc(300px * .6);}
  .preloader-logo ._img1 img{width: calc(890px * .6); height: auto;}
  .preloader-logo ._img2 img{width: calc(189px * .6); height: auto;}
  .preloader-logo ._img3 img{width: calc(890px * .6); height: auto;}
  .preloader-logo ._img4 img{width: calc(242px * .6); height: auto;}
  .preloader-omba{left: 55%;}
    @keyframes omba-move {
      0%   { top: calc(40px * .6); opacity: 0; }
      10%  { opacity: 1; }
      50%  { top: calc(-220px * .6); opacity: 1; }
      90%  { opacity: 1; }
      100% { top: calc(40px * .6); opacity: 0; }
    }

  /*HEADER*/
  .header {min-height: calc(160px * .6);}
  .navbar{width: 95%;}
  .navbar-collapse .nav-link, .navicon{font-size: 13px; line-height: 23px;}

  .star, .cart, .btn-solid-blue:hover .cart{background-size: calc(24px * .65) calc(24px * .65);}


  .navbar-brand img{max-height: calc(83px * .6);}

  /*FOOTER*/
  footer .align-items-center img{max-height: calc(120px * .6);}
  footer .logo img{width: calc(308px * .6); height: auto;}
  footer ._img1 img{width: calc(272px * .6); height: auto;}
  footer ._img2 img{width: calc(189px * .6); height: auto;}
  footer ._img3 img{width: calc(175px * .6); height: auto;}
  footer ._img4 img{width: calc(216px * .6); height: auto;}

  /*GENERAL*/
  #scrollToTop img{width: calc(120px * .6);}

  .ichimatsu{width: calc(402px * .6);}
  .ichimatsu ._1{top: calc(90px * .6);}
    .ichimatsu ._1 img{width: calc(72px * .6);}
    .ichimatsu ._2 img{width: calc(312px * .6);}

  ._kanji1, ._kanji2{width: calc(140px * .55);}

  .solid-white{width: calc(454px * .8);}

  /*HOME*/    
  .down img{width: calc(112px * .6);}
  .baby-bottom{left: calc(-380px * .6);}
    .baby-bottom img{width: calc(1000px * .6); height: calc(850px * .6);}
  .cloud-bg{top: calc(220px * .6);}
  .diaper{padding-top: calc(610px * .6);}
    .diaper img{max-width: 115%; width: 115%; margin-left: -10%;}
  .intro{width: calc(1100px * .6); top: calc(260px * .6);}
    .intro ._3x{top: calc(115px * .6); margin-left: calc(-230px * .6);}
    .intro ._moko{width: calc(350px * .6); margin: auto;}
    .intro ._made-in-japan{bottom: calc(160px * .6); width: calc(189px * .6);}
    .intro ._omba{bottom: calc(120px * .6); right: calc(-150px * .6); width: calc(346px * .6);}
    .intro ._kanji1{bottom: calc(520px * .6); right: calc(50px * .6); width: calc(140px * .6);}
    .intro ._kanji2{bottom: calc(320px * .6); right: calc(-270px * .6); width: calc(140px * .6);}

  .apa-itu .top-left img{width: 80%;}
  .apa-itu{margin-top: calc(-500px * .6);}
  .apa-itu .top-left{width: calc(760px * .6); top: calc(100px * .6);}  

  .home-2 .top-left, .home-2 .bottom-left{left: calc(216px * .55);}
    .home-2 .top-left{top: calc(170px * .55);}
    .home-2 ._img1{width: calc(172px * .55);} 
    .home-2 ._img2{width: calc(162px * .55);}
    .home-2 ._img3, .home-2 ._img6, .home-2 ._img10{width: calc(195px * .55);}
    .home-2 ._img4{top: calc(-80px * .55); left: calc(-150px * .55);}
    .home-2 ._img5{width: calc(950px * .55);}
    .home-2 ._img6{bottom: calc(-20px * .55); left: calc(200px * .55);}
    .home-2 ._img7{margin-left: calc(-250px * .55); width: calc(316px * .55);}
    .home-2 ._img8{margin-left: calc(80px * .55); width: calc(325px * .55);}
    .home-2 ._img9{width: calc(766px * .55);}
    .home-2 ._img10{bottom: calc(180px * .55); right: calc(30px * .55);}    
    .home-2 ._img11{width: calc(811px * .55);}
    .home-2 .top-left ._kanji1{bottom: calc(-140px * .55); left: calc(200px * .55);}
    .home-2 .top-right{top: calc(750px * .55); right: calc(450px * .55);}
    .home-2-1{margin-top: calc(-100px * .55); padding: 0 calc(216px * .55);}
      .home-2-1-1, .home-2-2-1, .home-2-3-1{width: calc(400px * .9);}
      .home-2-1-2{right: calc(180px * .55);}
        .home-2-1-2 ._kanji1{margin: calc(-170px * .55) calc(200px * .55) 0 0;}
        .home-2-1-2 ._kanji2{margin: calc(-150px * .55) calc(20px * .55) 0 0;}
    .home-2-2{padding: calc(300px * .55) 0; padding-right: calc(300px * .55);}
      .home-2-2-2{bottom: calc(250px * .55); left: calc(216px * .55);}
        .home-2-2-2 ._kanji1{margin: calc(-140px * .55) 0 0 0;}
        .home-2-2-2 ._kanji2{margin: calc(-180px * .55) calc(-50px * .55) 0 0;}
    .home-2-3{padding: calc(300px * .55) 0 calc(300px * .55) calc(300px * .55);}
      .home-2-3-2{right: calc(300px * .55);}
        .home-2-3-2 ._kanji1{margin: calc(-200px * .55) calc(350px * .55) 0 0;}
        .home-2-3-2 ._kanji2{margin: calc(-150px * .55) calc(200px * .55) 0 0;}
    
  .fakta img{height: 180px;}
  
  /*SWIPER*/
  .fakta .swiper .text-center{height: calc(220px * .9);}
  .swiper3 img{transform: scale(.95);}
  
  .lapisan-produk{padding: calc(250px * .6) 0 calc(200px * .8) 0;}
    .lapisan-produk .top-left{left: calc(216px * .35); top: calc(400px * .4);}
    .lapisan-produk ._img3{margin-left: calc(-250px * .6);}
      .lapisan-produk ._img1 img{width: calc(890px * .45); }
      .lapisan-produk ._img2 img, .lapisan-produk ._img4 img{width: calc(560px * .55);}
      .lapisan-produk ._img3 img{width: calc(330px * .55);}
    .lapisan-produk .bottom-left{left: calc(216px * .35); width: calc(400px * .6);}
    .lapisan-produk .bottom-right{right: calc(216px * .35); bottom: calc(160px * .6);}
    
    
  .video{width: calc(325px * .85);}
    .video::after{background-size: var(--space-7) var(--space-7);}

  .legend-desktop{margin-left: calc(-100px * .55); margin-top: calc(370px * .6);}
    .legend-desktop img{width: calc(776px * .55);}
  .legend-mobile{display: none;}

  .produk{background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 65%, rgba(0,0,0,0) 65%);}
  .produk .container-fluid{height: calc(900px * .8);}
      .produk ._build {margin-left: calc(-300px * .6);}
      .produk ._diaper, .dom-produk ._diaper{margin-top: calc(450px * .67);}
      .size{transform: scale(.7); transform-origin: left;}
        .dom-produk .size{transform-origin: center;}
      .buynow{padding: calc(15px * .6); height: calc(104px * .6);}
        header.small .buynow .navicon{margin-top: -5px;}
        header.small .buynow .e-com .navicon{margin-top: 5px;}
    .produk .top-left{left: calc(216px * .35); top: 50px;}
    .produk .top-right{width: calc(900px * .8); right: calc(220px * .3);}
    .produk ._produk{right: calc(35px * .6); top: 180px;}
      .produk ._produk img{width: calc(389px * .6); height: auto;}
        .produk ._baby img{width: calc(667px * .75); height: auto;}
        .produk .size-l ._produk{top: 145px;}
        .produk .size-xl ._produk{top: 110px;}
        .produk .size-xxl ._produk{top: 45px;}
      .produk ._label{right: 150px; bottom: -50px; width: calc(308px * .6);}
      .produk ._label img{width: calc(308px * .6); height: auto;}

  .parenting-tips{padding: var(--space-10) 0;} 
    .parenting-tips .f-25{height: calc(110px * .85);}
    .parenting-tips .card-category{width: 85%;}
  .testimonial .open{width: calc(380px * .6); left: calc(300px * .6); top: calc(250px * .6);}

  /*PROMO*/
  .promo-list .card-img-top {height: calc(400px * .6);}
  .tips .promo-list .card-img-top, .parenting-tips .card-img-top {height: calc(200px * .6);}
  [data-type="promo"] ._icon, [data-type="inspirasi"] ._icon, [data-type="activities"] ._icon, [data-type="bayi"] ._icon, [data-type="balita"] ._icon, [data-type="fun"] ._icon, ._promo ._icon, ._activities ._icon, ._inspirasi ._icon, ._balita ._icon, ._bayi ._icon, ._fun ._icon{background-size: auto calc(24px * .6);}

  /*TENTANG KAMI*/
  .tentang-kami .container{padding: calc(150px * .6) 0 calc(250px * .6) 0;}
  .tentang-kami .top-left{top: calc(200px * .6); left: calc(216px * .35);}
  .tentang-kami .bottom{margin-bottom: calc(-100px * .6);}
  .tentang-kami img._logo{height: calc(76px * .6);}
  .si-omba ._cloud{width: calc(1620px * .6); height: auto; margin-top: calc(-240px * .6); background-size: calc(1620px * .6) auto;}
  .si-omba ._cloud::before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../img/cloud-big.webp) no-repeat top center; background-size: calc(1620px * .6) auto; z-index: -1; margin-top: 310px;}
  .si-omba ._img{width: calc(469px * .6);}
  .swiper3{margin-top: 100px;}

  /*HUBUNGI KAMI*/
  .hubungi-kami{padding: calc(180px * .6) 0 calc(30px * .6) 0;}
    .mail{background-size: calc(22px * .65);}
    .hubungi-kami ._img1{width: calc(272px * .85);}
    .hubungi-kami .btn-solid-white{width: calc(420px * .85); height: calc(112px * .85);}
    .hubungi-kami .btn-solid-white ._text{width: calc(240px * .85);}
    .hubungi-kami .bottom-right{bottom: calc(-80px * .6);}
    .hubungi-kami .bottom-right img{height: calc(400px * .6);}
    .faq .container-fluid{padding: calc(150px * .6) 0 calc(250px * .6) 0;}
    .accordion-button::after, .accordion-button:not(.collapsed)::after{background-size: auto calc(16px * .6);}
  
  .video-container {width: calc(1200px * .6); height: calc(675px * .6);}
  #dom-produk-s .produk-list li:nth-child(1) img, #dom-produk-m .produk-list li:nth-child(1) img, #dom-produk-l .produk-list li:nth-child(1) img, #dom-produk-xl .produk-list li:nth-child(1) img, #dom-produk-xxl .produk-list li:nth-child(1) img{max-height: calc(194px * .65);}  
  #dom-produk-s .produk-list li:nth-child(2) img, #dom-produk-m .produk-list li:nth-child(2) img, #dom-produk-l .produk-list li:nth-child(2) img, #dom-produk-xl .produk-list li:nth-child(2) img{max-height: calc(231px * .65);}  
  #dom-produk-s .produk-list li:nth-child(3) img, #dom-produk-m .produk-list li:nth-child(3) img, #dom-produk-l .produk-list li:nth-child(3) img, #dom-produk-xl .produk-list li:nth-child(3) img{max-height: calc(231px * .65);}  
  #dom-produk-s .produk-list li:nth-child(4) img, #dom-produk-m .produk-list li:nth-child(4) img, #dom-produk-l .produk-list li:nth-child(4) img, #dom-produk-xl .produk-list li:nth-child(4) img{max-height: calc(250px * .65);} 
  #dom-produk-s .produk-list li:nth-child(5) img, #dom-produk-m .produk-list li:nth-child(5) img, #dom-produk-l .produk-list li:nth-child(5) img,  #dom-produk-xl .produk-list li:nth-child(5) img, #dom-produk-xxl .produk-list li:nth-child(2) img{max-height: calc(500px * .62);}

}

/*DESKTOP MEDIUM*/
@media only screen and (min-width: 1360px) and (max-width: 1599px) {
  :root {
    --f-18: calc(18px * .9);
    --f-25: calc(25px * .9);
    --f-30: calc(30px * .85);
    --f-35: calc(35px * .85);
    --f-45: calc(45px * .75);
    --f-64: calc(64px * .75);
    --lh-18: calc(28px * .9);
    --lh-25: calc(35px * .9);
    --lh-30: calc(40px * .85);
    --lh-35: calc(45px * .85);
    --lh-45: calc(55px * .75);
    --lh-64: calc(74px * .75);
    --space-1 : calc(10px * .75);
  }
  .container{width: calc(1720px * .75);}

  /*ICON*/
  .arrow-blue, .arrow-white, .btn-solid-blue:hover .arrow-blue, .btn-solid-white:hover .arrow-white{background-size: calc(16px * .75) calc(16px * .75);}
  .plus-blue, .plus-white, .plus-white:hover, .plus-blue:hover{background-size: calc(24px * .75) calc(24px * .75);}
  .swiper-button-next::after, .swiper-button-prev::after{background-size: calc(28px * .75) calc(32px * .75); width: calc(28px * .75); height: calc(32px * .75);}

    .social-media .fb, .social-media .tk, .social-media .ig, .social-media .yt{width: calc(32px * .75); height: calc(32px * .75); background-size: calc(32px * .75) auto;}
    .social-media .fb{background-position: 0 0;}
    .social-media .tk{background-position: 0 calc(-33px * .75);}
    .social-media .ig{background-position: 0 calc(-66px * .75);}
    .social-media .yt{background-position: 0 calc(-99px * .75);}

  .e-com .tokopedia, .e-com .blibli, .e-com .shopee, .e-com .lazada{height: calc(72px * .75); background-size: calc(394px * .75) auto;}
    header.small .e-com .tokopedia, header.small .e-com .blibli, header.small .e-com .shopee, header.small .e-com .lazada{height: calc(52px * .75); background-size: calc(285px * .75) calc(52px * .75);}
    .e-com .tokopedia{background-position: 0 0px; width: calc(60px * .75);}
      header.small .e-com .tokopedia{background-position: 0 0px; width: calc(44px * .75);}
    .e-com .blibli{background-position: calc(-112px * .75) 0; width: calc(50px * .75);}
      header.small .e-com .blibli{background-position: calc(-81px * .75) 0; width: calc(36px * .75);}
    .e-com .shopee{background-position: calc(-211px * .75) 0px; width: calc(62px * .75);}
      header.small .e-com .shopee{background-position: calc(-152px * .75) 0px; width: calc(46px * .75);}
    .e-com .lazada{background-position: calc(-322px * .75) 0px; width: calc(72px * .75);}
      header.small .e-com .lazada{background-position: calc(-232px * .75) 0px; width: calc(53px * .75);}
    header .e-com{height: calc(104px * .75); padding: var(--space-1) var(--space-5); height: calc(104px * .75); width: calc(750px * .75);}
    header.small .e-com{width: calc(600px * .75);}

  /*PRELOADER*/
    .cloud._1{width: calc(600px * .75);}
    .cloud._2 {width: calc(600px * .75);}
    .cloud._3 {width: calc(400px * .75);}
    .cloud._4 {width: calc(400px * .75);}
    .cloud._5 {width: calc(500px * .75);}
    .cloud._6 {width: calc(300px * .75);}
    @keyframes animateCloud {
      0% {left: calc(-660px * .75);}
      100% {left: 100vw;}
    }
  .preloader-logo{width: calc(890px * .75); height: calc(398px * .75); margin-top: 35vh;}
    .preloader-omba img{width: calc(320px * .75); height: calc(300px * .75);}
  .preloader-logo ._img1 img{width: calc(890px * .75); height: auto;}
  .preloader-logo ._img2 img{width: calc(189px * .75); height: auto;}
  .preloader-logo ._img3 img{width: calc(890px * .75); height: auto;}
  .preloader-logo ._img4 img{width: calc(242px * .75); height: auto;}
  .preloader-omba{left: 55%;}
    @keyframes omba-move {
      0%   { top: calc(40px * .75); opacity: 0; }
      10%  { opacity: 1; }
      50%  { top: calc(-220px * .75); opacity: 1; }
      90%  { opacity: 1; }
      100% { top: calc(40px * .75); opacity: 0; }
    }

  /*HEADER*/
  .header {min-height: calc(160px * .75);}
  .navbar{width: calc(1720px * .75);}

  .star, .cart, .btn-solid-blue:hover .cart{background-size: calc(24px * .75) calc(24px * .75);}

  .navbar-brand img{max-height: calc(83px * .75);}

  /*FOOTER*/
  footer .align-items-center img{max-height: calc(120px * .75);}
  footer .logo img{width: calc(308px * .75); height: auto;}
  footer ._img1 img{width: calc(272px * .75); height: auto;}
  footer ._img2 img{width: calc(189px * .75); height: auto;}
  footer ._img3 img{width: calc(175px * .75); height: auto;}
  footer ._img4 img{width: calc(216px * .75); height: auto;}

  /*GENERAL*/
  #scrollToTop img{width: calc(120px * .75);}

  .ichimatsu{width: calc(402px * .75);}
  .ichimatsu ._1{top: calc(90px * .75);}
    .ichimatsu ._1 img{width: calc(72px * .75);}
    .ichimatsu ._2 img{width: calc(312px * .75);}

  ._kanji1, ._kanji2{width: calc(140px * .7);}

  .solid-white{width: calc(454px * .75);}

  /*HOME*/    
  .down img{width: calc(112px * .75);}
  .baby-bottom{left: calc(-380px * .75);}
    .baby-bottom img{width: calc(1000px * .75); height: calc(850px * .75);}
  .cloud-bg{top: calc(220px * .75);}
  .diaper{padding-top: calc(610px * .75);}
    .diaper img{max-width: 115%; width: 115%; margin-left: -10%;}
  .intro{width: calc(1100px * .75); top: calc(260px * .75);}
    .intro ._3x{top: calc(115px * .75); margin-left: calc(-230px * .75);}
    .intro ._moko{width: calc(350px * .75); margin: auto;}
    .intro ._made-in-japan{bottom: calc(160px * .75); width: calc(189px * .75);}
    .intro ._omba{bottom: calc(120px * .75); right: calc(-150px * .75); width: calc(346px * .75);}
    .intro ._kanji1{bottom: calc(520px * .75); right: calc(50px * .75); width: calc(140px * .75);}
    .intro ._kanji2{bottom: calc(320px * .75); right: calc(-270px * .75); width: calc(140px * .75);}

  .apa-itu{margin-top: calc(-500px * .75);}
  .apa-itu .top-left{width: calc(760px * .75); top: calc(100px * .75);}

  .home-2 .top-left, .home-2 .bottom-left{left: calc(216px * .7);}
    .home-2 .top-left{top: calc(170px * .7);}
    .home-2 ._img1{width: calc(172px * .7);} 
    .home-2 ._img2{width: calc(162px * .7);}
    .home-2 ._img3, .home-2 ._img6, .home-2 ._img10{width: calc(195px * .7);}
    .home-2 ._img4{top: calc(-80px * .7); left: calc(-150px * .7);}
    .home-2 ._img5{width: calc(950px * .7);}
    .home-2 ._img6{bottom: calc(-20px * .7); left: calc(200px * .7);}
    .home-2 ._img7{margin-left: calc(-250px * .7); width: calc(316px * .7);}
    .home-2 ._img8{margin-left: calc(80px * .7); width: calc(325px * .7);}
    .home-2 ._img9{width: calc(766px * .7);}
    .home-2 ._img10{bottom: calc(180px * .7); right: calc(30px * .7);}    
    .home-2 ._img11{width: calc(811px * .7);}
    .home-2 .top-left ._kanji1{bottom: calc(-140px * .7); left: calc(200px * .7);}
    .home-2 .top-right{top: calc(750px * .7); right: calc(450px * .7);}
    .home-2-1{margin-top: calc(-100px * .7); padding: 0 calc(216px * .7);}
      .home-2-1-1, .home-2-2-1, .home-2-3-1{width: calc(400px * .9);}
      .home-2-1-2{right: calc(180px * .7);}
        .home-2-1-2 ._kanji1{margin: calc(-170px * .7) calc(200px * .7) 0 0;}
        .home-2-1-2 ._kanji2{margin: calc(-150px * .7) calc(20px * .7) 0 0;}
    .home-2-2{padding: calc(300px * .7) 0; padding-right: calc(300px * .7);}
      .home-2-2-2{bottom: calc(250px * .7); left: calc(216px * .7);}
        .home-2-2-2 ._kanji1{margin: calc(-140px * .7) 0 0 0;}
        .home-2-2-2 ._kanji2{margin: calc(-180px * .7) calc(-50px * .7) 0 0;}
    .home-2-3{padding: calc(300px * .7) 0 calc(300px * .7) calc(300px * .7);}
      .home-2-3-2{right: calc(300px * .7);}
        .home-2-3-2 ._kanji1{margin: calc(-200px * .7) calc(350px * .7) 0 0;}
        .home-2-3-2 ._kanji2{margin: calc(-150px * .7) calc(200px * .7) 0 0;}
  
  /*SWIPER*/
  .fakta .swiper .text-center{height: calc(220px * .95);}
  .swiper3 img{height: calc(350px * .75);}
  
  .lapisan-produk{padding: calc(250px * .75) 0 calc(200px * .75) 0;}
    .lapisan-produk .top-left{left: calc(216px * .5); top: calc(400px * .7);}
    .lapisan-produk ._img3{margin-left: calc(-250px * .75);}
      .lapisan-produk ._img1 img{width: calc(890px * .75); }
      .lapisan-produk ._img2 img, .lapisan-produk ._img4 img{width: calc(560px * .75);}
      .lapisan-produk ._img3 img{width: calc(330px * .75);}
    .lapisan-produk .bottom-left{left: calc(216px * .5); width: calc(400px * .75);}
    .lapisan-produk .bottom-right{right: calc(216px * .5); bottom: calc(160px * .5);}

  .video{width: calc(325px * 1);}
    .video::after{background-size: var(--space-7) var(--space-7);}

  .legend-desktop{margin-left: calc(-100px * .75); margin-top: calc(370px * .75);}
    .legend-desktop img{width: calc(776px * .75);}
  .legend-mobile{display: none;}

  .produk .container-fluid{height: calc(900px * .85);}
    .produk ._build {margin-left: calc(-300px * .75);}
    .produk ._diaper, .dom-produk ._diaper{margin-top: calc(450px * .75);}
    .size{transform: scale(.85); transform-origin: left;}
      .dom-produk .size{transform-origin: center;}
    .buynow{padding: calc(15px * .75); height: calc(104px * .75);}
      header.small .buynow .navicon{margin-top: -5px;}
      header.small .buynow .e-com .navicon{margin-top: 5px;}
  .produk .top-left{left: calc(216px * .5); top: calc(80px * .75);}
  .produk .top-right{width: calc(900px * .8); right: calc(220px * .4);}
    .produk ._produk{right: calc(35px * .75); top: 180px;}
    .produk ._produk img{width: calc(389px * .75); height: auto;}
    .produk ._baby img{width: calc(667px * .8); height: auto;}
      .produk .size-l ._produk{top: 150px;}
      .produk .size-xl ._produk{top: 95px;}
      .produk .size-xxl ._produk{top: 10px;}
    .produk ._label{right: 190px; bottom: -120px; width: calc(308px * .75);}
    .produk ._label img{width: calc(308px * .75); height: auto;}

  .parenting-tips{padding: var(--space-10) 0;} 
    .parenting-tips .f-25{height: calc(110px * .85);}
    .parenting-tips .card-category{width: 85%;}
  .testimonial .open{width: calc(380px * .75); left: calc(300px * .75); top: calc(250px * .75);}

  /*PROMO*/
  .promo-list .card-img-top {height: calc(400px * .75);}
  .tips .promo-list .card-img-top, .parenting-tips .card-img-top {height: calc(200px * .75);}
  [data-type="promo"] ._icon, [data-type="inspirasi"] ._icon, [data-type="activities"] ._icon, [data-type="bayi"] ._icon, [data-type="balita"] ._icon, [data-type="fun"] ._icon, ._promo ._icon, ._activities ._icon, ._inspirasi ._icon, ._balita ._icon, ._bayi ._icon, ._fun ._icon{background-size: auto calc(24px * .75);}

  /*TENTANG KAMI*/
  .tentang-kami .container{padding: calc(150px * .75) 0 calc(250px * .75) 0;}
  .tentang-kami .top-left{top: calc(200px * .75); left: calc(216px * .5);}
  .tentang-kami .bottom{margin-bottom: calc(-100px * .75);}
  .tentang-kami img._logo{height: calc(76px * .75);}
  .si-omba ._cloud{width: calc(1620px * .85); height: calc(725px * .85); margin-top: calc(-240px * .85); background-size: calc(1620px * .85) auto;}
  .si-omba ._img{width: calc(469px * .75);}

  /*HUBUNGI KAMI*/
  .hubungi-kami{padding: calc(180px * .75) 0 calc(30px * .75) 0;}
    .mail{background-size: calc(22px * .9);}
    .hubungi-kami ._img1{width: calc(272px * .9);}
    .hubungi-kami .btn-solid-white{width: calc(420px * .9); height: calc(112px * .9);}
    .hubungi-kami .btn-solid-white ._text{width: calc(240px * .9);}
    .hubungi-kami .bottom-right{bottom: calc(-80px * .75);}
    .hubungi-kami .bottom-right img{height: calc(400px * .75);}
    .faq .container-fluid{padding: calc(150px * .75) 0 calc(250px * .75) 0;}
    .accordion-button::after, .accordion-button:not(.collapsed)::after{background-size: auto calc(16px * .75);}
  
  .video-container {width: calc(1200px * .75); height: calc(675px * .75);}
  #dom-produk-s .produk-list li:nth-child(5) img, #dom-produk-m .produk-list li:nth-child(5) img, #dom-produk-l .produk-list li:nth-child(5) img,  #dom-produk-xl .produk-list li:nth-child(5) img, #dom-produk-xxl .produk-list li:nth-child(2) img{max-height: calc(500px * .8);}  
}

/*DESKTOP LARGE*/
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  :root {
    --f-18: calc(18px * .9);
    --f-25: calc(25px * .9);
    --f-30: calc(30px * .85);
    --f-35: calc(35px * .85);
    --f-45: calc(45px * .8);
    --f-64: calc(64px * .8);
    --lh-18: calc(28px * .9);
    --lh-25: calc(35px * .9);
    --lh-30: calc(40px * .85);
    --lh-35: calc(45px * .85);
    --lh-45: calc(55px * .8);
    --lh-64: calc(74px * .8);
    --space-1 : calc(10px * .85);
  }
  .container{width: calc(1720px * .85);}

  /*ICON*/
  .arrow-blue, .arrow-white, .btn-solid-blue:hover .arrow-blue, .btn-solid-white:hover .arrow-white{background-size: calc(16px * .85) calc(16px * .85);}
  .plus-blue, .plus-white, .plus-white:hover, .plus-blue:hover{background-size: calc(24px * .85) calc(24px * .85);}
  .swiper-button-next::after, .swiper-button-prev::after{background-size: calc(28px * .85) calc(32px * .85); width: calc(28px * .85); height: calc(32px * .85);}

    .social-media .fb, .social-media .tk, .social-media .ig, .social-media .yt{width: calc(32px * .85); height: calc(32px * .85); background-size: calc(32px * .85) auto;}
    .social-media .fb{background-position: 0 0;}
    .social-media .tk{background-position: 0 calc(-33px * .85);}
    .social-media .ig{background-position: 0 calc(-66px * .85);}
    .social-media .yt{background-position: 0 calc(-99px * .85);}

  .e-com .tokopedia, .e-com .blibli, .e-com .shopee, .e-com .lazada{height: calc(72px * .75); background-size: calc(394px * .75) auto;}
    header.small .e-com .tokopedia, header.small .e-com .blibli, header.small .e-com .shopee, header.small .e-com .lazada{height: calc(52px * .75); background-size: calc(285px * .75) calc(52px * .75);}
    .e-com .tokopedia{background-position: 0 0px; width: calc(60px * .75);}
      header.small .e-com .tokopedia{background-position: 0 0px; width: calc(44px * .75);}
    .e-com .blibli{background-position: calc(-112px * .75) 0; width: calc(50px * .75);}
      header.small .e-com .blibli{background-position: calc(-81px * .75) 0; width: calc(36px * .75);}
    .e-com .shopee{background-position: calc(-211px * .75) 0px; width: calc(62px * .75);}
      header.small .e-com .shopee{background-position: calc(-152px * .75) 0px; width: calc(46px * .75);}
    .e-com .lazada{background-position: calc(-322px * .75) 0px; width: calc(72px * .75);}
      header.small .e-com .lazada{background-position: calc(-232px * .75) 0px; width: calc(53px * .75);}
    header .e-com{height: calc(104px * .85); padding: var(--space-1) var(--space-5); height: calc(104px * .85); width: calc(750px * .85);}
    header.small .e-com{width: calc(600px * .85);}

  /*PRELOADER*/
    .cloud._1{width: calc(600px * .85);}
    .cloud._2 {width: calc(600px * .85);}
    .cloud._3 {width: calc(400px * .85);}
    .cloud._4 {width: calc(400px * .85);}
    .cloud._5 {width: calc(500px * .85);}
    .cloud._6 {width: calc(300px * .85);}
    @keyframes animateCloud {
      0% {left: calc(-660px * .85);}
      100% {left: 100vw;}
    }
  .preloader-logo{width: calc(890px * .85); height: calc(398px * .85); margin-top: 35vh;}
    .preloader-omba img{width: calc(320px * .85); height: calc(300px * .85);}
    .preloader-logo ._img1 img{width: calc(890px * .85); height: auto;}
    .preloader-logo ._img2 img{width: calc(189px * .85); height: auto;}
    .preloader-logo ._img3 img{width: calc(890px * .85); height: auto;}
    .preloader-logo ._img4 img{width: calc(242px * .85); height: auto;}
    .preloader-omba{left: 55%;}
    @keyframes omba-move {
      0%   { top: calc(40px * .85); opacity: 0; }
      10%  { opacity: 1; }
      50%  { top: calc(-220px * .85); opacity: 1; }
      90%  { opacity: 1; }
      100% { top: calc(40px * .85); opacity: 0; }
    }

  /*HEADER*/
  .header {min-height: calc(160px * .85);}
  .navbar{width: calc(1720px * .85);}
  #scrollToTop img{width: calc(120px * .85);}

  .star, .cart, .btn-solid-blue:hover .cart{background-size: calc(24px * .85) calc(24px * .85);}

  .navbar-brand img{max-height: calc(83px * .85);}

  /*FOOTER*/
  footer .align-items-center img{max-height: calc(120px * .85);}
  footer .logo img{width: calc(308px * .85); height: auto;}
  footer ._img1 img{width: calc(272px * .85); height: auto;}
  footer ._img2 img{width: calc(189px * .85); height: auto;}
  footer ._img3 img{width: calc(175px * .85); height: auto;}
  footer ._img4 img{width: calc(216px * .85); height: auto;}

  /*GENERAL*/  
  .ichimatsu{width: calc(402px * .85);}
  .ichimatsu ._1{top: calc(90px * .85);}
    .ichimatsu ._1 img{width: calc(72px * .85);}
    .ichimatsu ._2 img{width: calc(312px * .85);}

  ._kanji1, ._kanji2{width: calc(140px * .8);}

  .solid-white{width: calc(454px * .85);}

  /*HOME*/    
  .down img{width: calc(112px * .85);}
  .baby-bottom{left: calc(-380px * .85);}
    .baby-bottom img{width: calc(1000px * .85); height: calc(850px * .85);}
  .cloud-bg{top: calc(220px * .85);}
  .diaper{padding-top: calc(610px * .85);}
    .diaper img{max-width: 115%; width: 115%; margin-left: -10%;}
  .intro{width: calc(1100px * .85); top: calc(260px * .85);}
    .intro ._3x{top: calc(115px * .85); margin-left: calc(-230px * .85);}
    .intro ._moko{width: calc(350px * .85); margin: auto;}
    .intro ._made-in-japan{bottom: calc(160px * .85); width: calc(189px * .85);}
    .intro ._omba{bottom: calc(120px * .85); right: calc(-150px * .85); width: calc(346px * .85);}
    .intro ._kanji1{bottom: calc(520px * .85); right: calc(50px * .85); width: calc(140px * .85);}
    .intro ._kanji2{bottom: calc(320px * .85); right: calc(-270px * .85); width: calc(140px * .85);}

  .apa-itu{margin-top: calc(-500px * .9);}
  .apa-itu .top-left{width: calc(760px * .9); top: calc(100px * .9);}

  .home-2 .top-left, .home-2 .bottom-left{left: calc(216px * .8);}
    .home-2 .top-left{top: calc(170px * .8);}
    .home-2 ._img1{width: calc(172px * .8);} 
    .home-2 ._img2{width: calc(162px * .8);}
    .home-2 ._img3, .home-2 ._img6, .home-2 ._img10{width: calc(195px * .8);}
    .home-2 ._img4{top: calc(-80px * .8); left: calc(-150px * .8);}
    .home-2 ._img5{width: calc(950px * .8);}
    .home-2 ._img6{bottom: calc(-20px * .8); left: calc(200px * .8);}
    .home-2 ._img7{margin-left: calc(-250px * .8); width: calc(316px * .8);}
    .home-2 ._img8{margin-left: calc(80px * .8); width: calc(325px * .8);}
    .home-2 ._img9{width: calc(766px * .8);}
    .home-2 ._img10{bottom: calc(180px * .8); right: calc(30px * .8);}    
    .home-2 ._img11{width: calc(811px * .8);}
    .home-2 .top-left ._kanji1{bottom: calc(-140px * .8); left: calc(200px * .8);}
    .home-2 .top-right{top: calc(750px * .8); right: calc(450px * .8);}
    .home-2-1{margin-top: calc(-100px * .8); padding: 0 calc(216px * .8);}
      .home-2-1-1, .home-2-2-1, .home-2-3-1{width: calc(400px * .9);}
      .home-2-1-2{right: calc(180px * .8);}
        .home-2-1-2 ._kanji1{margin: calc(-170px * .8) calc(200px * .8) 0 0;}
        .home-2-1-2 ._kanji2{margin: calc(-150px * .8) calc(20px * .8) 0 0;}
    .home-2-2{padding: calc(300px * .8) 0; padding-right: calc(300px * .8);}
      .home-2-2-2{bottom: calc(250px * .8); left: calc(216px * .8);}
        .home-2-2-2 ._kanji1{margin: calc(-140px * .8) 0 0 0;}
        .home-2-2-2 ._kanji2{margin: calc(-180px * .8) calc(-50px * .8) 0 0;}
    .home-2-3{padding: calc(300px * .8) 0 calc(300px * .8) calc(300px * .8);}
      .home-2-3-2{right: calc(300px * .8);}
        .home-2-3-2 ._kanji1{margin: calc(-200px * .8) calc(350px * .8) 0 0;}
        .home-2-3-2 ._kanji2{margin: calc(-150px * .8) calc(200px * .8) 0 0;}
  
  /*SWIPER*/
  .fakta .swiper .text-center{height: calc(220px * .95);}
  .swiper3 img{height: calc(350px * .85);}
  
  .lapisan-produk{padding: calc(250px * .85) 0 calc(200px * .85) 0;}
    .lapisan-produk .top-left{left: calc(216px * .6); top: calc(400px * .85);}
    .lapisan-produk ._img3{margin-left: calc(-250px * .85);}
      .lapisan-produk ._img1 img{width: calc(890px * .85); }
      .lapisan-produk ._img2 img, .lapisan-produk ._img4 img{width: calc(560px * .85);}
      .lapisan-produk ._img3 img{width: calc(330px * .85);}
    .lapisan-produk .bottom-left{left: calc(216px * .6); width: calc(400px * .85);}
    .lapisan-produk .bottom-right{right: calc(216px * .6); bottom: calc(160px * .6);}

  .video{width: calc(325px * 1);}
    .video::after{background-size: var(--space-7) var(--space-7);}

  .legend-desktop{margin-left: calc(-100px * .85); margin-top: calc(370px * .85);}
    .legend-desktop img{width: calc(776px * .85);}
  .legend-mobile{display: none;}

  .produk .container-fluid{height: calc(900px * .85);}
    .produk ._build {margin-left: calc(-300px * .85);}
    .produk ._diaper, .dom-produk ._diaper{margin-top: calc(450px * .85);}
    .size{transform: scale(.85); transform-origin: left;}
      .dom-produk .size{transform-origin: center;}
    .buynow{padding: calc(15px * .85); height: calc(104px * .85);}
      header.small .buynow .navicon{margin-top: -5px;}
      header.small .buynow .e-com .navicon{margin-top: 5px;}
  .produk .top-left{left: calc(216px * .6); top: calc(80px * .85);}
  .produk .top-right{width: calc(900px * 1); right: calc(220px * .4);}
    .produk ._produk{right: calc(35px * .85); top: 180px;}
    .produk ._produk img{width: calc(389px * .85); height: auto;}
      .produk .size-l ._produk{top: 145px;}
      .produk .size-xl ._produk{top: 85px;}
      .produk .size-xxl ._produk{top: -10px;}
    .produk ._label{right: 210px; bottom: -50px; width: calc(308px * .85);}
    .produk ._label img{width: calc(308px * .85); height: auto;}

  .parenting-tips{padding: var(--space-10) 0;} 
    .parenting-tips .f-25{height: calc(110px * .85);}
    .parenting-tips .card-category{width: 85%;}
  .testimonial .open{width: calc(380px * .85); left: calc(300px * .85); top: calc(250px * .85);}

  /*PROMO*/
  .promo-list .card-img-top {height: calc(400px * .85);}
  .tips .promo-list .card-img-top, .parenting-tips .card-img-top {height: calc(200px * .85);}
  [data-type="promo"] ._icon, [data-type="inspirasi"] ._icon, [data-type="activities"] ._icon, [data-type="bayi"] ._icon, [data-type="balita"] ._icon, [data-type="fun"] ._icon, ._promo ._icon, ._activities ._icon, ._inspirasi ._icon, ._balita ._icon, ._bayi ._icon, ._fun ._icon{background-size: auto calc(24px * .85);}

  /*TENTANG KAMI*/
  .tentang-kami .container{padding: calc(150px * .85) 0 calc(250px * .85) 0;}
  .tentang-kami .top-left{top: calc(200px * .85); left: calc(216px * .6);}
  .tentang-kami .bottom{margin-bottom: calc(-100px * .85);}
  .tentang-kami img._logo{height: calc(76px * .85);}
  .si-omba ._cloud{width: calc(1620px * .9); height: calc(725px * .9); margin-top: calc(-240px * .9); background-size: calc(1620px * .9) auto;}
  .si-omba ._img{width: calc(469px * .85);}

  /*HUBUNGI KAMI*/
  .hubungi-kami{padding: calc(180px * .85) 0 calc(30px * .85) 0;}
    .mail{background-size: calc(22px * .9);}
    .hubungi-kami ._img1{width: calc(272px * .9);}
    .hubungi-kami .btn-solid-white{width: calc(420px * .9); height: calc(112px * .9);}
    .hubungi-kami .btn-solid-white ._text{width: calc(240px * .9);}
    .hubungi-kami .bottom-right{bottom: calc(-80px * .85);}
    .hubungi-kami .bottom-right img{height: calc(400px * .85);}
    .faq .container-fluid{padding: calc(150px * .85) 0 calc(250px * .85) 0;}
    .accordion-button::after, .accordion-button:not(.collapsed)::after{background-size: auto calc(16px * .85);}

  .video-container {width: calc(1200px * .9); height: calc(675px * .9);}  
}