/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media (max-width: 995px) {
	.container-24					{width: 768px;}
	
	.container-24 .grid-1			{width: 22px;}
	.container-24 .grid-2			{width: 54px;}
	.container-24 .grid-3			{width: 86px;}
	.container-24 .grid-4			{width: 118px;}
	.container-24 .grid-5			{width: 150px;}
	.container-24 .grid-6			{width: 182px;}
	.container-24 .grid-7			{width: 214px;}
	.container-24 .grid-8			{width: 246px;}
	.container-24 .grid-9			{width: 278px;}
	.container-24 .grid-10			{width: 310px;}
	.container-24 .grid-11			{width: 342px;}
	.container-24 .grid-12			{width: 374px;}
	.container-24 .grid-13			{width: 406px;}
	.container-24 .grid-14			{width: 438px;}
	.container-24 .grid-15			{width: 470px;}
	.container-24 .grid-16			{width: 502px;}
	.container-24 .grid-17			{width: 534px;}
	.container-24 .grid-18			{width: 566px;}
	.container-24 .grid-19			{width: 598px;}
	.container-24 .grid-20			{width: 630px;}
	.container-24 .grid-21			{width: 662px;}
	.container-24 .grid-22			{width: 694px;}
	.container-24 .grid-23			{width: 726px;}
	.container-24 .grid-24			{width: 758px;}


	/* Pref/Suf Styles */
	.container-24 .prefix-1			{padding-left:32px;}
	.container-24 .prefix-2			{padding-left:64px;}
	.container-24 .prefix-3			{padding-left:96px;}
	.container-24 .prefix-4			{padding-left:128px;}
	.container-24 .prefix-5			{padding-left:160px;}
	.container-24 .prefix-6			{padding-left:192px;}
	.container-24 .prefix-7			{padding-left:224px;}
	.container-24 .prefix-8			{padding-left:256px;}
	.container-24 .prefix-9			{padding-left:288px;}
	.container-24 .prefix-10		{padding-left:320px;}
	.container-24 .prefix-11		{padding-left:352px;}
	.container-24 .prefix-12		{padding-left:384px;}
	.container-24 .prefix-13		{padding-left:416px;}
	.container-24 .prefix-14		{padding-left:448px;}
	.container-24 .prefix-15		{padding-left:480px;}
	.container-24 .prefix-16		{padding-left:512px;}
	.container-24 .prefix-17		{padding-left:544px;}
	.container-24 .prefix-18		{padding-left:576px;}
	.container-24 .prefix-19		{padding-left:608px;}
	.container-24 .prefix-20		{padding-left:640px;}
	.container-24 .prefix-21		{padding-left:672px;}
	.container-24 .prefix-22		{padding-left:704px;}
	.container-24 .prefix-23		{padding-left:736px;}
	
	.container-24 .suffix-1			{padding-right:32px;}
	.container-24 .suffix-2			{padding-right:64px;}
	.container-24 .suffix-3			{padding-right:96px;}
	.container-24 .suffix-4			{padding-right:128px;}
	.container-24 .suffix-5			{padding-right:160px;}
	.container-24 .suffix-6			{padding-right:192px;}
	.container-24 .suffix-7			{padding-right:224px;}
	.container-24 .suffix-8			{padding-right:256px;}
	.container-24 .suffix-9			{padding-right:288px;}
	.container-24 .suffix-10		{padding-right:320px;}
	.container-24 .suffix-11		{padding-right:352px;}
	.container-24 .suffix-12		{padding-right:384px;}
	.container-24 .suffix-13		{padding-right:416px;}
	.container-24 .suffix-14		{padding-right:448px;}
	.container-24 .suffix-15		{padding-right:480px;}
	.container-24 .suffix-16		{padding-right:512px;}
	.container-24 .suffix-17		{padding-right:544px;}
	.container-24 .suffix-18		{padding-right:576px;}
	.container-24 .suffix-19		{padding-right:608px;}
	.container-24 .suffix-20		{padding-right:640px;}
	.container-24 .suffix-21		{padding-right:672px;}
	.container-24 .suffix-22		{padding-right:704px;}
	.container-24 .suffix-23		{padding-right:736px;}
}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media (max-width: 767px) {
	.container-24{width: auto; padding: 0 15px;}

	.container-24 [class*="grid-"]{margin: 0 0 30px; display: block; float: none; width: auto;}

	/* Pref/Suf Styles */
	.container-24 [class*="prefix-"]{padding-left:0px;}
	.container-24 [class*="suffix-"]{padding-right:0px;}

	.grid-last {margin-bottom: 0 !important;}
}