.text-speciality {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
}
@media (max-width: 639px) {
    .text-speciality {
        width: 300px;
    }
}

@media (min-width: 640px) {
    .text-speciality {
        width: 220px;
    }
}

@media (min-width: 768px) {
    .text-speciality {
        width: 180px;
    }
}

@media (min-width: 959px) {
    .text-speciality {
        width: 140px;
    }
}

@media (min-width: 1200px) {
    .text-speciality {
        width: 220px;
    }
}