.blog-other {width: 100%; max-width: 1380px; margin: 0 auto;}
.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: 29%; margin: 8px 20px 30px 0; padding-bottom: 18px;}
.blog-other .blog-item .blog-item-picture {height: 300px; width: 100%; overflow: hidden;}
.blog-other .blog-item .preview_picture {transition: all 0.3s; height: 100%;}
.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;}


@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-item-picture {display: none;}
.blog-other .blog-item .blog-title a {font-size: 18px;}
.blog-other .blog-item .blog-date-time {font-size: 20px;}
}