.mini-blog-page{padding-top:150px}.mini-blog-page .mini-display{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.mini-blog-page .col-3{flex-basis:31%;margin-right:2%}.mini-blog-page .col-3 .mini-image-bg{max-width:100%;width:100%;min-height:220px;border-radius:5px;position:relative;margin-bottom:30px}.mini-blog-page .col-3 .mini-image-bg:after{position:absolute;width:100%;height:100%;top:0;left:0;content:"";background:linear-gradient(to bottom,transparent 0%,transparent 18%,rgba(0,0,0,0.8) 99%,rgba(0,0,0,0.8) 100%);border-radius:5px}.mini-blog-page .col-3 .Bg-texts{position:absolute;bottom:20px;width:100%;left:0;z-index:1}.mini-blog-page .col-3 .mini-image-bg a{position:absolute;top:0;z-index:99;width:100%;height:100%}.mini-blog-page .col-3 .mini-blog-text{color:#fff;padding:0px 20px}.mini-blog-page .col-3 .mini-blog-date{font-size:15px;color:rgba(255,255,255,0.5);margin:0;padding:0px 20px}.mini-blog-page .col-3 .except{min-height:470px}.mini-blog-page .col-3 .category{padding-left:20px;padding-bottom:20px}.mini-blog-page .col-3 .category span{display:inline-block;padding:2px 10px;border-radius:4px;letter-spacing:.2em;font-weight:700;font-size:.6rem;text-transform:uppercase;color:#fff;background-color:#f23a2e}.mini-blog-page .col-3 .category span:last-child{background-color:#2f89fc}@media(max-width:991px){.mini-blog-page .mini-display{display:block}.mini-blog-page .col-3{margin-right:0}.mini-blog-page .mini-display .first{display:flex;flex-wrap:wrap}.mini-blog-page .mini-display .first .mini-image-bg{flex-basis:48%;margin-right:2%}.mini-blog-page .mini-display .first .mini-image-bg:nth-child(2){flex-basis:50%;margin-right:0}.mini-blog-page .mini-display .third{display:flex;flex-wrap:wrap}.mini-blog-page .mini-display .third .mini-image-bg{flex-basis:48%;margin-right:2%}.mini-blog-page .mini-display .third .mini-image-bg:nth-child(2){flex-basis:50%;margin-right:0}}@media(max-width:768px){.mini-blog-page .mini-display .first .mini-image-bg{flex-basis:100%;margin-right:0}.mini-blog-page .mini-display .first .mini-image-bg:nth-child(2){flex-basis:100%;margin-right:0}.mini-blog-page .mini-display .third .mini-image-bg{flex-basis:100%;margin-right:0}.mini-blog-page .mini-display .third .mini-image-bg:nth-child(2){flex-basis:100%;margin-right:0}}