// Min-width Media Queries @desktop-lrg: ~"screen and (min-width: 1200px)"; @desktop-sm: ~"screen and (min-width: 1024px)"; @tablet: ~"screen and (min-width: 768px)"; @retina: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)"; // Max-width Media Queries @mobile-sm: ~"screen and (max-width: 480px)"; @mobile: ~"screen and (max-width: 767px)"; @desktop-sm-max: ~"screen and (max-width: 1024px)"; //DPI Media Queries @highdpi: ~"(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx)";