.article-start{justify-content:space-between;margin-top:5px;flex-wrap:wrap}
.article{width:45%}
.article-content{margin:5px 0}
.article-title{margin:0 0 0 15px;max-width:300px}
.article-title a>p{font-size:16px;line-height:19px;font-weight:500;color:var(--black);margin-bottom:0}
.content-read-time{border-left:1px solid var(--dark-gray);padding:0 8px}
.article-count-text{padding:0 5px}
.article-img-size{max-width:187px;height:120px;border-radius:5px}
.article-contents-text{margin-top:8px;align-items:center}
.article-img-size img{border-radius:5px}
.eye-icon{width:15px;height:10px;align-self:center}
.content-sub-text p{font-size:12px;font-weight:400;line-height:15px;color:var(--dark-gray);margin-bottom:0}
.content-sub-text{align-items:center}
.article-heading{font-weight:500;font-size:16px;line-height:19px;letter-spacing:.16px;color:var(--dark-black)}
@media screen and (min-width:280px) and (max-width:1024px){.article-start{flex-direction:column}
.article{border-bottom:1px solid rgba(0,41,83,0.2);padding:10px 0;width:100%}
.article-title{max-width:100%}
.article-img-size{min-width:150px;height:75px;border-radius:5px}
.article-title a>p{font-size:14px;line-height:17px;font-weight:500;color:var(--black);word-break:break-word}
.content-sub-text p{font-size:10px;font-weight:400;line-height:12px;color:var(--dark-gray)}
.eye-icon{width:13px;height:9px}
.article-heading{font-size:14px;line-height:17px}
}