Including a file in Samrty using CSS3 Media Query

[shondahg]

I want to include a file in smarty tpl file based on CSS3 Media query result. If screen resolution is <=640 i will use mobile header else header.tplOne of the alternatives i came up was including both header files, and blocking/displaying one at a time. But it messes up with my page layout. Is there a way i can set a variable or some condition to include only one header file using if statement ?\[code\] <span class="display-none-mobile"> {include file="includes/header.tpl"} </span> <span class="display-none-desktop"> {include file="includes/header-mobile.tpl"} </span>\[/code\]