Bootstrap 4 Grid System Breakpoints CSS Media Query Template

bootstrap_4_responsive_media_query.css

/* Bootstrap 4 Grid System Breakpoints CSS Media Query Template
 * v. 1.00.00
 * Note: breakpoints according to bootstrap gridlines and common phone screen CSS pixels according to Google's Chrome inspector
 * Arranged to create a hierarchical priority towards more specific queries
 * Licensed under the MIT/X11 License (http://opensource.org/licenses/MIT) */

	@media screen and (max-width:1199px){}
	@media screen and (max-width:991px){}
	@media screen and (max-width:767px) {}
/* xs */
@media screen and (max-width:575px){}
	@media screen and (max-width:320px){}
	@media screen and (min-width:321px) and (max-width:374px){}
	@media screen and (min-width:375px) and (max-width:413px){}
	@media screen and (min-width:414px) and (max-width:479px){}
	@media screen and (min-width:480px) and (max-width:575px){}
/* sm */
@media screen and (min-width:576px) and (max-width:767px) {}
	@media screen and (min-width:576px) and (max-width:599px){}
	@media screen and (min-width:600px) and (max-width:767px){}
/* md */
@media screen and (min-width:768px) and (max-width:991px){}
	@media screen and (min-width:768px) and (max-width:799px){}
	@media screen and (min-width:800px) and (max-width:991px){}
/* lg */
@media screen and (min-width:992px) and (max-width:1199px){}
	@media screen and (min-width:992px) and (max-width:1024px){}
	@media screen and (min-width:1025px) and (max-width:1199px){}
/* xl */
@media screen and (min-width:1200px){}
	@media screen and (min-width:992px){}
	@media screen and (min-width:768px){}
	@media screen and (min-width:576px){}