css, change less variable with @media

Question

I\'m currently on a site project that is responsive and less is really helping out a lot.

But I want a size variable to change depending on window size. I\'ve tried

Answer 1

yes but in that way you must rewrite all

the best way should be (but it doesnt work)

@w : 10px

@media (min-width: 1440px) {

    @w:500px;

}
@media (min-width: 1024px) and (max-width: 1280px) {

@w:300px;

}

@media (min-width: 800px) and (max-width: 1020px) {

    @w:200px;
}

.any{
        width:@w;
    }