Media queries inside CSS classes
<p>So I'm trying to do something like this:</p>

<pre><code>.myClass
{
    @media all (max-width: 1024px) {
        left: 33%;
    }
    @media all (min-width:1025px) {
        left: 25%;
    } 
}
</code></pre>

<p>but for some reason isn't working. Is there any way I could achieve this?</p>

<p>EDIT: I know that you can achieve that by putting the media queries outside, but I don't want to do that =(</p>