Media queries for responsive layouts

responsive.css

// Responsive.css
// -------------------------------------------------------------



// UP TO LANDSCAPE PHONE
// ---------------------

@media (max-width: 480px) {}



// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
// --------------------------------------------------

@media (max-width: 767px) {}



// PORTRAIT TABLET TO DEFAULT DESKTOP
// ----------------------------------

@media (min-width: 768px) and (max-width: 979px) {}



// TABLETS AND BELOW
// -----------------
@media (max-width: 979px) {}



// DEFAULT DESKTOP
// ---------------

@media (min-width: 980px) {}



// LARGE DESKTOP & UP
// ------------------

@media (min-width: 1200px) {}