#waterDispenserDetail.slat #kv.en_HK {
  background-image: url("../images/dispenser-detail-slat-kv-en_HK.jpg");
}
#waterDispenserDetail.slat #kv.zh_HK {
  background-image: url("../images/dispenser-detail-slat-kv-zh_HK.jpg");
}
#waterDispenserDetail.slat #kv.ja_JP {
  background-image: url("../images/dispenser-detail-slat-kv-ja_JP.jpg");
}
@media (max-width: 577px) {
  #waterDispenserDetail.slat #kv {
    background-size: cover;
  }
  #waterDispenserDetail.slat #kv.en_HK {
    background-image: url("../images/dispenser-detail-slat-kv-mobile-en_HK.jpg");
  }
  #waterDispenserDetail.slat #kv.zh_HK {
    background-image: url("../images/dispenser-detail-slat-kv-mobile-zh_HK.jpg");
  }
  #waterDispenserDetail.slat #kv.ja_JP {
    background-image: url("../images/dispenser-detail-slat-kv-mobile-ja_JP.jpg");
  }
}
#waterDispenserDetail.slat #subNav {
  background: #64C4D0;
  color: #01B3CD;
}
#waterDispenserDetail.slat .wrapper h2 {
  color: #01B3CD;
}
#waterDispenserDetail.slat .wrapper .spec .spec-table-box {
  border: 2px #01B3CD solid !important;
}
#waterDispenserDetail.slat .wrapper .spec .spec-table-header {
  background: #01B3CD !important;
}
#waterDispenserDetail.slat-water #kv {
  height: 340px;
}
#waterDispenserDetail.slat-water #kv.en_HK {
  background-image: url("../images/dispenser-detail-slat-water-kv-en_HK.jpg");
}
#waterDispenserDetail.slat-water #kv.zh_HK {
  background-image: url("../images/dispenser-detail-slat-water-kv-zh_HK.jpg");
}
#waterDispenserDetail.slat-water #kv.ja_JP {
  background-image: url("../images/dispenser-detail-slat-water-kv-ja_JP.jpg");
}
@media (max-width: 577px) {
  #waterDispenserDetail.slat-water #kv {
    background-size: cover;
  }
  #waterDispenserDetail.slat-water #kv.en_HK {
    background-image: url("../images/dispenser-detail-slat-water-kv-mobile-en_HK.jpg");
  }
  #waterDispenserDetail.slat-water #kv.zh_HK {
    background-image: url("../images/dispenser-detail-slat-water-kv-mobile-zh_HK.jpg");
  }
  #waterDispenserDetail.slat-water #kv.ja_JP {
    background-image: url("../images/dispenser-detail-slat-water-kv-mobile-ja_JP.jpg");
  }
}
#waterDispenserDetail.slat-function #kv {
  height: 340px;
}
#waterDispenserDetail.slat-function #kv.en_HK {
  background-image: url("../images/dispenser-detail-slat-function-kv-en_HK.jpg");
}
#waterDispenserDetail.slat-function #kv.zh_HK {
  background-image: url("../images/dispenser-detail-slat-function-kv-zh_HK.jpg");
}
#waterDispenserDetail.slat-function #kv.ja_JP {
  background-image: url("../images/dispenser-detail-slat-function-kv-ja_JP.jpg");
}
@media (max-width: 577px) {
  #waterDispenserDetail.slat-function #kv {
    background-size: cover;
  }
  #waterDispenserDetail.slat-function #kv.en_HK {
    background-image: url("../images/dispenser-detail-slat-function-kv-mobile-en_HK.jpg");
  }
  #waterDispenserDetail.slat-function #kv.zh_HK {
    background-image: url("../images/dispenser-detail-slat-function-kv-mobile-zh_HK.jpg");
  }
  #waterDispenserDetail.slat-function #kv.ja_JP {
    background-image: url("../images/dispenser-detail-slat-function-kv-mobile-ja_JP.jpg");
  }
}
#waterDispenserDetail.slat-function #kv .kv-body-wrapper {
  display: flex;
  align-self: auto !important;
  margin-top: 30px;
}
@media (max-width: 450px) {
  #waterDispenserDetail.slat-function #kv .kv-body-wrapper {
    margin-top: 15px;
  }
  #waterDispenserDetail.slat-function #kv .kv-body-wrapper p {
    max-width: 100% !important;
  }
}
#waterDispenserDetail.slat-eco #kv {
  height: 340px;
}
#waterDispenserDetail.slat-eco #kv.en_HK {
  background-image: url("../images/dispenser-detail-slat-eco-kv-en_HK.jpg");
}
#waterDispenserDetail.slat-eco #kv.zh_HK {
  background-image: url("../images/dispenser-detail-slat-eco-kv-zh_HK.jpg");
}
#waterDispenserDetail.slat-eco #kv.ja_JP {
  background-image: url("../images/dispenser-detail-slat-eco-kv-ja_JP.jpg");
}
@media (max-width: 577px) {
  #waterDispenserDetail.slat-eco #kv {
    background-size: cover;
  }
  #waterDispenserDetail.slat-eco #kv.en_HK {
    background-image: url("../images/dispenser-detail-slat-eco-kv-mobile-en_HK.jpg");
  }
  #waterDispenserDetail.slat-eco #kv.zh_HK {
    background-image: url("../images/dispenser-detail-slat-eco-kv-mobile-zh_HK.jpg");
  }
  #waterDispenserDetail.slat-eco #kv.ja_JP {
    background-image: url("../images/dispenser-detail-slat-eco-kv-mobile-ja_JP.jpg");
  }
}
#waterDispenserDetail.slat-eco #kv .kv-body-wrapper h1, #waterDispenserDetail.slat-eco #kv .kv-body-wrapper p {
  color: #ffffff !important;
}
#waterDispenserDetail.slat-eco #kv .kv-body-wrapper p {
  max-width: 450px !important;
}
#waterDispenserDetail.slat-tutorial .wrapper {
  padding-left: 0;
  padding-right: 0;
}
#waterDispenserDetail.slat-tutorial h1 {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  color: #01B3CD;
  margin-top: 60px;
}
#waterDispenserDetail.slat-tutorial h1 p {
  font-size: 1rem;
  font-weight: 300;
  color: #000000;
  margin-top: 20px;
  margin-bottom: 50px;
}
@media (max-width: 577px) {
  #waterDispenserDetail.slat-tutorial h1 {
    margin-top: 40px;
    font-size: 1.6rem;
    line-height: 2rem;
  }
  #waterDispenserDetail.slat-tutorial h1 p {
    margin-top: 10px;
    line-height: 1.5rem;
    margin-bottom: 20px;
  }
}
@media (max-width: 320px) {
  #waterDispenserDetail.slat-tutorial h1 {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
#waterDispenserDetail.slat-tutorial .video-item {
  margin-bottom: 15px;
}
#waterDispenserDetail.slat-tutorial .video-item h2 {
  font-size: 1.1rem;
  font-weight: 500 !important;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: left;
  color: #000000;
}
@media (max-width: 577px) {
  #waterDispenserDetail.slat-tutorial .video-item h2 {
    font-size: 1.4rem;
  }
}
#waterDispenserDetail.slat-tutorial .video-item h2 .seq {
  color: #01B3CD;
}
#waterDispenserDetail.slat-tutorial .video-item p {
  font-size: 0.875rem;
  font-weight: 300;
  color: #000000;
}
@media (max-width: 577px) {
  #waterDispenserDetail.slat-tutorial .video-item p {
    font-size: 1rem;
  }
}
#waterDispenserDetail.slat-easy #kv {
  height: 340px;
}
#waterDispenserDetail.slat-easy #kv.en_HK {
  background-image: url("../images/dispenser-detail-slat-easy-kv-en_HK.jpg");
}
#waterDispenserDetail.slat-easy #kv.zh_HK {
  background-image: url("../images/dispenser-detail-slat-easy-kv-zh_HK.jpg");
}
#waterDispenserDetail.slat-easy #kv.ja_JP {
  background-image: url("../images/dispenser-detail-slat-easy-kv-ja_JP.jpg");
}
@media (max-width: 577px) {
  #waterDispenserDetail.slat-easy #kv {
    background-size: cover;
  }
  #waterDispenserDetail.slat-easy #kv.en_HK {
    background-image: url("../images/dispenser-detail-slat-easy-kv-mobile-en_HK.jpg");
  }
  #waterDispenserDetail.slat-easy #kv.zh_HK {
    background-image: url("../images/dispenser-detail-slat-easy-kv-mobile-zh_HK.jpg");
  }
  #waterDispenserDetail.slat-easy #kv.ja_JP {
    background-image: url("../images/dispenser-detail-slat-easy-kv-mobile-ja_JP.jpg");
  }
}
#waterDispenserDetail.ore #kv.en_HK {
  background-image: url("../images/dispenser-detail-ore-kv-en_HK.jpg");
}
#waterDispenserDetail.ore #kv.zh_HK {
  background-image: url("../images/dispenser-detail-ore-kv-zh_HK.jpg");
}
#waterDispenserDetail.ore #kv.ja_JP {
  background-image: url("../images/dispenser-detail-ore-kv-ja_JP.jpg");
}
@media (max-width: 577px) {
  #waterDispenserDetail.ore #kv {
    background-size: cover;
  }
  #waterDispenserDetail.ore #kv.en_HK {
    background-image: url("../images/dispenser-detail-ore-kv-mobile-en_HK.jpg");
  }
  #waterDispenserDetail.ore #kv.zh_HK {
    background-image: url("../images/dispenser-detail-ore-kv-mobile-zh_HK.jpg");
  }
  #waterDispenserDetail.ore #kv.ja_JP {
    background-image: url("../images/dispenser-detail-ore-kv-mobile-ja_JP.jpg");
  }
}
#waterDispenserDetail.ore #subNav {
  background: #666666;
  color: #000000;
}
#waterDispenserDetail.ore .wrapper .spec .spec-table-box {
  border: 2px #666666 solid !important;
}
#waterDispenserDetail.ore .wrapper .spec .spec-table-header {
  background: #666666 !important;
}
#waterDispenserDetail #kv {
  display: flex;
  height: 560px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
