/*
        SECTION 01
    */
    /* .TheContent {
        margin-top: 50px;
    } */

    .TheHeader {
        background-color: #be0f34;
        position: relative;
        margin-bottom: 25px;
    }

    .relativeBox{
        position: relative;
    }

    .MainLogo {
        position: absolute;
        top: -44px;
        left: 433px;
    }

    .mainImage {
        width: 100%;
        display: block;
    }

    .TheHeader h1.bigTitle {
        color: #fff;
        line-height: 50px;
        font-size: 40px;
        font-family: ClarinsRegular;
        font-weight: normal;
        text-align: center;
        margin-top: 50px;
    }

    p.Text-Content,
    .Text-Content {
        margin: 0;
        text-align: center;
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 36px;
        padding-top: 5px;
    }

    .TheHeader p.Text-Content {
        color: #fff;
        padding-top: 10px;
        padding-right: 20px;
    }

    /*
/////////////// RESPONSIVE DESIGN SECTION 01 /////////////////
*/

    /* Extra large devices (large desktops, 1200px and up) */

    @media (min-width: 1200px) {
        .isMoBile {
            display: none;
        }

    }

    /* Large devices (desktops, 992px and up) */

    @media (min-width: 992px) and (max-width: 1199.98px) {
        .isMoBile {
            display: none;
        }
    }

    /* custom ipad pro */

    @media (min-width: 1024px) and (max-width: 1024px) {
        .TheContent {
            margin-top: 0px;
        }

        .MainLogo {
            top: -36px;
            left: 361px;
        }

        .MainLogo img {
            width: 80%;
        }


        .TheHeader h1.bigTitle {
            margin-top: 35px;
        }

        .isMoBile {
            display: none;
        }

        p.Text-Content.isDesktop {
            padding-bottom: 15px;
        }
    }

    /* Medium devices (tablets, 768px and up) */

    @media (min-width: 768px) and (max-width: 991.98px) {
        .TheContent {
            margin-top: 0px;
        }

        .MainLogo {
            top: -36px;
            left: 247px;
        }

        .MainLogo img {
            width: 80%;
        }

        .TheHeader h1.bigTitle {
            margin-top: 35px;
        }

        .isDesktop {
            display: none;
        }

        .isMoBile {
            display: block;
        }
    }

    /* Small devices (landscape phones, 576px and up) */

    @media (min-width: 576px) and (max-width: 767.98px) {


        .TheContent {
            margin-top: 0px;
        }

        .MainLogo {
            top: -36px;
            left: 247px;
        }

        .MainLogo img {
            width: 80%;
        }

        .TheHeader h1.bigTitle {
            margin-top: 35px;
        }

        .isDesktop {
            display: none;
        }

        .isMoBile {
            display: block;
        }

    }

    /* Extra small devices (portrait phones, less than 576px) */

    @media (max-width: 575.98px) {

        .TheContent {
            margin-top: 30px;
        }

        .MainLogo {
            top: -28px;
            left: 91px;
        }

        .MainLogo img {
            width: 80%;
        }

        .isDesktop {
            display: none;
        }

        .isMoBile {
            display: block;
        }

        .TheHeader p.Text-Content {
            padding-right: 10px;
        }
    }


    @media (min-width: 411px) and (max-width: 411px) {
        .MainLogo {
            top: -31px;
            left: 91px;
        }

    }

    @media (min-width: 414px) and (max-width: 414px) {
        .MainLogo {
            top: -31px;
            left: 91px;
        }

    }

    /* (xs devices  320px) */

    @media (min-width: 320px) and (max-width: 320px) {

        .TheContent {
            margin-top: 30px;
        }

        .MainLogo {
            top: -23px;
            left: 91px;
        }

        .isDesktop {
            display: none;
        }

        .isMoBile {
            display: block;
        }

        .TheHeader h1.bigTitle {
            margin-left: 0px;
            margin-right: 0px;
        }

        .TheHeader p.Text-Content {
            padding-right: 6px;
        }
    }


    /*
        ///////////////////////////////
        //////////////////////////////
    */

    /*
        SECTION 02
    */

    .weekOne, .weekTwo, .weekthree, .weekFour {
        position: relative;
        margin-top: 50px ;
    }

    .CarouselContainer .slick-prev,
    .CarouselContainer .slick-next {
        top: 14%;
    }

    .CarouselContainer .slick-prev{
        left: 0px;
    }
    .CarouselContainer .slick-next{
        right: 169px;
    }

    .CarouselContainer .slick-prev:active {
        outline: 0px !important;
    }

    .CarouselContainer .slick-next:active {
        outline: 0px !important;
    }

    .CarouselContainer .slick-prev:focus {
        outline: 0px !important;
    }

    .CarouselContainer .slick-next:focus {
        outline: 0px !important;
    }


    .CarouselContainer .slick-prev:after {
        height: 128px;
        width: 132px;
        background-image: url('img/left.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: 100%;
    }

    .CarouselContainer .slick-next:after {
        height: 128px;
        width: 132px;
        background-image: url('img/left.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: 100%;
        transform: rotate(180deg);
    }

    .weekOne h1, .weekTwo h1, .weekThree h1, .weekFour h1 {
        line-height: 50px;
        font-size: 60px;
        font-family: ClarinsRegular;
        font-weight: normal;
        text-align: center;
        margin-top: 80px;
    }

    .TitleOverlay {
        text-align: center;
        font-size: 30px;
        color: #fff;
        background-color: #fdbeb4;
        font-weight: bold;
        position: absolute;
        top: 32px;
        left: 135px;
        z-index: -1;
        transform: rotate(-5deg);
        padding: 12px 25px 12px 25px;
        letter-spacing: 12px;
    }

    .partOne{
        position: relative;
    }

    .partOne img {
        margin-left: 30%;
    }

    .rubriqueUne {
        background-color: #fdbeb4;
        color: #fff;
        font-size: 40px;
        left: 220px;
        letter-spacing: 5px;
        line-height: 80px;
        padding: 30px 70px 30px 20px;
        position: absolute;
        text-align: center;
        top: 70px;
    }

    .Text-Content .number {
        color: #fdbeb4;
        font-weight: bold;
        font-size: 40px;
    }

    .Text-Content .advice {
        color: #be0f34;
        font-size: 25px;
    }

    .partTwo {
        height: 785px;
        padding-top: 30px;
        background-color: #fee5e1;
    }

    .partTwo h2 {
        color: #be0f34;
        font-size: 30px;
        font-weight: normal;
        text-align: center;
    }

    .partTwo .product-items h3 {
        color: #be0f34;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        margin-bottom: 0px;
    }

    .partTwo .product-items img {
        width: 100%;
    }

    .partTwo .product-items p.Text-Content {
        padding-bottom: 0px;
    }

    .partTwo .product-items p.Text-Content.Price {
        font-weight: bold;
    }

    .partTwo .product-items p.btn-link {
        background-color: #000;
        width: 105px;
        margin: auto;
        height: 20px;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 12px;
        cursor: pointer;
    }

    .partTwo .product-items p.btn-link a {
        color: #fff;
        font-size: 13px;
    }

    .CarouselContainer .partTwo .product-items .slick-prev:after {
        height: 44px;
        width: 42px;
        background-image: url('img/left_white.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: 100%;
    }

    .CarouselContainer .partTwo .product-items .slick-next:after {
        height: 44px;
        width: 42px;
        background-image: url('img/left_white.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: 100%;
        transform: rotate(180deg);
    }




    /*
/////////////// RESPONSIVE DESIGN SECTION 02 /////////////////
*/

    /* Extra large devices (large desktops, 1200px and up) */

    @media (min-width: 1200px) {}

    @media (min-width: 1440px) and (max-width: 1440px) {


        .CarouselContainer .slick-next {
            right: 3px;
        }

    }

    @media (min-width: 1280px) and (max-width: 1280px) {

        .CarouselContainer .slick-next {
            right: 80px;
        }

    }

    /* Large devices (desktops, 992px and up) */

    @media (min-width: 992px) and (max-width: 1199.98px) {}

    /* custom ipad pro */

    @media (min-width: 1024px) and (max-width: 1024px) {

        .relativeBox h1.isDesktop{
            display: none;
        }

        .relativeBox h1.isMoBile{
            display: block;
        }


        
        .weekOne, .weekTwo, .weekthree, .weekFour {
            margin-top: 35px ;
        }

        .partOne img {
            margin-left: 20%;
            width: 80%;
        }

        .rubriqueUne {
            left: 40px;
            top: 57px;
        }

        .CarouselContainer .slick-prev, .CarouselContainer .slick-next {
            top: 13%;
        }

        .CarouselContainer .slick-prev {
            left: -37px;
        }

        .CarouselContainer .slick-next {
            right: 73px;
        }
    }

    /* Medium devices (tablets, 768px and up) */

    @media (min-width: 768px) and (max-width: 991.98px) {

        .partOne img {
            margin-left: 0%;
            width: 100%;
            margin-top: 32%
        }

        .partTwo {
            height: initial;
        }

        .rubriqueUne {
            left: 220px;
            top: -55px;
        }

        .CarouselContainer .slick-next {
            right: 80px;
        }

        .partOne div.Text-Content.isDesktop {
            display: block;
        }

        .partOne div.Text-Content.isMoBile {
            display: none;
        }

        .partOne div.Text-Content.isDesktop.topText {
            display: none;
        }

        .partOne div.Text-Content.isMoBile.topText {
            display: block;
        }


        .CarouselContainer .partTwo .product-items .slick-prev,
        .CarouselContainer .partTwo .product-items .slick-next {
            top: 46%;
        }

        .CarouselContainer .partTwo .product-items .slick-prev {
            left: 125px;
        }

        .CarouselContainer .partTwo .product-items .slick-next {
            right: 125px;
        }

        .CarouselContainer .partTwo .product-items .slick-dots li[role=presentation] {
            background: transparent;
            border: 2px solid white;

        }

        .CarouselContainer .partTwo .product-items .slick-dots li.slick-active {
            background: #fff;
        }
    }

    /* Small devices (landscape phones, 576px and up) */

    @media (min-width: 576px) and (max-width: 767.98px) {

        .weekOne, .weekTwo, .weekthree, .weekFour {
            margin-top: 30px ;
        }

        .partOne img {
            margin-left: 0%;
            width: 100%;
            margin-top: 32%
        }

        .partTwo {
            height: initial;
        }

        .rubriqueUne {
            left: 220px;
            top: -55px;
        }

        .CarouselContainer .slick-next {
            right: 80px;
        }

        .partOne div.Text-Content.isDesktop {
            display: block;
        }

        .partOne div.Text-Content.isMoBile {
            display: none;
        }

        .partOne div.Text-Content.isDesktop.topText {
            display: none;
        }

        .partOne div.Text-Content.isMoBile.topText {
            display: block;
        }


        .CarouselContainer .partTwo .product-items .slick-prev,
        .CarouselContainer .partTwo .product-items .slick-next {
            top: 46%;
        }

        .CarouselContainer .partTwo .product-items .slick-prev {
            left: 125px;
        }

        .CarouselContainer .partTwo .product-items .slick-next {
            right: 125px;
        }

        .CarouselContainer .partTwo .product-items .slick-dots li[role=presentation] {
            background: transparent;
            border: 2px solid white;

        }

        .CarouselContainer .partTwo .product-items .slick-dots li.slick-active {
            background: #fff;
        }
    }

    /* Extra small devices (portrait phones, less than 576px) */

    @media (max-width: 575.98px) {

        .CarouselContainer {
            margin-top: 0px;
        }

        .weekOne h1.isMoBile, .weekTwo h1.isMoBile, .weekThree h1.isMoBile, .weekFour h1.isMoBile {
            font-size: 40px;
        }

        .weekOne .TitleOverlay, .weekTwo .TitleOverlay, .weekThree .TitleOverlay, .weekFour .TitleOverlay    {
            font-size: 18px;
            top: 55px;
            left: 50px;
            transform: rotate(-5deg);
            padding: 10px 10px 10px 10px;
            letter-spacing: 8px;
        }

        .partOne img {
            margin-left: 0%;
            width: 100%;
            margin-top: 32%
        }

        .partTwo {
            height: initial;
        }

        .rubriqueUne {
            font-size: 30px;
            left: 39px;
            letter-spacing: 5px;
            line-height: 50px;
            padding: 0px 35px 10px 25px;
            position: absolute;
            text-align: center;
            top: -46px;
        }

        .CarouselContainer .slick-prev,
        .CarouselContainer .slick-next {
            top: 15%;
        }

        .CarouselContainer .slick-prev {
            left: -49px;
        }

        .CarouselContainer .slick-next {
            right: 87px;
        }

        .CarouselContainer .slick-prev:after {
            height: 128px;
            width: 132px;
            background-size: 50%;
        }

        .CarouselContainer .slick-next:after {
            height: 128px;
            width: 132px;

            background-size: 50%;
            transform: rotate(180deg);
        }

        .CarouselContainer .partTwo .product-items .slick-prev,
        .CarouselContainer .partTwo .product-items .slick-next {
            top: 46%;
        }

        .CarouselContainer .partTwo .product-items .slick-prev {
            left: 46px;
        }

        .CarouselContainer .partTwo .product-items .slick-next {
            right: 46px;
        }

        .CarouselContainer .partTwo .product-items .slick-dots li[role=presentation] {
            background: transparent;
            border: 2px solid white;

        }

        .CarouselContainer .partTwo .product-items .slick-dots li.slick-active {
            background: #fff;
        }

    }

    @media (min-width: 414px) and (max-width: 414px) {

        .rubriqueUne {
            left: 60px;
            top: -33px;


        }



    }


    /* (xs devices  320px) */

    @media (min-width: 320px) and (max-width: 320px) {
        .CarouselContainer {
            margin-top: 0px;
        }

        .weekOne h1.isMoBile, .weekTwo h1.isMoBile, .weekThree h1.isMoBile, .weekFour h1.isMoBile {
            font-size: 40px;
        }

        .weekOne .TitleOverlay {
            font-size: 18px;
            top: 52px;
            left: 50px;
            transform: rotate(-5deg);
            padding: 10px 10px 10px 10px;
            letter-spacing: 8px;
        }

        .partOne img {
            margin-left: 0%;
            width: 100%;
            margin-top: 40%
        }

        .partTwo {
            height: initial;
        }

        .rubriqueUne {
            font-size: 30px;
            left: 14px;
            letter-spacing: 5px;
            line-height: 50px;
            padding: 0px 35px 10px 25px;
            position: absolute;
            text-align: center;
            top: -42px;
        }

        .CarouselContainer .slick-prev,
        .CarouselContainer .slick-next {
            top: 15%;
        }

        .CarouselContainer .slick-prev {
            left: -49px;
        }

        .CarouselContainer .slick-next {
            right: 47px;
        }

        .CarouselContainer .slick-prev:after {
            height: 128px;
            width: 132px;
            background-size: 50%;
        }

        .CarouselContainer .slick-next:after {
            height: 128px;
            width: 132px;

            background-size: 50%;
            transform: rotate(180deg);
        }

        .CarouselContainer .partTwo .product-items .slick-prev,
        .CarouselContainer .partTwo .product-items .slick-next {
            top: 46%;
        }

        .CarouselContainer .partTwo .product-items .slick-prev {
            left: 46px;
        }

        .CarouselContainer .partTwo .product-items .slick-next {
            right: 46px;
        }

        .CarouselContainer .partTwo .product-items .slick-dots li[role=presentation] {
            background: transparent;
            border: 2px solid white;

        }

        .CarouselContainer .partTwo .product-items .slick-dots li.slick-active {
            background: #fff;
        }



    }



    /*
        ///////////////////////////////
        //////////////////////////////
    */



    /*
        SECTION 03
    */

    .partThree {
        background-color: #fdbeb4;
    }

    .partThree h3 {
        color: #be0f34;
        font-size: 30px;
        font-weight: normal;
        text-align: left;
    }

    .partThree .ingredientBlock h3.isMoBile {
        text-align: center !important;
    }

    .partThree .ingredientBlock {
        position: relative;
    }

    .partThree .ingredientBlock img {
        width: 100%;
    }

    .partThree .ingredientBlock .bullet {
        background-color: black;
        border-radius: 50%;
        height: 10px;
        left: 506px;
        position: absolute;
        top: 272px;
        width: 10px;
    }

    .partThree .ingredientBlock .line {
        position: absolute;
        background-color: black;
        height: 2px;
        left: 515px;
        top: 276px;
        width: 185px;
    }

    .partThree .ingredientText {
        margin-top: 162px;
        padding-left: 85px;
    }

    .partThree .Text-Content {
        text-align: left;
    }

    .partThree .Text-Content span.shea {
        font-weight: bold;
        text-transform: uppercase;
    }


    /*
/////////////// RESPONSIVE DESIGN SECTION 03 /////////////////
*/
    /* Extra large devices (large desktops, 1200px and up) */

    @media (min-width: 1200px) {}

    /* Large devices (desktops, 992px and up) */

    @media (min-width: 992px) and (max-width: 1199.98px) {}

    /* custom ipad pro */

    @media (min-width: 1024px) and (max-width: 1024px) {

        .partThree .ingredientText {
            margin-top: 116px;
        }

        .partThree .ingredientBlock .bullet {
            left: 414px;
            top: 224px;
        }

        .partThree .ingredientBlock .line {
            left: 423px;
            top: 228px;
            width: 160px;
        }
    }

    /* Medium devices (tablets, 768px and up) */

    @media (min-width: 768px) and (max-width: 991.98px) {

        .partThree .ingredientText {
            margin-top: 0px;
            padding-left: 125px;
        }

        .partThree .ingredientBlock .bullet {
            left: 160px;
            top: 545px;
        }

        .partThree .ingredientBlock .line {
            left: 125px;
            top: 550px;
            width: 33px;
            height: 315px;
            background-color: transparent;
            border-top: 2px solid black;
            border-left: 2px solid black;
        }

    }

    /* Small devices (landscape phones, 576px and up) */

    @media (min-width: 576px) and (max-width: 767.98px) {
        .partThree .ingredientText {
            margin-top: 0px;
            padding-left: 125px;
        }

        .partThree .ingredientBlock .bullet {
            left: 160px;
            top: 545px;
        }

        .partThree .ingredientBlock .line {
            left: 125px;
            top: 550px;
            width: 33px;
            height: 315px;
            background-color: transparent;
            border-top: 2px solid black;
            border-left: 2px solid black;
        }
    }

    /* Extra small devices (portrait phones, less than 576px) */

    @media (max-width: 575.98px) {
        .partThree .ingredientText {
            margin-top: 0px;
            padding-left: 58px;
        }

        .partThree .ingredientBlock .bullet {
            left: 88px;
            top: 308px;
        }

        .partThree .ingredientBlock .line {
            left: 62px;
            top: 312px;
            width: 33px;
            height: 157px;
            background-color: transparent;
            border-top: 2px solid black;
            border-left: 2px solid black;
        }

    }

    @media (min-width: 414px) and (max-width: 414px) {

        .partThree .ingredientBlock .bullet {
            left: 94px;
            top: 329px;
        }

        .partThree .ingredientBlock .line {

            left: 60px;
            top: 333px;
            height: 184px;

        }

        .partThree .ingredientText {
            padding-left: 60px;
        }

    }

    @media (min-width: 411px) and (max-width: 411px) {

        .partThree .ingredientBlock .bullet {
            left: 88px;
            top: 329px;
        }

        .partThree .ingredientBlock .line {

            left: 62px;
            top: 333px;
            height: 180px;

        }

        .partThree .ingredientText {
            padding-left: 60px;
        }

    }

    @media (min-width: 375px) and (max-width: 375px) {
        .partThree .ingredientBlock .line {

            height: 161px;

        }

        .partThree .ingredientText {
            padding-left: 60px;
        }

    }

    @media (min-width: 360px) and (max-width: 360px) {

        .partThree .ingredientText {
            margin-top: 0px;
            padding-left: 50px;
        }

        .partThree .ingredientBlock .bullet {
            left: 88px;
            top: 308px;
        }

        .partThree .ingredientBlock .line {
            left: 62px;
            top: 312px;
            width: 33px;
            height: 147px;
        }
    }

    /* (xs devices  320px) */

    @media (min-width: 320px) and (max-width: 320px) {

        .partThree .ingredientText {
            margin-top: 0px;
            padding-left: 50px;
        }

        .partThree .ingredientBlock .bullet {
            left: 88px;
            top: 308px;
        }

        .partThree .ingredientBlock .line {
            left: 52px;
            top: 312px;
            width: 35px;
            height: 102px;
            background-color: transparent;
            border-top: 2px solid black;
            border-left: 2px solid black;
        }
    }


    /*
        ///////////////////////////////
        //////////////////////////////
    */

    /*
        SECTION 04
    */

    .partFour {
        position: relative;
    }

    .partFour .exolay {
        position: absolute;
        left: 125px;
        top: -205px;
        font-size: 50px;
        background-color: #fee5e1;
        color: white;
        text-transform: uppercase;
        line-height: 70px;
        letter-spacing: 5px;
        font-weight: bold;
        padding: 50px 20px 54px 20px;
        text-align: center;
    }

    .partFour h3 {
        color: #be0f34;
        font-size: 25px;
        text-align: left;
    }

    .partFour .Text-Content {
        text-align: left;
    }

    .partFour .exoadvice {
        padding-left: 107px;
        margin-top: 50px;
    }

    .Exosteps h3 {

        background-color: #fdbeb4;
        color: white;
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        padding: 11px;
        width: 41%;

    }

    .Exosteps .exosubT {
        font-size: 16px;
        ;
        font-weight: bold;
        text-transform: uppercase;
        color: #fdbeb4;

    }

    .partFour .steps p {
        font-size: 16px;
        position: relative;

    }

    .partFour .steps p::before {
        content: "";
        display: block;
        position: absolute;
        left: -23px;
        top: -5px;
        width: 26px;
        height: 32px;
        background-image: url('img/check.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: 100%;

    }


    /*
/////////////// RESPONSIVE DESIGN SECTION 04 /////////////////
*/

    /* Extra large devices (large desktops, 1200px and up) */

    @media (min-width: 1200px) {}

    /* Large devices (desktops, 992px and up) */

    @media (min-width: 992px) and (max-width: 1199.98px) {}

    /* custom ipad pro */

    @media (min-width: 1024px) and (max-width: 1024px) {
        .partFour .exolay {
            left: 48px;
            top: -151px;
        }
    }

    /* Medium devices (tablets, 768px and up) */

    @media (min-width: 768px) and (max-width: 991.98px) {
        .partFour .exolay {
            font-size: 40px;
            left: 288px;
            top: -25px;
            width: 25%;
            padding: 40px 10px 40px 10px;
            line-height: 65px;
        }

        .partFour h3 {
            text-align: center;
            margin: auto;
            width: 47%;
        }

        .partFour .Text-Content {
            text-align: center;
        }

        .partFour .exercice-items.Exosteps.isMoBile .Text-Content {
            text-align: left;
        }

        .partFour .exercice-items.Exosteps.isMoBile .ExOne img {
            margin: auto;
        }

        .partFour .exoadvice {
            padding-left: 0px;
            margin-top: 390px;
        }

        .partFour .exercice-items.Exosteps.isMoBile .Advices {
            padding-left: 220px;

        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-next {
            top: 44%;
            right: 140px;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-prev {
            top: 44%;
            left: 140px;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-prev:after {
            height: 41px;
            width: 41px;
            background-image: url('img/advice-left.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-color: transparent;
            background-size: 100%;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-next:after {
            height: 41px;
            width: 41px;
            background-image: url('img/advice-left.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-color: transparent;
            background-size: 100%;
            transform: rotate(180deg);
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots {
            bottom: 667px;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots li[role=presentation] {
            background: transparent;
            border: 2px solid #fdbeb4;

        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots li.slick-active {
            background: #fdbeb4;
        }


    }

    /* Small devices (landscape phones, 576px and up) */

    @media (min-width: 576px) and (max-width: 767.98px) {
        .partFour .exolay {
            font-size: 40px;
            left: 288px;
            top: -25px;
            width: 25%;
            padding: 40px 10px 40px 10px;
            line-height: 65px;
        }

        .partFour h3 {
            text-align: center;
            margin: auto;
            width: 47%;
        }

        .partFour .Text-Content {
            text-align: center;
        }

        .partFour .exercice-items.Exosteps.isMoBile .Text-Content {
            text-align: left;
        }

        .partFour .exercice-items.Exosteps.isMoBile .ExOne img {
            margin: auto;
        }

        .partFour .exoadvice {
            padding-left: 0px;
            margin-top: 390px;
        }

        .partFour .exercice-items.Exosteps.isMoBile .Advices {
            padding-left: 220px;

        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-next {
            top: 44%;
            right: 140px;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-prev {
            top: 44%;
            left: 140px;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-prev:after {
            height: 41px;
            width: 41px;
            background-image: url('img/advice-left.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-color: transparent;
            background-size: 100%;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-next:after {
            height: 41px;
            width: 41px;
            background-image: url('img/advice-left.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-color: transparent;
            background-size: 100%;
            transform: rotate(180deg);
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots {
            bottom: 667px;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots li[role=presentation] {
            background: transparent;
            border: 2px solid #fdbeb4;

        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots li.slick-active {
            background: #fdbeb4;
        }



    }

    /* Extra small devices (portrait phones, less than 576px) */

    @media (max-width: 575.98px) {

        .partFour .exolay {
            font-size: 40px;
            left: 77px;
            top: -25px;
            width: 54%;
            padding: 40px 10px 40px 10px;
            line-height: 65px;
        }

        .partFour h3 {
            text-align: center;
            margin: auto;
            width: 53%;
            padding: 15px;
        }

        .partFour .Text-Content {
            text-align: center;
        }

        .partFour .exercice-items.Exosteps.isMoBile .Text-Content {
            text-align: left;
        }

        .partFour .exercice-items.Exosteps.isMoBile .ExOne img {
            margin: auto;
        }

        .partFour .exoadvice {
            padding-left: 0px;
            margin-top: 390px;
        }

        .partFour .exercice-items.Exosteps.isMoBile .Advices {
            padding-left: 25px;

        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-next {
            top: 43%;
            right: 22px;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-prev {
            top: 43%;
            left: 22px;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-prev:after {
            height: 41px;
            width: 41px;
            background-image: url('img/advice-left.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-color: transparent;
            background-size: 100%;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-next:after {
            height: 41px;
            width: 41px;
            background-image: url('img/advice-left.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-color: transparent;
            background-size: 100%;
            transform: rotate(180deg);
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots {
            bottom: 801px;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots li[role=presentation] {
            background: transparent;
            border: 2px solid #fdbeb4;

        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots li.slick-active {
            background: #fdbeb4;
        }

    }

    /* (xs devices  320px) */

    @media (min-width: 320px) and (max-width: 320px) {

        .partFour .exolay {
            font-size: 40px;
            left: 54px;
            top: -25px;
            width: 59%;
            padding: 40px 10px 40px 10px;
            line-height: 65px;
        }

        .partFour h3 {
            text-align: center;
            margin: auto;
            width: 70%;
            padding: 15px;
        }

        .partFour .Text-Content {
            text-align: center;
        }

        .partFour .exercice-items.Exosteps.isMoBile .Text-Content {
            text-align: left;
        }

        .partFour .exercice-items.Exosteps.isMoBile .ExOne img {
            margin: auto;
            width: 100%;
        }

        .partFour .exoadvice {
            padding-left: 0px;
            margin-top: 390px;
        }

        .partFour .exercice-items.Exosteps.isMoBile .Advices {
            padding-left: 25px;

        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-next {
            top: 46%;
            right: -4px;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-prev {
            top: 46%;
            left: -12px;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-prev:after {
            height: 41px;
            width: 41px;
            background-image: url('img/advice-left.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-color: transparent;
            background-size: 100%;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-next:after {
            height: 41px;
            width: 41px;
            background-image: url('img/advice-left.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-color: transparent;
            background-size: 100%;
            transform: rotate(180deg);
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots {
            bottom: 742px;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots li[role=presentation] {
            background: transparent;
            border: 2px solid #fdbeb4;

        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots li.slick-active {
            background: #fdbeb4;
        }

    }

    @media (min-width: 360px) and (max-width: 360px) {

        .partFour .exercice-items.Exosteps.isMoBile .ExOne img {
            margin: auto;
            width: 100%;
        }

        .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots {
            bottom: 786px;
        }
    }


    /*
        ///////////////////////////////
        //////////////////////////////
    */


    /*
        SECTION 05
    */
    .partFive {
        margin-top: 30px;
    }

    .partFive .BreakBox {
        position: relative;
    }

    .partFive .BreakBox .cutieOverlay {
        position: absolute;
        top: 35px;
        left: 587px;
        background-color: #fdbeb4;
        color: #fff;
        font-size: 50px;
        text-transform: uppercase;
        line-height: 70px;
        width: 360px;
        padding: 10px 40px 10px 40px;
        text-align: center;
        letter-spacing: 2px;
        font-weight: bold;

    }

    .partFive .BreakBox img {
        width: 100%;
    }

    .partFive .Breakfast {
        padding-left: 60px;
        margin-top: 261px;
    }

    .partFive .Breakfast h3 {
        color: #be0f34;
        font-size: 25px;
        text-align: left;
    }

    .partFive .Breakfast .Text-Content {
        font-size: 16px;
        text-align: left;
    }

    .partFive .Breakfast .steps p {
        font-size: 16px;
        position: relative;

    }

    .partFive .Breakfast .steps p::before {
        content: "";
        display: block;
        position: absolute;
        left: -23px;
        top: -5px;
        width: 26px;
        height: 32px;
        background-image: url('img/check.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        background-size: 100%;

    }

    /*
        /////////////// RESPONSIVE DESIGN SECTION 5 /////////////////
      */

    /* Extra large devices (large desktops, 1200px and up) */

    @media (min-width: 1200px) {}

    /* Large devices (desktops, 992px and up) */

    @media (min-width: 992px) and (max-width: 1199.98px) {}

    /* custom ipad pro */

    @media (min-width: 1024px) and (max-width: 1024px) {
        .partFive .BreakBox .cutieOverlay {
            left: 473px;
        }

        .partFive .Breakfast {
            padding-left: 41px;
        }

        .partFive .Breakfast .Text-Content {
            padding-bottom: 10px;
        }
    }

    /* Medium devices (tablets, 768px and up) */

    @media (min-width: 768px) and (max-width: 991.98px) {

        .partFive {
            margin-top: 130px;
        }

        .partFive .Breakfast {
            padding-left: 129px;
            margin-top: 0px;

        }

        .partFive .BreakBox .cutieOverlay {
            top: -217px;
            left: 244px;
            line-height: 83px;
            width: 274px;
            height: 253px;
            padding: 10px 30px 10px 30px;
            letter-spacing: 2px;
        }

        .partFive .Breakfast .Text-Content {
            padding-bottom: 10px;
        }


    }

    /* Small devices (landscape phones, 576px and up) */

    @media (min-width: 576px) and (max-width: 767.98px) {

        .partFive {
            margin-top: 130px;
        }

        .partFive .Breakfast {
            padding-left: 129px;
            margin-top: 0px;

        }

        .partFive .BreakBox .cutieOverlay {
            top: -217px;
            left: 244px;
            line-height: 83px;
            width: 274px;
            height: 253px;
            padding: 10px 30px 10px 30px;
            letter-spacing: 2px;
        }

        .partFive .Breakfast .Text-Content {
            padding-bottom: 10px;
        }

    }

    /* Extra small devices (portrait phones, less than 576px) */

    @media (max-width: 575.98px) {

        .partFive {
            margin-top: 203px;
        }

        .partFive .Breakfast {
            padding-left: 129px;
            margin-top: 0px;

        }

        .partFive .BreakBox .cutieOverlay {
            top: -253px;
            left: 45px;
            line-height: 83px;
            width: 222px;
            height: 258px;
            padding: 10px 30px 10px 30px;
            letter-spacing: 2px;
            font-size: 40px;
        }

        .partFive .Breakfast .Text-Content {
            padding-bottom: 10px;
        }

        .partFive .Breakfast {
            padding-left: 30px;
            margin-top: 0px;
        }
    }

    /* (xs devices  320px) */

    @media (min-width: 320px) and (max-width: 320px) {
        .partFive .BreakBox .cutieOverlay {
            left: 19px;

        }
    }


    /*
        ///////////////////////////////
        //////////////////////////////
    */


    
    /*
//////////////////////////////////////////////////////
/////////////////////////////////////////////////////
            WEEK 02 CSS
/////////////////////////////////////////////////////
////////////////////////////////////////////////////
*/

.weekTwo .TitleOverlay {
    text-align: center;
    font-size: 30px;
    color: #fff;
    background-color: #7dbb85;
    font-weight: bold;
    position: absolute;
    top: 33px;
    left: 182px;
    transform: rotate(-3deg);
    letter-spacing: 5px;
}


.weekTwo .rubriqueUne {
    background-color: #7dbb85;
    left: 160px;
}

.weekTwo .Text-Content .number {
    color: #7dbb85;
}

.weekTwo .Text-Content .advice {
    color: #7dbb85;
}

.weekTwo .partTwo h2 {
    color: #7dbb85;

}

.weekTwo .partTwo {
    background-color: #ceeed2;
}

.weekTwo .partTwo .product-items h3 {
    color: #5da067;
}

.weekTwo .partThree h3 {
    color: #fff;
}

.weekTwo .partThree {
    background-color: #7dbb85;
}

.weekTwo .partFour .exolay {

    left: 105px;
    top: -140px;
    background-color: #ceeed2;
}

.weekTwo .partThree .ingredientBlock .bullet {
    left: 464px;
}

.weekTwo .partThree .ingredientBlock .line {
    left: 474px;
    width: 227px;
}

.weekTwo .partFour h3 {
    color: #5da067;
}

.weekTwo .Exosteps h3 {
background-color: #7dbb85;
color: white;

}

.weekTwo .Exosteps .exosubT {
color: #5da067;
}

.weekTwo .partFour .steps p::before {

top: 1px;
width: 26px;
height: 26px;
background-image: url(img/green_check.png);

}

.weekTwo .partFive .BreakBox .cutieOverlay {
background-color: #ceeed2;

}

.weekTwo .partFive .Breakfast h3 {
color: #5da067;
}

.weekTwo .partFive .Breakfast .steps p::before {

top: 1px;
width: 26px;
height: 26px;
background-image: url(img/green_check.png);

}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* custom ipad pro */
@media (min-width: 1024px) and (max-width: 1024px) {
    .weekTwo .TitleOverlay {
        top: 33px;
        left: 325px;
    }

    .weekTwo .partThree .ingredientText {
        margin-top: 111px;
        padding-left: 94px;
    }

    .weekTwo .partFour .exolay {

        left: 105px;
        top: -140px;
        background-color: #ceeed2;
    }

    .weekTwo .partThree .ingredientBlock .bullet {
        left: 379px;
    }

    .weekTwo .partThree .ingredientBlock .line {
        left: 388px;
        width: 211px;
    }

    .weekTwo .rubriqueUne {
        left: 12px;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .weekTwo .rubriqueUne {
        left: 193px;
    }

    .weekTwo .partFour .exolay {
        left: 283px;
        top: -23px;
    }

    .weekTwo .partThree .ingredientBlock .bullet {
        left: 233px;
        top: 271px;
    }

    .weekTwo .partThree .ingredientBlock .line {
        left: 126px;
        width: 109px;
        top: 275px;
        height: 439px;
    }

     .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-prev {
        top: 568px;
    }
     .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-next {
        top: 568px;
    }

     .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-prev:after {
        height: 28px;
        width: 28px;
        background-image: url(img/green_arrow_LANDING-PAGE_2_MOBILE.png);
       
    }

     .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-next:after {
        height: 28px;
        width: 28px;
        background-image: url(img/green_arrow_LANDING-PAGE_2_MOBILE.png);
    }

    .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-dots {
        bottom: 642px;
    }

    .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-dots li.slick-active {
        background: #5da067;
    }

    .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-dots li[role=presentation] {
        /* background: transparent; */
        border: 2px solid #5da067;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .weekTwo .rubriqueUne {
        left: 193px;
    }

    .weekTwo .partFour .exolay {
        left: 283px;
        top: -23px;
    }

    .weekTwo .partThree .ingredientBlock .bullet {
        left: 233px;
        top: 271px;
    }

    .weekTwo .partThree .ingredientBlock .line {
        left: 126px;
        width: 109px;
        top: 275px;
        height: 439px;
    }

     .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-prev {
        top: 569px;
    }
     .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-next {
        top: 569px;
    }

     .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-prev:after {
        height: 28px;
        width: 28px;
        background-image: url(img/green_arrow_LANDING-PAGE_2_MOBILE.png);
       
    }

     .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-next:after {
        height: 28px;
        width: 28px;
        background-image: url(img/green_arrow_LANDING-PAGE_2_MOBILE.png);
    }

    .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-dots {
        bottom: 642px;
    }

    .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-dots li.slick-active {
        background: #5da067;
    }

    .CarouselContainer .partFour .exercice-items.Exosteps.isMoBile .slick-dots li[role=presentation] {
        background: transparent;
        border: 2px solid #5da067;
    }

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    .weekTwo .TitleOverlay {
        top: 58px;
        left: 67px;
        font-size: 18px;
    }

    .weekTwo .rubriqueUne {
        left: 39px;
    }
    .weekTwo .partFour .exolay {
        left: 78px;
        top: -25px;
        
    }
    .weekTwo .partThree .ingredientText {
        padding-left: 41px;
    }

    .weekTwo .partThree .ingredientBlock .bullet {
        left: 111px;
        top: 184px;
    }

    .weekTwo .partThree .ingredientBlock .line {
        left: 42px;
        width: 75px;
        top: 188px;
        height: 211px;
    }

    .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-prev {
        top: 658px;
    }
     .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-next {
        top: 658px;
    }

     .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-prev:after {
        height: 28px;
        width: 28px;
        background-image: url(img/green_arrow_LANDING-PAGE_2_MOBILE.png);
       
    }

     .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-next:after {
        height: 28px;
        width: 28px;
        background-image: url(img/green_arrow_LANDING-PAGE_2_MOBILE.png);
    }

    .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-dots {
        bottom: 685px;
    }

    .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-dots li.slick-active {
        background: #5da067;
    }

    .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-dots li[role=presentation] {
        border: 2px solid #5da067;
    }

    .weekTwo .partFour .exercice-items.Exosteps.isMoBile .ExOne img {
        margin: auto;
        width: 100%;
    }
}

/* 
Custom one 
*/
@media (min-width: 414px) and (max-width: 414px) {
    .weekTwo .rubriqueUne {
        left: 60px;
    }

    .weekTwo .partThree .ingredientBlock .bullet {
        left: 123px;
    }

    .weekTwo .partThree .ingredientBlock .line {
        left: 43px;
        width: 81px;
    }
}

/* (xs devices  320px) */
@media (min-width: 320px) and (max-width: 320px) {

    .weekTwo .TitleOverlay {
        left: 49px;
    }

    .weekTwo .rubriqueUne {
        left: 14px;
    }

    .weekTwo .partThree .ingredientBlock .bullet {
        left: 94px;
        top: 170px;
    }

    .weekTwo .partThree .ingredientBlock .line {
        left: 42px;
        width: 59px;
        top: 174px;
        height: 183px;
    }

    .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-dots {
        bottom: 636px;
    }

    .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-prev {
        top: 655px;
    }
     .CarouselContainer .weekTwo .partFour .exercice-items.Exosteps.isMoBile .slick-next {
        top: 655px;
    }

}





/*
////////////////////////////////////////////////////
///////////////////////////////////////////////////
*/