Media Queries Breakpoints

media-queries-breakpoints.css

/**
 * @desc Media Queries Breakpoints
 * @see  http://getbootstrap.com/css/#grid
 */

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default. */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }

/**
 * Occasionally expand on these media queries to include a max-width
 * to limit CSS to a narrower set of devices.
 */
@media (max-width: 480px) { ... }
@media (min-width: 768px) and (max-width: 991px) { ... }
@media (min-width: 992px) and (max-width: 1199px) { ... }