.container-fluid.MyContent h1 {
    font-family: ClarinsRegular, Clarins;
    font-weight: 400;
    text-align: center;
    font-size: 50px;
    margin: 10px
}

.container-fluid.MyContent h2 {
    font-family: ClarinsRegular, Clarins;
    font-weight: 400;
    text-align: center;
    font-size: 40px
}

.container-fluid.MyContent h3 {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 30px
}

.container-fluid.MyContent .myTextContent {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 30px;
    text-align: center
}

.container-fluid.MyContent .pageHeader {
    background-color: #f48176;
    height: 540px
}

.container-fluid.MyContent .TextBox {
    background-color: #fff;
    margin-top: 55px;
    left: 190px;
    z-index: 3
}

.container-fluid.MyContent .MainTitle {
    color: #f48176
}

.container-fluid.MyContent .mainCta {
    display: block;
    width: 150px;
    background-color: #000;
    padding: 15px;
    color: #fff;
    margin: 10px auto 30px auto;
    font-weight: 700;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif
}

.container-fluid.MyContent .mainCta:hover {
    color: #fff
}

.container-fluid.MyContent .productBlock .upper.one {
    background-color: #fab2c6
}

.container-fluid.MyContent .productBlock .upper.two {
    background-color: #efc29e;
    margin-top: -83px
}

.container-fluid.MyContent .productBlock .upper.five {
    background-color: #f291aa
}

.container-fluid.MyContent .productBlock .bottom.one h3 {
    color: #f8799c
}

.container-fluid.MyContent .productBlock .bottom.one h3 span {
    color: #fab2c6
}

.container-fluid.MyContent .productBlock .bottom.two h3 {
    color: #e48f4b
}

.container-fluid.MyContent .productBlock .bottom.two h3 span {
    color: #efc29e
}

.container-fluid.MyContent .productBlock .bottom.three h3 {
    color: #000c
}

.container-fluid.MyContent .productBlock .bottom.three h3 span {
    color: #928d8b
}

.container-fluid.MyContent .productBlock .bottom.four h3 {
    color: #6195e5
}

.container-fluid.MyContent .productBlock .bottom.four h3 span {
    color: #a5c5f6
}

.container-fluid.MyContent .productBlock .bottom.five h3 {
    color: #e83c6c
}

.container-fluid.MyContent .productBlock .bottom.five h3 span {
    color: #f291aa
}

.container-fluid.MyContent .productBlock .upper {
    color: #fff;
    margin-top: -92px;
    margin-left: 33px;
    padding-top: 80px;
    width: 90%;
    padding-bottom: 15px
}

.container-fluid.MyContent .productBlock .packshotImg {
    text-align: left
}

.container-fluid.MyContent .productBlock .myTextContent.price {
    font-weight: 700
}

.container-fluid.MyContent .productBlock .bottom .secondaryCta {
    display: block;
    width: 150px;
    background-color: transparent;
    padding: 15px;
    margin: 10px auto 30px auto;
    font-weight: 700;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    text-align: center
}

.container-fluid.MyContent .productBlock .bottom.one .secondaryCta {
    border: 2px solid #fab2c6;
    color: #fab2c6
}

.container-fluid.MyContent .productBlock .bottom.two .secondaryCta {
    border: 2px solid #e6ad80;
    color: #e6ad80
}

.container-fluid.MyContent .productBlock .bottom.three .secondaryCta {
    border: 2px solid #928d8b;
    color: #928d8b
}

.container-fluid.MyContent .productBlock .bottom.four .secondaryCta {
    border: 2px solid #5381c8;
    color: #5381c8
}

.container-fluid.MyContent .productBlock .bottom.five .secondaryCta {
    border: 2px solid #e83c6c;
    color: #e83c6c
}

.container-fluid.MyContent .thirdSection {
    background-color: #f48176;
    margin-top: 50px
}

.container-fluid.MyContent .thirdSection .textPart .picTogram {
    text-align: center;
    margin: 35px 10px 10px 10px
}

