responsive layout

Hi all

I have an UI5 application, which has the layout  as per screenshot "First" (attached)

However, when i display this on a mobile device i want Hbox2 and Hbox 4 to go underneath hbox1 and hbox3 respectively so we end up with the layout as per screen "two" attached. at the moment we cannot see hbox 2 and 4 as they are currently outside the mobile screen size.

is this possible?

The application laypout currently is a split app with the items in the master as CustomListItem and the detail pages as page.

any help would be appreicated

Thanks

A