/* BREAKPOINT MOBILE */
@media (max-width: 768px) {

.title * {
    transition: none !important;
}
.line-clamp-1-mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp-2-mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp-3-mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp-4-mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp-5-mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp-6-mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp-7-mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp-8-mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp-9-mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-clamp-10-mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
}

}