#waterDispenserHome #kv {
  display: flex;
  height: 450px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
#waterDispenserHome #kv.en_HK {
  background-image: url("../images/dispenser-kv-en_HK.jpg");
}
#waterDispenserHome #kv.zh_HK {
  background-image: url("../images/dispenser-kv-zh_HK.jpg");
}
#waterDispenserHome #kv.ja_JP {
  background-image: url("../images/dispenser-kv-ja_JP.jpg");
}
@media (max-width: 1000px) {
  #waterDispenserHome #kv {
    height: 350px;
  }
}
@media (max-width: 768px) {
  #waterDispenserHome #kv {
    height: 330px;
  }
}
@media (max-width: 577px) {
  #waterDispenserHome #kv {
    height: 577px;
  }
  #waterDispenserHome #kv.en_HK {
    background-image: url("../images/dispenser-kv-mobile-en_HK.jpg");
  }
  #waterDispenserHome #kv.zh_HK {
    background-image: url("../images/dispenser-kv-mobile-zh_HK.jpg");
  }
  #waterDispenserHome #kv.ja_JP {
    background-image: url("../images/dispenser-kv-mobile-ja_JP.jpg");
  }
}
@media (max-width: 520px) {
  #waterDispenserHome #kv {
    height: 520px;
  }
}
@media (max-width: 480px) {
  #waterDispenserHome #kv {
    height: 480px;
  }
}
@media (max-width: 450px) {
  #waterDispenserHome #kv {
    height: 450px;
  }
}
@media (max-width: 414px) {
  #waterDispenserHome #kv {
    height: 414px;
  }
}
@media (max-width: 380px) {
  #waterDispenserHome #kv {
    height: 380px;
  }
}
@media (max-width: 375px) {
  #waterDispenserHome #kv {
    height: 375px;
  }
}
@media (max-width: 360px) {
  #waterDispenserHome #kv {
    height: 360px;
  }
}
@media (max-width: 320px) {
  #waterDispenserHome #kv {
    height: 320px;
  }
}
#waterDispenserHome .wrapper {
  width: 100%;
  max-width: 1100px;
  margin: 30px auto 50px auto;
  padding-left: 15px;
  padding-right: 15px;
}
#waterDispenserHome .wrapper .product-name-img-wrapper {
  text-align: center;
}
#waterDispenserHome .wrapper .product-name-img-wrapper img {
  width: 65%;
  margin: 20px auto 40px auto;
}
#waterDispenserHome .wrapper p, #waterDispenserHome .wrapper li {
  font-size: 1rem;
  color: #000000;
  margin-bottom: 15px;
}
#waterDispenserHome .wrapper ul {
  padding-inline-start: 20px;
}
#waterDispenserHome .wrapper .actions .btn-action {
  text-align: center;
  margin: 15px 2%;
  width: 45%;
}
#waterDispenserHome .wrapper .actions .btn-action.detail {
  background: #00AD35;
}
#waterDispenserHome .wrapper .actions .btn-action.detail:hover {
  background: #12BA46;
}
#waterDispenserHome .wrapper .actions .btn-action.detail:active {
  background: #059A32;
}
#waterDispenserHome .wrapper .actions .btn-action.order {
  background: #FF4A8A;
}
#waterDispenserHome .wrapper .actions .btn-action.order:hover {
  opacity: 0.8;
}
#waterDispenserHome .wrapper .actions .btn-action.order:active {
  opacity: 0.8;
}
#waterDispenserHome #salesPlans {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
  padding-bottom: 2rem;
}
#waterDispenserHome #salesPlans .kv-image {
  height: 230px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
#waterDispenserHome #salesPlans .kv-image.en_HK {
  background-image: url("../images/sales-plans-static-kv-en_HK.png");
}
#waterDispenserHome #salesPlans .kv-image.zh_HK {
  background-image: url("../images/sales-plans-static-kv-zh_HK.png");
}
#waterDispenserHome #salesPlans .kv-image.ja_JP {
  background-image: url("../images/sales-plans-static-kv-ja_JP.png");
}
@media (max-width: 1280px) {
  #waterDispenserHome #salesPlans .kv-image {
    height: 240px;
  }
}
@media (max-width: 1060px) {
  #waterDispenserHome #salesPlans .kv-image {
    height: 220px;
  }
}
@media (max-width: 996px) {
  #waterDispenserHome #salesPlans .kv-image {
    height: 200px;
  }
}
@media (max-width: 768px) {
  #waterDispenserHome #salesPlans .kv-image {
    height: 160px;
  }
}
@media (max-width: 768px) {
  #waterDispenserHome #salesPlans .kv-image {
    height: 23vw;
  }
}
#waterDispenserHome #salesPlans .actions {
  margin: 2rem 1rem 3rem 1rem;
  text-align: center;
}
#waterDispenserHome #salesPlans .actions .btn-action {
  margin-bottom: 1rem;
  background-color: #00AD35;
}
#waterDispenserHome #salesPlans .actions .btn-action:hover {
  background-color: #12BA46;
}
#waterDispenserHome #salesPlans .actions .btn-action:active {
  background-color: #059A32;
}/*# sourceMappingURL=water-dispenser-home.css.map */