@media (max-width: 1200px) {
  #waterDispenserDetail #kv {
    height: 540px !important;
  }
}
@media (max-width: 1170px) {
  #waterDispenserDetail #kv {
    height: 500px !important;
  }
}
@media (max-width: 1024px) {
  #waterDispenserDetail #kv {
    height: 480px !important;
  }
}
@media (max-width: 990px) {
  #waterDispenserDetail #kv {
    height: 440px !important;
  }
}
@media (max-width: 880px) {
  #waterDispenserDetail #kv {
    height: 360px !important;
  }
}
@media (max-width: 720px) {
  #waterDispenserDetail #kv {
    height: 300px !important;
  }
}
@media (max-width: 577px) {
  #waterDispenserDetail #kv {
    height: 577px !important;
  }
}
@media (max-width: 520px) {
  #waterDispenserDetail #kv {
    height: 520px !important;
  }
}
@media (max-width: 480px) {
  #waterDispenserDetail #kv {
    height: 480px !important;
  }
}
@media (max-width: 450px) {
  #waterDispenserDetail #kv {
    height: 450px !important;
  }
}
@media (max-width: 414px) {
  #waterDispenserDetail #kv {
    height: 414px !important;
  }
}
@media (max-width: 380px) {
  #waterDispenserDetail #kv {
    height: 380px !important;
  }
}
@media (max-width: 375px) {
  #waterDispenserDetail #kv {
    height: 375px !important;
  }
}
@media (max-width: 360px) {
  #waterDispenserDetail #kv {
    height: 360px !important;
  }
}
@media (max-width: 320px) {
  #waterDispenserDetail #kv {
    height: 320px !important;
  }
}
#waterDispenserDetail #kv .kv-body-wrapper {
  display: flex;
  align-self: center;
  align-content: center;
  max-width: 1050px;
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
}
#waterDispenserDetail #kv .kv-body-wrapper .kv-body h1 {
  font-size: 2rem;
  font-weight: 600;
  color: #000000;
  margin-bottom: 8px;
}
@media (max-width: 450px) {
  #waterDispenserDetail #kv .kv-body-wrapper .kv-body h1 {
    font-size: 1.25rem;
  }
}
#waterDispenserDetail #kv .kv-body-wrapper .kv-body p {
  font-size: 1rem;
  color: #000000;
  margin-bottom: 0;
  max-width: 700px;
}
@media (max-width: 450px) {
  #waterDispenserDetail #kv .kv-body-wrapper .kv-body p {
    font-size: 0.875rem;
    max-width: 55%;
  }
}
#waterDispenserDetail #subNav {
  height: 50px;
}
#waterDispenserDetail #subNav .subnav-wrapper {
  max-width: 1140px;
  margin: 0 auto 15px auto;
  height: inherit;
}
@media (max-width: 577px) {
  #waterDispenserDetail #subNav {
    height: 90px;
  }
  #waterDispenserDetail #subNav .subnav-wrapper {
    margin: 0;
  }
}
#waterDispenserDetail #subNav .container, #waterDispenserDetail #subNav .container-sm, #waterDispenserDetail #subNav .container-md, #waterDispenserDetail #subNav .container-lg, #waterDispenserDetail #subNav .row {
  height: inherit;
}
#waterDispenserDetail #subNav .col-logo img {
  margin-top: 9px;
  height: 32px;
}
@media (max-width: 860px) {
  #waterDispenserDetail #subNav .col-logo img {
    margin-top: 13px;
    height: 24px;
  }
}
@media (min-width: 1200px) {
  #waterDispenserDetail #subNav .col-logo img {
    margin-right: 20px;
  }
}
@media (max-width: 577px) {
  #waterDispenserDetail #subNav .col-logo {
    height: 50px;
    text-align: center;
  }
  #waterDispenserDetail #subNav .col-logo img {
    margin-top: 16px;
  }
}
#waterDispenserDetail #subNav .col-arrow img {
  width: 10px;
  height: 20px;
  margin-top: 5px;
}
#waterDispenserDetail #subNav .col-nav {
  display: flex;
  height: inherit;
}
#waterDispenserDetail #subNav .col-nav .subnav-items {
  align-self: center;
  align-content: center;
}
#waterDispenserDetail #subNav .col-nav .subnav-item {
  align-self: center;
  float: left;
  margin-right: 15px;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.2rem;
}
#waterDispenserDetail #subNav .col-nav .subnav-item.squeeze {
  margin-right: 10px;
}
@media (min-width: 1200px) {
  #waterDispenserDetail #subNav .col-nav .subnav-item {
    margin-right: 17px !important;
  }
}
#waterDispenserDetail #subNav .col-nav .subnav-item a:link, #waterDispenserDetail #subNav .col-nav .subnav-item a:visited {
  color: #ffffff;
  text-decoration: none;
}
#waterDispenserDetail #subNav .col-nav .subnav-item a:hover {
  text-decoration: underline;
}
#waterDispenserDetail #subNav .col-nav .subnav-item a.selected {
  font-weight: bold;
}
@media (max-width: 577px) {
  #waterDispenserDetail #subNav .col-nav {
    display: block;
    overflow: scroll;
  }
  #waterDispenserDetail #subNav .col-nav .subnav-items {
    width: 800px;
    padding-top: 7px;
  }
  #waterDispenserDetail #subNav .col-nav .subnav-items .subnav-item {
    font-size: 1rem;
    margin-right: 15px !important;
  }
}
#waterDispenserDetail #subNav.zh_HK .subnav-item a, #waterDispenserDetail #subNav.ja_JP .subnav-item a {
  font-size: 0.9rem;
}
#waterDispenserDetail #subNav .col-order {
  background: #FF4A8A;
  color: #ffffff;
  text-align: center;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.1rem;
  height: 50px;
  display: flex;
  align-items: center;
}
#waterDispenserDetail #subNav .col-order a, #waterDispenserDetail #subNav .col-order span {
  width: 100%;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  align-self: center;
}
#waterDispenserDetail #subNav .col-order a {
  transition: 200ms linear;
}
#waterDispenserDetail #subNav .col-order a:link, #waterDispenserDetail #subNav .col-order a:visited {
  color: #ffffff;
}
#waterDispenserDetail #subNav .col-order a:hover {
  text-decoration: none;
  color: #ffffff;
}
#waterDispenserDetail #eco {
  background: #f4f4f4;
}
#waterDispenserDetail #eco .wrapper .content-blocks p {
  color: #000000;
}
#waterDispenserDetail .wrapper {
  width: 100%;
  max-width: 1140px;
  margin: 0px auto 0px auto;
  padding-left: 15px;
  padding-right: 15px;
}
#waterDispenserDetail .wrapper h2 {
  font-size: 2.3rem;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 25px;
  text-align: center;
}
@media (min-width: 1200px) {
  #waterDispenserDetail .wrapper h2 {
    margin-top: 60px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  #waterDispenserDetail .wrapper h2 {
    font-size: 1.6rem;
  }
}
@media (max-width: 450px) {
  #waterDispenserDetail .wrapper h2 {
    font-size: 1.25rem;
  }
}
#waterDispenserDetail .wrapper h2 .icon {
  width: 27px;
  height: 36px;
  margin-top: -10px;
  margin-right: 10px;
}
#waterDispenserDetail .wrapper.en_HK h2 {
  font-weight: 600;
}
#waterDispenserDetail .wrapper .feature-grid .grid {
  position: relative;
  height: 320px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 1200px) {
  #waterDispenserDetail .wrapper .feature-grid .grid {
    height: 380px;
  }
}
#waterDispenserDetail .wrapper .feature-grid .grid .text {
  padding: 50px 15px 30px 20px;
}
#waterDispenserDetail .wrapper .feature-grid .grid h3 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #000000;
  margin-bottom: 15px;
}
#waterDispenserDetail .wrapper .feature-grid .grid p {
  font-size: 1rem;
  font-weight: 300;
  color: #000000;
}
@media (max-width: 768px) {
  #waterDispenserDetail .wrapper .feature-grid .grid p {
    font-size: 0.875rem;
  }
}
#waterDispenserDetail .wrapper .feature-grid .grid .btn-more {
  position: absolute;
  bottom: 25px;
  display: inline-block;
  border: 1px #000000 solid;
  border-radius: 4px;
  background: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2rem;
  text-decoration: none;
  color: #000000;
  padding: 2px 10px;
  margin-top: 5px;
  transition: 200ms linear;
}
#waterDispenserDetail .wrapper .feature-grid .grid .btn-more:hover {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
}
#waterDispenserDetail .wrapper .feature-grid .grid.grid-1 {
  height: 280px;
  background-image: url("../images/dispenser-detail-slat-features-bg-1.jpg");
}
#waterDispenserDetail .wrapper .feature-grid .grid.grid-1 .mobile-image {
  background-image: url("../images/dispenser-detail-slat-features-bg-1-mobile.jpg");
}
#waterDispenserDetail .wrapper .feature-grid .grid.grid-1 h3, #waterDispenserDetail .wrapper .feature-grid .grid.grid-1 p {
  width: 660px;
}
#waterDispenserDetail .wrapper .feature-grid .grid.grid-1 .btn-more {
  position: relative;
  bottom: unset;
}
@media (min-width: 1200px) {
  #waterDispenserDetail .wrapper .feature-grid .grid.grid-1 {
    height: 340px;
  }
}
#waterDispenserDetail .wrapper .feature-grid .grid.grid-2 {
  background-image: url("../images/dispenser-detail-slat-features-bg-2.jpg");
}
#waterDispenserDetail .wrapper .feature-grid .grid.grid-2 .mobile-image {
  background-image: url("../images/dispenser-detail-slat-features-bg-2-mobile.jpg");
}
#waterDispenserDetail .wrapper .feature-grid .grid.grid-3 {
  background-image: url("../images/dispenser-detail-slat-features-bg-3.jpg");
}
#waterDispenserDetail .wrapper .feature-grid .grid.grid-3 .mobile-image {
  background-image: url("../images/dispenser-detail-slat-features-bg-3-mobile.jpg");
}
@media (min-width: 768px) {
  #waterDispenserDetail .wrapper .feature-grid .grid.grid-3 {
    padding: 0;
  }
  #waterDispenserDetail .wrapper .feature-grid .grid.grid-3 .text {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 50px 30px 20px 32px;
    margin-bottom: 10px;
  }
}
#waterDispenserDetail .wrapper .feature-grid .grid.grid-4 {
  background-image: url("../images/dispenser-detail-slat-features-bg-4.jpg");
}
#waterDispenserDetail .wrapper .feature-grid .grid.grid-4 .mobile-image {
  background-image: url("../images/dispenser-detail-slat-features-bg-4-mobile.jpg");
}
@media (max-width: 575px) {
  #waterDispenserDetail .wrapper .feature-grid .grid {
    background-image: none !important;
    padding: 0;
    height: auto !important;
  }
  #waterDispenserDetail .wrapper .feature-grid .grid .mobile-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 150px;
  }
  #waterDispenserDetail .wrapper .feature-grid .grid .text {
    padding: 20px 15px;
    min-height: 220px;
  }
  #waterDispenserDetail .wrapper .feature-grid .grid h3, #waterDispenserDetail .wrapper .feature-grid .grid p {
    width: auto !important;
    color: #000000 !important;
  }
  #waterDispenserDetail .wrapper .feature-grid .grid h3 {
    margin-bottom: 10px;
  }
  #waterDispenserDetail .wrapper .feature-grid .grid p {
    font-weight: normal;
  }
  #waterDispenserDetail .wrapper .feature-grid .grid .btn-more {
    position: absolute !important;
    bottom: 20px !important;
  }
}
@media (max-width: 400px) {
  #waterDispenserDetail .wrapper.en_HK .feature-grid .grid .text {
    min-height: 260px;
  }
}
@media (max-width: 320px) {
  #waterDispenserDetail .wrapper.en_HK .feature-grid .grid .text {
    min-height: 300px;
  }
}
#waterDispenserDetail .wrapper .content-blocks {
  width: 98%;
  margin: 30px auto;
}
#waterDispenserDetail .wrapper .content-blocks.row-mode .row {
  margin-bottom: 30px;
}
#waterDispenserDetail .wrapper .content-blocks.col-mode .row {
  margin-bottom: 10px;
}
#waterDispenserDetail .wrapper .content-blocks.col-mode .mobile-img-wrapper {
  margin-bottom: 30px;
}
#waterDispenserDetail .wrapper .content-blocks h3 {
  font-size: 2.3rem;
  font-weight: 100;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #waterDispenserDetail .wrapper .content-blocks h3 {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}
