Views template - printing exposed variable twice

I'm wanting to wrap my exposed filters with some markup only for smaller width displays, and display it normally for desktop users. My plan was to use css media queries to then show/hide based on width. This worked great, however this meant printing the $exposed variable (from view main template) twice. It seems that whenever I hit apply on the second rendered exposed filters it will redirect me back to the main page, but the first one works. I'm thinking it has to do with the filter not being attached to the form, but is there any way to make duplicate of the exposed filters to use in the template?

Thanks

edit: nvm - got a css solution:
create markup for a button or something similar. hide the button on default, show the button and hide the exposed filters when width is small. Then add some js to make the button clickable and hide/show the filters again.