/***
 *	Width References
 *
 *	Date: 2017-08-26
 * 
 */

	.\-1of1 { width: 100% }
	.\-gutter > .\-1of1 { width: calc( 100% - 20px ) }

	.\-1of2,
	.\-2of4,
	.\-3of6,
	.\-4of8,
	.\-5of10,
	.\-6of12,
	.\-8of16,
	.\-half { width: 50% }
		.\-gutter > .\-1of2,
		.\-gutter > .\-2of4,
		.\-gutter > .\-3of6,
		.\-gutter > .\-4of8,
		.\-gutter > .\-5of10,
		.\-gutter > .\-6of12,
		.\-gutter > .\-8of16,
		.\-gutter > .\-half { width: calc( 50% - 20px ) }


	.\-1of3,
	.\-2of6,
	.\-3of9,
	.\-4of12,
	.\-third { width: 33.33% }
		.\-gutter > .\-1of3,
		.\-gutter > .\-2of6,
		.\-gutter > .\-3of9,
		.\-gutter > .\-4of12,
		.\-gutter > .\-third { width: calc( 33.33% - 20px ) }


	.\-2of3,
	.\-4of6,
	.\-6of9,
	.\-8of12 { width: 66.66% }
		.\-gutter > .\-2of3,
		.\-gutter > .\-4of6,
		.\-gutter > .\-6of9,
		.\-gutter > .\-8of12 { width: calc( 66.66% - 20px ) }


	.\-1of4,
	.\-2of8,
	.\-3of12,
	.\-4of16,
	.\-quarter { width: 25% }
		.\-gutter > .\-1of4,
		.\-gutter > .\-2of8,
		.\-gutter > .\-3of12,
		.\-gutter > .\-4of16,
		.\-gutter > .\-quarter { width: calc( 25% - 20px ) }

	.\-3of4,
	.\-6of8,
	.\-9of12,
	.\-12of16 { width: 75% }
		.\-gutter > .\-3of4,
		.\-gutter > .\-6of8,
		.\-gutter > .\-9of12,
		.\-gutter > .\-12of16 { width: calc( 75% - 20px ) }

	
	.\-1of5,
	.\-2of10 { width: 20% }
		.\-gutter > .\-1of5,
		.\-gutter > .\-2of10 { width: calc( 20% - 20px ) }

	.\-2of5,
	.\-4of10 { width: 40% }
		.\-gutter > .\-2of5,
		.\-gutter > .\-4of10 { width: calc( 40% - 20px ) }

	.\-3of5,
	.\-6of10 { width: 60% }
		.\-gutter > .\-3of5,
		.\-gutter > .\-6of10 { width: calc( 60% - 20px ) }

	.\-4of5,
	.\-8of10 { width: 80% }
		.\-gutter > .\-4of5,
		.\-gutter > .\-8of10 { width: calc( 80% - 20px ) }
		
	
	.\-1of6,
	.\-2of12 { width: 16.66% }
		.\-gutter > .\-1of6,
		.\-gutter > .\-2of12 { width: calc( 16.66% - 20px ) }

	.\-5of6,
	.\-10of12 { width: 83.33% }
		.\-gutter > .\-5of6,
		.\-gutter > .\-10of12 { width: calc( 83.33% - 20px ) }
		
		
	.\-1of7 { width: 14.28% }
		.\-gutter > .\-1of7 { width: calc( 14.28% - 20px ) }
	
	.\-2of7 { width: 28.57% }
		.\-gutter > .\-2of7 { width: calc( 28.57% - 20px ) }
	
	.\-3of7 { width: 42.85% }
		.\-gutter > .\-3of7 { width: calc( 42.85% - 20px ) }
		
	.\-4of7 { width: 57.14% }
		.\-gutter > .\-4of7 { width: calc( 57.14% - 20px ) }
		
	.\-5of7 { width: 71.42% }
		.\-gutter > .\-5of7 { width: calc( 71.42% - 20px ) }

	.\-6of7 { width: 85.71% }
		.\-gutter > .\-6of7 { width: calc( 85.71% - 20px ) }


	.\-1of8,
	.\-2of16 { width: 12.5% }
		.\-gutter > .\-1of8,
		.\-gutter > .\-2of16 { width: calc( 12.5% - 20px ) }

	.\-3of8,
	.\-6of16 { width: 37.5% }
		.\-gutter > .\-3of8,
		.\-gutter > .\-6of16 { width: calc( 37.5% - 20px ) }

	.\-5of8,
	.\-10of16 { width: 62.5% }
		.\-gutter > .\-5of8,
		.\-gutter > .\-10of16 { width: calc( 62.5% - 20px ) }

	.\-7of8,
	.\-14of16 { width: 87.5% }
		.\-gutter > .\-7of8,
		.\-gutter > .\-14of16 { width:calc( 87.5% - 20px ) }


	.\-1of9 { width: 11.11% }
		.\-gutter > .\-1of9 { width: calc( 11% - 20px ) }
	
	.\-2of9 { width: 22.22% }
		.\-gutter > .\-2of9 { width: calc( 22.22% - 20px ) }
	
	.\-4of9 { width: 44.44% }
		.\-gutter > .\-4of9 { width: calc( 44.44% - 20px ) }
	
	.\-5of9 { width: 55.55% }
		.\-gutter > .\-5of9 { width: calc( 55.55% - 20px ) }
	
	.\-7of9 { width: 77.77% }
		.\-gutter > .\-7of9 { width: calc( 77.77% - 20px ) }
	
	.\-8of9 { width: 88.88% }
		.\-gutter > .\-8of9 { width: calc( 88.88% - 20px ) }


	.\-1of10 { width: 10% }
		.\-gutter > .\-1of10 { width: calc( 10% - 20px ) }
	
	.\-3of10 { width: 30% }
		.\-gutter > .\-3of10 { width: calc( 30% - 20px ) }
	
	.\-7of10 { width: 70% }
		.\-gutter > .\-7of10 { width: calc( 70% - 20px ) }
	
	.\-9of10 { width: 90% }
		.\-gutter > .\-9of10 { width: calc( 90% - 20px ) }

	
	.\-1of11 { width: 9.09% }
		.\-gutter > .\-1of11 { width: calc( 9.09% - 20px ) }

	.\-2of11 { width: 18.18% }
		.\-gutter > .\-2of11 { width: calc( 18.18% - 20px ) }

	.\-3of11 { width: 27.27% }
		.\-gutter > .\-3of11 { width: calc( 27.27% - 20px ) }

	.\-4of11 { width: 36.36% }
		.\-gutter > .\-4of11 { width: calc( 36.36% - 20px ) }
	
	.\-5of11 { width: 45.45% }
		.\-gutter > .\-5of11 { width: calc( 45.45% - 20px ) }

	.\-6of11 { width: 54.54% }
		.\-gutter > .\-6of11 { width: calc( 54.54% - 20px ) }

	.\-7of11 { width: 63.63% }
		.\-gutter > .\-7of11 { width: calc( 63.63% - 20px ) }
	
	.\-8of11 { width: 72.72% }
		.\-gutter > .\-8of11 { width: calc( 72.72% - 20px ) }
	
	.\-9of11 { width: 81.81% }
		.\-gutter > .\-9of11 { width: calc( 81.81% - 20px ) }
	
	.\-10of11 { width: 90.9% }
		.\-gutter > .\-10of11 { width: calc( 90.9% - 20px ) }

	
	.\-1of12 { width: 8.33% }
		.\-gutter > .\-1of12 { width: calc( 8.33% - 20px ) }
	
	.\-5of12 { width: 41.66% }
		.\-gutter > .\-5of12 { width: calc( 41.66% - 20px ) }
	
	.\-7of12 { width: 58.33% }
		.\-gutter > .\-7of12 { width: calc( 58.33% - 20px ) }
	
	.\-11of12 { width: 91.66% }
		.\-gutter > .\-11of12 { width: calc( 91.66 - 20px ) }

	
	.\-1of16 { width: 6.25% }
		.\-gutter > .\-1of16 { width: calc( 6.25% - 20px ) }

	.\-3of16 { width: 18.75% }
		.\-gutter > .\-3of16 { width: calc( 18.75% - 20px ) }

	.\-5of16 { width: 31.25% }
		.\-gutter > .\-5of16 { width: calc( 31.25% - 20px ) }

	.\-7of16 { width: 43.75% }
		.\-gutter > .\-7of16 { width: calc( 43.75% - 20px ) }
	
	.\-9of16 { width: 56.25% }
		.\-gutter > .\-9of16 { width: calc( 56.25% - 20px ) }
	
	.\-11of16 { width: 68.75% }
		.\-gutter > .\-11of16 { width: calc( 68.75% - 20px ) }
	
	.\-13of16 { width: 81.25% }
		.\-gutter > .\-13of16 { width: calc( 81.25% - 20px ) }
	
	.\-15of16 { width: 93.75% }
		.\-gutter > .\-15of16 { width: calc( 93.75% - 20px ) }


