.grid .post .post-category {
width: auto;
}

.post-category {
padding-bottom: 0;
}

.related_listing li a.post_img {
float: none;
width: 90%;
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
.grid .post {
width: 90%;
max-width: 130px;
}
.grid .post .post-content .post_img img {
width: 100%;
}
.related_listing li {
max-width: 135px;
}
}
@media only screen and (min-width: 360px) and (max-width: 374px) {
.grid .post {
width: 90%;
max-width: 150px;
}
.grid .post .post-content .post_img img {
width: 100%;
}
.related_listing li {
max-width: 152px;
}
}
@media only screen and (width: 375px) {
.grid .post {
width: 90%;
max-width: 150px;
}
.grid .post .post-content .post_img img {
width: 100%;
}
.related_listing li {
max-width: 160px;
}
.post-category {
padding-bottom: 0;
}
.grid .post .post-category, .grid .post .post-meta em {
width: auto;
}
}
@media only screen and (min-width: 376px) and (max-width: 401px) {
.grid .post {
width: 90%;
max-width: 150px;
}
.grid .post .post-content .post_img img {
width: 100%;
}
.related_listing li {
max-width: 150px;
}
.post-category {
padding-bottom: 0;
}
.grid .post .post-category, .grid .post .post-meta em {
width: auto;
}
}

@media only screen and (min-width: 402px) and (max-width: 768px) {
.grid .post {
width: 100%;
max-width: 170px;
}
.grid .post .post-content .post_img img {
width: 100%;
}
}