@media(min-width:1150px){
  .blog-posts { gap:40px; }
}
@media(min-width:1280px){
  .blog-posts { gap: 57px; }
}
@media(max-width:1149px){
  .blog-posts { gap:20px; } 
}
@media screen and (min-width:700px) and (max-width:999px) {
 .shopify-section--blog-posts .blog-posts.scroll-area { --blog-posts-per-row: 2; } 
}