@media not all and (min-width: 1280px) {

    q.is-grid-large-columns-1 {

        grid-template-columns: repeat(1, 1fr) !important
    }

    .is-grid-large-columns-2 {

        grid-template-columns: repeat(2, 1fr) !important
    }

    .is-grid-large-columns-3 {

        grid-template-columns: repeat(3, 1fr) !important
    }

    .is-grid-large-columns-4 {

        grid-template-columns: repeat(4, 1fr) !important
    }

    .is-grid-large-columns-5 {

        grid-template-columns: repeat(5, 1fr) !important
    }

    .is-grid-large-columns-6 {

        grid-template-columns: repeat(6, 1fr) !important
    }
}

@media not all and (min-width: 960px) {

    .is-grid-medium-columns-1 {

        grid-template-columns: repeat(1, 1fr) !important
    }

    .is-grid-medium-columns-2 {

        grid-template-columns: repeat(2, 1fr) !important
    }

    .is-grid-medium-columns-3 {

        grid-template-columns: repeat(3, 1fr) !important
    }

    .is-grid-medium-columns-4 {

        grid-template-columns: repeat(4, 1fr) !important
    }

    .is-grid-medium-columns-5 {

        grid-template-columns: repeat(5, 1fr) !important
    }

    .is-grid-medium-columns-6 {

        grid-template-columns: repeat(6, 1fr) !important
    }
}

@media not all and (min-width: 782px) {

    .is-grid-small-columns-1 {

        grid-template-columns: repeat(1, 1fr) !important
    }

    .is-grid-small-columns-2 {

        grid-template-columns: repeat(2, 1fr) !important
    }

    .is-grid-small-columns-3 {

        grid-template-columns: repeat(3, 1fr) !important
    }

    .is-grid-small-columns-4 {

        grid-template-columns: repeat(4, 1fr) !important
    }

    .is-grid-small-columns-5 {

        grid-template-columns: repeat(5, 1fr) !important
    }

    .is-grid-small-columns-6 {

        grid-template-columns: repeat(6, 1fr) !important
    }
}

@media not all and (min-width: 600px) {

    .is-grid-mobile-columns-1 {

        grid-template-columns: repeat(1, 1fr) !important
    }

    .is-grid-mobile-columns-2 {

        grid-template-columns: repeat(2, 1fr) !important
    }

    .is-grid-mobile-columns-3 {

        grid-template-columns: repeat(3, 1fr) !important
    }

    .is-grid-mobile-columns-4 {

        grid-template-columns: repeat(4, 1fr) !important
    }

    .is-grid-mobile-columns-5 {

        grid-template-columns: repeat(5, 1fr) !important
    }

    .is-grid-mobile-columns-6 {

        grid-template-columns: repeat(6, 1fr) !important
    }
}