@media only screen and (max-width:1680px){}

@media only screen and (max-width:1440px){}

@media only screen and (max-width:1360px){}

@media only screen and (max-width:1280px){}

@media only screen and (max-width:1024px){}

@media only screen and (max-width:800px){}

@media only screen and (min-device-width:768px) and (max-device-width:1024px){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){}

@media only screen and (max-width:640px){}

@media only screen and (max-width:568px){}
@media only screen and (max-width:480px){}
@media only screen and (min-device-width:320px) and (max-device-width:480px){}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation: portrait){}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation: landscape){}

@media only screen and (max-width:320px){}




/* Responsive Design for Retina Displays on iPad and iPhone
--------------------------------------------------------------------------------------*/
/*@media only screen and (-webkit-min-device-pixel-ratio: 2){}*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 4/2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
#logo a {background:url(../img/logo.png) left top no-repeat; background-size:100% 100%;}	
}