/* ------------------------------------------------------------------------------------------------------------ */
body, html{
    overflow-x: clip !important;
}
*[data-product="super-restorative"] .serums-hero__ingredient span {
    left: 4%;
}
.serums-hero__ingredient span {
    color: #040000;
}
*[data-product="double-serum"] .serums-hero__ingredient span {
    top: 5%;
    left: 55%;
    text-align: right;
}
*[data-product="extra-firming"] .serums-hero__ingredient span {
    top: 2%;
    left: 42%;
    text-align: right;
    right: 5%;
}
*[data-product="super-restorative"] .serums-hero__ingredient span {
    top: 5%;
    left: 42%;
    text-align: right;
    width: 51%;
}
*[data-product="shaping-facial-lift"] .serums-hero__ingredient span {
    top: 85%;
    left: 16%;
}
*[data-product="hydra-essentiel"] .serums-hero__ingredient span {
    top: 8%;
    left: 54%;
}

*[data-product="bright-plus"] .serums-hero__ingredient span {
    top: 72%;
    left: 2%;
    width: 25%;
}
.dp-faq__claim {
    max-width: 877px;
    width: 100%;
    text-align: left;
    margin-bottom: 0;
}
.dp-faq__container {
    margin-top: 0;
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
    .serums-nav__wrapper {
        justify-content: space-around !important;
    }
    .serums-spacer {
        height: auto;
        background: none;
        color: transparent;
        visibility: none;
    }
    .serums-header,.serums-nav {
        border: none !important;
    }

    /* FIX ON UNNECESSARY LINE OBSERVED ONLY ON ACTUAL DEVICE */
    .serums-nav__wrapper{
        padding-bottom: 5px;
    }

    .serums-hero__ingredient span {
        font-size: 10px;
    }
    *[data-product="double-serum"] .serums-hero__ingredient span {
        top: 2%;
        right: 6%;
    }
    *[data-product="extra-firming"] .serums-hero__ingredient span {
        left: 38% !important;
    }

    .serums-nav__wrapper {
        padding-bottom: 5px;
        overflow-x: hidden;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        white-space: pre-wrap;
        max-width: 370px;
        width: 100%;
    }
    .serums-nav li a {
        display: flex;
        white-space: pre-wrap;
        height: 50px;
        padding: 15px 4px;
        text-align: center;
        width: 100%;
        line-height: 1.5em;
        border-radius: 30px;
        font-size: 12px;
    }
    .serums-nav li:first-child {
        margin-left: 0;
    }
    .serums-nav li:last-child {
        margin-right: 0;
    }
    .serums-nav li {
        display: block;
        max-width: 180px;
        width: 100%;
        padding: 0;
        margin: 5px 0;
    }

}