Waterdrop X Series Reverse Osmosis System, X12 on Sale
- Estimated Delivery : Up to 4 business days
- Free Shipping & Returns : On all orders over $200
.wd-product-background-swiper-video-mobile {
display: none;
}
.wd-product-background-swiper-video-pc {
display: block;
}
video {
border-radius: 16px;
}
.overview-item-wide-swiper {
position: relative;
z-index: 0;
display: flex;
flex-direction: column;
}
.overview-item-wide-swiper-menu {
width: 100%;
}
.overview-item-wide-swiper-menu::-webkit-scrollbar {
display: none;
}
.overview-item-wide-swiper-menu-items {
width: auto;
display: flex;
column-gap: 20px;
justify-content: center;
padding-bottom: 24px;
}
.overview-item-wide-swiper-menu-item {
font-family: Poppins-Regular ;
font-weight: 400;
font-size: 15px;
line-height: 150%;
color: #999999;
position: relative;
z-index: 1;
cursor: pointer;
padding: 15px;
height: 48px;
}
.overview-item-wide-swiper-menu-item-active {
color: #fff;
background-color: #111111;
border-radius: 48px;
}
.wd-product-swiper-button-next,
.wd-product-swiper-button-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.wd-product-a1-swiper-button-next,
.wd-product-a1-swiper-button-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.wd-product-a1-swiper-button-next {
right: 28px;
}
.wd-product-a1-swiper-button-prev {
left: 28px;
}
.wd-product-swiper-button-normal {
top: 50% !important;
transform: translateY(-50%) !important;
}
.wd-product-swiper-button-next {
right: 28px;
}
.wd-product-swiper-button-prev {
left: 28px;
}
.swiper-box {
position: relative;
}
.wd-product-compare-add-to-cart {
width: 110px;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
color: #FFF;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
background-color: #00549c;
border-radius: 30px;
margin-top: 12px;
margin: 0 auto;
cursor: pointer;
}
#compares .trustpilot-widget {
max-width: 176px;
margin: 0 auto;
}
@media screen and (max-width:1150px) {
.overview-item-wide-swiper-menu-items {
column-gap: 0;
}
.overview-item-wide-swiper-menu-item {
padding: 12px;
}
}
@media screen and (max-width:1024px) {
.overview-item-wide-swiper {
flex-direction: column-reverse;
}
.overview-item-wide-swiper-menu-items {
flex-direction: column;
row-gap: 10px;
align-items: center;
}
.overview-item-wide-swiper-menu-item {
width: calc(100% – 100px);
text-align: center;
}
.overview-item-wide-swiper-menu {
padding: 20px;
}
.wd-product-swiper-button-next {
right: calc(5.33% + 30px);
}
.wd-product-swiper-button-prev {
left: calc(5.33% + 30px);
}
.wd-product-a1-swiper-button-next {
right: calc(5.33% + 30px);
}
.wd-product-a1-swiper-button-prev {
left: calc(5.33% + 30px);
}
}
@media screen and (max-width:768px) {
.wd-product-background-swiper-video-mobile {
display: block;
}
* .wd-product-background-swiper-video-pc {
display: none;
} *
.wd-product-swiper-button-next svg,
.wd-product-swiper-button-prev svg {
width: 17px;
display: block;
height: 26px;
}
.wd-product-swiper-button-next {
right: 16px;
}
.wd-product-swiper-button-prev {
left: 16px;
}
.wd-product-a1-swiper-button-next {
right: 16px;
}
.wd-product-a1-swiper-button-prev {
left: 16px;
}
.overview-item-wide-swiper {
flex-direction: column-reverse;
}
.overview-item-wide-swiper-menu {
top: 0.66vw;
}
.overview-item-wide-swiper-menu-item {
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border-radius: 60px;
border: 1px solid #999;
}
.overview-item-wide-swiper-menu-item-active {
border: 1px solid #111;
}
}
.wd-v2-index-media-all {
margin: 80px 0;
}
.wd-v2-index-media-content {
max-width: 1440px;
width: 100%;
margin: 24px auto 24px;
height: 128px;
display: flex;
align-items: center;
justify-content: center;
}
.wd-v2-index-media-content div {
display: none;
padding: 0 50px;
text-align: center;
font-family: Poppins-regular;
font-size: 24px;
color: #292929;
line-height: 150%;
}
.wd-v2-index-media-content div a {
font-family: Poppins-medium;
font-size: 24px;
color: #00549c;
line-height: 150%;
text-decoration: underline;
}
.wd-v2-index-media-content div:first-child {
display: block;
}
.wd-v2-index-media-title {
text-align: center;
font-family: Poppins-SemiBold;
font-size: 32px;
color: #000;
line-height: 180%;
}
.wd-1106-video-pc {
display: block;
}
.wd-1106-video-mobile {
display: none;
}
@media screen and (max-width:767px) {
.wd-1106-video-pc {
display: none;
}
.wd-1106-video-mobile {
display: block;
}
}
.wd-product-background-swiper4-btns {
position: relative;
width: 100%;
margin-bottom: 50px;
margin-top: 30px;
}
.wd-product-swiper-button-living-prev svg,
.wd-product-swiper-button-living-next svg {
width: 40px;
height: 40px;
}
.wd-product-background-swiper4-gird-imgs {
display: none;
}
.wd-product-background-swiper4-gird-imgs .swiper-slide {
display: flex;
flex-direction: column;
justify-content: space-between;
row-gap: 16px;
}
@media screen and (max-width:767px) {
.wd-product-background-swiper4-gird-imgs {
display: block;
}
.wd-product-background-swiper4-img-pc {
display: none;
}
}
.wd-product-background-swiper4-btns .swiper-pagination.swiper-pagination-1106-swiper4 {
bottom: -10px !important;
width: 124px !important;
left: 50% !important;
transform: translate(-50%);
border: none
}
.wd-product-background-swiper4-btns .swiper-pagination-bullet-active {
border-color: #00549c !important;
}
.wd-product-background-swiper4-btns .swiper-pagination-bullet:after {
display: none;
}
.overview-item-wide-media {
position: relative;
}
.overview-item-wide-media .overview-item-wide-media-btn {
position: absolute;
bottom: 50px;
right: 40px;
display: flex;
padding: 16px 24px;
align-items: center;
gap: 4px;
border-radius: 50px;
background: #036AFF;
color: var(–FFFFFF, #FFF);
text-align: center;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 125%;
cursor: pointer;
* 20px *
}
.overview-item-wide-media .overview-item-wide-media-btn:hover {
background: #2B8BFF;
}
@media screen and (max-width:767px) {
.overview-item-wide-media .overview-item-wide-media-btn {
right: 16px;
bottom: 40px;
}
}
.swiper-pagination-video-1106 .swiper-pagination-bullet:after {
display: none;
}
.swiper-pagination-video-1106 .swiper-pagination-bullet {
background-color: #000;
}
.swiper-pagination-video-1106 .swiper-pagination-bullet-active {
width: 48px;
height: 8px;
border-radius: 10px;
background-color: #999 !important;
border: none;
overflow: hidden;
}
#progressBar {
transition: width 50ms linear;
width: 0;
height: 100%;
background-color: #111;
border-radius: 10px;
}
#resetButton,
#playPauseButton {
position: absolute;
left: 50%;
bottom: 50%;
transform: translate(-50%, 50%);
z-index: 10000;
width: 100px;
height: 100px;
}
.wd-product-background-swiper3-title {
color: var(–111111, #111);
font-family: Montserrat;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 125%;
margin-top: 40px;
text-transform: capitalize;
}
.swiper-pagination.swiper-pagination-video-1106 {
position: relative;
margin-top: 40px;
margin-bottom: 50px
}
@media screen and (max-width:767px) {
.wd-product-background-swiper3-title {
font-size: 24px;
margin-bottom: 8px;
margin-top: 64px;
}
.swiper-pagination.swiper-pagination-video-1106 {
margin-top: 12px;
}
.resetButton,
.playPauseButton {
width: 50px;
height: 50px;
}
.swiper-box .swiper-pagination.swiper-pagination-video-1106 {
bottom: -10px !important;
width: 0 !important;
min-width: 130px;
left: 50% !important;
transform: translate(-50%);
border: none
}
.overview-item-wide.overview-item-wide-swiper {
flex-direction: column;
}
}
.wd-product-1016-choose {
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
max-width: 1280px;
padding: 80px 0;
}
.wd-product-1016-choose-title {
color: #000;
text-align: center;
font-family: Montserrat;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 125%;
margin-bottom: 40px;
}
.wd-product-1016-comparison-bar {
display: flex;
justify-content: space-between;
width: 100%;
}
.wd-product-1016-list {
padding: 40px 0;
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
gap: 16px;
color: var(–111111, #111);
}
.wd-product-1016-list img {
width: 200px;
height: 200px;
}
.wd-product-1016-list span {
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 150%;
* 36px *
}
.wd-product-1016-list p {
margin-top: -8px;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
* 30px *
}
.wd-product-1016-list .wd-product-1016-btn {
display: flex;
padding: 10px 24px;
flex-direction: column;
justify-content: center;
align-items: center;
color: var(–FFFFFF, var(–Gray-White, #FFF));
text-align: center;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
border-radius: 20px;
background: var(–Buttton-color-bg-normal, #036AFF);
max-width: 110px;
cursor: pointer;
}
.wd-product-1016-present {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid var(–E2E2E2, #E2E2E2);
text-align: center;
color: var(–111111, #111);
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 125%;
* 25px *
}
.wd-product-1016-present span {
color: var(–1, #292929);
text-align: center;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 125%;
* 20px *
}
.wd-product-1016-present-one {
flex-direction: column;
gap: 13px;
padding: 40px;
}
.wd-product-1016-present-two .wd-product-1016-present-two-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
height: 100%;
padding: 40px;
}
.wd-product-1016-present-two {
align-items: start;
}
.wd-product-1016-present-two-item-line {
border-right: 1px solid var(–E2E2E2, #E2E2E2);
}
.wd-product-1016-present-two-item-line-right {
border-left: 1px solid var(–E2E2E2, #E2E2E2);
}
.wd-product-1016-preheat-center-banner {
max-width: 1380px;
padding: 80px 50px;
margin: 0 auto;
}
.wd-product-1016-preheat-center-banner img {
width: 100%;
display: block;
}
.wd-product-1016-present-two-item img {
display: block;
width: 60px;
margin: 0 auto;
}
@media screen and (max-width:1024px) {
.wd-product-1016-preheat-center-banner {
padding: 80px 34px;
}
.wd-product-1016-list span {
font-size: 20px;
}
.wd-product-1016-list p {
font-size: 16px;
}
.wd-product-1016-choose {
padding: 80px 0;
}
.wd-product-1016-choose-title {
font-size: 36px;
}
.wd-product-1016-present.wd-product-1016-present-one svg {
width: 37px;
display: block;
}
.wd-product-1016-present {
font-size: 16px;
}
.wd-product-1016-present span {
font-size: 14px;
}
.wd-product-1016-present-two .wd-product-1016-present-two-item svg {
width: 40px;
display: block;
}
}
@media screen and (max-width:767px) {
.wd-product-1016-preheat-center-banner {
padding: 40px 16px;
}
.wd-product-1016-list {
padding: 16px;
}
.wd-product-1016-list img {
width: 120px;
height: 120px;
}
.wd-product-1016-list span {
font-size: 15px;
}
.wd-product-1016-list p {
font-size: 14px;
}
.wd-product-1016-choose-title {
font-size: 24px;
margin-bottom: 24px;
}
.wd-product-1016-choose {
padding: 40px 0;
}
.wd-product-1016-present.wd-product-1016-present-one svg {
width: 27px;
}
.wd-product-1016-present-two .wd-product-1016-present-two-item {
padding: 40px 16px;
}
.wd-product-1016-present-two .wd-product-1016-present-two-item svg {
width: 30px;
}
.wd-product-1016-present {
font-size: 14px;
}
.wd-product-1016-present span {
font-size: 12px;
}
.wd-product-1016-present-two-item img {
display: block;
width: 30px;
margin: 0 auto;
}
}