/*********************************/
/***** Product Page (Master) *****/
/*********************************/
.p-info-section {
    background-size: cover;
    background-color: white;
    background-position: center;
}

.p-section-container {
    width: 100%;
}

.p-section-placeholder {
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.p-container-height {
    height: auto;
}

.p-carousel-next-i {
    opacity: 0.5;
    display: block;
    margin-bottom: 0;
    background-image: url('../Image/Home/right-c.svg');
}

.p-carousel-prev-i {
    opacity: 0.5;
    display: block;
    margin-bottom: 0;
    background-image: url('../Image/Home/left-c.svg');
}

.p-section-title {
    color: black;
    font-weight: bold;
    font-size: 2rem;
    /*letter-spacing: 2px;*/
    margin-bottom: 30px;
}

.p-section-title-summary {
    margin-bottom: 20px;
}

.p-section-subtitle {
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.p-section-desc {
    margin-bottom: 30px;
    font-size: 0.9375rem;
}

.p-info-btn {
    color: black;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 0.875rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700 !important;
    background-color: transparent;
}

.p-btn-gap-mr-s {
    margin-right: 15px;
}

.p-info-btn-green {
    border: solid 1px #0fb59e;
}

.p-info-btn-dark {
    border: solid 1px black;
}

.p-info-btn-green:hover {
    border: solid 1px #0fb59e;
    background-color: #0fb59e !important;
}

.p-section-feature {
    margin: auto;
    display: block;
    margin-top: 4.5%;
    max-width: 1600px;
}

.p-section-feature-bg-color {
    background-color: #f9ecf3;
}

.p-feature-placeholder {
    margin: 20px 0;
}

.p-feature-info {
    text-align: center;
    padding: 0 50px;
}

.p-feature-img {
    width: 70px;
    margin: auto;
    height: 70px;
    display: block;
    margin-bottom: 15px;
}

.p-feature-subtitle {
    margin-bottom: 15px;
}

.p-section-bg-lightgray {
    background-color: #fafafa;
}

.p-product-photo-container {
    height: 100%;
    margin-top: 0;
}

.p-product-photo-carousel {
    height: 100%;
    margin-left: auto;
    padding-right: 150px;
    padding-top: 40px;
}

.p-product-carousel-inner {
    width: 450px;
    float: right;
}

.p-product-carousel-indicators {
    width: 450px;
    margin-left: auto;
    margin-right: 150px;
    margin-bottom: 30px;
    display: block;
}

.p-product-carousel-indicators-esthesia {
    margin-bottom: 40px;
}

.p-product-carousel-prev {
    left: 27%;
    width: 10%;
    margin-bottom: 180px;
    margin-top: 30px;
    cursor: url('../Image/Home/slider-left-black.png') 0 0, pointer;
}

.p-product-carousel-next {
    right: 5%;
    width: 10%;
    margin-bottom: 180px;
    margin-top: 30px;
    cursor: url('../Image/Home/slider-right-black.png') 0 0, pointer;
}

.p-product-photo-display {
    width: 450px;
    height: 450px;
    display: block;
    margin-left: auto;
}

.p-product-photo-thumbnail-container {
    display: flex;
    margin-top: 40px;
}

.p-product-photo-thumbnail {
    margin-right: 1px;
    margin-bottom: 5px;
    border: 1px solid #ddd !important;
    width: 59px !important;
    height: 59px !important;
    background-color: white !important;
    opacity: .3;
    transition: opacity .6s ease;
    display: inline-block;
}

    .p-product-photo-thumbnail:hover {
        border-color: #fdd5ea;
        cursor: pointer;
    }

.carousel-indicators .active {
    border-color: #fdd5ea !important;
    background-color: transparent;
}

.p-product-image {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.p-product-description {
    margin-top: 7%;
    margin-bottom: 50px;
}

.p-description-lineheight {
    line-height: 1.7;
}

.p-product-color-tag {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    margin-right: 15px;
}

.p-pink {
    background-color: #f657ab;
}

.p-purple {
    background-color: #974ced;
}

.p-description-mb {
    margin-bottom: 15px;
}

.p-description-title-mb {
    margin-bottom: 20px;
}

.p-product-video-title {
    margin-bottom: 30px;
    margin-top: 10px;
}

.p-product-video-placeholder {
    max-height: 450px;
}

.p-product-video-i {
    width: 450px;
    height: 450px;
}

/******** Banner Section *********/
.p-banner-container {
    height: auto;
}

.p-banner-placeholder {
    width: 900px;
    display: block;
    text-align: center;
    margin: 10% auto 0 auto;
}

.p-banner-placeholder-lipstick {
    margin: 8% auto 0 auto;
}


.p-banner-header {
    margin: 0;
    color: dimgray;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.p-banner-header-lipstick {
    text-transform: none;
    color: #e06a9a;
    letter-spacing: 0;
}

.p-banner-title {
    margin: 0;
    color: black;
    font-size: 9rem;
    font-weight: 700;
    text-transform: uppercase;
}

.p-banner-title-lipstick {
    line-height: 1;
    letter-spacing: 0;
    font-size: 5.5rem;
    color: white;
    margin: 20px 0;
}

.p-banner-keyword {
    color: black;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 30px;
}

.p-banner-keyword-lipstick {
    color: white;
    font-size: 1.5rem;
    letter-spacing: 3px;
}

.p-btn-banner {
    padding-left: 20px;
    border-radius: 8px;
    padding-right: 20px;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    font-weight: 700 !important;
}

.p-btn-dark {
    color: black;
    border: solid 1px black;
    background-color: transparent;
}

.p-btn-pink-o {
    color: white;
    border: solid 1px #e86e9f;
}

    .p-btn-pink-o:hover {
        background-color: #e86e9f;
        border: solid 1px #e86e9f;
    }

.p-btn-green-o {
    color: white;
    border: solid 2px #0fb59e;
    background-color: #0fb59e;
}

.p-btn-gap-mr {
    margin-right: 20px;
}
/***** End of Banner Section *****/

/*********************************/
/********* Vibease Page **********/
.p-vibease-bg-banner {
    background-image: url('../Image/Product/Vibease/Main-Banner.jpg?v=1.4');
}

.p-vibease-bg-a {
    background-image: url('../Image/Product/Vibease/Section-A.jpg?v=1.3');
}

.p-vibease-bg-b {
    /*background-image: url('../Image/Product/Vibease/Section-B-2.jpg');*/
    background-image: none;
}

.p-vibease-bg-c {
    background-image: url('../Image/Product/Vibease/Section-C.jpg?v=1.3');
}

.p-vibease-bg-d {
    background-image: url('../Image/Product/Vibease/Section-D.jpg?v=1.3');
}

.p-vibease-bg-e {
    background-image: url('../Image/Product/Vibease/spotify_vibease_desktop.jpg');
}


.p-vibease-placeholder-a {
    margin-top: 3%;
    margin-left: 55%;
}

.p-carousel-vibease-section-a-placeholder {
    max-width: 550px;
}

.p-vibease-placeholder-b {
    margin-top: 0;
    margin-left: 0;
    height: 100%;
}

.p-vibease-carousel-indicators-section-b li {
    border: none !important;
}

.p-vibease-placeholder-c {
    margin-top: 13%;
    margin-left: 10%;
    max-width: 500px;
}

.p-vibease-placeholder-e {
    margin-top: 7%;
    margin-right: 15%;
    margin-left: auto;
    max-width: 500px;
}

.p-vibease-placeholder-d-l {
    margin-top: 5%;
    margin-left: 22%;
    max-width: 300px;
}

.p-vibease-placeholder-d-r {
    margin-left: 54%;
    max-width: 300px;
}
/****** End of Vibease Page ******/
/*********************************/

/*********************************/
/********* Esthesia Page **********/
.p-esthesia-bg-banner {
    background-image: url('../Image/Product/Esthesia/Main-Banner.jpg?v=1.2');
}

.p-esthesia-bg-a {
    background-image: url('../Image/Product/Esthesia/Section-A.jpg');
}

.p-esthesia-bg-b {
    background-image: url('../Image/Product/Vibease/Section-B-3.jpg');
}

.p-esthesia-bg-c {
    background-image: url('../Image/Product/Esthesia/Section-C.jpg');
}

.p-esthesia-bg-d {
    background-image: url('../Image/Product/Esthesia/Section-D.jpg');
}

.p-esthesia-bg-e {
    background-image: url('../Image/Product/Esthesia/spotify_esthesia_desktop.jpg');
}


.p-esthesia-placeholder-a {
    margin-top: 4%;
    margin-left: 55%;
}

.p-carousel-esthesia-section-a-placeholder {
    max-width: 550px;
}

.p-esthesia-placeholder-b {
    margin-top: 5%;
    margin-left: 10%;
}

.p-esthesia-placeholder-c {
    margin-top: 13%;
    margin-left: 10%;
    max-width: 400px;
}

.p-esthesia-placeholder-d-l {
    margin-top: 6%;
    margin-left: 25%;
    max-width: 400px;
}

.p-esthesia-placeholder-d-r {
    margin-top: 7%;
    margin-left: 59%;
    max-width: 400px;
}

.p-esthesia-placeholder-e {
    margin-top: 7%;
    margin-right: 15%;
    margin-left: auto;
    max-width: 500px;
}

.p-esthesia-s-a-mb {
    /*margin-bottom: 90px;*/
}

.p-product-description-esthesia {
    margin-top: 5%;
}
/****** End of Esthesia Page ******/
/*********************************/


.p-mobile-video-section {
    display: none;
}

.p-spotify-icon {
    width: 120px;
    margin-top: 20px;
}

/********************************/
.p-lipstick-bg-banner {
    background-image: url('../Image/Product/Lipstick/mainbanner_desktop.jpg?v=1.0');
}

.p-lipstick-bg-a {
    background-image: url('../Image/Product/Lipstick/audiobook_bg_desktop.jpg?v=1.0');
}

.p-lipstick-bg-c {
    background-image: url('../Image/Product/Lipstick/feature_bg_desktop_1.jpg?v=1.0');
}

.p-lipstick-bg-d {
    background-image: url('../Image/Product/Lipstick/feature_bg_desktop_2.jpg?v=1.0');
}


.p-lipstick-bg-e {
    background-image: url('../Image/Product/Lipstick/spotify_smartlipstick_desktop.jpg');
}


.p-lipstick-placeholder-c {
    margin-top: 13%;
    margin-right: 10%;
    margin-left: auto;
}

.p-lipstick-placeholder-d-l {
    margin-left: 27%;
}

.p-lipstick-placeholder-d-r {
    margin-left: 49%;
}

.p-section-lipstick-feature-bg-color {
    background-color: #404040;
    color: white;
}

    .p-section-lipstick-feature-bg-color .p-feature-subtitle {
        color: #dca843;
        font-weight: normal;
    }


/******** Mobile Setting *********/
@media (max-width: 1199px) {
    .p-padding-mobile {
        padding: 0;
    }

    .p-margin-mobile {
        margin: 0;
    }

    .p-banner-container {
        height: 600px;
    }

    .p-banner-placeholder {
        width: auto;
        margin-top: 5%;
    }

    .p-banner-header {
        font-size: 0.75rem;
        letter-spacing: 2px;
    }

    .p-banner-title {
        margin: 15px 0;
        font-size: 4rem;
    }

    .p-banner-keyword {
        font-size: 0.89rem;
        font-weight: normal;
        margin-bottom: 25px;
    }

    .p-btn-banner {
        padding: 8px 15px;
        font-size: 0.7rem;
        border-radius: 5px;
        letter-spacing: 1px;
    }

    .p-btn-gap-mr {
        margin-right: 10px;
    }

    .p-container-height {
        height: 600px;
    }

    .p-section-carousel-prev {
        width: 50%;
        justify-content: flex-start;
    }

    .p-section-carousel-next {
        width: 50%;
        justify-content: flex-end;
    }

    .p-section-carousel-next-i {
        opacity: 0.3;
        margin-right: 8px;
        margin-bottom: 83px;
        background-image: url('../Image/Home/right-c.svg');
    }

    .p-section-carousel-prev-i {
        opacity: 0.3;
        margin-left: 8px;
        margin-bottom: 83px;
        background-image: url('../Image/Home/left-c.svg');
    }

    .p-section-title {
        font-size: 1.5rem;
        letter-spacing: 0;
        font-weight: normal;
        margin: 0 30px 30px 30px;
    }

    .p-section-subtitle {
        margin-bottom: 15px;
    }

    .p-section-desc {
        font-size: 0.87rem;
    }

    .p-info-btn {
        width: 160px;
        margin: auto;
        display: block;
        font-size: 0.75rem;
        border-radius: 5px;
    }

    .p-btn-gap-mr-s {
        margin-bottom: 20px;
    }

    .p-section-title-summary {
        margin-left: 0;
        margin-right: 0;
        font-size: 1.3rem;
        margin-bottom: 20px;
    }

    .p-container-height-duo {
        height: 1200px;
    }

    .p-container-features {
        display: none;
    }

    .p-section-placeholder-features {
        position: relative;
    }

    .p-section-feature {
        margin-top: 0;
    }

    .p-section-feature-r-m {
        margin: 0;
        padding: 20px 0;
    }

    .p-feature-placeholder {
        margin: 20px 0;
    }

    .p-feature-img {
        width: 40px;
        height: 40px;
    }

    .p-feature-info {
        padding: 0;
    }

    .p-feature-subtitle {
        font-size: 0.87rem;
    }

    .p-feature-desc {
        font-size: 0.74rem;
    }

    .p-container-photo {
        display: none;
    }

    .p-section-placeholder-photo {
        position: relative;
    }

    .p-product-photo-container {
        margin-top: 0;
        display: flex;
    }

    .p-product-photo-carousel {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .p-product-carousel-inner {
        width: 100%;
        height: auto;
        margin: 0;
        z-index: 99;
    }

    .p-carousel-photo {
        padding: 20px;
    }

    .p-product-photo-display {
        margin: 0;
        width: 100%;
        height: auto;
        display: block;
    }

    .p-product-carousel-indicators {
        width: 100%;
        position: relative;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .p-product-photo-thumbnail {
        width: 50px !important;
        height: 50px !important;
    }

    .p-product-carousel-prev {
        left: 0;
        width: 5%;
        height: auto;
        margin-bottom: 140px;
        justify-content: flex-start;
        z-index: 100;
    }

    .p-product-carousel-next {
        right: 0;
        width: 5%;
        height: auto;
        margin-bottom: 140px;
        justify-content: flex-end;
        z-index: 100;
    }

    .p-carousel-prev-i {
        display: block;
        margin-bottom: 0;
        margin-left: 1px;
    }

    .p-carousel-next-i {
        display: block;
        margin-bottom: 0;
        margin-right: 1px;
    }

    .p-product-description {
        margin-left: 20px;
        margin-right: 20px;
    }

    .p-product-video-web {
        display: none;
        visibility: hidden;
    }

    .p-product-video-title {
        margin-left: 30px;
        margin-right: 30px;
    }

    .p-product-video-placeholder {
        padding: 0;
        width: 100%;
        height: 330px;
        margin-bottom: 0;
    }

    .p-product-video-i {
        width: 100%;
        height: 100%;
    }

    /********* Vibease Page **********/
    .p-vibease-bg-banner {
        background-image: url('../Image/Product/Vibease/Mobile/Main-Banner.jpg?v=1.4');
        background-position: bottom center;
    }

    .p-vibease-bg-a {
        background-image: url('../Image/Product/Vibease/Mobile/Section-A.jpg?v=1.3');
        background-position: bottom center;
    }

    .p-vibease-bg-b {
        /*background-image: url('../Image/Product/Vibease/Section-B-2.jpg');*/
        background-image: none;
    }

    .p-vibease-bg-c {
        background-image: url('../Image/Product/Vibease/Mobile/Section-C.jpg?v=1.3');
        background-position: bottom center;
    }

    .p-carousel-vibease-section-b-bg-1 {
        background-image: url('../Image/Product/Vibease/Mobile/Section-B-1.jpg?v=1.3');
        background-size: cover;
        background-position: bottom center;
    }

    .p-carousel-vibease-section-b-bg-2 {
        background-image: url('../Image/Product/Vibease/Mobile/Section-B-2.jpg?v=1.3');
        background-size: cover;
        background-position: bottom center;
    }

    .p-carousel-vibease-section-b-bg-3 {
        background-image: url('../Image/Product/Vibease/Mobile/Section-B-3.jpg?v=1.3');
        background-size: cover;
        background-position: bottom center;
    }

    .p-vibease-bg-d {
        /*background-image: url('../Image/Product/Vibease/Section-D.jpg');*/
    }

    .p-vibease-bg-e {
        background-image: url('../Image/Product/Vibease/spotify_vibease_mobile.jpg');
        background-size: cover;
        background-position: bottom center;
    }

    .p-vibease-bg-d-l {
        /*background-image: url('../Image/Product/Vibease/Section-D.jpg');*/
        background-image: url('../Image/Product/Vibease/Mobile/Section-D-1.jpg?v=1.3');
        background-size: cover;
        background-position: bottom center;
    }

    .p-vibease-bg-d-r {
        /*background-image: url('../Image/Product/Vibease/Section-D.jpg');*/
        background-image: url('../Image/Product/Vibease/Mobile/Section-D-2.jpg?v=1.3');
        background-size: cover;
        background-position: bottom center;
    }

    .p-vibease-placeholder-a {
        margin: 0;
        margin-top: 9%;
        text-align: center;
    }

    .p-vibease-placeholder-b {
        height: 100%;
        margin-top: 0;
        margin-left: 0;
        text-align: center;
    }

    .p-vibease-placeholder-c {
        margin-top: 9%;
        margin-left: 0%;
        padding: 0 50px;
        text-align: center;
    }

    .p-vibease-placeholder-e {
        margin-top: 6%;
        margin-right: 0%;
        padding: 0 30px;
        text-align: center;
    }

    .p-vibease-placeholder-d-l {
        height: 600px;
        margin-top: 0;
        margin-left: 0;
        padding: 30px 20px;
        text-align: center;
        max-width: 100%;
    }

    .p-vibease-placeholder-d-r {
        height: 600px;
        margin-top: 0;
        margin-left: 0;
        padding: 30px 20px;
        text-align: center;
        max-width: 100%;
    }

    .p-carousel-vibease-section-a {
        min-height: 180px;
        padding: 0 30px;
        margin-bottom: 10px;
    }

    .p-carousel-vibease-section-b {
        height: 100%;
        min-height: 170px;
        padding: 100px 50px;
        margin-bottom: 10px;
    }

    .p-vibease-carousel-indicators-section-b {
        display: none;
    }

    .p-vibease-title-section-b {
        left: 50%;
        z-index: 10;
        margin-top: 9%;
        position: absolute;
        margin-left: -150px;
    }

    .p-carousel-inner-vibease-section-b {
        height: 100%;
    }

    .p-carousel-prev-section-b {
        width: 30%;
    }

    .p-carousel-next-section-b {
        width: 30%;
    }

    .p-carousel-prev-section-b-i {
        margin-bottom: 385px;
    }

    .p-carousel-next-section-b-i {
        margin-bottom: 385px;
    }

    .p-carousel-vibease-section-b-placeholder {
        margin: 0;
        height: 100%;
    }

    .p-vibease-btn-placeholder-section-b {
        left: 50%;
        bottom: 38%;
        position: absolute;
        margin-left: -80px;
    }
    /****** End of Vibease Page ******/

    /********* Esthesia Page **********/
    .p-esthesia-bg-banner {
        background-image: url('../Image/Product/Esthesia/Mobile/Main-Banner.jpg?v=1.2');
        background-size: cover;
        background-position: bottom center;
    }

    .p-esthesia-bg-a {
        background-image: url('../Image/Product/Esthesia/Mobile/Section-A.jpg');
        background-size: cover;
        background-position: bottom center;
    }

    .p-esthesia-bg-b {
        background-image: url('../Image/Product/Vibease/Mobile/Section-B-2.jpg');
        background-size: cover;
        background-position: bottom center;
    }

    .p-esthesia-bg-c {
        background-image: url('../Image/Product/Esthesia/Mobile/Section-C.jpg');
        background-size: cover;
        background-position: bottom center;
    }

    .p-esthesia-bg-d {
        /*background-image: url('../Image/Product/Esthesia/Section-D.jpg');*/
        background-image: none;
    }

    .p-esthesia-bg-e {
        background-image: url('../Image/Product/Esthesia/spotify_esthesia_mobile.jpg');
        background-size: cover;
        background-position: bottom center;
    }

    .p-esthesia-bg-d-l {
        /*background-image: url('../Image/Product/Vibease/Section-D.jpg');*/
        background-image: url('../Image/Product/Esthesia/Mobile/Section-D-1.jpg');
        background-size: cover;
        background-position: bottom center;
    }

    .p-esthesia-bg-d-r {
        /*background-image: url('../Image/Product/Vibease/Section-D.jpg');*/
        background-image: url('../Image/Product/Esthesia/Mobile/Section-D-2.jpg');
        background-size: cover;
        background-position: bottom center;
    }

    .p-esthesia-placeholder-a {
        margin: 0;
        margin-top: 9%;
        text-align: center;
    }

    .p-esthesia-placeholder-b {
        margin-top: 9%;
        margin-left: 0%;
        text-align: center;
    }

    .p-esthesia-placeholder-c {
        margin-top: 9%;
        margin-left: 0%;
        padding: 0 50px;
        text-align: center;
    }

    .p-esthesia-placeholder-d-l {
        height: 600px;
        margin-top: 0;
        margin-left: 0;
        padding: 30px 20px;
        text-align: center;
        max-width: 100%;
    }

    .p-esthesia-placeholder-d-r {
        height: 600px;
        margin-top: 0;
        margin-left: 0;
        padding: 30px 20px;
        text-align: center;
        max-width: 100%;
    }

    .p-esthesia-placeholder-e {
        margin-top: 6%;
        margin-right: 0%;
        padding: 0 30px;
        text-align: center;
    }

    .p-carousel-esthesia-section-a {
        min-height: 180px;
        padding: 0 30px;
        margin-bottom: 10px;
    }

    .p-carousel-esthesia-section-b {
        padding: 0 50px;
        min-height: 170px;
        margin-bottom: 10px;
    }
    /****** End of Esthesia Page ******/

    .p-lipstick-bg-banner {
        background-image: url('../Image/Product/Lipstick/mainbanner_mobile.jpg?v=1.0');
        background-position: bottom center;
    }

    .p-lipstick-bg-a {
        background-image: url('../Image/Product/Lipstick/audiobook_bg_mobile.jpg?v=1.0');
        background-position: bottom center;
    }

    .p-carousel-lipstick-section-b-bg-1 {
        background-image: url('../Image/Product/Lipstick/remote_bg_mobile_1.jpg?v=1.0');
        background-size: cover;
        background-position: bottom center;
    }

    .p-carousel-lipstick-section-b-bg-2 {
        background-image: url('../Image/Product/Lipstick/remote_bg_mobile_2.jpg?v=1.0');
        background-size: cover;
        background-position: bottom center;
    }

    .p-carousel-lipstick-section-b-bg-3 {
        background-image: url('../Image/Product/Lipstick/remote_bg_mobile_3.jpg?v=1.0');
        background-size: cover;
        background-position: bottom center;
    }

    .p-lipstick-bg-c {
        background-image: url('../Image/Product/Lipstick/feature_bg_mobile_1.jpg?v=1.0');
        background-size: cover;
        background-position: bottom center;
    }

    .p-lipstick-bg-d {
        background-image: url('../Image/Product/Lipstick/feature_bg_mobile_2.jpg?v1.0');
        background-size: cover;
        background-position: bottom center;
    }

    .p-lipstick-bg-e {
        background-image: url('../Image/Product/Lipstick/spotify_smartlipstick_mobile.jpg');
        background-size: cover;
        background-position: bottom center;
    }

    .p-banner-placeholder-lipstick-m {
        margin-top: 10%;
    }

    .p-banner-title-lipstick {
        font-size: 2.5rem;
    }

    .p-banner-keyword-lipstick {
        font-weight: bold;
    }

    .p-lipstick-placeholder-d-l {
        max-width: 250px;
        margin: auto;
        margin-top: 15%;
    }

    .p-lipstick-placeholder-d-r {
        max-width: 250px;
        margin: auto;
    }

    @media (min-width: 360px) and (max-width: 370px) {
        .p-product-photo-thumbnail {
            width: 59px !important;
            height: 59px !important;
        }
    }

    @media (min-width: 371px) and (max-width: 400px) {
        .p-product-photo-thumbnail {
            width: 62px !important;
            height: 62px !important;
        }
    }

    @media (min-width: 401px) {
        .p-product-photo-thumbnail {
            width: 69px !important;
            height: 69px !important;
        }
    }

    @media (min-width: 760px) {
        .p-banner-container {
            height: 400px;
        }

        .p-banner-placeholder {
            margin-top: 8%;
        }

        .p-banner-header {
            font-size: 1.1rem;
        }

        .p-banner-title {
            font-size: 6rem;
        }

        .p-banner-keyword {
            font-size: 1rem;
            margin-bottom: 30px;
        }

        .p-container-height {
            height: 400px;
        }

        .p-section-title {
            font-size: 1.36rem;
            margin-left: 0;
            margin-right: 0;
        }

        .p-info-btn {
            display: initial;
        }

        .p-btn-gap-mr-s {
            margin-bottom: 0;
            margin-right: 20px;
        }

        .p-product-carousel-inner {
            margin-bottom: 20px;
        }

        .p-product-photo-carousel {
            padding: 20px;
        }

        .p-product-carousel-indicators {
            padding: 0;
            margin-bottom: 0;
        }

        .p-section-carousel-prev {
            left: -13%;
        }

        .p-section-carousel-next {
            right: -13%;
        }

        .p-section-carousel-prev-i {
            margin-bottom: 95px;
        }

        .p-section-carousel-next-i {
            margin-bottom: 95px;
        }

        .p-product-photo-thumbnail {
            width: 61px !important;
            height: 61px !important;
        }

        .p-section-feature-r-m {
            padding: 40px 0;
        }

        .p-container-height-duo {
            height: 400px;
        }

        .p-carousel-photo {
            padding: 0;
        }

        .p-product-description {
            margin-top: 7%;
            margin-bottom: 20px;
        }

        /********* Vibease Page **********/
        .p-vibease-bg-banner {
            background-image: url('../Image/Product/Vibease/Tablet/Main-Banner.jpg?v=1.4');
            background-position: center;
        }

        .p-vibease-bg-a {
            background-image: url('../Image/Product/Vibease/Tablet/Section-A.jpg?v=1.3');
            background-position: center;
        }

        .p-vibease-bg-b {
            /*background-image: url('../Image/Product/Vibease/Section-B-2.jpg');*/
            background-image: none;
        }

        .p-carousel-vibease-section-b-bg-1 {
            background-image: url('../Image/Product/Vibease/Tablet/Section-B-1.jpg?v=1.3');
            background-position: right center;
        }

        .p-carousel-vibease-section-b-bg-2 {
            background-image: url('../Image/Product/Vibease/Tablet/Section-B-2.jpg?v=1.3');
            background-position: right center;
        }

        .p-carousel-vibease-section-b-bg-3 {
            background-image: url('../Image/Product/Vibease/Tablet/Section-B-3.jpg?v=1.3');
            background-position: right center;
        }

        .p-vibease-bg-c {
            background-image: url('../Image/Product/Vibease/Tablet/Section-C.jpg?v=1.3');
            background-position: center;
        }

        .p-vibease-bg-d {
            background-image: url('../Image/Product/Vibease/Tablet/Section-D.jpg?v=1.3');
            background-position: center;
        }

        .p-vibease-bg-e {
            background-image: url('../Image/Product/Vibease/spotify_vibease_desktop.jpg');
            background-position: center;
        }

        .p-vibease-bg-d-l {
            background-image: none;
        }

        .p-vibease-bg-d-r {
            background-image: none;
        }

        .p-vibease-placeholder-a {
            margin: 0;
            margin-top: 8%;
            margin-left: 40%;
            text-align: center;
        }

        .p-vibease-placeholder-b {
            margin-top: 0;
            margin-left: 0;
            margin-right: 0;
            text-align: center;
        }

        .p-vibease-placeholder-d-l {
            height: auto;
            margin-top: 0;
            margin-left: 25%;
            margin-right: 0;
            padding: 40px 20px;
            padding-bottom: 0;
            text-align: center;
            max-width: 300px;
        }

        .p-vibease-placeholder-d-r {
            height: auto;
            margin-top: 0;
            margin-left: 25%;
            margin-right: 0;
            padding: 30px 20px;
            padding-top: 10px;
            text-align: center;
            max-width: 300px;
        }

        .p-vibease-btn-placeholder-section-b {
            left: 30%;
            bottom: 18%;
            margin-left: -160px;
        }

        .p-carousel-vibease-section-a-placeholder {
            margin: 0 50px;
        }

        .p-carousel-vibease-section-a {
            padding: 0;
            min-height: 160px;
        }

        .p-carousel-prev-section-b {
            left: 0;
            width: 10%;
        }

        .p-carousel-prev-section-b-i {
            margin-left: 20px;
            margin-bottom: 130px;
        }

        .p-carousel-next-section-b {
            right: 0;
            width: 50%;
        }

        .p-carousel-next-section-b-i {
            margin-left: 45px;
            margin-right: auto;
            margin-bottom: 130px;
        }

        .p-vibease-title-section-b {
            left: 30%;
            margin-top: 9%;
            margin-left: -130px;
        }

        .p-carousel-vibease-section-b {
            margin-bottom: 0;
            min-height: 160px;
            padding: 125px 350px 0 50px;
        }
        /****** End of Vibease Page ******/

        /********* Esthesia Page **********/
        .p-esthesia-bg-banner {
            background-image: url('../Image/Product/Esthesia/Tablet/Main-Banner.jpg?v=1.2');
            background-position: center;
        }

        .p-esthesia-bg-a {
            background-image: url('../Image/Product/Esthesia/Tablet/Section-A.jpg');
            background-position: center;
        }

        .p-esthesia-bg-b {
            background-image: url('../Image/Product/Vibease/Tablet/Section-B-2.jpg');
            background-position: center;
        }

        .p-esthesia-bg-c {
            background-image: url('../Image/Product/Esthesia/Tablet/Section-C.jpg');
            background-position: center;
        }

        .p-esthesia-bg-d {
            background-image: url('../Image/Product/Esthesia/Tablet/Section-D.jpg');
            background-position: center;
        }

        .p-esthesia-bg-e {
            background-image: url('../Image/Product/Esthesia/spotify_esthesia_desktop.jpg');
            background-position: center;
        }

        .p-esthesia-bg-d-l {
            background-image: none;
        }

        .p-esthesia-bg-d-r {
            background-image: none;
        }

        .p-esthesia-placeholder-a {
            margin: 0;
            margin-top: 8%;
            margin-left: 40%;
            text-align: center;
        }

        .p-esthesia-placeholder-b {
            margin-top: 9%;
            margin-left: 0%;
            margin-right: 40%;
            text-align: center;
        }

        .p-esthesia-placeholder-d-l {
            height: auto;
            margin-top: 0;
            margin-left: 13%;
            margin-right: 0;
            padding: 40px 20px;
            padding-bottom: 0;
            text-align: center;
            max-width: 300px;
        }

        .p-esthesia-placeholder-d-r {
            height: auto;
            margin-top: 0;
            margin-left: 40%;
            padding: 30px 20px;
            padding-top: 0;
            text-align: center;
            max-width: 300px;
        }

        .p-carousel-esthesia-section-a-placeholder {
            margin: 0 50px;
        }

        .p-carousel-esthesia-section-a {
            padding: 0;
            min-height: 160px;
        }

        .p-carousel-esthesia-section-b-placeholder {
            margin: 0 50px;
        }

        .p-carousel-esthesia-section-b {
            padding: 0;
            min-height: 160px;
            margin-bottom: 10px;
        }
        /****** End of Esthesia Page ******/

        .p-lipstick-bg-banner {
            background-image: url('../Image/Product/Lipstick/mainbanner_desktop.jpg?v=1.0');
            background-position: center;
        }

        .p-lipstick-bg-a {
            background-image: url('../Image/Product/Lipstick/audiobook_bg_desktop.jpg?v=1.0');
            background-position: center;
        }

        .p-carousel-lipstick-section-b-bg-1 {
            background-image: url('../Image/Product/Lipstick/remote_bg_desktop_1.jpg?v=1.0');
            background-position: right center;
        }

        .p-carousel-lipstick-section-b-bg-2 {
            background-image: url('../Image/Product/Lipstick/remote_bg_desktop_2.jpg?v=1.0');
            background-position: right center;
        }

        .p-carousel-lipstick-section-b-bg-3 {
            background-image: url('../Image/Product/Lipstick/remote_bg_desktop_3.jpg?v=1.0');
            background-position: right center;
        }

        .p-lipstick-bg-c {
            background-image: url('../Image/Product/Lipstick/feature_bg_desktop_1.jpg?v=1.0');
            background-position: right center;
        }

        .p-lipstick-bg-d {
            background-image: url('../Image/Product/Lipstick/feature_bg_desktop_2.jpg?v=1.0');
            background-position: right center;
        }

        .p-lipstick-bg-e {
            background-image: url('../Image/Product/Lipstick/spotify_smartlipstick_desktop.jpg');
            background-position: center;
        }

    }

    @media (min-width: 830px) {
        .p-product-photo-thumbnail {
            width: 68px !important;
            height: 68px !important;
        }

        .p-product-video-placeholder {
            max-height: 330px;
        }
    }

    @media (min-width: 1020px) {
        .p-banner-container {
            height: 450px;
        }

        .p-container-height {
            height: 450px;
        }

        .p-container-height-duo {
            height: 450px;
        }

        .p-section-carousel-prev {
            left: 0;
        }

        .p-section-carousel-next {
            right: 0;
        }

        .p-product-carousel-prev {
            width: 8%;
        }

        .p-carousel-prev-i {
            margin-left: 10px;
        }

        .p-product-carousel-next {
            width: 8%;
        }

        .p-carousel-next-i {
            margin-right: 10px;
        }

        .p-product-photo-carousel {
            padding: 40px;
        }

        .p-product-photo-thumbnail {
            width: 79px !important;
            height: 79px !important;
        }

        .p-product-description {
            margin-top: 10%;
            margin-bottom: 40px;
        }

        .p-vibease-placeholder-c {
            margin-top: 17%;
            margin-right: 30%;
        }

        .p-vibease-placeholder-e {
            margin-top: 7%;
        }

        .p-vibease-placeholder-d-l {
            padding-top: 60px;
            margin-left: 30%;
        }

        .p-vibease-placeholder-d-r {
            margin-left: 30%;
        }

        .p-esthesia-placeholder-d-l {
            padding-top: 60px;
            margin-left: 20%;
        }

        .p-esthesia-placeholder-e {
            margin-top: 7%;
        }


        .p-carousel-vibease-section-b {
            padding: 155px 480px 0 60px;
        }
    }
}

/******** Web Setting *********/
@media (min-width: 1200px) {
    #section-A-CS .carousel {
        position: initial;
    }

    #section-A-CS .carousel-inner {
        position: initial;
        overflow: initial;
        display: grid;
    }

    #section-A-CS .carousel-item {
        position: initial;
        display: block;
        transition: none;
    }

    #section-A-CS .carousel-control-prev, #section-A-CS .carousel-control-next, #section-B-CS .carousel-control-prev, #section-B-CS .carousel-control-next {
        visibility: hidden;
        display: none;
    }

    .p-vibease-carousel-indicators-section-b {
        margin: 0;
        bottom: 0;
        height: 100%;
        display: block;
        padding-top: 7%;
        padding-left: 15%;
        position: absolute;
        background-image: url('../Image/Product/gradient-white-s.png');
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .p-vibease-carousel-item {
        color: darkgray;
        cursor: pointer;
        margin: 0 !important;
        width: 500px !important;
        height: auto !important;
        text-indent: initial !important;
        background-color: transparent !important;
    }

    .carousel-indicators .active {
        color: black;
    }

    .p-carousel-vibease-section-b-item {
        display: none;
    }

    .p-carousel-vibease-section-b-placeholder {
        height: 100%;
    }

    .p-vibease-title-section-b {
        z-index: 20;
        margin-top: 3.5%;
        margin-left: 15%;
        position: absolute;
    }

    .p-carousel-inner-vibease-section-b {
        top: 0;
        height: 100%;
        position: absolute;
    }

    .p-vibease-btn-placeholder-section-b {
        z-index: 20;
        left: 15%;
        bottom: 12%;
        position: absolute;
    }

    .p-carousel-vibease-section-b-bg-1 {
        height: 100%;
        background-image: url('../Image/Product/Vibease/Section-B-1r.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right center;
    }

    .p-carousel-vibease-section-b-bg-2 {
        height: 100%;
        background-image: url('../Image/Product/Vibease/Section-B-2r.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right center;
    }

    .p-carousel-vibease-section-b-bg-3 {
        height: 100%;
        background-image: url('../Image/Product/Vibease/Section-B-3r.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right center;
    }


    .p-carousel-lipstick-section-b-bg-1 {
        height: 100%;
        background-image: url('../Image/Product/Lipstick/remote_bg_desktop_1.jpg?v=1.0');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right center;
    }

    .p-carousel-lipstick-section-b-bg-2 {
        height: 100%;
        background-image: url('../Image/Product/Lipstick/remote_bg_desktop_2.jpg?v=1.0');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right center;
    }

    .p-carousel-lipstick-section-b-bg-3 {
        height: 100%;
        background-image: url('../Image/Product/Lipstick/remote_bg_desktop_3.jpg?v=1.0');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right center;
    }

    .p-lipstick-btn-placeholder-section-b {
        bottom: 8%;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .p-banner-placeholder {
        margin-top: 7%;
    }

    .p-banner-header {
        font-size: 1rem;
    }

    .p-banner-title {
        font-size: 7.5rem;
    }

    .p-banner-title-lipstick {
        font-size: 3rem;
    }

    .p-banner-keyword {
        font-size: 1rem;
    }

    .p-btn-banner {
        font-size: 0.9rem;
    }

    .p-section-title {
        font-size: calc(2rem*0.8);
        margin-bottom: 25px;
    }

    .p-section-subtitle {
        font-size: calc(1.125rem*0.8);
        margin-bottom: 5px;
    }

    .p-section-desc {
        font-size: calc(0.9375rem*0.8);
        margin-bottom: 30px;
    }

    .p-info-btn {
        font-size: 0.7rem;
    }

    .p-section-feature {
        margin-top: 1.5%;
        max-width: 1200px;
    }

    .p-esthesia-s-a-mb {
        margin-bottom: 20px;
    }

    .p-feature-img {
        width: 50px;
        height: 50px;
    }

    .p-feature-subtitle {
        font-size: 0.84rem;
    }

    .p-feature-desc {
        font-size: 0.75rem
    }

    .p-product-photo-container {
        margin-top: 0;
    }

    .p-product-photo-carousel {
        width: 530px;
        height: 100%;
        margin-left: auto;
        padding-right: 80px;
        padding-left: 80px;
        padding-top: 15px;
    }

    .p-product-photo-thumbnail {
        width: 40px !important;
        height: 40px !important;
    }

    .p-product-carousel-prev {
        left: 15%;
        margin-bottom: 120px;
    }

    .p-product-carousel-next {
        right: 5%;
        margin-bottom: 120px;
    }

    .p-carousel-prev-i, .p-carousel-next-i {
        /*margin-bottom: 100px;*/
    }

    .p-product-photo-thumbnail-container {
        margin-top: 10px;
    }

    .p-product-carousel-indicators {
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: 80px;
        width: 320px;
    }

    .p-product-carousel-inner {
        width: 320px;
    }

    .p-product-photo-display {
        width: 320px;
        height: 320px;
        margin-right: 20px;
    }

    .p-product-description {
        margin-top: 4%;
        margin-bottom: 30px;
    }

    .p-description-mb {
        margin-bottom: 10px;
    }

    .p-description-title-mb {
        margin-bottom: 10px;
    }

    .p-product-color-tag {
        width: 30px;
        height: 30px;
    }

    .p-product-video-title {
        margin-bottom: 10px;
    }

    .p-product-video-placeholder {
        max-height: 158px;
    }

    .p-product-video-i {
        width: 280px;
        height: 158px;
    }

    /* Vibease Page */
    .p-vibease-placeholder-a {
        margin-top: 1.5%;
        margin-left: 50%;
    }

    .p-vibease-placeholder-b {
        /*margin-top: 1.5%;*/
        margin-top: 0;
        margin-left: 0;
        height: 100%;
    }

    .p-vibease-placeholder-d-r {
        margin-left: 47%;
    }

    .p-vibease-title-section-b {
        margin-top: 2%;
    }

    .p-vibease-carousel-indicators-section-b {
        padding-top: 6%;
    }

    .p-vibease-btn-placeholder-section-b {
        bottom: 6%;
    }

    /* Esthesia Page */
    .p-esthesia-placeholder-a {
        margin-top: 2.5%;
        margin-left: 50%;
    }

    .p-esthesia-placeholder-b {
        margin-top: 1.5%;
    }

    .p-esthesia-placeholder-d-l {
        margin-top: 2%;
        margin-left: 22%;
    }

    .p-esthesia-placeholder-d-r {
        margin-top: 9%;
        margin-left: 59%;
    }

    .p-product-description-esthesia {
        margin-top: 2.5%;
        margin-bottom: 20px;
    }
}

@media (min-width: 1300px) and (max-width: 1499px) {
    .p-banner-placeholder {
        margin-top: 7%;
    }

    .p-banner-header {
        font-size: 1rem;
    }

    .p-banner-title {
        font-size: 7.5rem;
    }

    .p-banner-title-lipstick {
        font-size: 3rem;
    }

    .p-banner-keyword {
        font-size: 1rem;
    }

    .p-btn-banner {
        font-size: 0.9rem;
    }

    .p-section-title {
        font-size: calc(2rem*0.85);
        margin-bottom: 25px;
    }

    .p-section-subtitle {
        font-size: calc(1.125rem*0.85);
        margin-bottom: 5px;
    }

    .p-section-desc {
        font-size: calc(0.9375rem*0.85);
        margin-bottom: 30px;
    }

    .p-info-btn {
        font-size: 0.7rem;
    }

    .p-section-feature {
        margin-top: 0.2%;
        max-width: 1300px;
    }

    .p-feature-img {
        width: 65px;
        height: 65px;
    }

    .p-feature-subtitle {
        font-size: 0.97rem;
    }

    .p-feature-desc {
        font-size: 0.84rem;
    }

    .p-product-photo-container {
        margin-top: 0;
    }

    .p-product-photo-thumbnail-container {
        margin-top: 10px;
    }

    .p-product-photo-carousel {
        margin-left: auto;
        padding-right: 100px;
        padding-left: 100px;
        padding-top: 20px;
    }

    .p-product-carousel-inner {
        width: 330px;
    }

    .p-product-photo-thumbnail {
        width: 49px !important;
        height: 49px !important;
    }

    .p-product-carousel-prev {
        left: 27%;
        margin-bottom: 130px;
    }

    .p-product-carousel-next {
        right: 4%;
        margin-bottom: 130px;
    }

    .p-carousel-prev-i, .p-carousel-next-i {
        /*margin-bottom: 100px;*/
    }

    .p-product-photo-thumbnail-container {
        margin-top: 10px;
    }

    .p-product-carousel-indicators {
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: 100px;
        width: 330px;
    }

    .p-product-photo-display {
        width: 330px;
        height: 330px;
    }

    .p-product-description {
        margin-top: 5%;
        margin-bottom: 30px;
    }

    .p-description-mb {
        margin-bottom: 10px;
    }

    .p-description-title-mb {
        margin-bottom: 10px;
    }

    .p-product-color-tag {
        width: 35px;
        height: 35px;
    }

    .p-product-video-title {
        margin-bottom: 10px;
    }

    .p-product-video-placeholder {
        max-height: 330px;
    }

    .p-product-video-i {
        width: 330px;
        height: 330px;
    }

    /* Vibease Page */
    .p-vibease-placeholder-a {
        margin-top: 2%;
    }

    .p-vibease-placeholder-b {
        /*margin-top: 3%;*/
        margin-top: 0;
        margin-left: 0;
        height: 100%;
    }

    .p-vibease-placeholder-d-r {
        margin-left: 48%;
    }

    .p-vibease-title-section-b {
        margin-top: 2%;
    }

    .p-vibease-carousel-indicators-section-b {
        padding-top: 6%;
    }

    .p-vibease-btn-placeholder-section-b {
        bottom: 5%;
    }

    /* Esthesia Page */
    .p-esthesia-placeholder-a {
        margin-top: 3%;
    }

    .p-esthesia-title-section-b {
        margin-top: 3%;
    }

    .p-esthesia-carousel-indicators-section-b {
        padding-top: 7%;
    }

    .p-esthesia-placeholder-b {
        margin-top: 3%;
    }

    .p-esthesia-placeholder-d-l {
        margin-top: 4%;
        margin-left: 23%;
    }

    .p-esthesia-placeholder-d-r {
        margin-top: 8%;
        margin-left: 59%;
    }

    .p-product-description-esthesia {
        margin-top: 3.5%;
        margin-bottom: 20px;
    }
}

@media (min-width: 1500px) and (max-width: 1599px) {
    .p-banner-placeholder {
        margin-top: 8%;
    }

    .p-banner-header {
        font-size: 1.05rem;
    }

    .p-banner-title {
        font-size: 8rem;
    }

    .p-banner-keyword {
        font-size: 1.05rem;
    }

    .p-section-title {
        font-size: 1.35rem;
        margin-bottom: 25px;
        margin-top: 2.5%;
    }

    .p-banner-title-lipstick {
        font-size: 4rem;
    }

    .p-vibease-carousel-indicators-section-b {
        padding-top: 6%;
    }

    .p-section-subtitle {
        font-size: 0.97rem;
        margin-bottom: 5px;
    }

    .p-section-desc {
        font-size: 0.84rem;
        margin-bottom: 30px;
    }

    .p-info-btn {
        font-size: 0.7rem;
    }

    .p-section-feature {
        margin-top: 2%;
        max-width: 1300px;
    }

    .p-feature-img {
        width: 65px;
        height: 65px;
    }

    .p-feature-subtitle {
        font-size: 0.97rem
    }

    .p-feature-desc {
        font-size: 0.84rem
    }

    .p-product-photo-container {
        margin-top: 0;
    }

    .p-product-photo-carousel {
        margin-left: auto;
        padding-right: 100px;
        padding-left: 100px;
        padding-top: 30px;
    }

    .p-product-carousel-inner {
        width: 350px;
    }

    .p-product-carousel-prev {
        left: 31%;
        margin-bottom: 160px;
    }

    .p-product-carousel-next {
        right: 3%;
        margin-bottom: 160px;
    }

    .p-carousel-prev-i, .p-carousel-next-i {
        /*margin-bottom: 100px;*/
    }

    .p-product-photo-thumbnail-container {
        margin-top: 10px;
    }

    .p-product-carousel-indicators {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: 90px;
        width: 350px;
    }

    .p-product-carousel-indicators-esthesia {
        margin-bottom: 20px;
    }

    .p-product-photo-display {
        width: 350px;
        height: 350px
    }

    .p-product-description {
        margin-top: 5%;
        margin-bottom: 30px;
    }

    .p-description-mb {
        margin-bottom: 10px;
    }

    .p-description-title-mb {
        margin-bottom: 10px;
    }

    .p-product-color-tag {
        width: 35px;
        height: 35px;
    }

    .p-product-video-title {
        margin-bottom: 20px;
    }

    .p-product-video-placeholder {
        max-height: 350px;
    }

    .p-product-video-i {
        width: 350px;
        height: 350px;
    }

    /* Vibease Page */
    .p-vibease-placeholder-a {
        margin-top: 4%;
    }

    .p-vibease-placeholder-b {
        /*margin-top: 4%;*/
        margin-top: 0;
        margin-left: 0;
        height: 100%;
    }

    .p-vibease-placeholder-d-r {
        margin-left: 50%;
    }

    .p-vibease-btn-placeholder-section-b {
        bottom: 10%;
    }

    /* Esthesia Page */
    .p-esthesia-placeholder-a {
        margin-top: 5%;
    }

    .p-esthesia-placeholder-b {
        margin-top: 4%;
    }

    .p-esthesia-placeholder-d-l {
        margin-top: 4%;
        margin-left: 23%;
    }

    .p-esthesia-placeholder-d-r {
        margin-top: 8%;
        margin-left: 59%;
    }

    .p-product-description-esthesia {
        margin-top: 4.5%;
        margin-bottom: 20px;
    }
}

@media (min-width: 1600px) and (max-width: 1699px) {
    .p-banner-placeholder {
        margin-top: 8%;
    }

    .p-banner-header {
        font-size: 1.05rem;
    }

    .p-banner-title {
        font-size: 8rem;
    }

    .p-banner-title-lipstick {
        font-size: 4rem;
    }

    .p-banner-keyword {
        font-size: 1.05rem;
    }

    .p-section-feature {
        margin-top: 2%;
        max-width: 1300px;
    }

    .p-feature-img {
        width: 65px;
        height: 65px;
    }

    .p-section-title {
        font-size: calc(2rem*0.95);
    }

    .p-section-subtitle {
        font-size: calc(1.125rem*0.95);
    }

    .p-section-desc {
        font-size: calc(0.9375rem*0.95);
    }

    .p-feature-subtitle {
        font-size: 0.97rem
    }

    .p-feature-desc {
        font-size: 0.84rem
    }

    .p-product-photo-container {
        margin-top: 0;
    }

    .p-product-photo-carousel {
        width: 650px;
        height: 100%;
        margin-left: auto;
        padding-right: 150px;
        padding-left: 150px;
    }

    .p-product-carousel-prev {
        left: 12%;
        margin-bottom: 150px;
    }

    .p-product-carousel-next {
        right: 12%;
        margin-bottom: 150px;
    }

    .p-carousel-prev-i, .p-carousel-next-i {
        /*margin-bottom: 100px;*/
    }

    .p-product-photo-thumbnail-container {
        margin-top: 10px;
    }

    .p-product-carousel-indicators {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: 140px;
        width: 350px;
    }

    .p-product-carousel-inner {
        width: 350px;
    }

    .p-product-carousel-indicators-esthesia {
        margin-bottom: 30px;
    }

    .p-product-photo-display {
        width: 350px;
        height: 350px
    }

    .p-product-description {
        margin-top: 5%;
        margin-bottom: 40px;
    }

    .p-description-mb {
        margin-bottom: 10px;
    }

    .p-description-title-mb {
        margin-bottom: 10px;
    }

    .p-product-color-tag {
        width: 35px;
        height: 35px;
    }

    .p-product-video-title {
        margin-bottom: 20px;
    }

    .p-product-video-placeholder {
        max-height: 350px;
    }

    .p-product-video-i {
        width: 350px;
        height: 350px;
    }

    /* Vibease Page */
    .p-vibease-placeholder-a {
        margin-top: 2%;
    }

    .p-vibease-placeholder-b {
        /*margin-top: 3%;*/
        margin-top: 0;
        margin-left: 0;
        height: 100%;
    }

    .p-vibease-placeholder-d-r {
        margin-left: 50%;
    }

    .p-vibease-title-section-b {
        margin-top: 1.5%;
    }

    .p-vibease-carousel-indicators-section-b {
        padding-top: 5%;
    }

    .p-vibease-btn-placeholder-section-b {
        bottom: 9%;
    }

    /* Esthesia Page */
    .p-esthesia-placeholder-a {
        margin-top: 3%;
    }

    .p-esthesia-placeholder-b {
        margin-top: 3%;
    }

    .p-esthesia-s-a-mb {
        margin-bottom: 30px;
    }

    .p-esthesia-placeholder-d-l {
        margin-top: 4%;
        margin-left: 23%;
    }

    .p-esthesia-placeholder-d-r {
        margin-top: 8%;
        margin-left: 59%;
    }

    .p-product-description-esthesia {
        margin-top: 4.5%;
        margin-bottom: 20px;
    }
}

@media (min-width: 1700px) and (max-width: 1799px) {
    .p-banner-placeholder {
        margin-top: 8%;
    }

    .p-section-feature {
        margin-top: 2%;
    }

    .p-product-photo-container {
        margin-top: 0;
    }

    .p-product-photo-carousel {
        margin-left: auto;
        padding-right: 150px;
        padding-left: 150px;
        padding-top: 30px;
    }

    .p-product-carousel-inner {
        width: 420px;
    }

    .p-product-carousel-prev {
        left: 23%;
        margin-bottom: 160px;
    }

    .p-product-carousel-next {
        right: 7%;
        margin-bottom: 160px;
    }

    .p-carousel-prev-i, .p-carousel-next-i {
        /*margin-bottom: 100px;*/
    }

    .p-product-photo-thumbnail-container {
        margin-top: 10px;
    }

    .p-product-carousel-indicators {
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: 150px;
        width: 420px;
    }

    .p-product-carousel-indicators-esthesia {
        margin-bottom: 30px;
    }

    .p-product-photo-display {
        width: 420px;
        height: 420px;
    }

    .p-product-description {
        margin-top: 4.5%;
    }

    .p-product-video-placeholder {
        max-height: 420px;
    }

    .p-product-video-i {
        width: 420px;
        height: 420px;
    }

    /* Vibease Page */
    .p-vibease-placeholder-a {
        margin-top: 1.5%;
    }

    .p-vibease-placeholder-b {
        /*margin-top: 3.5%;*/
        margin-top: 0;
        margin-left: 0;
        height: 100%;
    }

    .p-vibease-btn-placeholder-section-b {
        bottom: 7%;
    }

    /* Esthesia Page */
    .p-esthesia-placeholder-a {
        margin-top: 2%;
    }

    .p-esthesia-placeholder-b {
        margin-top: 3.5%;
    }

    .p-esthesia-s-a-mb {
        margin-bottom: 30px;
    }

    .p-product-description-esthesia {
        margin-bottom: 30px;
    }
}

@media (min-width: 1800px) and (max-width: 1899px) {
    .p-banner-placeholder {
        margin-top: 9%;
    }

    .p-section-feature {
        margin-top: 3%;
    }

    .p-product-photo-container {
        margin-top: 3%;
    }

    .p-product-carousel-indicators {
        margin-bottom: 10px;
    }

    .p-product-carousel-indicators-esthesia {
        margin-bottom: 30px;
    }

    .p-product-description {
        margin-top: 4%;
    }

    /* Vibease Page */
    .p-vibease-placeholder-a {
        margin-top: 3%;
    }

    .p-vibease-placeholder-b {
        /*margin-top: 4%;*/
        margin-top: 0;
        margin-left: 0;
        height: 100%;
    }

    .p-vibease-title-section-b {
        margin-top: 2.5%;
    }

    .p-vibease-carousel-indicators-section-b {
        padding-top: 6%;
    }

    /* Esthesia Page */
    .p-esthesia-placeholder-a {
        margin-top: 3%;
    }

    .p-esthesia-placeholder-b {
        margin-top: 4%;
    }

    .p-product-carousel-prev {
        left: 23%;
        margin-bottom: 150px;
    }

    .p-product-carousel-next {
        right: 7%;
        margin-bottom: 150px;
    }

    .p-carousel-prev-i, .p-carousel-next-i {
        /*margin-bottom: 100px;*/
    }

}

@media (max-width: 767px) {
    .c-white {
        color: white;
    }

    .btn-white {
        color: white;
        border-color: white !important;
    }

    .p-vibease-bg-m-1 .p-banner-placeholder {
        margin-top: 40px;
    }

    .p-vibease-bg-m-1 .p-banner-title {
        color: white;
        margin-bottom: 10px;
    }

    .p-vibease-bg-m-1 .p-banner-keyword {
        color: white;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .p-vibease-bg-m-1 .p-btn-dark {
        color: white;
        border-color: white;
    }

    .p-vibease-bg-m-2 .p-info-btn-green {
        border-color: black;
    }

    .p-vibease-bg-m-2 .p-vibease-btn-placeholder-section-b {
        bottom: 47%;
    }

    .p-vibease-carousel-prev-m {
        background-image: url('../Image/Home/slice2.png');
        opacity: 1;
        height: 30px;
        margin-bottom: 110px;
    }

    .p-vibease-carousel-next-m {
        background-image: url('../Image/Home/slice1.png');
        opacity: 1;
        height: 30px;
        margin-bottom: 110px;
    }

    /********* Vibease Page **********/
    .p-vibease-bg-m-1 {
        background-image: url('../Image/Product/Vibease/Mobile/Ads/mainbanner.jpg?v=2.1');
        background-position: center;
    }

    .p-vibease-bg-m-2a {
        background-image: url('../Image/Product/Vibease/Mobile/Ads/wireless1.jpg?v=2.1');
        background-position: center;
    }

    .p-vibease-bg-m-2b {
        background-image: url('../Image/Product/Vibease/Mobile/Ads/wireless2.jpg?v=2.1');
        background-position: center;
    }

    .p-vibease-bg-m-2c {
        background-image: url('../Image/Product/Vibease/Mobile/Ads/wireless3.jpg?v=2.1');
        background-position: center;
    }

    .p-vibease-bg-m-3 {
        background-image: url('../Image/Product/Vibease/Mobile/Ads/erotica.jpg?v=2.1');
        background-position: center;
    }

    .p-vibease-bg-m-4 {
        background-image: url('../Image/Product/Vibease/Mobile/Ads/feature1.jpg?v=2.1');
        background-position: center;
    }

    .p-vibease-bg-m-5 {
        background-image: url('../Image/Product/Vibease/Mobile/Ads/feature2.jpg?v=2.1');
        background-position: center;
    }

    .p-vibease-bg-m-6 {
        background-image: url('../Image/Product/Vibease/Mobile/Ads/feature3.jpg?v=2.1');
        background-position: center;
    }


    .p-mobile-video-section {
        display: block;
    }

    .p-mobile-placeholder {
        display: block;
        position: relative;
    }

    .p-mobile-placeholder-c {
        margin-top: 0 !important;
        padding-top: 50px !important;
        background-color: black;
    }

    .p-mobile-desc {
        margin-bottom: 0;
        padding-bottom: 30px;
    }

    .p-mobile-video-container {
        height: auto;
        color: white;
    }
}