I have a website that has 4 separate versions for different size screens. Pretty grim even if it's bad to be different!

I have now finished programming my first site but there's some work to go before it's responsive.

Until the site is responsive what I want to do is have a css file that uses @media to detect a screen size and then redirect/load from the appropriate folder.

@media only screen and (min-width: 480px) {
open file: /directory/file.html;

Is there a way to do this?