You can see the live code here: http://welcome.knowledgelake.com/knowledgelake-trial.html
I stumbled across this thread looking to solve the exact same problem. I have a form that we'd like laid out in a two column fashion up until our tablet media queries where we'd like it collapsed into a single column. I'm trying to take advantage of the JS snippet, but I'm having trouble pinning down which selectors need to be redefined at each media query to get the desired result of collapsing from two columns to one.
Do you have any insight on which CSS selectors for the form need to be targeted to get this result?