@media all and (max-width: 480px){
   .card-head h2 span.big-size{
        left: 10px;
        top: -5px;
   }
    .wrap-card-content .title {
        line-height: 20px;
        font-size: 13px;
        text-align: center;
        display: inline-block;
        margin: 0;
    }
    .col-3 {
        flex: 0 0 25%;
        max-width: 100%;
    }
    .bloc-slogan {
        border-radius: 50px;
        display: flex;
        justify-content: center;
        color: #fff;
        width: 98px;
        margin-right: -10px;
        margin-top: 20px;
        padding: 0;
    }
    .wrapper-card .card{
        padding: 5px;
    }

    #list-tools{
        display: flex;
    }
    #separator{
        margin-top: 20px;
    }
    .change-histories{
        justify-content: space-between;
        background-color: #ffffff;
        padding: 0px;
        border-radius: 4px;
        min-height: 200px;
    }
    .change-histories .history h5 {
        color: #2e7dcb;
        margin-left: 12px;
    }
    .wrapper-follows-members {
        display: none;
    }
    .wrapper-filter-members{
        display: none;
    }
    .wrapper-stats {
        display: none;
    }
    #stats-hidden{
        display: block;
        margin-top: 20px;
    }
    #stats-res{
        display: block;
    }
    a.view-more:hover {
        background-color: #d8d8d8;
        color: #0070c0;
    }
    a:hover{
        border-color: white!important;
        border: 1px solid #0e3369;
        color: #ffc000;
    }
    .bloc-slogan :hover{
        color: black;
    }

}
@media (min-width:480px) and (max-width:780px){
    .card-head h2 span.big-size{
        left: 10px;
        top: -5px;
    }
    .wrap-card-content .title {
        line-height: 20px;
        font-size: 13px;
        text-align: center;
        display: inline-block;
        margin: 0;
    }
    .col-3 {
        flex: 0 0 25%;
        max-width: 100%;
    }
    .bloc-slogan {
        border-radius: 50px;
        display: flex;
        justify-content: center;
        color: #fff;
        width: 100px;
        margin-right: -16px;
        margin-top: 20px;
        padding: 0;
    }
    .home-sticky-side {
        position: sticky;
        top: 80px;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .change-histories.mb-4{
        margin-bottom: 1.5rem !important;
        width: 25%;
        height: 100px;
        margin-right: 5px;
    }
    #list-tools {
        width: 75%;
        display: flex;
        justify-content: inherit;
        height: 1px;
    }
    .wrapper-follows-members {
        display: none;
    }
    .wrapper-filter-members{
        display: none;
    }
    .wrapper-stats {
        display: none;
    }
    #stats-hidden{
        display: block;
    }
    #stats-res{
        display: block;
    }
    .description-unit-skill-text {
        background: #ffffff;
        padding: 5px 20px 0;
        width: 90%;
    }
    #info-lettre {
        margin-top: 70px;
    }
    a.view-more:hover {
        background-color: #d8d8d8;
        color: #0070c0;
    }
    .bloc-slogan :hover{
        color: black;
    }

}
@media (max-width:990px) {
   #app-frontend-feed-node{
       margin: 0 20px 0 5px;
   }
}