in development of a responsive web design,... in vertical menu 8-rows what is the trick at 100% display width,.. in 320px-499px mobile display appear a vertical menu 8-rows but in 500px-767px mobile display appear TWO vertical menus(propably one continued in 5th li tag to second row) 4-rows each 50% each of display...?

I do NOT mean for media query syntax(i know well this), but for alignment of li elements css syntax... well?