.jsw-author-box {margin-top: 50px; background-color: #F2F2F3; box-shadow: 4px 4px 14px rgba(0,0,0,0.15); display: grid; align-items: center; grid-template-columns: 25% 2fr; grid-template-rows: 1fr;}
.jsw-author-image {width: 100%; height: 100%; grid-row-start: 1; grid-row-end: 3;}
.jsw-author-image img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.jsw-author-metadata {padding: 15px 15px 15px 30px;}
.jsw-author-metadata h4 { font-size: 18px; text-transform: capitalize; font-weight: 700; margin-bottom: 0;}
.jsw-author-metadata h5 { font-size: 12px; text-transform: capitalize; margin-bottom: 5px;}
.jsw-author-metadata .jsw-author-desc {font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid #C3C7D1; margin-bottom: 5px;}
.jsw-author-recent-post-list ul {list-style: none; margin: 0;}
.jsw-author-recent-post-list ul li, .jsw-author-recent-post-list ul li a {font-weight: 700;}
/*Media Queries*/
@media only screen and (max-width: 500px) {
    .jsw-author-box {display: block; max-width: 80%; margin: 30px auto;}
    .jsw-author-metadata {padding: 15px;}
}
@media only screen and (max-width: 375px) {
    .jsw-author-box {max-width: 95%;}
}