/* -xx */
@media only screen and ( min-width: 1440px ){
	.\-1of1-xx { width: 100% }
		.\-gutter > .\-1of1-xx { width: calc( 100% - 20px ) }
		/* .\-gutter > .\-1of1-xx + .\-1of1-xx { margin-top: 20px !important } */

	.\-1of2-xx,
	.\-2of4-xx,
	.\-3of6-xx,
	.\-4of8-xx,
	.\-5of10-xx,
	.\-6of12-xx,
	.\-8of16-xx,
	.\-half-xx { width: 50% }
		.\-gutter > .\-1of2-xx,
		.\-gutter > .\-2of4-xx,
		.\-gutter > .\-3of6-xx,
		.\-gutter > .\-4of8-xx,
		.\-gutter > .\-5of10-xx,
		.\-gutter > .\-6of12-xx,
		.\-gutter > .\-8of16-xx,
		.\-gutter > .\-half-xx { width: calc( 50% - 20px ) }


	.\-1of3-xx,
	.\-2of6-xx,
	.\-3of9-xx,
	.\-4of12-xx,
	.\-third-xx { width: 33.33% }
		.\-gutter > .\-1of3-xx,
		.\-gutter > .\-2of6-xx,
		.\-gutter > .\-3of9-xx,
		.\-gutter > .\-4of12-xx,
		.\-gutter > .\-third-xx { width: calc( 33.33% - 20px ) }


	.\-2of3-xx,
	.\-4of6-xx,
	.\-6of9-xx,
	.\-8of12-xx { width: 66.66% }
		.\-gutter > .\-2of3-xx,
		.\-gutter > .\-4of6-xx,
		.\-gutter > .\-6of9-xx,
		.\-gutter > .\-8of12-xx { width: calc( 66.66% - 20px ) }


	.\-1of4-xx,
	.\-2of8-xx,
	.\-3of12-xx,
	.\-4of16-xx,
	.\-quarter-xx { width: 25% }
		.\-gutter > .\-1of4-xx,
		.\-gutter > .\-2of8-xx,
		.\-gutter > .\-3of12-xx,
		.\-gutter > .\-4of16-xx,
		.\-gutter > .\-quarter-xx { width: calc( 25% - 20px ) }

	.\-3of4-xx,
	.\-6of8-xx,
	.\-9of12-xx,
	.\-12of16-xx { width: 75% }
		.\-gutter > .\-3of4-xx,
		.\-gutter > .\-6of8-xx,
		.\-gutter > .\-9of12-xx,
		.\-gutter > .\-12of16-xx { width: calc( 75% - 20px ) }

	
	.\-1of5-xx,
	.\-2of10-xx { width: 20% }
		.\-gutter > .\-1of5-xx,
		.\-gutter > .\-2of10-xx { width: calc( 20% - 20px ) }

	.\-2of5-xx,
	.\-4of10-xx { width: 40% }
		.\-gutter > .\-2of5-xx,
		.\-gutter > .\-4of10-xx { width: calc( 40% - 20px ) }

	.\-3of5-xx,
	.\-6of10-xx { width: 60% }
		.\-gutter > .\-3of5-xx,
		.\-gutter > .\-6of10-xx { width: calc( 60% - 20px ) }

	.\-4of5-xx,
	.\-8of10-xx { width: 80% }
		.\-gutter > .\-4of5-xx,
		.\-gutter > .\-8of10-xx { width: calc( 80% - 20px ) }
		
	
	.\-1of6-xx,
	.\-2of12-xx { width: 16.66% }
		.\-gutter > .\-1of6-xx,
		.\-gutter > .\-2of12-xx { width: calc( 16.66% - 20px ) }

	.\-5of6-xx,
	.\-10of12-xx { width: 83.33% }
		.\-gutter > .\-5of6-xx,
		.\-gutter > .\-10of12-xx { width: calc( 83.33% - 20px ) }
		
		
	.\-1of7-xx { width: 14.28% }
		.\-gutter > .\-1of7-xx { width: calc( 14.28% - 20px ) }
	
	.\-2of7-xx { width: 28.57% }
		.\-gutter > .\-2of7-xx { width: calc( 28.57% - 20px ) }
	
	.\-3of7-xx { width: 42.85% }
		.\-gutter > .\-3of7-xx { width: calc( 42.85% - 20px ) }
		
	.\-4of7-xx { width: 57.14% }
		.\-gutter > .\-4of7-xx { width: calc( 57.14% - 20px ) }
		
	.\-5of7-xx { width: 71.42% }
		.\-gutter > .\-5of7-xx { width: calc( 71.42% - 20px ) }

	.\-6of7-xx { width: 85.71% }
		.\-gutter > .\-6of7-xx { width: calc( 85.71% - 20px ) }


	.\-1of8-xx,
	.\-2of16-xx { width: 12.5% }
		.\-gutter > .\-1of8-xx,
		.\-gutter > .\-2of16-xx { width: calc( 12.5% - 20px ) }

	.\-3of8-xx,
	.\-6of16-xx { width: 37.5% }
		.\-gutter > .\-3of8-xx,
		.\-gutter > .\-6of16-xx { width: calc( 37.5% - 20px ) }

	.\-5of8-xx,
	.\-10of16-xx { width: 62.5% }
		.\-gutter > .\-5of8-xx,
		.\-gutter > .\-10of16-xx { width: calc( 62.5% - 20px ) }

	.\-7of8-xx,
	.\-14of16-xx { width: 87.5% }
		.\-gutter > .\-7of8-xx,
		.\-gutter > .\-14of16-xx { width:calc( 87.5% - 20px ) }


	.\-1of9-xx { width: 11.11% }
		.\-gutter > .\-1of9-xx { width: calc( 11% - 20px ) }
	
	.\-2of9-xx { width: 22.22% }
		.\-gutter > .\-2of9-xx { width: calc( 22.22% - 20px ) }
	
	.\-4of9-xx { width: 44.44% }
		.\-gutter > .\-4of9-xx { width: calc( 44.44% - 20px ) }
	
	.\-5of9-xx { width: 55.55% }
		.\-gutter > .\-5of9-xx { width: calc( 55.55% - 20px ) }
	
	.\-7of9-xx { width: 77.77% }
		.\-gutter > .\-7of9-xx { width: calc( 77.77% - 20px ) }
	
	.\-8of9-xx { width: 88.88% }
		.\-gutter > .\-8of9-xx { width: calc( 88.88% - 20px ) }


	.\-1of10-xx { width: 10% }
		.\-gutter > .\-1of10-xx { width: calc( 10% - 20px ) }
	
	.\-3of10-xx { width: 30% }
		.\-gutter > .\-3of10-xx { width: calc( 30% - 20px ) }
	
	.\-7of10-xx { width: 70% }
		.\-gutter > .\-7of10-xx { width: calc( 70% - 20px ) }
	
	.\-9of10-xx { width: 90% }
		.\-gutter > .\-9of10-xx { width: calc( 90% - 20px ) }

	
	.\-1of11-xx { width: 9.09% }
		.\-gutter > .\-1of11-xx { width: calc( 9.09% - 20px ) }

	.\-2of11-xx { width: 18.18% }
		.\-gutter > .\-2of11-xx { width: calc( 18.18% - 20px ) }

	.\-3of11-xx { width: 27.27% }
		.\-gutter > .\-3of11-xx { width: calc( 27.27% - 20px ) }

	.\-4of11-xx { width: 36.36% }
		.\-gutter > .\-4of11-xx { width: calc( 36.36% - 20px ) }
	
	.\-5of11-xx { width: 45.45% }
		.\-gutter > .\-5of11-xx { width: calc( 45.45% - 20px ) }

	.\-6of11-xx { width: 54.54% }
		.\-gutter > .\-6of11-xx { width: calc( 54.54% - 20px ) }

	.\-7of11-xx { width: 63.63% }
		.\-gutter > .\-7of11-xx { width: calc( 63.63% - 20px ) }
	
	.\-8of11-xx { width: 72.72% }
		.\-gutter > .\-8of11-xx { width: calc( 72.72% - 20px ) }
	
	.\-9of11-xx { width: 81.81% }
		.\-gutter > .\-9of11-xx { width: calc( 81.81% - 20px ) }
	
	.\-10of11-xx { width: 90.9% }
		.\-gutter > .\-10of11-xx { width: calc( 90.9% - 20px ) }

	
	.\-1of12-xx { width: 8.33% }
		.\-gutter > .\-1of12-xx { width: calc( 8.33% - 20px ) }
	
	.\-5of12-xx { width: 41.66% }
		.\-gutter > .\-5of12-xx { width: calc( 41.66% - 20px ) }
	
	.\-7of12-xx { width: 58.33% }
		.\-gutter > .\-7of12-xx { width: calc( 58.33% - 20px ) }
	
	.\-11of12-xx { width: 91.66% }
		.\-gutter > .\-11of12-xx { width: calc( 91.66 - 20px ) }

	
	.\-1of16-xx { width: 6.25% }
		.\-gutter > .\-1of16-xx { width: calc( 6.25% - 20px ) }

	.\-3of16-xx { width: 18.75% }
		.\-gutter > .\-3of16-xx { width: calc( 18.75% - 20px ) }

	.\-5of16-xx { width: 31.25% }
		.\-gutter > .\-5of16-xx { width: calc( 31.25% - 20px ) }

	.\-7of16-xx { width: 43.75% }
		.\-gutter > .\-7of16-xx { width: calc( 43.75% - 20px ) }
	
	.\-9of16-xx { width: 56.25% }
		.\-gutter > .\-9of16-xx { width: calc( 56.25% - 20px ) }
	
	.\-11of16-xx { width: 68.75% }
		.\-gutter > .\-11of16-xx { width: calc( 68.75% - 20px ) }
	
	.\-13of16-xx { width: 81.25% }
		.\-gutter > .\-13of16-xx { width: calc( 81.25% - 20px ) }
	
	.\-15of16-xx { width: 93.75% }
		.\-gutter > .\-15of16-xx { width: calc( 93.75% - 20px ) }
}


