/* 
	MEDIA QUERIES FOR COMMON DEVICES- RESPONSIVE GRID SYSTEM
	URL - http://responsive.gs
	LICENSE - PUBLIC DOMAIN
*/

/* SMARTPHONES - PORTRAIT & LANDSCAPE */
@media
only screen and (min-device-width: 320px) and (max-device-width: 480px),
only screen and (min-width: 320px) and (max-width: 480px) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
}

/* SMARTPHONES - LANDSCAPE */
@media 
only screen and (min-width: 321px) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
	
}

/* SMARTPHONES - PORTRAIT */
@media 
only screen and (max-width: 320px) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
	
}

/* IPADS - PORTRAIT & LANDSCAPE */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px),
only screen and (min-width: 768px) and (max-width: 1024px) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
	
}

/* IPADS - LANDSCAPE */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
	
}

/* IPADS - PORTRAIT */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	
	.container						{ width: 95%; } /* edit how you see fit */
	
	/* INSERT YOUR STYLES */
	
}


/* DESKTOPS & LAPTOPS */
@media 
only screen and (min-width: 1024px) {
	
	.container						{ max-width: 1000px; }
	
	/* INSERT YOUR STYLES */
	
}

@media 
only screen and (min-width: 1224px) {
	
	.container						{ max-width: 1200px; }
	
	/* INSERT YOUR STYLES */
	
}

/* LARGE SCREENS */
@media 
only screen and (min-width : 1824px) {
	
	.container						{ max-width: 1800px; }
	
	/* INSERT YOUR STYLES */
	
}

/* RETINA DISPLAY */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	
	/* INSERT YOUR STYLES */
	
}	