.responsive-text {
    display: block;
    width: 100%;
}

@media (max-width: 768px) {
    .responsive-text {
        max-width: 200px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}


.blog-description {
    overflow-wrap: break-word;
    white-space: normal;
    max-width: 100%;
}