/* Start:/local/templates/ledsc/components/bitrix/news.list/main_blog/style.css?17535693132384*/
.blog-other {width: 100%; max-width: 1380px; margin: 60px auto 80px;}
.blog-other .blog-section-title {font-size: 24px;}
.blog-other .blog-items {margin-top: 42px; display: inline-block; width: 100%;}
.blog-other .blog-item {display: inline-block; vertical-align: top; width: calc(33% - 20px); margin: 8px 10px 30px; padding-bottom: 18px;}
.blog-other .blog-item .blog-item-picture {height: 300px; width: 100%; overflow: hidden; position: relative;}
.blog-other .blog-item .preview_picture {transition: all 0.3s; height: 100%; width: 100%;}
.blog-other .blog-item-tags {position: absolute; top: 12px; right: 12px; text-align: right; width: 80px;}
.blog-other .blog-item-tag-item {background: rgba(255,255,255,0.8); border-radius: 6px; padding: 2px 4px; color: #000; font-size: 12px; display: inline-block; margin-bottom: 8px;}
.blog-other .blog-item:hover .preview_picture {transform: scale(1.2);}
.blog-other .blog-item .blog-title {margin: 24px 0 14px; display: inline-block; width: 100%;}
.blog-other .blog-item .blog-title a {font-size: 16px; font-weight: 300; color: #40a7db; display: block; margin-top: 12px;}
.blog-other .blog-item .blog-date-time {background: #40a7db; color: #fff; display: inline-block; border-radius: 6px; padding: 4px 8px; margin-right: 12px; font-size: 20px;}
.blog-other .blog-item .blog-text {font-size: 14px; color: #000; margin: 8px 0;}
.blog-other .blog-link a {margin-left: 10px; font-size: 16px; color: #4f4f4f; border-bottom: 1px solid #4f4f4f;}

@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1024px) {
.blog-other {padding: 0 12px;}
.blog-other .blog-item {width: calc(50% - 26px); margin: 8px 12px 20px;}
.blog-other .blog-item .blog-item-picture {height: 280px;}
}

@media only screen and (max-width: 600px) {
.blog-other {padding: 0 12px;}
.blog-other .blog-item {width: calc(50% - 26px); margin: 8px 12px 20px;}
.blog-other .blog-item .blog-item-picture {height: 220px;}
.blog-other .blog-item .blog-title a {font-size: 18px;}
.blog-other .blog-item .blog-date-time {font-size: 20px;}
}

@media only screen and (max-width: 440px) {
.blog-other {padding: 0 12px;}
.blog-other .blog-item {width: 100%; display: block; margin: 8px 0 20px; border-bottom: 1px solid #ccc; padding-bottom: 18px;}
.blog-other .blog-item .blog-title a {font-size: 18px;}
.blog-other .blog-item .blog-date-time {font-size: 20px;}
}
/* End */
/* /local/templates/ledsc/components/bitrix/news.list/main_blog/style.css?17535693132384 */