@media (min-width: 990px) {
    .template-media-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .template-media-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .template-media-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .template-media-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .template-media-5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .template-media-6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .template-media-7 {
        grid-template-columns: repeat(7, 1fr);
    }
    .template-media-8 {
        grid-template-columns: repeat(8, 1fr);
    }
}

@media (max-width: 990px) and (min-width: 768px) {
    .template-media-1,
    .template-media-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .template-media-3,
    .template-media-4,
    .template-media-5 {
        grid-template-columns: repeat(2, 1fr);
    }
    .template-media-6,
    .template-media-7,
    .template-media-8 {
        grid-template-columns: repeat(3, 1fr);
    }

    .ce-textpic {
        display: flex;
        flex-direction: column;
    }

    .ce-row {
        margin-bottom: unset;
    }

    .ce-column {
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    .template-media-1,
    .template-media-2,
    .template-media-3,
    .template-media-4,
    .template-media-5,
    .template-media-6,
    .template-media-7,
    .template-media-8 {
        grid-template-columns: repeat(1, 1fr);
    }

    .ce-textpic {
        display: flex;
        flex-direction: column;
    }

    .ce-row {
        margin-bottom: unset;
    }

    .ce-column {
        margin-bottom: 10px;
    }
}