@media screen and (max-width:1023px) and (min-width:762px){
    .MyContent .WaveBackground::after,
    .MyContent .WaveBackground::before{
        content:" ";
        height:100%;
        width:200vw;
        position: absolute;
        z-index:-1;
        left:calc(50% - 100vw);
        top:-17vw;
        background-size:200vw 200vw;
        background-position: top left;
        background-repeat: no-repeat;
        display:none;
    }

    .MyContent #MILKY_MOUSSE_SECTION_01 .MainTitle{
        width: 45vw;
        height: 24vw;
        right: 3vw;
        top: 1vw;
        background-size: 80% auto;
        background-position: center center;
    
    }

    .MyContent #MILKY_MOUSSE_SECTION_02{
        display:block;
     padding-bottom: 90px;
        
     }

    .MyContent #MILKY_MOUSSE_SECTION_02 .ContentVisual{
    margin:0 auto;
    max-width:700px;
    }

    .MyContent #MILKY_MOUSSE_SECTION_02 .PackshotText:nth-child(1)::before{
        transform: scale(0.9) rotate(25deg) translateX(20%) translateY(-110%);
    }
    .MyContent #MILKY_MOUSSE_SECTION_02 .PackshotText:nth-child(2)::before{
        transform: scale(0.9) rotate(185deg) translateX(20%) translateY(-100%);
    }

    .MyContent #MILKY_MOUSSE_SECTION_02 .ContentText{
        max-width:calc(100% - 80px);
        padding-top:80px;
       margin:0 auto;
     }

    .MyContent #MILKY_MOUSSE_SECTION_03 {
        padding-bottom: 0px;
    }

    .MyContent #MILKY_MOUSSE_SECTION_03 .ColWrapper:nth-child(1){
        margin:20px 30px;
    }

    .MyContent #MILKY_MOUSSE_SECTION_03 .ColWrapper:nth-child(2){
       flex:1;
       margin-left:0px;
       padding-left:0;
    
    }

    .MyContent #MILKY_MOUSSE_SECTION_03 .ColWrapper:nth-child(3){
        flex-basis:28%;
        max-width:335px;
        margin-left:20px;
        margin-right:20px;
        margin-top:60px;
     }

    .MyContent #MILKY_MOUSSE_SECTION_03 .ColWrapper:nth-child(4){
        flex-basis: 100%;
        max-width:700px;
        padding-right:0px;
    }


    .MyContent #MILKY_MOUSSE_SECTION_03 .Actions{
        width:90%;
        max-width:90%;
    }

    .MyContent #MILKY_MOUSSE_SECTION_03 .Actions .BlockAction .IngredientVisual{
      transform:none;
      position:absolute;
      left:200px;
      top:0;               
    }
    .MyContent #MILKY_MOUSSE_SECTION_03 .Actions .BlockAction .IngredientVisual img{
        margin:0;
     }
    .MyContent #MILKY_MOUSSE_SECTION_03 .Actions .IngredientName{
        padding-left:470px; 
        text-align: left;
      
    }  

    .MyContent #MILKY_MOUSSE_SECTION_03 .Actions .Text{
        padding-left:470px; 
        text-align: left;
    }  

   .MyContent #MILKY_MOUSSE_SECTION_04 {
        padding-top: 220px;
        margin-top: -100px;
        background-position: top 38px center;
         padding-bottom: 50px;
    }
   
    .MyContent #MILKY_MOUSSE_SECTION_04 .ColWrapper:nth-child(1){
        margin-left:30px;
        margin-right:30px;
        flex-basis:calc(100% - 60px) ;
    }

    .MyContent #MILKY_MOUSSE_SECTION_04 .ColWrapper:nth-child(2){
        padding-left:30px;
        flex-basis:60%;
        max-width:60%;
    }

    .MyContent #MILKY_MOUSSE_SECTION_04 .ColWrapper:nth-child(3){
        margin:0;
        padding-right:30px;
        flex-basis:40%;
        max-width:40%;
        box-sizing: border-box;
        margin-top:60px;
    }

    .MyContent #MILKY_MOUSSE_SECTION_04 .ColWrapper:nth-child(4){
        margin-left:30px;
        margin-right:30px;
        max-width:100%;
        flex-basis:calc(100% - 60px) ;
        padding-top: 80px;
    }

    .MyContent #MILKY_MOUSSE_SECTION_04 .Texture {
        top: auto;
        left: -200px;
        bottom: -40px;
    }

    .MyContent #MILKY_MOUSSE_SECTION_04 .Logo {
        margin-right: auto;
        margin-left: 0;
        width: 136px;
    }


    .MyContent #MILKY_MOUSSE_SECTION_05 {
        padding-bottom:90px;
    }

    .MyContent #MILKY_MOUSSE_SECTION_05 .Box{
        margin-left:30px;
        margin-right:30px;
        width:calc(100% - 60px);
        padding-left:calc(50% - 50px);
    }

    .MyContent #MILKY_MOUSSE_SECTION_05 .Box::before{
        transform:scale(0.8);
    }

    .MyContent #MILKY_MOUSSE_SECTION_05 .ColWrapper:nth-child(1){
        margin-left:30px;
        margin-right:30px;
        flex-basis:calc(100% - 60px) ;
    }

    .MyContent #MILKY_MOUSSE_SECTION_05 .ColWrapper:nth-child(2){
        flex-basis: 70%;
        max-width:70%;
        padding-left:30px;
    }
    .MyContent #MILKY_MOUSSE_SECTION_05 .ColWrapper:nth-child(3){
        margin-top: 0px;
        flex-basis:30%;
        max-width:30%;
        padding-left:0;
        margin-bottom: 50px;
    }
    .MyContent #MILKY_MOUSSE_SECTION_05 .ColWrapper:nth-child(4){
        padding:0;
        flex-basis: calc(100% - 60px);
        max-width:  100%;
    }

    .MyContent #MILKY_MOUSSE_SECTION_05  .Texture {
        top: 380px;
    }
    .MyContent .ProductBlock{
        height:auto;
    }
    .MyContent .ProductBlock[data-product="joli-blush-cheeky-peach"] .StepTitle{
        white-space:nowrap;
    }
    .MyContent .ProductBlock .Packshot{
        width:190px;
        height:225px;
        flex-basis:225px;
    }
    .MyContent .ProductBlock .Packshot img{
    display: block;
    transform: scale(0.7);
    transform-origin: bottom center;
    }

}