.post-list { padding: 30px; background-color: #fff !important; margin-bottom: 30px;}

.post-data { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px;}
.post-desc { position: relative;}
.post-desc  h3{ font-size: 24px !important; font-family: "Plus Jakarta Sans", Sans-serif; font-weight: bold; color: #000 !important;}
.location { background: url(../img/location.svg) no-repeat left top; padding: 0 0 15px 40px ;}

.content-more { display: none; grid-template-columns: 10% 1fr; gap: 30px ; border-top: solid 1px #DC214C; padding: 40px 0 0 0; margin-top: 48px;}
.content-more.active  { display: grid;}
.post-filed{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}

.post-filed b { display: block;}
.post-dec { padding: 15px 0 0 0;}
.readMore { background: url(../img/up.svg) no-repeat left top !important ; display: block; width: 40px; height: 40px; position: absolute; right: 0; bottom: 20px; text-indent: -666666px;}
.readMore:focus, .readMore:hover { border: none;}
.posts-container { padding-top: 40px;}

@media (min-width: 100px) and (max-width: 767px) {
    
.post-data { grid-template-columns: 1fr;}
.post-list { padding: 15px;}
.posts-container {
    padding-top: 0px;
}
.readMore { position: relative; top: 0; margin-top: 30px; display: flex; justify-content: flex-end;}
}

@media (min-width: 768px) and (max-width: 1000px) {
    .readMore { position: relative; top: 0; margin-top: 30px; display: flex; justify-content: flex-end;}
    .post-data { grid-template-columns: 1fr 1fr;}
  .post-list { margin-bottom: 0;}
  

}