@charset "UTF-8";

.news_layout .posts_list .webgene-item {
    width: 32%;
}
.news_layout .posts_list .webgene-item + .webgene-item {
    margin-top: 0;
}
.news_layout .posts_list .webgene-item .title {
    width: 100%;
    display: -webkit-box;             
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    white-space: unset;
}

@media screen and (max-width: 1024px) {
    .news_layout .posts_list .webgene-item {
        width: 48%;
    }
    .news_layout .posts_list .webgene-blog {
        gap: 10px;
    }
}

@media screen and (max-width: 767px) {
    .news_layout .posts_list .webgene-item {
        width: 100%;
    }
}