Ekşi Duyuru

wrapper diye bir genel div'im var.
bunun içinde de 4 tane elementim var.

bu elementler yanyana dizilsin diye wrapper'a;

display:flex;
justify-content: space-between;

yazdım.

şimdi istiyorum ki;

mobile geçtiğimde yani @media max-width:767px olduğunda;

bunların 4'ü de yanyana olmasın.
ilk 2 si yanyana, diğer 2si ise bir alt satırda yanyana denk gelsinler.

bu elemenntlere;
flex: 0 1 50%;

gibi değerler verdim ama yemedi.
bir çözümü var mıdır?