.hide-mobile{
    display:none
}
.home-page-wrapper{
    width:100%;
    position:relative
}
.home-page-wrapper .pmd-section{
    min-height:300px
}
.home-page-wrapper .pmd-section .title{
    align-items:center
}
.home-page-wrapper .pmd-section .title img{
    max-width:264px
}
.home-page-wrapper .pmd-section .action .btn{
    white-space:nowrap
}
.home-page-wrapper .pmd-section.full-height{
    height:calc(100vh - 67px);
    min-height:300px
}
.home-page-wrapper .pmd-section.hero{
    position:relative;
    width:100%;
    height:56.25vw;
    min-height:100vh
}
.home-page-wrapper .pmd-section.hero .video-bg{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    overflow:hidden;
    background-size:cover
}
.home-page-wrapper .pmd-section.hero .video-bg app-video-bg{
    width:100%;
    height:100%
}
.home-page-wrapper .pmd-section.hero .content{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.home-page-wrapper .pmd-section.hero .content .title{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    margin:0
}
.home-page-wrapper .pmd-section.hero .content .title img{
    width:50%;
    max-width:600px
}
.home-page-wrapper .pmd-section.hero .content .title h1{
    font-size:32px;
    font-size:2rem;
    color:#fff;
    line-height:1
}
.home-page-wrapper .pmd-section.hero .content .title h2{
    font-size:16px;
    font-size:1rem;
    color:#fff;
    font-weight:400
}
.home-page-wrapper .pmd-section.featured-product{
    position:relative;
    padding:16px 5%;
    background-image:url(/assets/img/home-images/clean-body-banner-mobile.jpg);
    height:200vw;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center
}
@media only screen and (min-width:768px){
    .home-page-wrapper .pmd-section.featured-product{
        background-image:url(/assets/img/home-images/clean-body-banner.jpg);
        padding:64px 5%;
        height:56.25vw;
        flex-direction:row;
        align-items:flex-end
    }
}
.home-page-wrapper .pmd-section.featured-product .title{
    margin:0
}
@media only screen and (min-width:768px){
    .home-page-wrapper .pmd-section.featured-product .title{
        width:auto
    }
}
.home-page-wrapper .pmd-section.featured-product .title h2{
    font-size:24px;
    font-size:1.5rem;
    padding-bottom:4px
}
@media only screen and (min-width:768px){
    .home-page-wrapper .pmd-section.featured-product .title h2{
        font-size:32px;
        font-size:2rem;
        padding:8px 0
    }
}
.home-page-wrapper .pmd-section.featured-product .content{
    display:flex;
    flex-direction:column;
    align-items:center
}
@media only screen and (min-width:768px){
    .home-page-wrapper .pmd-section.featured-product .content{
        width:425px;
        flex-shrink:0
    }
}
.home-page-wrapper .pmd-section.featured-product .content .message{
    padding:0 5%
}
@media only screen and (min-width:768px){
    .home-page-wrapper .pmd-section.featured-product .content .message{
        padding:0
    }
}
.home-page-wrapper .pmd-section.featured-product .content .message p{
    color:#fff;
    font-weight:700
}
.home-page-wrapper .pmd-section.featured-product .content .action{
    justify-content:space-between;
    max-width:280px
}
@media only screen and (min-width:768px){
    .home-page-wrapper .pmd-section.featured-product .content .action{
        width:380px;
        margin-bottom:0;
        display:flex;
        justify-content:center
    }
}
.home-page-wrapper .pmd-section.featured-product .content .action .btn-white{
    color:#d30061;
    padding:13px 0;
    width:48%;
    display:flex;
    justify-content:center
}
@media only screen and (min-width:1024px){
    .home-page-wrapper .pmd-section.featured-product .content .action .btn-white{
        width:140px;
        margin:0 3%
    }
}
.home-page-wrapper .pmd-section.silder{
    min-height:0;
    padding-top:0;
    padding-bottom:0
}
.home-page-wrapper .pmd-section.silder .slider-slider{
    width:100%
}
.home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper{
    background-size:cover;
    background-position:top;
    display:flex;
    height:100%;
    width:100%;
    align-items:stretch;
    justify-content:center
}
.home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper .home-slide-overlay{
    background-color:hsla(0,0%,100%,.7);
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%
}
.home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper .home-slide-overlay .title{
    align-items:center;
    justify-content:center;
    margin-top:0;
    margin-bottom:16px
}
.home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper .home-slide-overlay .title img{
    max-height:100px;
    max-width:200px
}
.home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper .home-slide-overlay .message{
    margin:0
}
.home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper .home-slide-overlay .message p{
    font-size:18px;
    font-size:1.125rem;
    font-weight:700
}
.home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper .home-slide-overlay .message img{
    max-width:100%;
    height:40px;
    margin:16px 0
}
.home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper .home-slide-overlay .action{
    margin-top:0
}
.home-page-wrapper .pmd-section.silder .message p{
    color:#494945
}
.home-page-wrapper .pmd-section.personal-microderm{
    background-image:url(/assets/img/home-images/homepage-personal-microderm-bg.jpg);
    background-position-y:top
}
.home-page-wrapper .pmd-section.personal-microderm .title img{
    width:100%
}
.home-page-wrapper .pmd-section.personal-microderm .message p{
    font-size:14px;
    font-size:.875rem;
    color:#fff
}
.home-page-wrapper .pmd-section.personal-microderm .action .btn{
    font-size:14px;
    font-size:.875rem
}
.home-page-wrapper .pmd-section.clean{
    background-image:url(/assets/img/home-images/homepage-clean-bg.jpg);
    background-position-y:top
}
.home-page-wrapper .pmd-section.clean .title img{
    max-width:200px
}
.home-page-wrapper .pmd-section.clean .message{
    margin:8px 0
}
.home-page-wrapper .pmd-section.clean .message p{
    color:#fff;
    font-size:14px;
    font-size:.875rem
}
.home-page-wrapper .pmd-section.clean .action{
    margin:0
}
.home-page-wrapper .pmd-section.clean .action .btn{
    font-size:14px;
    font-size:.875rem
}
.home-page-wrapper .pmd-section.bundle{
    background-image:url(/assets/img/home-images/bundle-save-bg.jpg);
    padding-bottom:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-position-y:bottom;
    height:80vh
}
.home-page-wrapper .pmd-section.bundle .info{
    background-image:url(/assets/img/home-images/blush-bg-paint.png);
    background-position:50%;
    background-size:contain;
    background-repeat:no-repeat;
    width:100%;
    padding-top:67.2%;
    position:relative
}
.home-page-wrapper .pmd-section.bundle .info .info-content{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.home-page-wrapper .pmd-section.bundle .info .info-content .title{
    position:relative;
    display:flex;
    justify-content:center
}
.home-page-wrapper .pmd-section.bundle .info .info-content .title h3, .home-page-wrapper .pmd-section.bundle .info .info-content .title h4{
    z-index:10
}
.home-page-wrapper .pmd-section.bundle .info .info-content .action{
    z-index:10;
    margin-top:4px
}
.home-page-wrapper .pmd-section.bundle .info .info-content .action .btn{
    color:#d30061;
    text-decoration:underline
}
.home-page-wrapper .pmd-section.kiss{
    background-image:url(/assets/img/home-images/homepage-kiss-bg.jpg);
    background-position-y:bottom;
    width:auto;
    max-width:100%;
    flex-shrink:0
}
.home-page-wrapper .pmd-section.kiss .title img{
    max-width:250px
}
.home-page-wrapper .pmd-section.kiss .message p{
    font-size:14px;
    font-size:.875rem;
    color:#fff
}
.home-page-wrapper .pmd-section.kiss .action .btn{
    font-size:14px;
    font-size:.875rem
}
.home-page-wrapper .pmd-section.skin-care{
    background-image:url(/assets/img/home-images/homepage-skincare-bg-1.jpg);
    width:auto
}
.home-page-wrapper .pmd-section.skin-care .message p{
    font-size:14px;
    font-size:.875rem;
    color:#d30061
}
.home-page-wrapper .pmd-section.skin-care .action .btn{
    font-size:14px;
    font-size:.875rem
}
@media only screen and (min-width:480px){
    .hide-mobile{
        display:initial
    }
    .hide-desktop{
        display:none
    }
    .home-page-wrapper .pmd-section.hero .content .title h1{
        font-size:40px;
        font-size:2.5rem
    }
    .home-page-wrapper .pmd-section.hero .content .title h2{
        font-size:20px;
        font-size:1.25rem
    }
}
@media only screen and (min-width:768px){
    .home-page-wrapper{
        display:flex;
        flex-wrap:wrap;
        flex-direction:row
    }
    .home-page-wrapper .pmd-section.hero .content .title h1{
        font-size:80px;
        font-size:5rem
    }
    .home-page-wrapper .pmd-section.hero .content .title h2{
        font-size:32px;
        font-size:2rem
    }
    .home-page-wrapper .pmd-section.silder{
        max-width:1200px;
        margin:auto;
        padding:32px 5%
    }
    .home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper{
        border-bottom:1px solid #d9d9d9;
        min-height:300px;
        width:90%;
        margin-top:32px;
        margin-bottom:112px;
        position:relative
    }
    .home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper .home-slide-overlay .title{
        height:100px
    }
    .home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper .home-slide-overlay .message p{
        font-size:24px;
        font-size:1.5rem;
        line-height:1.25;
        padding:0 10%;
        height:60px;
        display:flex;
        align-items:center;
        justify-content:center
    }
    .home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper .home-slide-overlay .message img{
        margin-top:64px
    }
    .home-page-wrapper .pmd-section.silder .slider-slider .home-slide-wrapper .home-slide-overlay .action{
        margin:0;
        position:absolute;
        bottom:0;
        left:50%;
        transform:translate(-50%,200%)
    }
    .home-page-wrapper .pmd-section.silder .message p{
        color:#494945
    }
    .home-page-wrapper .pmd-section.personal-microderm{
        background-image:url(/assets/img/home-images/desktop-homepage-personal-microderm-bg.jpg);
        height:50vw;
        width:50%;
        display:flex;
        align-items:flex-end;
        justify-content:center;
        padding-right:2.5%
    }
    .home-page-wrapper .pmd-section.personal-microderm .info{
        width:50%;
        padding-right:16px;
        max-width:300px
    }
    .home-page-wrapper .pmd-section.personal-microderm .info .title{
        justify-content:center;
        align-items:center
    }
    .home-page-wrapper .pmd-section.personal-microderm .info .message p{
        font-size:16px;
        font-size:1rem
    }
    .home-page-wrapper .pmd-section.clean{
        background-image:url(/assets/img/home-images/desktop-pmd-clean.jpg);
        height:50vw;
        width:50%;
        display:flex;
        align-items:flex-end;
        justify-content:center;
        padding-right:2.5%
    }
    .home-page-wrapper .pmd-section.clean .info{
        width:50%;
        padding-right:16px;
        max-width:300px
    }
    .home-page-wrapper .pmd-section.clean .info .title{
        justify-content:center;
        align-items:center
    }
    .home-page-wrapper .pmd-section.clean .info .title img{
        width:90%;
        max-width:250px
    }
    .home-page-wrapper .pmd-section.clean .info .message p{
        font-size:16px;
        font-size:1rem
    }
    .home-page-wrapper .pmd-section.bundle{
        background-image:url(/assets/img/home-images/bundle-desktop-bg.jpg);
        justify-content:center;
        align-items:flex-end;
        height:46vw
    }
    .home-page-wrapper .pmd-section.bundle .info{
        width:50%;
        min-width:400px
    }
    .home-page-wrapper .pmd-section.bundle .info .title{
        display:flex;
        justify-content:center;
        align-items:center
    }
    .home-page-wrapper .pmd-section.bundle .info .title h3{
        font-size:40px;
        font-size:2.5rem
    }
    .home-page-wrapper .pmd-section.bundle .info .title h4{
        font-size:20px;
        font-size:1.25rem
    }
    .home-page-wrapper .pmd-section.kiss{
        background-image:url(/assets/img/home-images/homepage-kiss-bg-desktop.jpg);
        height:50vw;
        width:50%;
        display:flex;
        align-items:flex-start;
        justify-content:center
    }
    .home-page-wrapper .pmd-section.kiss .info{
        width:50%;
        padding-right:16px
    }
    .home-page-wrapper .pmd-section.kiss .info .title{
        margin-top:100px;
        justify-content:center;
        align-items:center
    }
    .home-page-wrapper .pmd-section.kiss .info .title img{
        width:80%
    }
    .home-page-wrapper .pmd-section.kiss .info .message p{
        font-size:16px;
        font-size:1rem
    }
    .home-page-wrapper .pmd-section.skin-care{
        background-image:url(/assets/img/home-images/homepage-skincare-bg-desktop.jpg);
        height:50vw;
        width:50%;
        display:flex;
        align-items:flex-end;
        justify-content:flex-start
    }
    .home-page-wrapper .pmd-section.skin-care .info{
        width:60%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center
    }
    .home-page-wrapper .pmd-section.skin-care .info .title{
        justify-content:center;
        align-items:center
    }
    .home-page-wrapper .pmd-section.skin-care .info .title img{
        width:80%
    }
    .home-page-wrapper .pmd-section.skin-care .info .message p{
        color:#494945;
        font-size:16px;
        font-size:1rem
    }
    .home-page-wrapper .pmd-section.reviews .desktop-slider{
        display:initial
    }
    .home-page-wrapper .pmd-section.reviews .mobile-slider{
        display:none
    }
    .home-page-wrapper .pmd-section.reviews .slider-slider{
        width:80%
    }
    .home-page-wrapper .pmd-section.reviews .slider-slider .slider .slider-view-port .slide-wrapper{
        display:flex;
        flex-direction:row
    }
}