I want to fix 2 of the AT Commerce panel layouts for the Panels module for one of my pages. I want to mix the 2 column brick layout with 4 column 25% layout. Hoping to find a solution where I don't have to adjust a bunch of CSS to make it work. I want it to be adaptive so it adjusts according to the size of the screen as well. So I want it to look like the below diagram:

Top (conditional)
Left Above | Right Above
Middle (conditional)
Column 1 | Column 2 | Column 3 | Column 4
Bottom (conditional)

How would I set this up and which files do I need to alter. Tried changing the two-brick.tpl.php and at_commerce.info files and keep getting errors like:
Notice: Undefined index: two_first in include()

So I know I am setting something up wrong and looking for a push in the correct direction. Thanks.