/* === Bootstrap === */

@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {}
@media (min-width: 1200px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {}
@media (max-width: 480px) {}
@media (max-width: 979px) {}
@media (min-width: 980px) {}

/* === 320 and Up === */

@media only screen and (min-width: 480px) {}
@media only screen and (min-width: 600px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (min-width: 992px) {}
@media only screen and (min-width: 1382px) {}
@media 
  only screen and (-webkit-min-device-pixel-ratio: 1.5), 
  only screen and (min--moz-device-pixel-ratio: 1.5), 
  only screen and (min-device-pixel-ratio: 1.5) {}

/* === Golden-Grid-System === */

/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {}

/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) {}

/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) {}

/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) {}

/* @media screen and (min-width: 1200px) */
@media screen and (min-width: 75em) {}

/* @media screen and (min-width: 1392px) */
@media screen and (min-width: 87em) {}

/* @media screen and (min-width: 1680px) */
@media screen and (min-width: 105em) {}

/* @media screen and (min-width: 1872px) */
@media screen and (min-width: 117em) {}

/* @media screen and (min-width: 2080px) */
@media screen and (min-width: 130em) {}

/* === Fluid Baseline Grid === */

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {}

/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) {}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) {}

/* DESKTOP */
@media only screen and (min-width: 1280px) {}

/* WIDESCREEN */
@media only screen and (min-width: 1400px) {}