New responsive engine from row to column on small screen

I agree, if 2 elements of each 320px (without any margin), then it would wrap at 640 px. However, I would like it to wrap at e.g. 800 px or 920px (because of the design). Question is how to achieve that while still making it be responsive down to 320px as well.

I tried to explain it fully here as well with examples: Bubbles Starter Template - Made Responsive in New Engine

Also, there is a link to a public editor.

Thanks a lot for taking the time!