@media (max-width: 1250px) {

    .all-posts-wrapper {
}
  
}

@media (max-width: 1024px) {

.all-post-item {
    flex: 0 0 calc(100% / 2 - 5px);
}
  
}

@media (max-width: 640px) {
.all-posts-wrapper {
}

.all-post-item {
    flex: 0 0 100%;
}
  
}

@media (max-width: 500px) {
  .all-post-item {
    width: 100%;
    height: 100%;
  }

  .all-post-item a {
    height: 350px;
  }
	
	.all-post-bottom p {
 	   font-size: 24px;
    	line-height: 32px;
}
}