.communication-subject-mobile {
    max-width:124px;
    white-space:nowrap;
    padding-right:8px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.communication-subject {
    display: block;
    max-width: 246px;
    white-space: nowrap;
    padding-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.communication-table-body .card-table-content li:nth-child(2) {
    margin-top: 24px !important;
}

@media screen and (max-width: 1335px) {
    .communication-subject {
        display: block;
        max-width: 196px;
        white-space: nowrap;
        padding-right: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width: 1235px) {
    .communication-subject {
        display: block;
        max-width: 146px;
        white-space: nowrap;
        padding-right: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}