.slick-slide, .slick-list{
    height:500px!important;

}
    .slider{
        /*height:450px;!important*/
        margin-bottom:0px; 
    }
    
    .article{
      height:450px;
    }
   .article a{
        color:#FFF
}

    .header-img{
      position: absolute;
      z-index: 4;
    }
    .cadre{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        max-width: 1200px;
        margin: auto;
        position: relative;
    }
    .page-title{
        color: #FFF;
        line-height: 25px;
        text-align: center;
        width: 600px;
        float: right;
        position: absolute;
        right: 0;
    }
    
    .page-title h4{
      font-weight: bold;
      padding-bottom: 10px;

    }

    .page-title p{
      font-size: 22px;
        line-height: 1.3em;
        font-family:sans-serif;
    }

    h4.title-homepage {
        font-family: FFMarketWebProRegular,sans-serif;
        color: #FFF;
        font-size: 50px;
        padding-top: 30px;
        line-height: 1.1em;
    }
    .heart-icon {
        width: 50px;
        display: inline !important;
        margin: -15px 5px;
    }  
    .bouton{
        background: linear-gradient(to top right,#5c267b,#cf007f,#f39200) !important;
        color: #FFF;
        padding: 16px 40px;
        font-size: 15px !important;
        border-radius: 30px;
        font-family: sans-serif;
        width: max-content;
        margin: auto;
    }
    .code{
        font-size: 12px;
    }
    .code-promo{
        display: inline-flex;
        background: #FFF;
        color: #103489;
        padding: 10px 15px;
        font-size: 22px;
        margin: 10px auto;
        font-family: sans-serif;
            
    }

@media(max-width:1280px){

    .article{
      height:500px!important;
    }


} 

@media(max-width:1024px){
    
    

}

@media(max-width:956px){

   .page-title{
    /*width:500px*/
   }
   .article{
      height:100%!important;
    }
.mobile{
        display:none;
    }
    .slick-slide, .slick-list{
      height:100%!important;

}

}
@media(max-width:768px){
   .article{
    background-size: contain !important;
    background-position-x: center !important;
    background-position-y: top!important;
}
    .page-title{
        width:100%; 
        padding-bottom: 20px;
    }
    .cadre{
        align-items: flex-end;
        justify-content: flex-end;
        
    }
    .code-promo{
        font-size:18px    
    }
    h4.title-homepage {
        font-size:30px
    }
    .page-title p{
        font-size: 18px;
        line-height: 1.3em;
        font-family:sans-serif;
    }
    .bouton{
        font-size:12px!important;
    }

}
@media(max-width:480px){
 
   .article{
        background-size: 200% !important;
        background-position-x: center !important;
        background-position-y: top!important;
    }
    


}