Media Query

Media Query

/*
768 × 1024 iPad
414 × 736 iPhone 6+
375 × 667 iPhone 6
320 × 568 iPhone 5
320 × 480 iPhone 4
*/



/* Bootstrap 3
—————————————————————————*/

/* Desktop */
@media (min-width: 1601px) { }

/* Laptop */
@media (min-width: 1025px) { }

/* Tablet Horizontal */
@media (max-width: 1024px) { }

/* Tablet vertical & large phone */
@media (max-width: 768px) { }

/* Mobile horizontal */
@media (max-width: 667px) { }

/* Mobile */
@media (max-width: 414px) { }

/* Mobile legacy */
@media (max-width: 320px) { }

/* Print */
@media print { }





/* Bootstrap 3 (edited)
—————————————————————————*/

/* Desktop */
@media (min-width: 1601px) { }

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

/* Tablet Horizontal */
@media (min-width: 992px) and (max-width: 1199px) { }

/* Tablet Vertical */
@media (min-width: 768px) and (max-width: 991px) { }

/* Tablet mini */
@media (max-width: 767px) { }

/* iPhone 6+ horizontal */
@media (max-width: 736px) { }

/* iPhone 6 horizontal */
@media (max-width: 667px) { }

/* iPhone 5 horizontal */
@media (max-width: 568px) { }

/* Mobile horizontal */
@media (max-width: 480px) { }

/* Mobile vertical */
@media (max-width: 320px) { }

/* Print */
@media print { }





/* Bootstrap 2
—————————————————————————*/

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

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

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

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