/* -dt */
@media only screen and ( max-width: 1199px ){
	.\-1of1-dt { width: 100% }
		.\-gutter > .\-1of1-dt { width: calc( 100% - 20px ) }
		/* .\-gutter > .\-1of1-dt + .\-1of1-dt { margin-top: 20px !important } */

	.\-1of2-dt,
	.\-2of4-dt,
	.\-3of6-dt,
	.\-4of8-dt,
	.\-5of10-dt,
	.\-6of12-dt,
	.\-8of16-dt,
	.\-half-dt { width: 50% }
		.\-gutter > .\-1of2-dt,
		.\-gutter > .\-2of4-dt,
		.\-gutter > .\-3of6-dt,
		.\-gutter > .\-4of8-dt,
		.\-gutter > .\-5of10-dt,
		.\-gutter > .\-6of12-dt,
		.\-gutter > .\-8of16-dt,
		.\-gutter > .\-half-dt { width: calc( 50% - 20px ) }


	.\-1of3-dt,
	.\-2of6-dt,
	.\-3of9-dt,
	.\-4of12-dt,
	.\-third-dt { width: 33.33% }
		.\-gutter > .\-1of3-dt,
		.\-gutter > .\-2of6-dt,
		.\-gutter > .\-3of9-dt,
		.\-gutter > .\-4of12-dt,
		.\-gutter > .\-third-dt { width: calc( 33.33% - 20px ) }


	.\-2of3-dt,
	.\-4of6-dt,
	.\-6of9-dt,
	.\-8of12-dt { width: 66.66% }
		.\-gutter > .\-2of3-dt,
		.\-gutter > .\-4of6-dt,
		.\-gutter > .\-6of9-dt,
		.\-gutter > .\-8of12-dt { width: calc( 66.66% - 20px ) }


	.\-1of4-dt,
	.\-2of8-dt,
	.\-3of12-dt,
	.\-4of16-dt,
	.\-quarter-dt { width: 25% }
		.\-gutter > .\-1of4-dt,
		.\-gutter > .\-2of8-dt,
		.\-gutter > .\-3of12-dt,
		.\-gutter > .\-4of16-dt,
		.\-gutter > .\-quarter-dt { width: calc( 25% - 20px ) }

	.\-3of4-dt,
	.\-6of8-dt,
	.\-9of12-dt,
	.\-12of16-dt { width: 75% }
		.\-gutter > .\-3of4-dt,
		.\-gutter > .\-6of8-dt,
		.\-gutter > .\-9of12-dt,
		.\-gutter > .\-12of16-dt { width: calc( 75% - 20px ) }

	
	.\-1of5-dt,
	.\-2of10-dt { width: 20% }
		.\-gutter > .\-1of5-dt,
		.\-gutter > .\-2of10-dt { width: calc( 20% - 20px ) }

	.\-2of5-dt,
	.\-4of10-dt { width: 40% }
		.\-gutter > .\-2of5-dt,
		.\-gutter > .\-4of10-dt { width: calc( 40% - 20px ) }

	.\-3of5-dt,
	.\-6of10-dt { width: 60% }
		.\-gutter > .\-3of5-dt,
		.\-gutter > .\-6of10-dt { width: calc( 60% - 20px ) }

	.\-4of5-dt,
	.\-8of10-dt { width: 80% }
		.\-gutter > .\-4of5-dt,
		.\-gutter > .\-8of10-dt { width: calc( 80% - 20px ) }
		
	
	.\-1of6-dt,
	.\-2of12-dt { width: 16.66% }
		.\-gutter > .\-1of6-dt,
		.\-gutter > .\-2of12-dt { width: calc( 16.66% - 20px ) }

	.\-5of6-dt,
	.\-10of12-dt { width: 83.33% }
		.\-gutter > .\-5of6-dt,
		.\-gutter > .\-10of12-dt { width: calc( 83.33% - 20px ) }
		
		
	.\-1of7-dt { width: 14.28% }
		.\-gutter > .\-1of7-dt { width: calc( 14.28% - 20px ) }
	
	.\-2of7-dt { width: 28.57% }
		.\-gutter > .\-2of7-dt { width: calc( 28.57% - 20px ) }
	
	.\-3of7-dt { width: 42.85% }
		.\-gutter > .\-3of7-dt { width: calc( 42.85% - 20px ) }
		
	.\-4of7-dt { width: 57.14% }
		.\-gutter > .\-4of7-dt { width: calc( 57.14% - 20px ) }
		
	.\-5of7-dt { width: 71.42% }
		.\-gutter > .\-5of7-dt { width: calc( 71.42% - 20px ) }

	.\-6of7-dt { width: 85.71% }
		.\-gutter > .\-6of7-dt { width: calc( 85.71% - 20px ) }


	.\-1of8-dt,
	.\-2of16-dt { width: 12.5% }
		.\-gutter > .\-1of8-dt,
		.\-gutter > .\-2of16-dt { width: calc( 12.5% - 20px ) }

	.\-3of8-dt,
	.\-6of16-dt { width: 37.5% }
		.\-gutter > .\-3of8-dt,
		.\-gutter > .\-6of16-dt { width: calc( 37.5% - 20px ) }

	.\-5of8-dt,
	.\-10of16-dt { width: 62.5% }
		.\-gutter > .\-5of8-dt,
		.\-gutter > .\-10of16-dt { width: calc( 62.5% - 20px ) }

	.\-7of8-dt,
	.\-14of16-dt { width: 87.5% }
		.\-gutter > .\-7of8-dt,
		.\-gutter > .\-14of16-dt { width:calc( 87.5% - 20px ) }


	.\-1of9-dt { width: 11.11% }
		.\-gutter > .\-1of9-dt { width: calc( 11% - 20px ) }
	
	.\-2of9-dt { width: 22.22% }
		.\-gutter > .\-2of9-dt { width: calc( 22.22% - 20px ) }
	
	.\-4of9-dt { width: 44.44% }
		.\-gutter > .\-4of9-dt { width: calc( 44.44% - 20px ) }
	
	.\-5of9-dt { width: 55.55% }
		.\-gutter > .\-5of9-dt { width: calc( 55.55% - 20px ) }
	
	.\-7of9-dt { width: 77.77% }
		.\-gutter > .\-7of9-dt { width: calc( 77.77% - 20px ) }
	
	.\-8of9-dt { width: 88.88% }
		.\-gutter > .\-8of9-dt { width: calc( 88.88% - 20px ) }


	.\-1of10-dt { width: 10% }
		.\-gutter > .\-1of10-dt { width: calc( 10% - 20px ) }
	
	.\-3of10-dt { width: 30% }
		.\-gutter > .\-3of10-dt { width: calc( 30% - 20px ) }
	
	.\-7of10-dt { width: 70% }
		.\-gutter > .\-7of10-dt { width: calc( 70% - 20px ) }
	
	.\-9of10-dt { width: 90% }
		.\-gutter > .\-9of10-dt { width: calc( 90% - 20px ) }

	
	.\-1of11-dt { width: 9.09% }
		.\-gutter > .\-1of11-dt { width: calc( 9.09% - 20px ) }

	.\-2of11-dt { width: 18.18% }
		.\-gutter > .\-2of11-dt { width: calc( 18.18% - 20px ) }

	.\-3of11-dt { width: 27.27% }
		.\-gutter > .\-3of11-dt { width: calc( 27.27% - 20px ) }

	.\-4of11-dt { width: 36.36% }
		.\-gutter > .\-4of11-dt { width: calc( 36.36% - 20px ) }
	
	.\-5of11-dt { width: 45.45% }
		.\-gutter > .\-5of11-dt { width: calc( 45.45% - 20px ) }

	.\-6of11-dt { width: 54.54% }
		.\-gutter > .\-6of11-dt { width: calc( 54.54% - 20px ) }

	.\-7of11-dt { width: 63.63% }
		.\-gutter > .\-7of11-dt { width: calc( 63.63% - 20px ) }
	
	.\-8of11-dt { width: 72.72% }
		.\-gutter > .\-8of11-dt { width: calc( 72.72% - 20px ) }
	
	.\-9of11-dt { width: 81.81% }
		.\-gutter > .\-9of11-dt { width: calc( 81.81% - 20px ) }
	
	.\-10of11-dt { width: 90.9% }
		.\-gutter > .\-10of11-dt { width: calc( 90.9% - 20px ) }

	
	.\-1of12-dt { width: 8.33% }
		.\-gutter > .\-1of12-dt { width: calc( 8.33% - 20px ) }
	
	.\-5of12-dt { width: 41.66% }
		.\-gutter > .\-5of12-dt { width: calc( 41.66% - 20px ) }
	
	.\-7of12-dt { width: 58.33% }
		.\-gutter > .\-7of12-dt { width: calc( 58.33% - 20px ) }
	
	.\-11of12-dt { width: 91.66% }
		.\-gutter > .\-11of12-dt { width: calc( 91.66 - 20px ) }

	
	.\-1of16-dt { width: 6.25% }
		.\-gutter > .\-1of16-dt { width: calc( 6.25% - 20px ) }

	.\-3of16-dt { width: 18.75% }
		.\-gutter > .\-3of16-dt { width: calc( 18.75% - 20px ) }

	.\-5of16-dt { width: 31.25% }
		.\-gutter > .\-5of16-dt { width: calc( 31.25% - 20px ) }

	.\-7of16-dt { width: 43.75% }
		.\-gutter > .\-7of16-dt { width: calc( 43.75% - 20px ) }
	
	.\-9of16-dt { width: 56.25% }
		.\-gutter > .\-9of16-dt { width: calc( 56.25% - 20px ) }
	
	.\-11of16-dt { width: 68.75% }
		.\-gutter > .\-11of16-dt { width: calc( 68.75% - 20px ) }
	
	.\-13of16-dt { width: 81.25% }
		.\-gutter > .\-13of16-dt { width: calc( 81.25% - 20px ) }
	
	.\-15of16-dt { width: 93.75% }
		.\-gutter > .\-15of16-dt { width: calc( 93.75% - 20px ) }
}


