.blog-index.list-wrapper{display:flex;flex-flow:row wrap;margin:0 -30px}.blog-index.list-wrapper .blog-list{background:#fff;box-shadow:2px 4px 4px 2px rgba(0,0,0,0.15);width:calc(33.33% - 60px);margin:0 30px 30px 30px;border-radius:16px}.blog-index.list-wrapper .blog-list .f-image{border-radius:16px 16px 0 0;height:300px}.blog-index.list-wrapper .blog-list .post-div{padding:20px}.blog-index.list-wrapper .blog-list .post-div h2{font-size:24px;font-weight:400;line-height:33px}.blog-index.list-wrapper .blog-list .post-div .lv-1{display:flex;padding:0 0 15px}.blog-index.list-wrapper .blog-list .post-div .lv-1 .date{color:rgba(54,52,53,0.33);font-size:24px;font-weight:600;line-height:33px;width:150px}.blog-index.list-wrapper .blog-list .post-div .lv-1 .author{align-items:center;display:flex;font-size:14px;justify-content:flex-end;text-align:right;width:calc(100% - 150px)}.blog-index.list-wrapper .blog-list .post-div .lv-1 .author .min-read{font-size:12px;letter-spacing:.4px;color:#6e7881;padding:6px 0 0}.blog-index.list-wrapper .blog-list .post-div .lv-1 .author .auth-photo{margin:0 0 0 15px;border-radius:100%;height:40px;width:40px}.blog-index.list-wrapper .blog-list .post-div .text-content{font-size:14px;line-height:20px;letter-spacing:.25px;padding:0 0 15px}.blog-index.list-wrapper .blog-list .blog-btn a{border:1px solid;border-radius:6px;display:inline-block;font-size:14px;font-weight:600;letter-spacing:.75px;padding:8px 10px;text-transform:capitalize}@media(max-width:1199px){.blog-index.list-wrapper .blog-list{width:calc(50% - 60px)}}@media(max-width:991px){.blog-index.list-wrapper .blog-list .post-div .lv-1 .date{width:100px}.blog-index.list-wrapper .blog-list .post-div .lv-1 .author{width:calc(100% - 100px)}}@media(max-width:767px){.blog-index.list-wrapper{margin:0}.blog-index.list-wrapper .blog-list{margin:0 0 30px;width:auto}.blog-index.list-wrapper .blog-list .post-div .lv-1{display:block}.blog-index.list-wrapper .blog-list .post-div .lv-1 .date{font-size:20px;line-height:normal;width:auto}.blog-index.list-wrapper .blog-list .post-div .lv-1 .author{flex-flow:row-reverse;padding:15px 0 0;width:auto}.blog-index.list-wrapper .blog-list .post-div .lv-1 .author .auth-photo{margin:0}.blog-index.list-wrapper .blog-list .post-div .lv-1 .author>div:first-child{padding:0 0 0 20px;text-align:left;width:calc(100% - 40px)}.blog-index.list-wrapper .blog-list .blog-btn.text-right{text-align:left}}