.mio-tnc-viewmode-pattern-grid-type__regular.mio-tnc-post-list {
    display: grid;
    gap: var(--mio-tnc-pattern-grid-gap);
    grid-template-columns: repeat(var(--mio-tnc-pattern-grid-cols), 1fr);

    
}

@media screen and (min-width: 1024px) {
    .mio-tnc-viewmode-pattern-grid-type__regular.mio-tnc-post-list {
        grid-template-columns: repeat(var(--mio-tnc-pattern-grid-cols--desktop), 1fr);
    }
}

.mio-tnc-viewmode-pattern-grid-type__masonry > * {
    width: calc((100% / var(--mio-tnc-pattern-grid-cols)) - var(--mio-tnc-pattern-grid-gap));
    margin-bottom: var(--mio-tnc-pattern-grid-gap);
}

@media screen and (min-width: 1024px) {
    .mio-tnc-viewmode-pattern-grid-type__masonry > * {
        width: calc((100% / var(--mio-tnc-pattern-grid-cols--desktop)) - var(--mio-tnc-pattern-grid-gap));
    }
}