.text-ellipsis-multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;     /* число строк до обрезки */
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.4em * 4); /* 4 строки */
}

@media screen and (max-width: 768px) {
    .text-ellipsis-multiline {
        -webkit-line-clamp: 3;
        max-height: calc(1.4em * 3);
    }
}