.container-fluid.MyContent .thirdSection .imgPart {
    padding: 0
}

.container-fluid.MyContent .thirdSection h3 {
    color: #fff
}

.container-fluid.MyContent .thirdSection .myTextContent {
    color: #fff
}

.container-fluid.MyContent .thirdSection .textPart .secondaryCta {
    display: block;
    width: 165px;
    background-color: transparent;
    padding: 15px;
    margin: 10px auto 30px auto;
    font-weight: 700;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    text-align: center;
    border: 2px solid #fff;
    color: #fff
}

.container-fluid.MyContent .fourthSection {
    border: 16px solid #fdb0b0;
    margin-top: 50px;
    padding: 30px
}

.container-fluid.MyContent .fourthSection .PictoGifty {
    position: absolute;
    text-align: center;
    top: -38px
}

.container-fluid.MyContent .fourthSection .footerCta {
    display: inline-block;
    font-weight: 700;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: underline;
    margin-top: 10px
}

.container-fluid.MyContent .fourthSection .footerCta:hover {
    color: #000
}

.container-fluid.MyContent p.spmention.myTextContent {
    font-size: 11px;
    color: #8b8b8b;
    text-align: left;
    line-height: 15px;
    width: 80%
}

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

    .container-fluid.MyContent .pageHeader .ImgContent {
        padding: 0
    }

    .container-fluid.MyContent .pageHeader .ImgContent img {
        width: 100%
    }

    .container-fluid.MyContent .productBlock .adjust01 {
        padding-top: 42px
    }

    .container-fluid.MyContent .productBlock .bottom.five h3 {
        text-align: left
    }

    .container-fluid.MyContent .productBlock .bottom.five .myTextContent {
        text-align: left
    }

    .container-fluid.MyContent .productBlock .bottom.five .myTextContent.price {
        text-align: left
    }

    .container-fluid.MyContent .productBlock .bottom.five .secondaryCta {
        margin: 0
    }

    .container-fluid.MyContent .thirdSection {
        height: 415.867px
    }

    .container-fluid.MyContent .fourthSection .lastTextbox .myTextContent {
        text-align: left;
        margin: 5px 0 5px 0
    }
}

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

    .container-fluid.MyContent .pageHeader .ImgContent {
        padding: 0
    }

    .container-fluid.MyContent .pageHeader .ImgContent img {
        width: 100%
    }

    .container-fluid.MyContent .productBlock .adjust01 {
        padding-top: 42px
    }

    .container-fluid.MyContent .productBlock .bottom.five h3 {
        text-align: left
    }

    .container-fluid.MyContent .productBlock .bottom.five .myTextContent {
        text-align: left
    }

    .container-fluid.MyContent .productBlock .bottom.five .myTextContent.price {
        text-align: left
    }

    .container-fluid.MyContent .productBlock .bottom.five .secondaryCta {
        margin: 0
    }

    .container-fluid.MyContent .thirdSection {
        height: 340.683px
    }

    .container-fluid.MyContent .fourthSection .lastTextbox .myTextContent {
        text-align: left;
        margin: 5px 0 5px 0
    }
}