/* -tb */
@media only screen and ( max-width: 899px ){
	.\-1of1-tb { width: 100% }
		.\-gutter > .\-1of1-tb { width: calc( 100% - 20px ) }
		/* .\-gutter > .\-1of1-tb + .\-1of1-tb { margin-top: 20px !important } */

	.\-1of2-tb,
	.\-2of4-tb,
	.\-3of6-tb,
	.\-4of8-tb,
	.\-5of10-tb,
	.\-6of12-tb,
	.\-8of16-tb,
	.\-half-tb { width: 50% }
		.\-gutter > .\-1of2-tb,
		.\-gutter > .\-2of4-tb,
		.\-gutter > .\-3of6-tb,
		.\-gutter > .\-4of8-tb,
		.\-gutter > .\-5of10-tb,
		.\-gutter > .\-6of12-tb,
		.\-gutter > .\-8of16-tb,
		.\-gutter > .\-half-tb { width: calc( 50% - 20px ) }


	.\-1of3-tb,
	.\-2of6-tb,
	.\-3of9-tb,
	.\-4of12-tb,
	.\-third-tb { width: 33.33% }
		.\-gutter > .\-1of3-tb,
		.\-gutter > .\-2of6-tb,
		.\-gutter > .\-3of9-tb,
		.\-gutter > .\-4of12-tb,
		.\-gutter > .\-third-tb { width: calc( 33.33% - 20px ) }


	.\-2of3-tb,
	.\-4of6-tb,
	.\-6of9-tb,
	.\-8of12-tb { width: 66.66% }
		.\-gutter > .\-2of3-tb,
		.\-gutter > .\-4of6-tb,
		.\-gutter > .\-6of9-tb,
		.\-gutter > .\-8of12-tb { width: calc( 66.66% - 20px ) }


	.\-1of4-tb,
	.\-2of8-tb,
	.\-3of12-tb,
	.\-4of16-tb,
	.\-quarter-tb { width: 25% }
		.\-gutter > .\-1of4-tb,
		.\-gutter > .\-2of8-tb,
		.\-gutter > .\-3of12-tb,
		.\-gutter > .\-4of16-tb,
		.\-gutter > .\-quarter-tb { width: calc( 25% - 20px ) }

	.\-3of4-tb,
	.\-6of8-tb,
	.\-9of12-tb,
	.\-12of16-tb { width: 75% }
		.\-gutter > .\-3of4-tb,
		.\-gutter > .\-6of8-tb,
		.\-gutter > .\-9of12-tb,
		.\-gutter > .\-12of16-tb { width: calc( 75% - 20px ) }

	
	.\-1of5-tb,
	.\-2of10-tb { width: 20% }
		.\-gutter > .\-1of5-tb,
		.\-gutter > .\-2of10-tb { width: calc( 20% - 20px ) }

	.\-2of5-tb,
	.\-4of10-tb { width: 40% }
		.\-gutter > .\-2of5-tb,
		.\-gutter > .\-4of10-tb { width: calc( 40% - 20px ) }

	.\-3of5-tb,
	.\-6of10-tb { width: 60% }
		.\-gutter > .\-3of5-tb,
		.\-gutter > .\-6of10-tb { width: calc( 60% - 20px ) }

	.\-4of5-tb,
	.\-8of10-tb { width: 80% }
		.\-gutter > .\-4of5-tb,
		.\-gutter > .\-8of10-tb { width: calc( 80% - 20px ) }
		
	
	.\-1of6-tb,
	.\-2of12-tb { width: 16.66% }
		.\-gutter > .\-1of6-tb,
		.\-gutter > .\-2of12-tb { width: calc( 16.66% - 20px ) }

	.\-5of6-tb,
	.\-10of12-tb { width: 83.33% }
		.\-gutter > .\-5of6-tb,
		.\-gutter > .\-10of12-tb { width: calc( 83.33% - 20px ) }
		
		
	.\-1of7-tb { width: 14.28% }
		.\-gutter > .\-1of7-tb { width: calc( 14.28% - 20px ) }
	
	.\-2of7-tb { width: 28.57% }
		.\-gutter > .\-2of7-tb { width: calc( 28.57% - 20px ) }
	
	.\-3of7-tb { width: 42.85% }
		.\-gutter > .\-3of7-tb { width: calc( 42.85% - 20px ) }
		
	.\-4of7-tb { width: 57.14% }
		.\-gutter > .\-4of7-tb { width: calc( 57.14% - 20px ) }
		
	.\-5of7-tb { width: 71.42% }
		.\-gutter > .\-5of7-tb { width: calc( 71.42% - 20px ) }

	.\-6of7-tb { width: 85.71% }
		.\-gutter > .\-6of7-tb { width: calc( 85.71% - 20px ) }


	.\-1of8-tb,
	.\-2of16-tb { width: 12.5% }
		.\-gutter > .\-1of8-tb,
		.\-gutter > .\-2of16-tb { width: calc( 12.5% - 20px ) }

	.\-3of8-tb,
	.\-6of16-tb { width: 37.5% }
		.\-gutter > .\-3of8-tb,
		.\-gutter > .\-6of16-tb { width: calc( 37.5% - 20px ) }

	.\-5of8-tb,
	.\-10of16-tb { width: 62.5% }
		.\-gutter > .\-5of8-tb,
		.\-gutter > .\-10of16-tb { width: calc( 62.5% - 20px ) }

	.\-7of8-tb,
	.\-14of16-tb { width: 87.5% }
		.\-gutter > .\-7of8-tb,
		.\-gutter > .\-14of16-tb { width:calc( 87.5% - 20px ) }


	.\-1of9-tb { width: 11.11% }
		.\-gutter > .\-1of9-tb { width: calc( 11% - 20px ) }
	
	.\-2of9-tb { width: 22.22% }
		.\-gutter > .\-2of9-tb { width: calc( 22.22% - 20px ) }
	
	.\-4of9-tb { width: 44.44% }
		.\-gutter > .\-4of9-tb { width: calc( 44.44% - 20px ) }
	
	.\-5of9-tb { width: 55.55% }
		.\-gutter > .\-5of9-tb { width: calc( 55.55% - 20px ) }
	
	.\-7of9-tb { width: 77.77% }
		.\-gutter > .\-7of9-tb { width: calc( 77.77% - 20px ) }
	
	.\-8of9-tb { width: 88.88% }
		.\-gutter > .\-8of9-tb { width: calc( 88.88% - 20px ) }


	.\-1of10-tb { width: 10% }
		.\-gutter > .\-1of10-tb { width: calc( 10% - 20px ) }
	
	.\-3of10-tb { width: 30% }
		.\-gutter > .\-3of10-tb { width: calc( 30% - 20px ) }
	
	.\-7of10-tb { width: 70% }
		.\-gutter > .\-7of10-tb { width: calc( 70% - 20px ) }
	
	.\-9of10-tb { width: 90% }
		.\-gutter > .\-9of10-tb { width: calc( 90% - 20px ) }

	
	.\-1of11-tb { width: 9.09% }
		.\-gutter > .\-1of11-tb { width: calc( 9.09% - 20px ) }

	.\-2of11-tb { width: 18.18% }
		.\-gutter > .\-2of11-tb { width: calc( 18.18% - 20px ) }

	.\-3of11-tb { width: 27.27% }
		.\-gutter > .\-3of11-tb { width: calc( 27.27% - 20px ) }

	.\-4of11-tb { width: 36.36% }
		.\-gutter > .\-4of11-tb { width: calc( 36.36% - 20px ) }
	
	.\-5of11-tb { width: 45.45% }
		.\-gutter > .\-5of11-tb { width: calc( 45.45% - 20px ) }

	.\-6of11-tb { width: 54.54% }
		.\-gutter > .\-6of11-tb { width: calc( 54.54% - 20px ) }

	.\-7of11-tb { width: 63.63% }
		.\-gutter > .\-7of11-tb { width: calc( 63.63% - 20px ) }
	
	.\-8of11-tb { width: 72.72% }
		.\-gutter > .\-8of11-tb { width: calc( 72.72% - 20px ) }
	
	.\-9of11-tb { width: 81.81% }
		.\-gutter > .\-9of11-tb { width: calc( 81.81% - 20px ) }
	
	.\-10of11-tb { width: 90.9% }
		.\-gutter > .\-10of11-tb { width: calc( 90.9% - 20px ) }

	
	.\-1of12-tb { width: 8.33% }
		.\-gutter > .\-1of12-tb { width: calc( 8.33% - 20px ) }
	
	.\-5of12-tb { width: 41.66% }
		.\-gutter > .\-5of12-tb { width: calc( 41.66% - 20px ) }
	
	.\-7of12-tb { width: 58.33% }
		.\-gutter > .\-7of12-tb { width: calc( 58.33% - 20px ) }
	
	.\-11of12-tb { width: 91.66% }
		.\-gutter > .\-11of12-tb { width: calc( 91.66 - 20px ) }

	
	.\-1of16-tb { width: 6.25% }
		.\-gutter > .\-1of16-tb { width: calc( 6.25% - 20px ) }

	.\-3of16-tb { width: 18.75% }
		.\-gutter > .\-3of16-tb { width: calc( 18.75% - 20px ) }

	.\-5of16-tb { width: 31.25% }
		.\-gutter > .\-5of16-tb { width: calc( 31.25% - 20px ) }

	.\-7of16-tb { width: 43.75% }
		.\-gutter > .\-7of16-tb { width: calc( 43.75% - 20px ) }
	
	.\-9of16-tb { width: 56.25% }
		.\-gutter > .\-9of16-tb { width: calc( 56.25% - 20px ) }
	
	.\-11of16-tb { width: 68.75% }
		.\-gutter > .\-11of16-tb { width: calc( 68.75% - 20px ) }
	
	.\-13of16-tb { width: 81.25% }
		.\-gutter > .\-13of16-tb { width: calc( 81.25% - 20px ) }
	
	.\-15of16-tb { width: 93.75% }
		.\-gutter > .\-15of16-tb { width: calc( 93.75% - 20px ) }
}


