g-index.css

.post{float:left;width:calc(25% - 30px);height:280px;margin:15px}.post.border:hover{box-shadow:0 5px 5px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.08);transition:.3s all;cursor:pointer}h2.post-title{padding:5px 10px;line-height:1.5;-webkit-line-clamp:2;text-overflow:ellipsis;height:50px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.thumbpost img{width:100%;overflow:hidden;max-height:160px}.post-timestamp{color:#777;font-size:12px}.breadcrumbs{padding:60px 0;text-align:center;background:#eee;margin:15px;height:150px;font-size:24px}#side-content-item{display:none}@media screen and (max-width:768px){.main-content{padding:0 30px}.post{width:calc(50% - 40px);margin:20px}}@media screen and (max-width:568px){.main-content{padding:0 5px}.post{width:100%;margin:0 0 15px!important;height:130px}.thumbpost img{width:45%;float:left;height:130px}h2.post-title{width:55%}.item-snippet,.snipout{max-height:70px;-webkit-line-clamp:4}.breadcrumbs{margin:0 0 15px}}