.blog-main-layout{--col: 2;display:grid;grid-template-columns:repeat(2,1fr);grid-template-columns:repeat(var(--col),1fr);grid-gap:var(--gap-3xl);gap:var(--gap-3xl)}@media only screen and (max-width: 1024px){.blog-main-layout{--col: 1;gap:var(--gap-xl)}}.blog-layout{--col: 4;display:grid;grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(var(--col),1fr);grid-gap:var(--gap-3xl);gap:var(--gap-3xl)}@media only screen and (max-width: 1024px){.blog-layout{--col: 2;gap:var(--gap-xl)}}