/* -mb */
@media only screen and ( max-width: 599px ){
	.\-1of1-mb { width: 100% }
		.\-gutter > .\-1of1-mb { width: calc( 100% - 20px ) }
		/* .\-gutter > .\-1of1-mb + .\-1of1-mb { margin-top: 20px !important } */

	.\-1of2-mb,
	.\-2of4-mb,
	.\-3of6-mb,
	.\-4of8-mb,
	.\-5of10-mb,
	.\-6of12-mb,
	.\-8of16-mb,
	.\-half-mb { width: 50% }
		.\-gutter > .\-1of2-mb,
		.\-gutter > .\-2of4-mb,
		.\-gutter > .\-3of6-mb,
		.\-gutter > .\-4of8-mb,
		.\-gutter > .\-5of10-mb,
		.\-gutter > .\-6of12-mb,
		.\-gutter > .\-8of16-mb,
		.\-gutter > .\-half-mb { width: calc( 50% - 20px ) }


	.\-1of3-mb,
	.\-2of6-mb,
	.\-3of9-mb,
	.\-4of12-mb,
	.\-third-mb { width: 33.33% }
		.\-gutter > .\-1of3-mb,
		.\-gutter > .\-2of6-mb,
		.\-gutter > .\-3of9-mb,
		.\-gutter > .\-4of12-mb,
		.\-gutter > .\-third-mb { width: calc( 33.33% - 20px ) }


	.\-2of3-mb,
	.\-4of6-mb,
	.\-6of9-mb,
	.\-8of12-mb { width: 66.66% }
		.\-gutter > .\-2of3-mb,
		.\-gutter > .\-4of6-mb,
		.\-gutter > .\-6of9-mb,
		.\-gutter > .\-8of12-mb { width: calc( 66.66% - 20px ) }


	.\-1of4-mb,
	.\-2of8-mb,
	.\-3of12-mb,
	.\-4of16-mb,
	.\-quarter-mb { width: 25% }
		.\-gutter > .\-1of4-mb,
		.\-gutter > .\-2of8-mb,
		.\-gutter > .\-3of12-mb,
		.\-gutter > .\-4of16-mb,
		.\-gutter > .\-quarter-mb { width: calc( 25% - 20px ) }

	.\-3of4-mb,
	.\-6of8-mb,
	.\-9of12-mb,
	.\-12of16-mb { width: 75% }
		.\-gutter > .\-3of4-mb,
		.\-gutter > .\-6of8-mb,
		.\-gutter > .\-9of12-mb,
		.\-gutter > .\-12of16-mb { width: calc( 75% - 20px ) }

	
	.\-1of5-mb,
	.\-2of10-mb { width: 20% }
		.\-gutter > .\-1of5-mb,
		.\-gutter > .\-2of10-mb { width: calc( 20% - 20px ) }

	.\-2of5-mb,
	.\-4of10-mb { width: 40% }
		.\-gutter > .\-2of5-mb,
		.\-gutter > .\-4of10-mb { width: calc( 40% - 20px ) }

	.\-3of5-mb,
	.\-6of10-mb { width: 60% }
		.\-gutter > .\-3of5-mb,
		.\-gutter > .\-6of10-mb { width: calc( 60% - 20px ) }

	.\-4of5-mb,
	.\-8of10-mb { width: 80% }
		.\-gutter > .\-4of5-mb,
		.\-gutter > .\-8of10-mb { width: calc( 80% - 20px ) }
		
	
	.\-1of6-mb,
	.\-2of12-mb { width: 16.66% }
		.\-gutter > .\-1of6-mb,
		.\-gutter > .\-2of12-mb { width: calc( 16.66% - 20px ) }

	.\-5of6-mb,
	.\-10of12-mb { width: 83.33% }
		.\-gutter > .\-5of6-mb,
		.\-gutter > .\-10of12-mb { width: calc( 83.33% - 20px ) }
		
		
	.\-1of7-mb { width: 14.28% }
		.\-gutter > .\-1of7-mb { width: calc( 14.28% - 20px ) }
	
	.\-2of7-mb { width: 28.57% }
		.\-gutter > .\-2of7-mb { width: calc( 28.57% - 20px ) }
	
	.\-3of7-mb { width: 42.85% }
		.\-gutter > .\-3of7-mb { width: calc( 42.85% - 20px ) }
		
	.\-4of7-mb { width: 57.14% }
		.\-gutter > .\-4of7-mb { width: calc( 57.14% - 20px ) }
		
	.\-5of7-mb { width: 71.42% }
		.\-gutter > .\-5of7-mb { width: calc( 71.42% - 20px ) }

	.\-6of7-mb { width: 85.71% }
		.\-gutter > .\-6of7-mb { width: calc( 85.71% - 20px ) }


	.\-1of8-mb,
	.\-2of16-mb { width: 12.5% }
		.\-gutter > .\-1of8-mb,
		.\-gutter > .\-2of16-mb { width: calc( 12.5% - 20px ) }

	.\-3of8-mb,
	.\-6of16-mb { width: 37.5% }
		.\-gutter > .\-3of8-mb,
		.\-gutter > .\-6of16-mb { width: calc( 37.5% - 20px ) }

	.\-5of8-mb,
	.\-10of16-mb { width: 62.5% }
		.\-gutter > .\-5of8-mb,
		.\-gutter > .\-10of16-mb { width: calc( 62.5% - 20px ) }

	.\-7of8-mb,
	.\-14of16-mb { width: 87.5% }
		.\-gutter > .\-7of8-mb,
		.\-gutter > .\-14of16-mb { width:calc( 87.5% - 20px ) }


	.\-1of9-mb { width: 11.11% }
		.\-gutter > .\-1of9-mb { width: calc( 11% - 20px ) }
	
	.\-2of9-mb { width: 22.22% }
		.\-gutter > .\-2of9-mb { width: calc( 22.22% - 20px ) }
	
	.\-4of9-mb { width: 44.44% }
		.\-gutter > .\-4of9-mb { width: calc( 44.44% - 20px ) }
	
	.\-5of9-mb { width: 55.55% }
		.\-gutter > .\-5of9-mb { width: calc( 55.55% - 20px ) }
	
	.\-7of9-mb { width: 77.77% }
		.\-gutter > .\-7of9-mb { width: calc( 77.77% - 20px ) }
	
	.\-8of9-mb { width: 88.88% }
		.\-gutter > .\-8of9-mb { width: calc( 88.88% - 20px ) }


	.\-1of10-mb { width: 10% }
		.\-gutter > .\-1of10-mb { width: calc( 10% - 20px ) }
	
	.\-3of10-mb { width: 30% }
		.\-gutter > .\-3of10-mb { width: calc( 30% - 20px ) }
	
	.\-7of10-mb { width: 70% }
		.\-gutter > .\-7of10-mb { width: calc( 70% - 20px ) }
	
	.\-9of10-mb { width: 90% }
		.\-gutter > .\-9of10-mb { width: calc( 90% - 20px ) }

	
	.\-1of11-mb { width: 9.09% }
		.\-gutter > .\-1of11-mb { width: calc( 9.09% - 20px ) }

	.\-2of11-mb { width: 18.18% }
		.\-gutter > .\-2of11-mb { width: calc( 18.18% - 20px ) }

	.\-3of11-mb { width: 27.27% }
		.\-gutter > .\-3of11-mb { width: calc( 27.27% - 20px ) }

	.\-4of11-mb { width: 36.36% }
		.\-gutter > .\-4of11-mb { width: calc( 36.36% - 20px ) }
	
	.\-5of11-mb { width: 45.45% }
		.\-gutter > .\-5of11-mb { width: calc( 45.45% - 20px ) }

	.\-6of11-mb { width: 54.54% }
		.\-gutter > .\-6of11-mb { width: calc( 54.54% - 20px ) }

	.\-7of11-mb { width: 63.63% }
		.\-gutter > .\-7of11-mb { width: calc( 63.63% - 20px ) }
	
	.\-8of11-mb { width: 72.72% }
		.\-gutter > .\-8of11-mb { width: calc( 72.72% - 20px ) }
	
	.\-9of11-mb { width: 81.81% }
		.\-gutter > .\-9of11-mb { width: calc( 81.81% - 20px ) }
	
	.\-10of11-mb { width: 90.9% }
		.\-gutter > .\-10of11-mb { width: calc( 90.9% - 20px ) }

	
	.\-1of12-mb { width: 8.33% }
		.\-gutter > .\-1of12-mb { width: calc( 8.33% - 20px ) }
	
	.\-5of12-mb { width: 41.66% }
		.\-gutter > .\-5of12-mb { width: calc( 41.66% - 20px ) }
	
	.\-7of12-mb { width: 58.33% }
		.\-gutter > .\-7of12-mb { width: calc( 58.33% - 20px ) }
	
	.\-11of12-mb { width: 91.66% }
		.\-gutter > .\-11of12-mb { width: calc( 91.66 - 20px ) }

	
	.\-1of16-mb { width: 6.25% }
		.\-gutter > .\-1of16-mb { width: calc( 6.25% - 20px ) }

	.\-3of16-mb { width: 18.75% }
		.\-gutter > .\-3of16-mb { width: calc( 18.75% - 20px ) }

	.\-5of16-mb { width: 31.25% }
		.\-gutter > .\-5of16-mb { width: calc( 31.25% - 20px ) }

	.\-7of16-mb { width: 43.75% }
		.\-gutter > .\-7of16-mb { width: calc( 43.75% - 20px ) }
	
	.\-9of16-mb { width: 56.25% }
		.\-gutter > .\-9of16-mb { width: calc( 56.25% - 20px ) }
	
	.\-11of16-mb { width: 68.75% }
		.\-gutter > .\-11of16-mb { width: calc( 68.75% - 20px ) }
	
	.\-13of16-mb { width: 81.25% }
		.\-gutter > .\-13of16-mb { width: calc( 81.25% - 20px ) }
	
	.\-15of16-mb { width: 93.75% }
		.\-gutter > .\-15of16-mb { width: calc( 93.75% - 20px ) }
}