@media (max-width: 577px) {
  #waterDispenserDetail .wrapper .content-blocks h3 {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}
#waterDispenserDetail .wrapper .content-blocks p {
  font-size: 1rem;
  color: #666666;
}
#waterDispenserDetail .wrapper .content-blocks.col-mode h3 {
  font-size: 1.5rem;
}
#waterDispenserDetail .wrapper .color-options p {
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-weight: 300;
}
#waterDispenserDetail .wrapper .color-options h3 {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
}
#waterDispenserDetail .wrapper .color-options h3 p {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 300;
}
#waterDispenserDetail .wrapper .color-options .left {
  margin-top: 20px;
  text-align: right;
}
#waterDispenserDetail .wrapper .color-options .right {
  margin-top: 20px;
  text-align: left;
}
@media (min-width: 1200px) {
  #waterDispenserDetail .wrapper .color-options p {
    font-size: 1.3rem;
    line-height: 1.85rem;
  }
  #waterDispenserDetail .wrapper .color-options h3 {
    font-size: 2.3rem;
    line-height: 3rem;
  }
  #waterDispenserDetail .wrapper .color-options h3 p {
    font-size: 2.3rem;
    line-height: 3rem;
  }
}
@media (max-width: 578px) {
  #waterDispenserDetail .wrapper .color-options .product-image {
    width: 70%;
    max-width: 200px;
  }
  #waterDispenserDetail .wrapper .color-options .left {
    text-align: left;
  }
  #waterDispenserDetail .wrapper .color-options p {
    font-size: 1rem;
  }
  #waterDispenserDetail .wrapper .color-options h3 {
    font-size: 2rem;
  }
  #waterDispenserDetail .wrapper .color-options h3 p {
    font-size: 2rem;
  }
}
#waterDispenserDetail .wrapper .spec .spec-video-wrapper {
  text-align: center;
  margin: 80px auto;
}
#waterDispenserDetail .wrapper .spec .spec-video-wrapper .btn-video {
  width: 100%;
  max-width: 567px;
}
@media (max-width: 577px) {
  #waterDispenserDetail .wrapper .spec .spec-video-wrapper {
    margin: 40px auto;
  }
}
#waterDispenserDetail .wrapper .spec .spec-table-box {
  border: 2px #01B3CD solid;
}
#waterDispenserDetail .wrapper .spec .spec-table-box .spec-table-header {
  background: #01B3CD;
  height: 30px;
  font-size: 1rem;
  line-height: 30px;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
}
#waterDispenserDetail .wrapper .spec .spec-table-box .spec-table-wrapper {
  display: flex;
}
#waterDispenserDetail .wrapper .spec .spec-table-box .product-image-wrapper {
  display: flex;
}
#waterDispenserDetail .wrapper .spec .spec-table-box .product-image-wrapper .product-image {
  width: 90%;
  align-self: center;
}
#waterDispenserDetail .wrapper .spec .spec-table-box table {
  align-self: center;
  margin: 30px 15px 30px 40px;
  margin-left: 10%;
}
#waterDispenserDetail .wrapper .spec .spec-table-box table tr {
  border-bottom: 1px #000000 solid;
}
#waterDispenserDetail .wrapper .spec .spec-table-box table tr:last-child {
  border: 0;
}
#waterDispenserDetail .wrapper .spec .spec-table-box table tr td {
  font-size: 0.9rem;
  line-height: 1.3rem;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
}
#waterDispenserDetail .wrapper .spec .spec-table-box table tr td.title {
  padding-right: 10px;
}
#waterDispenserDetail .wrapper .spec .spec-table-box table tr td.content {
  padding-left: 10px;
}
#waterDispenserDetail .bottom-nav {
  margin-top: 100px;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
#waterDispenserDetail .bottom-nav .bottom-nav-item {
  width: 45%;
  padding-right: 15px;
  float: right;
}
#waterDispenserDetail .bottom-nav .btn-wrapper {
  width: 50%;
  float: right;
}
@media (max-width: 577px) {
  #waterDispenserDetail .bottom-nav {
    margin-top: 60px;
    margin-bottom: 2px;
    padding: 0;
  }
  #waterDispenserDetail .bottom-nav .bottom-nav-item {
    width: 100%;
    padding-right: 0;
    float: none;
  }
  #waterDispenserDetail .bottom-nav .btn-wrapper {
    width: 100%;
    float: none;
  }
}/*# sourceMappingURL=water-dispenser-detail.css.map */