Remove sidebar if media query

Is it possible to REMOVE sidebar (not to hide) if media query max-width: 500px, else show it ??? I don’t want to use CSS display none property because I wouldn;t like to have hidden content on my site.

i have this in single.php
<?php get_sidebar('left') ?>
and sidebar-left.php is:

<div class="sidebar-left">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>
<?php endif; ?>
</div>

I heard something that might be works with javascript, but i don’t know how. Please help me.