.m-grid {
    display: grid;
    row-gap: 1.5rem;
    column-gap: 1.5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.m-grid.m-gap-0 {
    row-gap: 0rem;
    column-gap: min(0rem, 8%)
}

.m-grid.m-gap-1 {
    row-gap: .25rem;
    column-gap: min(.25rem, 8%)
}

.m-grid.m-gap-2 {
    row-gap: .5rem;
    column-gap: min(.5rem, 8%)
}

.m-grid.m-gap-3 {
    row-gap: .75rem;
    column-gap: min(.75rem, 8%)
}

.m-grid.m-gap-4 {
    row-gap: 1rem;
    column-gap: min(1rem, 8%)
}

.m-grid.m-gap-5 {
    row-gap: 1.25rem;
    column-gap: min(1.25rem, 8%)
}

.m-grid.m-gap-6 {
    row-gap: 1.5rem;
    column-gap: min(1.5rem, 8%)
}

.m-grid.m-gap-7 {
    row-gap: 1.75rem;
    column-gap: min(1.75rem, 8%)
}

.m-grid.m-gap-8 {
    row-gap: 2rem;
    column-gap: min(2rem, 8%)
}

.m-grid.m-gap-9 {
    row-gap: 2.25rem;
    column-gap: min(2.25rem, 8%)
}

.m-grid.m-gap-10 {
    row-gap: 2.5rem;
    column-gap: min(2.5rem, 8%)
}

.m-grid.m-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.m-grid.m-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.m-grid.m-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.m-grid.m-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.m-grid.m-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.m-grid.m-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.m-grid .m-col-auto {
    grid-column: auto
}

.m-grid .m-col-span-full {
    grid-column: 1/-1
}

.m-grid .m-col-span-1 {
    grid-column: span 1/span 1
}

.m-grid .m-col-span-2 {
    grid-column: span 2/span 2
}

.m-grid .m-col-span-3 {
    grid-column: span 3/span 3
}

.m-grid .m-col-span-4 {
    grid-column: span 4/span 4
}

.m-grid .m-col-span-5 {
    grid-column: span 5/span 5
}

.m-grid .m-col-span-6 {
    grid-column: span 6/span 6
}

.m-grid .m-col-span-7 {
    grid-column: span 7/span 7
}

.m-grid .m-col-span-8 {
    grid-column: span 8/span 8
}

.m-grid .m-col-span-9 {
    grid-column: span 9/span 9
}

.m-grid .m-col-span-10 {
    grid-column: span 10/span 10
}

.m-grid .m-col-span-11 {
    grid-column: span 11/span 11
}

.m-grid .m-col-span-12 {
    grid-column: span 12/span 12
}

@media (min-width: 768px) {
    .m-grid.md\:m-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .m-grid.md\:m-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .m-grid.md\:m-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .m-grid.md\:m-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .m-grid.md\:m-grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .m-grid.md\:m-grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .m-grid .md\:m-col-auto {
        grid-column: auto
    }

    .m-grid .md\:m-col-span-full {
        grid-column: 1/-1
    }

    .m-grid .md\:m-col-span-1 {
        grid-column: span 1/span 1
    }

    .m-grid .md\:m-col-span-2 {
        grid-column: span 2/span 2
    }

    .m-grid .md\:m-col-span-3 {
        grid-column: span 3/span 3
    }

    .m-grid .md\:m-col-span-4 {
        grid-column: span 4/span 4
    }

    .m-grid .md\:m-col-span-5 {
        grid-column: span 5/span 5
    }

    .m-grid .md\:m-col-span-6 {
        grid-column: span 6/span 6
    }

    .m-grid .md\:m-col-span-7 {
        grid-column: span 7/span 7
    }

    .m-grid .md\:m-col-span-8 {
        grid-column: span 8/span 8
    }

    .m-grid .md\:m-col-span-9 {
        grid-column: span 9/span 9
    }

    .m-grid .md\:m-col-span-10 {
        grid-column: span 10/span 10
    }

    .m-grid .md\:m-col-span-11 {
        grid-column: span 11/span 11
    }

    .m-grid .md\:m-col-span-12 {
        grid-column: span 12/span 12
    }
}

@media (min-width: 1400px) {
    .m-grid.xxl\:m-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .m-grid.xxl\:m-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .m-grid.xxl\:m-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .m-grid.xxl\:m-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .m-grid.xxl\:m-grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .m-grid.xxl\:m-grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .m-grid .xxl\:m-col-auto {
        grid-column: auto
    }

    .m-grid .xxl\:m-col-span-full {
        grid-column: 1/-1
    }

    .m-grid .xxl\:m-col-span-1 {
        grid-column: span 1/span 1
    }

    .m-grid .xxl\:m-col-span-2 {
        grid-column: span 2/span 2
    }

    .m-grid .xxl\:m-col-span-3 {
        grid-column: span 3/span 3
    }

    .m-grid .xxl\:m-col-span-4 {
        grid-column: span 4/span 4
    }

    .m-grid .xxl\:m-col-span-5 {
        grid-column: span 5/span 5
    }

    .m-grid .xxl\:m-col-span-6 {
        grid-column: span 6/span 6
    }

    .m-grid .xxl\:m-col-span-7 {
        grid-column: span 7/span 7
    }

    .m-grid .xxl\:m-col-span-8 {
        grid-column: span 8/span 8
    }

    .m-grid .xxl\:m-col-span-9 {
        grid-column: span 9/span 9
    }

    .m-grid .xxl\:m-col-span-10 {
        grid-column: span 10/span 10
    }

    .m-grid .xxl\:m-col-span-11 {
        grid-column: span 11/span 11
    }

    .m-grid .xxl\:m-col-span-12 {
        grid-column: span 12/span 12
    }
}