@media (min-width:1024px) and (max-width:1024px) {
    .IsMobile {
        display: none
    }

    .container-fluid.MyContent h1 {
        font-size: 43px
    }

    .container-fluid.MyContent .TextBox .myTextContent.IsDesktop {
        display: none
    }

    .container-fluid.MyContent .TextBox .myTextContent.IsMobile {
        display: block
    }

    .container-fluid.MyContent .TextBox {
        left: 150px
    }

    .container-fluid.MyContent .pageHeader .ImgContent {
        padding: 0
    }

    .container-fluid.MyContent .pageHeader .ImgContent img {
        width: 100%
    }

    .container-fluid.MyContent .productBlock .adjust01 {
        padding-top: 70px;
        margin-left: 9.667% !important
    }

    .container-fluid.MyContent .productBlock .adjust02 {
        padding-top: 33px;
        margin-left: 9.667% !important
    }

    .container-fluid.MyContent .productBlock .bottom.five h3 {
        text-align: left
    }

    .container-fluid.MyContent .productBlock .bottom.five .myTextContent {
        text-align: left
    }

    .container-fluid.MyContent .productBlock .bottom.five .myTextContent.price {
        text-align: left
    }

    .container-fluid.MyContent .productBlock .bottom.five .secondaryCta {
        margin: 0
    }

    .container-fluid.MyContent .productBlock .upper.one {
        width: 95%;
        padding-top: 70px;
        padding-bottom: 17px;
        margin-left: 95px
    }

    .container-fluid.MyContent .productBlock .upper.two {
        width: 95%;
        margin-top: -90px;
        margin-left: 90px;
        padding-bottom: 17px
    }

    .container-fluid.MyContent .productBlock .upper.five.IsDesktop {
        display: none
    }

    .container-fluid.MyContent .productBlock .upper.five.IsMobile {
        display: block;
        margin-left: 45px
    }

    .container-fluid.MyContent .thirdSection {
        height: 340.683px
    }

    .container-fluid.MyContent .thirdSection .textPart .picTogram {
        margin: 15px 10px 10px 10px
    }

    .container-fluid.MyContent .thirdSection .textPart h3 {
        margin: 15px 0 15px 0
    }

    .container-fluid.MyContent .fourthSection .lastTextbox .myTextContent {
        text-align: left;
        margin: 5px 0 5px 0
    }

    .container-fluid.MyContent .fourthSection .lastimg img {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .IsDesktop {
        display: none
    }

    .IsMobile {
        display: block
    }

    .container-fluid.MyContent .pageHeader {
        height: 910px
    }

    .container-fluid.MyContent .pageHeader .ImgContent {
        padding: 0
    }

    .container-fluid.MyContent .TextBox {
        margin-top: -7px;
        left: initial
    }

    .container-fluid.MyContent .mainCta {
        position: relative;
        top: 50px
    }

    .container-fluid.MyContent .productBlock .packshotImg {
        text-align: center
    }

    .container-fluid.MyContent .productBlock .upper.one {
        margin-top: -92px;
        margin-left: 205px;
        padding-top: 80px;
        width: 60%
    }

    .container-fluid.MyContent .productBlock .upper.two {
        margin-top: -92px;
        margin-left: 190px;
        padding-top: 80px;
        width: 60%
    }

    .container-fluid.MyContent .productBlock .upper.five {
        margin-top: -106px;
        margin-left: 184px;
        width: 60%;
        padding-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px
    }

    .container-fluid.MyContent .fourthSection .lastimg img {
        width: 100%
    }

    .container-fluid.MyContent .fourthSection .lastTextbox {
        text-align: center
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .IsDesktop {
        display: none
    }

    .IsMobile {
        display: block
    }

    .container-fluid.MyContent .pageHeader {
        height: 910px
    }

    .container-fluid.MyContent .pageHeader .ImgContent {
        padding: 0
    }

    .container-fluid.MyContent .TextBox {
        margin-top: -7px;
        left: initial
    }

    .container-fluid.MyContent .mainCta {
        position: relative;
        top: 50px
    }

    .container-fluid.MyContent .productBlock .packshotImg {
        text-align: center
    }

    .container-fluid.MyContent .productBlock .upper.one {
        margin-top: -92px;
        margin-left: 205px;
        padding-top: 80px;
        width: 60%
    }

    .container-fluid.MyContent .productBlock .upper.two {
        margin-top: -92px;
        margin-left: 190px;
        padding-top: 80px;
        width: 60%
    }

    .container-fluid.MyContent .productBlock .upper.five {
        margin-top: -106px;
        margin-left: 184px;
        width: 60%;
        padding-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px
    }

    .container-fluid.MyContent .fourthSection .lastimg img {
        width: 100%
    }

    .container-fluid.MyContent .fourthSection .lastTextbox {
        text-align: center
    }
}

@media (max-width:575.98px) {
    .IsDesktop {
        display: none
    }

    .IsMobile {
        display: block
    }

    .container-fluid.MyContent .MainTitle {
        font-size: 38px
    }

    .container-fluid.MyContent h2 {
        font-size: 35px
    }

    .container-fluid.MyContent .pageHeader {
        height: 770px
    }

    .container-fluid.MyContent .pageHeader .ImgContent {
        padding: 0
    }

    .container-fluid.MyContent .TextBox {
        margin-top: -7px;
        left: initial
    }

    .container-fluid.MyContent .mainCta {
        position: relative;
        top: 50px
    }

    .container-fluid.MyContent .productBlock .packshotImg {
        text-align: center
    }

    .container-fluid.MyContent .productBlock .packshotImg img {
        width: 100%
    }

    .container-fluid.MyContent .productBlock .upper.one {
        margin-top: -92px;
        margin-left: 34px;
        padding-top: 80px;
        width: 95%
    }

    .container-fluid.MyContent .productBlock .upper.two {
        margin-top: -88px;
        margin-left: 34px;
        padding-top: 80px;
        width: 95%
    }

    .container-fluid.MyContent .productBlock .upper.five {
        margin-top: -87px;
        margin-left: 34px;
        width: 95%;
        padding-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px
    }

    .container-fluid.MyContent .fourthSection .lastimg img {
        width: 100%
    }

    .container-fluid.MyContent .fourthSection .lastTextbox {
        text-align: center
    }
}

@media (min-width:414px) and (max-width:414px) {
    .IsDesktop {
        display: none
    }

    .IsMobile {
        display: block
    }
}

@media (min-width:375px) and (max-width:375px) {
    .IsDesktop {
        display: none
    }

    .IsMobile {
        display: block
    }

    .container-fluid.MyContent .MainTitle {
        font-size: 34px
    }

    .container-fluid.MyContent h2 {
        font-size: 31px
    }
}

@media (min-width:320px) and (max-width:320px) {
    .IsDesktop {
        display: none
    }

    .IsMobile {
        display: block
    }

    .container-fluid.MyContent .MainTitle {
        font-size: 28px
    }

    .container-fluid.MyContent h2 {
        font-size: 26px
    }
}

/*DTW EDITS JUlY 20, 2020*/
.container-fluid.MyContent .mainCta {
    display: block;
    width: 170px;
    background-color: #000;
    padding: 15px;
    color: #fff;
    margin: 10px auto 30px auto;
    font-weight: 700;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
}

@media (min-width:992px) and (max-width:1199.98px) {
    .container-fluid.MyContent h1 {
        font-family: ClarinsRegular, Clarins;
        font-weight: 400;
        text-align: center;
        font-size: 35px;
        margin: 10px;
    }

    .container-fluid.MyContent .TextBox {
        background-color: #fff;
        margin-top: 55px;
        left: 110px;
        z-index: 3;
    }

    .offset-lg-2 {
        margin-left: 10.666667%;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .container-fluid.MyContent .productBlock .upper.one {
        margin-top: -70px;
        margin-left: 205px;
        padding-top: 80px;
        width: 60%;
    }

    .container-fluid.MyContent .productBlock .upper.two {
        margin-top: -65px;
        margin-left: 190px;
        padding-top: 80px;
        width: 60%;
    }

    .container-fluid.MyContent .productBlock .upper.five {
        margin-top: -70px;
        margin-left: 184px;
        width: 60%;
        padding-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .container-fluid.MyContent .productBlock .upper.one {
        margin-top: -80px;
        margin-left: 205px;
        padding-top: 80px;
        width: 60%;
    }

    .container-fluid.MyContent .productBlock .upper.two {
        margin-top: -70px;
        margin-left: 190px;
        padding-top: 80px;
        width: 60%;
    }

    .container-fluid.MyContent .productBlock .upper.five {
        margin-top: -85px;
        margin-left: 184px;
        width: 60%;
        padding-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width:575.98px) {
    .container-fluid.MyContent .productBlock .upper.one {
        margin-top: -75px;
        margin-left: 34px;
        padding-top: 80px;
        width: 95%;
    }

    .container-fluid.MyContent .productBlock .upper.two {
        margin-top: -65px;
        margin-left: 34px;
        padding-top: 80px;
        width: 95%;
    }

    .container-fluid.MyContent .productBlock .upper.five {
        margin-top: -75px;
        margin-left: 34px;
        width: 95%;
        padding-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width:375px) and (max-width:375px) {
    .container-fluid.MyContent .productBlock .upper.one {
        margin-top: -75px;
        margin-left: 32px;
        padding-top: 80px;
        width: 95%;
    }

    .container-fluid.MyContent .productBlock .upper.five {
        margin-top: -75px;
        margin-left: 31px;
        width: 95%;
        padding-bottom: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 320px) and (min-width: 320px) {
    .container-fluid.MyContent .MainTitle {
        font-size: 38px;
    }

    .container-fluid.MyContent .myTextContent {
        font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
        font-size: 13px;
        line-height: 24px;
        text-align: center;
    }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
#picto_regalo{
	margin-left: -10%;
}
.container-fluid.MyContent .mainCta {
    display: block;
    width: 190px !important;
    background-color: #000;
    padding: 15px;
    color: #fff;
    margin: 10px auto 30px auto;
    font-weight: 700;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
}
.container-fluid.MyContent p.spmention.myTextContent {
    font-size: 11px;
    color: #8b8b8b;
    text-align: center;
    line-height: 15px;
    width: 80%;
    margin-left: 10%;
}
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
#picto_regalo{
	margin-left: -2%;
}
.container-fluid.MyContent p.spmention.myTextContent {
    font-size: 11px;
    color: #8b8b8b;
    text-align: center;
    line-height: 15px;
    width: 80%;
    margin-left: 10%;
}
.container-fluid.MyContent .productBlock .upper.one {
    margin-top: -92px;
    margin-left: 245px;
    padding-top: 80px;
    width: 60%;
}
.container-fluid.MyContent .productBlock .upper.two {
    margin-top: -80px;
    margin-left: 230px;
    padding-top: 80px;
    width: 60%;
}
.container-fluid.MyContent .productBlock .upper.five {
    margin-top: -105px;
    margin-left: 240px;
    width: 60%;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.container-fluid.MyContent .fourthSection .lastTextbox .myTextContent {
    text-align: left;
    margin: 5px 0 5px 20px;
}
.container-fluid.MyContent .fourthSection .footerCta {
    display: inline-block;
    font-weight: 700;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: underline;
    margin-top: 10px;
    margin-left: 20px;
}
.container-fluid.MyContent p.spmention.myTextContent {
    font-size: 11px;
    color: #8b8b8b;
    text-align: center;
    line-height: 15px;
    width: 80%;
    margin-left: 10%;
}
.container-fluid.MyContent .productBlock .packshotImg {
    text-align: left;
    min-height: 390px;
}
#img-02{
	width: 510px;
    margin-left: 9%;
}
#product-04{
	margin-top: 7%;
}
#product-06{
	margin-top: 6%;
}
.container-fluid.MyContent .productBlock .upper.one {
    background-color: #fab2c6;
    margin-left: 30%;
}
.container-fluid.MyContent .productBlock .upper.two {
    background-color: #efc29e;
    margin-top: -85px;
    margin-left: 25%;
}
.container-fluid.MyContent .productBlock .upper.five {
    background-color: #f291aa;
    margin-top: -25%;
}
.container-fluid.MyContent .thirdSection .textPart .secondaryCta {
    display: block;
    width: 185px;
    background-color: transparent;
    padding: 15px;
    margin: 10px auto 30px auto;
    font-weight: 700;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
}
}