// JavaScript Document



function getcss(cssfile){

loadcss = document.createElement('link')
loadcss.setAttribute("rel", "stylesheet")
loadcss.setAttribute("type", "text/css")
loadcss.setAttribute("href", cssfile)
document.getElementsByTagName("head")[0].appendChild(loadcss)
}
if(screen.width <= '800')
// Defines the resolution range you're targeting (less than 800 pixels wide in this case)

{
getcss('css/newcss.css')
// Defines the .css file you want to load for this range (800x600.css)

}
else if(screen.width > '800' && screen.width < '1280')
// This time we're targeting all resolutions between 800 and 1280 pixels wide

{
getcss('css/newcss.css')
//And we want to load the .css file named "1024x768.css"
}
else if(screen.width > '1024' && screen.width < '1600')
//Targeting screen resolutions between 1024 and 1600px wide
{
getcss('css/CSS.css')
//Load 1280x1024.css
}
else

{
getcss('css/CSS.css')
//This else statement has "if" condition. If none of the following criteria are met, load 1280x1024.css
}