4 Spalten nebeneinander in mobiler Ansicht

Hallo,

ich würde gerne in einer Farb-Sektion vier Spalten nebeneinander auch auf Mobile (max-width: 767px) stehen lassen.

Den Beitrag für die zwei Spalten (https://kriesi.at/support/topic/2-columns-side-by-side-on-mobile/) hatte ich bereits gefunden und das funktioniert bei mir auch.

Nun habe ich versucht den Code anzupassen, was aber leider nicht zum gewünschten Ergebnis führt:

/* Four Columns in color section even on mobile */
.responsive #top #wrap_all .four-col .flex_column {
   width: 23.5%;
   margin-left: 0; 
}

.responsive #top #wrap_all .four-col .flex_column:is(:nth-child(4n+2), :nth-child(4n+3), :nth-child(4n+4)) {
   margin-left: 2%;
}

.responsive #top #wrap_all .four-col .flex_column:nth-child(4n+1) {
   clear: left; 
}

Die Spalten werden weiterhin untereinander angezeigt.
Was mach ich an der Stelle falsch?

Vielen Dank und Grüße aus Franken
Bernd