.list-successor{

}

@media (min-width:1200px){
    .list-successor .box-item-project{
        width: 23.5%;
        float: left;
        margin:0 2% 2% 0;
    }
    .list-successor .box-item-project:nth-child(4n){
        margin-right: 0;
    }
    .list-successor .box-item-project:nth-child(4n+1){
        clear: both;
    }
}
@media (min-width:992px) and (max-width:1199px){
    .list-successor .box-item-project{
        width: 32%;
        float: left;
        margin:0 2% 2% 0;
    }
    .list-successor .box-item-project:nth-child(3n){
        margin-right: 0;
    }
    .list-successor .box-item-project:nth-child(3n+1){
        clear: both;
    }
}
@media (min-width:768px) and (max-width:991px){
    .list-successor .box-item-project{
        width: 48.5%;
        float: left;
        margin:0 2% 2% 0;
    }
    .list-successor .box-item-project:nth-child(2n){
        margin-right: 0;
    }
    .list-successor .box-item-project:nth-child(2n+1){
        clear: both;
    }
}
@media (min-width:480px) and (max-width:767px){
    .list-successor .box-item-project{
        width: 48.5%;
        float: left;
        margin:0 2% 2% 0;
    }
    .list-successor .box-item-project:nth-child(2n){
        margin-right: 0;
    }
    .list-successor .box-item-project:nth-child(2n+1){
        clear: both;
    }
}
@media (max-width: 479px){
    .list-successor .box-item-project{
        width: 95%;
        float: none;
        margin:0 auto 20px;
    }
    
}