/* -ss */
@media only screen and ( max-width: 359px ){
	.\-1of1-ss { width: 100% }
		.\-gutter > .\-1of1-ss { width: calc( 100% - 20px ) }
		/* .\-gutter > .\-1of1-ss + .\-1of1-ss { margin-top: 20px !important } */

	.\-1of2-ss,
	.\-2of4-ss,
	.\-3of6-ss,
	.\-4of8-ss,
	.\-5of10-ss,
	.\-6of12-ss,
	.\-8of16-ss,
	.\-half-ss { width: 50% }
		.\-gutter > .\-1of2-ss,
		.\-gutter > .\-2of4-ss,
		.\-gutter > .\-3of6-ss,
		.\-gutter > .\-4of8-ss,
		.\-gutter > .\-5of10-ss,
		.\-gutter > .\-6of12-ss,
		.\-gutter > .\-8of16-ss,
		.\-gutter > .\-half-ss { width: calc( 50% - 20px ) }


	.\-1of3-ss,
	.\-2of6-ss,
	.\-3of9-ss,
	.\-4of12-ss,
	.\-third-ss { width: 33.33% }
		.\-gutter > .\-1of3-ss,
		.\-gutter > .\-2of6-ss,
		.\-gutter > .\-3of9-ss,
		.\-gutter > .\-4of12-ss,
		.\-gutter > .\-third-ss { width: calc( 33.33% - 20px ) }


	.\-2of3-ss,
	.\-4of6-ss,
	.\-6of9-ss,
	.\-8of12-ss { width: 66.66% }
		.\-gutter > .\-2of3-ss,
		.\-gutter > .\-4of6-ss,
		.\-gutter > .\-6of9-ss,
		.\-gutter > .\-8of12-ss { width: calc( 66.66% - 20px ) }


	.\-1of4-ss,
	.\-2of8-ss,
	.\-3of12-ss,
	.\-4of16-ss,
	.\-quarter-ss { width: 25% }
		.\-gutter > .\-1of4-ss,
		.\-gutter > .\-2of8-ss,
		.\-gutter > .\-3of12-ss,
		.\-gutter > .\-4of16-ss,
		.\-gutter > .\-quarter-ss { width: calc( 25% - 20px ) }

	.\-3of4-ss,
	.\-6of8-ss,
	.\-9of12-ss,
	.\-12of16-ss { width: 75% }
		.\-gutter > .\-3of4-ss,
		.\-gutter > .\-6of8-ss,
		.\-gutter > .\-9of12-ss,
		.\-gutter > .\-12of16-ss { width: calc( 75% - 20px ) }

	
	.\-1of5-ss,
	.\-2of10-ss { width: 20% }
		.\-gutter > .\-1of5-ss,
		.\-gutter > .\-2of10-ss { width: calc( 20% - 20px ) }

	.\-2of5-ss,
	.\-4of10-ss { width: 40% }
		.\-gutter > .\-2of5-ss,
		.\-gutter > .\-4of10-ss { width: calc( 40% - 20px ) }

	.\-3of5-ss,
	.\-6of10-ss { width: 60% }
		.\-gutter > .\-3of5-ss,
		.\-gutter > .\-6of10-ss { width: calc( 60% - 20px ) }

	.\-4of5-ss,
	.\-8of10-ss { width: 80% }
		.\-gutter > .\-4of5-ss,
		.\-gutter > .\-8of10-ss { width: calc( 80% - 20px ) }
		
	
	.\-1of6-ss,
	.\-2of12-ss { width: 16.66% }
		.\-gutter > .\-1of6-ss,
		.\-gutter > .\-2of12-ss { width: calc( 16.66% - 20px ) }

	.\-5of6-ss,
	.\-10of12-ss { width: 83.33% }
		.\-gutter > .\-5of6-ss,
		.\-gutter > .\-10of12-ss { width: calc( 83.33% - 20px ) }
		
		
	.\-1of7-ss { width: 14.28% }
		.\-gutter > .\-1of7-ss { width: calc( 14.28% - 20px ) }
	
	.\-2of7-ss { width: 28.57% }
		.\-gutter > .\-2of7-ss { width: calc( 28.57% - 20px ) }
	
	.\-3of7-ss { width: 42.85% }
		.\-gutter > .\-3of7-ss { width: calc( 42.85% - 20px ) }
		
	.\-4of7-ss { width: 57.14% }
		.\-gutter > .\-4of7-ss { width: calc( 57.14% - 20px ) }
		
	.\-5of7-ss { width: 71.42% }
		.\-gutter > .\-5of7-ss { width: calc( 71.42% - 20px ) }

	.\-6of7-ss { width: 85.71% }
		.\-gutter > .\-6of7-ss { width: calc( 85.71% - 20px ) }


	.\-1of8-ss,
	.\-2of16-ss { width: 12.5% }
		.\-gutter > .\-1of8-ss,
		.\-gutter > .\-2of16-ss { width: calc( 12.5% - 20px ) }

	.\-3of8-ss,
	.\-6of16-ss { width: 37.5% }
		.\-gutter > .\-3of8-ss,
		.\-gutter > .\-6of16-ss { width: calc( 37.5% - 20px ) }

	.\-5of8-ss,
	.\-10of16-ss { width: 62.5% }
		.\-gutter > .\-5of8-ss,
		.\-gutter > .\-10of16-ss { width: calc( 62.5% - 20px ) }

	.\-7of8-ss,
	.\-14of16-ss { width: 87.5% }
		.\-gutter > .\-7of8-ss,
		.\-gutter > .\-14of16-ss { width:calc( 87.5% - 20px ) }


	.\-1of9-ss { width: 11.11% }
		.\-gutter > .\-1of9-ss { width: calc( 11% - 20px ) }
	
	.\-2of9-ss { width: 22.22% }
		.\-gutter > .\-2of9-ss { width: calc( 22.22% - 20px ) }
	
	.\-4of9-ss { width: 44.44% }
		.\-gutter > .\-4of9-ss { width: calc( 44.44% - 20px ) }
	
	.\-5of9-ss { width: 55.55% }
		.\-gutter > .\-5of9-ss { width: calc( 55.55% - 20px ) }
	
	.\-7of9-ss { width: 77.77% }
		.\-gutter > .\-7of9-ss { width: calc( 77.77% - 20px ) }
	
	.\-8of9-ss { width: 88.88% }
		.\-gutter > .\-8of9-ss { width: calc( 88.88% - 20px ) }


	.\-1of10-ss { width: 10% }
		.\-gutter > .\-1of10-ss { width: calc( 10% - 20px ) }
	
	.\-3of10-ss { width: 30% }
		.\-gutter > .\-3of10-ss { width: calc( 30% - 20px ) }
	
	.\-7of10-ss { width: 70% }
		.\-gutter > .\-7of10-ss { width: calc( 70% - 20px ) }
	
	.\-9of10-ss { width: 90% }
		.\-gutter > .\-9of10-ss { width: calc( 90% - 20px ) }

	
	.\-1of11-ss { width: 9.09% }
		.\-gutter > .\-1of11-ss { width: calc( 9.09% - 20px ) }

	.\-2of11-ss { width: 18.18% }
		.\-gutter > .\-2of11-ss { width: calc( 18.18% - 20px ) }

	.\-3of11-ss { width: 27.27% }
		.\-gutter > .\-3of11-ss { width: calc( 27.27% - 20px ) }

	.\-4of11-ss { width: 36.36% }
		.\-gutter > .\-4of11-ss { width: calc( 36.36% - 20px ) }
	
	.\-5of11-ss { width: 45.45% }
		.\-gutter > .\-5of11-ss { width: calc( 45.45% - 20px ) }

	.\-6of11-ss { width: 54.54% }
		.\-gutter > .\-6of11-ss { width: calc( 54.54% - 20px ) }

	.\-7of11-ss { width: 63.63% }
		.\-gutter > .\-7of11-ss { width: calc( 63.63% - 20px ) }
	
	.\-8of11-ss { width: 72.72% }
		.\-gutter > .\-8of11-ss { width: calc( 72.72% - 20px ) }
	
	.\-9of11-ss { width: 81.81% }
		.\-gutter > .\-9of11-ss { width: calc( 81.81% - 20px ) }
	
	.\-10of11-ss { width: 90.9% }
		.\-gutter > .\-10of11-ss { width: calc( 90.9% - 20px ) }

	
	.\-1of12-ss { width: 8.33% }
		.\-gutter > .\-1of12-ss { width: calc( 8.33% - 20px ) }
	
	.\-5of12-ss { width: 41.66% }
		.\-gutter > .\-5of12-ss { width: calc( 41.66% - 20px ) }
	
	.\-7of12-ss { width: 58.33% }
		.\-gutter > .\-7of12-ss { width: calc( 58.33% - 20px ) }
	
	.\-11of12-ss { width: 91.66% }
		.\-gutter > .\-11of12-ss { width: calc( 91.66 - 20px ) }

	
	.\-1of16-ss { width: 6.25% }
		.\-gutter > .\-1of16-ss { width: calc( 6.25% - 20px ) }

	.\-3of16-ss { width: 18.75% }
		.\-gutter > .\-3of16-ss { width: calc( 18.75% - 20px ) }

	.\-5of16-ss { width: 31.25% }
		.\-gutter > .\-5of16-ss { width: calc( 31.25% - 20px ) }

	.\-7of16-ss { width: 43.75% }
		.\-gutter > .\-7of16-ss { width: calc( 43.75% - 20px ) }
	
	.\-9of16-ss { width: 56.25% }
		.\-gutter > .\-9of16-ss { width: calc( 56.25% - 20px ) }
	
	.\-11of16-ss { width: 68.75% }
		.\-gutter > .\-11of16-ss { width: calc( 68.75% - 20px ) }
	
	.\-13of16-ss { width: 81.25% }
		.\-gutter > .\-13of16-ss { width: calc( 81.25% - 20px ) }
	
	.\-15of16-ss { width: 93.75% }
		.\-gutter > .\-15of16-ss { width: calc( 93.75% - 20px ) }
}