.mobile-text{
    display: none;
}
.mobile-img {
    display: none;
}

@media (max-width:576px){
    .icone img{
        /* width: 130px; */
    }
    .sizeicone {
        z-index: 9;
        width: 89px;
        height: 80px;
    }
    .masqueicone {
        display: none;
    }
    B .small-font{
        font-size: 18px;
    }
    .arrow-right{
        display: inline-flex;
    }
    .some-class{
        display: flex;
        flex-direction: column;
    }
/*    .timer B{
        font-size: 22px;
        vertical-align:top;
    }*/

   /* .timer .text-dark{
        margin-top:18px;
    }*/
/*    .timer .time{
     height: 25px;
     width: 25px;
    }*/
    .mobile-img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    .timer{
        position: relative;
    }
    .mobile-text{
        position: absolute;
        display: block;
        top: 10px;
        letter-spacing: 0;
        left: 0px;
        font-weight: bold;
        font-size: 18px;
        width: 100%;
    }
    .button-timer .btn{
        font-size: 12px;
    }
    .informations{
        display: none;
    }
    .button-timer{
        display: none;
    }
    .random-box{
        display: none;
    }
    .text_title{
        position: absolute;
        font-size: 20px;
    }
}
@media (min-width:576px){
    .random-box{
        display: none;
    }
    div .some-class{
        display: flex;
        flex-direction: column;
    }
    .description{
        position: absolute;
        top: 46px;
        left: 70px;
        font-size: 16px;
    }
    .evenementiel{
        position: absolute;
        top: 13px;
        left: 430px;
        font-size: 16px;
    }
    .text_title{
        position: absolute;
        top: 11px;
        left: 70px;
        font-size: 28px;
    }
    .sizeicone{

        position: absolute;
        z-index: 5;
        top: 0px;
        left: 0px;
    }
    .relativeclass{
        position: relative;
        top: 0px;
        left:0px;
    }
}