/*
Juma Grid css
Developed by Jucaro 
V 1.Alpha (Eng - version) - 9.Jun.2017
*/
*{ box-sizing: border-box; }
.parts{ float: left; font-size: 16px; vertical-align: top;}

/* Clearing */
	.clearfix:after,.clearfix:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
	.clearfix:after{clear:both}.clearfix{zoom:1}
	.smpClear{clear:both;display:block;}

/* Inline Parts CONTAINER */
	.m-inlineParts, .inlineParts{ font-size: 0 !important;}
	.m-inlineParts > .parts,
	.inlineParts > .parts{ float: none; display: inline-block;}
	/*vertical Alignment */
	.alignTop > .parts, .m-alignTop > .parts{ vertical-align: top; }
	.alignMiddle > .parts, .m-alignMiddle > .parts{ vertical-align: middle; }
	.alignBottom > .parts, .m-alignBottom > .parts{ vertical-align: bottom; }

/* Flex CONTAINER */
	.m-flexParts, .flexParts{ display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; }
	/*Vertical middle with flex*/
	.flexMiddle{ flex-direction: column; justify-content: center; align-items:center; }

/* Center Part */
	.m-centerPart, .centerPart{ float: none; clear: both; display: block; margin: 0 auto;}

/* Invert layout */
	.m-flip, .flip{ float: right;}
	/* Invert inline container */
	.m-inlineParts.m-iFlip,
	.m-inlineParts.iFlip,
	.inlineParts.m-iFlip,
	.inlineParts.iFlip{ direction: rtl; }
	.m-inlineParts.m-iFlip *,
	.m-inlineParts.iFlip *,
	.inlineParts.m-iFlip *,
	.inlineParts.iFlip *{ direction: ltr; }

/* Text align */
	.m-tal{ text-align: left; }
	.m-tar{ text-align: right; justify-content: flex-end;}
	.m-tac{ text-align: center; justify-content: center; }

/* Visibility */
  	.m-block{ display: block !important; }
  	.m-inlineBlock{ display: inline-block !important; }
  	.m-hidden{ display: none !important; }
  	.m-inline{ display: inline !important; }

.m-1.parts{ width: 99.9999%; }

.m-1-half.parts, .m-1-2.parts,
	.m-2-4ths.parts, .m-2-4.parts,
	.m-3-6ths.parts, .m-3-6.parts,
	.m-4-8ths.parts, .m-4-8.parts,
	.m-5-10ths.parts, .m-5-10.parts,
	.m-10-20ths.parts, .m-10-20.parts,
	.m-6-12ths.parts, .m-6-12.parts	{ width: 50%;}
.m-1-3rd.parts, .m-1-3.parts,
	.m-2-6ths.parts, .m-2-6.parts,
	.m-4-12ths.parts, .m-4-12.parts	{ width: 33.333333333%;}
.m-1-4th.parts, .m-1-4.parts,
	.m-2-8ths.parts, .m-2-8.parts,
	.m-5-20ths.parts, .m-5-20.parts,
	.m-3-12ths.parts, .m-3-12.parts	{ width: 25%;}
.m-1-5th.parts, .m-1-5.parts,
	.m-2-10ths.parts, .m-2-10.parts,
	.m-4-20ths.parts, .m-4-20parts	{ width: 20%;}
.m-1-6th.parts, .m-1-6.parts,
	.m-2-12ths.parts, .m-2-12.parts	{ width: 16.666666666%;}
.m-1-7th.parts, .m-1-7.parts		{ width: 14.285714285%;}
.m-1-8th.parts, .m-1-8.parts		{ width: 12.5%;}
.m-1-9th.parts, .m-1-9.parts		{ width: 11.111111111%;}
.m-1-10th.parts, .m-1-10.parts,
	.m-2-20ths.parts, .m-2-20.parts { width: 10%;}
.m-1-12th.parts, .m-1-12.parts		{ width: 8.3333333333%;}
.m-1-20th.parts, .m-1-20.parts		{ width: 5%;}

.m-2-3rds.parts, .m-2-3.parts,
	.m-4-6ths.parts, .m-4-6.parts,
	.m-6-9ths.parts, .m-6-9.parts,
	.m-8-12ths.parts, .m-8-12.parts { width: 66.666666666%;}
.m-2-5ths.parts, .m-2-5.parts,
	.m-4-10ths.parts, .m-4-10.parts	{ width: 40%;}
.m-2-7ths.parts, .m-2-7.parts		{ width: 28.5714285714%;}
.m-2-9ths.parts, .m-2-9.parts		{ width: 22.2222222222%;}

.m-3-4ths.parts, .m-3-4.parts,
	.m-6-8ths.parts, .m-6-8.parts,
	.m-9-12ths.parts, .m-9-12.parts,
	.m-15-20ths.parts, .m-15-20.parts{ width: 75%;}
.m-3-5ths.parts, .m-3-5.parts,
	.m-6-10ths.parts, .m-6-10.parts,
	.m-12-20ths.parts, .m-12-20.parts{ width: 60%;}
.m-3-7ths.parts, .m-3-7.parts		{ width: 42.8571428571%}
.m-3-8ths.parts, .m-3-8.parts		{ width: 37.5%;}
.m-3-10ths.parts, .m-3-10.parts,
	.m-6-20ths.parts, .m-6-20.parts	{ width: 30%;}
.m-3-20ths.parts, .m-3-20.parts		{ width: 15%;}

.m-4-5ths.parts, .m-4-5.parts,
	.m-8-10ths.parts, .m-8-10.parts,
	.m-16-20ths.parts, .m-16-20.parts{ width: 80%;}
.m-4-7ths.parts, .m-4-7.parts		{ width: 57.1428571428%;}
.m-4-9ths.parts, .m-4-9.parts		{ width: 44.4444444444%;}

.m-5-6ths.parts, .m-5-6.parts		{ width: 83.3333333333%;}
.m-5-7ths.parts, .m-5-7.parts		{ width: 71.4285714285%;}
.m-5-8ths.parts, .m-5-8.parts		{ width: 62.5%;}
.m-5-9ths.parts, .m-5-9.parts		{ width: 55.5555555555%;}
.m-5-12ths.parts, .m-5-12.parts		{ width: 41.6666666666%;}

.m-6-7ths.parts, .m-6-7.parts		{ width: 85.7142857142%;}

.m-7-8ths.parts, .m-7-8.parts		{ width: 87.5%;}
.m-7-9ths.parts, .m-7-9.parts		{ width: 77.7777777777%;}
.m-7-10ths.parts, .m-7-10.parts,
	.m-14-20ths.parts, .m-14-20.parts{ width: 70%;}
.m-7-12ths.parts, .m-7-12.parts		{ width: 58.3333333333%;}
.m-7-20ths.parts, .m-7-20.parts		{ width: 35%;}

.m-8-9ths.parts, .m-8-9.parts		{ width: 88.8888888888%;}

.m-9-10ths.parts, .m-9-10.parts,
	.m-18-20ths.parts, .m-18-20.parts{ width: 90%;}
.m-9-20ths.parts, .m-9-20.parts		{ width: 45%;}

.m-10-12ths.parts, .m-10-12.parts	{ width: 83.3333333333%;}

.m-11-12ths.parts, .m-11-12.parts	{ width: 91.6666666666%;}
.m-11-20ths.parts, .m-11-20.parts	{ width: 55%;}

.m-13-20ths.parts, .m-13-20.parts	{ width: 65%;}
.m-17-20ths.parts, .m-17-20.parts	{ width: 85%;}
.m-19-20ths.parts, .m-19-20.parts	{ width: 95%;}


  /* ==== LARGE = l ==== */
  @media only screen and (min-width: 1260px){

	/* Inline Parts CONTAINER */
		.l-inlineParts{ font-size: 0 !important; display: block;}
		.l-inlineParts > .parts{ float: none; display: inline-block;}
		/*vertical Alignment */
		.l-alignTop > .parts{ vertical-align: top; }
		.l-alignMiddle > .parts{ vertical-align: middle; }
		.l-alignBottom > .parts{ vertical-align: bottom; }

	/* Flex CONTAINER */
		.l-flexParts{ display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; }

	/* Center Part (dont work if container have is xx-flexParts) */
		.l-centerPart{ float: none; clear: both; display: block; margin: 0 auto;}

	/* Invert layout */
		/* invert part */
		.l-flip{ float: right;}
		.l-left{ float: left;}
		/* Invert inline container */
		.inlineParts.l-iFlip{ direction: rtl; }
		.inlineParts.l-iFlip *{ direction: ltr; }

	/* Text align */
		.l-tal{ text-align: left; }
		.l-tar{ text-align: right; }
		.l-tac{ text-align: center; }

	/* Visibility */
	  	.l-block{ display: block !important; }
	  	.l-inlineBlock{ display: inline-block !important; }
	  	.l-hidden{ display: none !important; }
	  	.l-inline{ display: inline !important; }

	/* Cancelation */
	.l-no-InlineParts > .parts{ float: left; }
	.l-noFloat{ float: none !important; }

	/* Grid */

	.l-1.parts{ width: 99.9999%; }

	.l-1-half.parts, .l-1-2.parts,
		.l-2-4ths.parts, .l-2-4.parts,
		.l-3-6ths.parts, .l-3-6.parts,
		.l-4-8ths.parts, .l-4-8.parts,
		.l-5-10ths.parts, .l-5-10.parts,
		.l-10-20ths.parts, .l-10-20.parts,
		.l-6-12ths.parts, .l-6-12.parts	{ width: 50%;}
	.l-1-3rd.parts, .l-1-3.parts,
		.l-2-6ths.parts, .l-2-6.parts,
		.l-4-12ths.parts, .l-4-12.parts	{ width: 33.333333333%;}
	.l-1-4th.parts, .l-1-4.parts,
		.l-2-8ths.parts, .l-2-8.parts,
		.l-5-20ths.parts, .l-5-20.parts,
		.l-3-12ths.parts, .l-3-12.parts	{ width: 25%;}
	.l-1-5th.parts, .l-1-5.parts,
		.l-2-10ths.parts, .l-2-10.parts,
		.l-4-20ths.parts, .l-4-20parts	{ width: 20%;}
	.l-1-6th.parts, .l-1-6.parts,
		.l-2-12ths.parts, .l-2-12.parts	{ width: 16.666666666%;}
	.l-1-7th.parts, .l-1-7.parts		{ width: 14.285714285%;}
	.l-1-8th.parts, .l-1-8.parts		{ width: 12.5%;}
	.l-1-9th.parts, .l-1-9.parts		{ width: 11.111111111%;}
	.l-1-10th.parts, .l-1-10.parts,
		.l-2-20ths.parts, .l-2-20.parts { width: 10%;}
	.l-1-12th.parts, .l-1-12.parts		{ width: 8.3333333333%;}
	.l-1-20th.parts, .l-1-20.parts		{ width: 5%;}

	.l-2-3rds.parts, .l-2-3.parts,
		.l-4-6ths.parts, .l-4-6.parts,
		.l-6-9ths.parts, .l-6-9.parts,
		.l-8-12ths.parts, .l-8-12.parts { width: 66.666666666%;}
	.l-2-5ths.parts, .l-2-5.parts,
		.l-4-10ths.parts, .l-4-10.parts	{ width: 40%;}
	.l-2-7ths.parts, .l-2-7.parts		{ width: 28.5714285714%;}
	.l-2-9ths.parts, .l-2-9.parts		{ width: 22.2222222222%;}

	.l-3-4ths.parts, .l-3-4.parts,
		.l-6-8ths.parts, .l-6-8.parts,
		.l-9-12ths.parts, .l-9-12.parts,
		.l-15-20ths.parts, .l-15-20.parts{ width: 75%;}
	.l-3-5ths.parts, .l-3-5.parts,
		.l-6-10ths.parts, .l-6-10.parts,
		.l-12-20ths.parts, .l-12-20.parts{ width: 60%;}
	.l-3-7ths.parts, .l-3-7.parts		{ width: 42.8571428571%}
	.l-3-8ths.parts, .l-3-8.parts		{ width: 37.5%;}
	.l-3-10ths.parts, .l-3-10.parts,
		.l-6-20ths.parts, .l-6-20.parts	{ width: 30%;}
	.l-3-20ths.parts, .l-3-20.parts		{ width: 15%;}

	.l-4-5ths.parts, .l-4-5.parts,
		.l-8-10ths.parts, .l-8-10.parts,
		.l-16-20ths.parts, .l-16-20.parts{ width: 80%;}
	.l-4-7ths.parts, .l-4-7.parts		{ width: 57.1428571428%;}
	.l-4-9ths.parts, .l-4-9.parts		{ width: 44.4444444444%;}

	.l-5-6ths.parts, .l-5-6.parts		{ width: 83.3333333333%;}
	.l-5-7ths.parts, .l-5-7.parts		{ width: 71.4285714285%;}
	.l-5-8ths.parts, .l-5-8.parts		{ width: 62.5%;}
	.l-5-9ths.parts, .l-5-9.parts		{ width: 55.5555555555%;}
	.l-5-12ths.parts, .l-5-12.parts		{ width: 41.6666666666%;}

	.l-6-7ths.parts, .l-6-7.parts		{ width: 85.7142857142%;}

	.l-7-8ths.parts, .l-7-8.parts		{ width: 87.5%;}
	.l-7-9ths.parts, .l-7-9.parts		{ width: 77.7777777777%;}
	.l-7-10ths.parts, .l-7-10.parts,
		.l-14-20ths.parts, .l-14-20.parts{ width: 70%;}
	.l-7-12ths.parts, .l-7-12.parts		{ width: 58.3333333333%;}
	.l-7-20ths.parts, .l-7-20.parts		{ width: 35%;}

	.l-8-9ths.parts, .l-8-9.parts		{ width: 88.8888888888%;}

	.l-9-10ths.parts, .l-9-10.parts,
		.l-18-20ths.parts, .l-18-20.parts{ width: 90%;}
	.l-9-20ths.parts, .l-9-20.parts		{ width: 45%;}

	.l-10-12ths.parts, .l-10-12.parts	{ width: 83.3333333333%;}

	.l-11-12ths.parts, .l-11-12.parts	{ width: 91.6666666666%;}
	.l-11-20ths.parts, .l-11-20.parts	{ width: 55%;}

	.l-13-20ths.parts, .l-13-20.parts	{ width: 65%;}
	.l-17-20ths.parts, .l-17-20.parts	{ width: 85%;}
	.l-19-20ths.parts, .l-19-20.parts	{ width: 95%;}


  }

  /* ==== X-LARGE = xl ==== */
  @media only screen and (min-width: 1440px){

  	/* Inline Parts CONTAINER */
		.xl-inlineParts{ font-size: 0 !important; display: block;}
		.xl-inlineParts > .parts{ float: none; display: inline-block;}
		/*vertical Alignment */
		.xl-alignTop > .parts{ vertical-align: top; }
		.xl-alignMiddle > .parts{ vertical-align: middle; }
		.xl-alignBottom > .parts{ vertical-align: bottom; }

	/* Flex CONTAINER */
		.xl-flexParts{ display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; }

	/* Center Part (dont work if container have is xx-flexParts) */
		.xl-centerPart{ float: none; clear: both; display: block; margin: 0 auto;}

	/* Invert layout */
		/* invert part */
		.xl-flip{ float: right;}
		.xl-left{ float: left;}
		/* Invert inline container */
		.inlineParts.xl-iFlip{ direction: rtl; }
		.inlineParts.xl-iFlip *{ direction: ltr; }

	/* Text align */
		.xl-tal{ text-align: left; }
		.xl-tar{ text-align: right; }
		.xl-tac{ text-align: center; }

	/* Visibility */
	  	.xl-block{ display: block !important; }
	  	.xl-inlineBlock{ display: inline-block !important; }
	  	.xl-hidden{ display: none !important; }
	  	.xl-inline{ display: inline !important; }

	/* Cancelation */
	.xl-no-InlineParts > .parts{ float: left; }
	.xl-noFloat{ float: none !important; }

	/* Grid */
  	
	.xl-1.parts{ width: 99.9999%; }

	.xl-1-half.parts, .xl-1-2.parts,
		.xl-2-4ths.parts, .xl-2-4.parts,
		.xl-3-6ths.parts, .xl-3-6.parts,
		.xl-4-8ths.parts, .xl-4-8.parts,
		.xl-5-10ths.parts, .xl-5-10.parts,
		.xl-10-20ths.parts, .xl-10-20.parts,
		.xl-6-12ths.parts, .xl-6-12.parts	{ width: 50%;}
	.xl-1-3rd.parts, .xl-1-3.parts,
		.xl-2-6ths.parts, .xl-2-6.parts,
		.xl-4-12ths.parts, .xl-4-12.parts	{ width: 33.333333333%;}
	.xl-1-4th.parts, .xl-1-4.parts,
		.xl-2-8ths.parts, .xl-2-8.parts,
		.xl-5-20ths.parts, .xl-5-20.parts,
		.xl-3-12ths.parts, .xl-3-12.parts	{ width: 25%;}
	.xl-1-5th.parts, .xl-1-5.parts,
		.xl-2-10ths.parts, .xl-2-10.parts,
		.xl-4-20ths.parts, .xl-4-20parts	{ width: 20%;}
	.xl-1-6th.parts, .xl-1-6.parts,
		.xl-2-12ths.parts, .xl-2-12.parts	{ width: 16.666666666%;}
	.xl-1-7th.parts, .xl-1-7.parts		{ width: 14.285714285%;}
	.xl-1-8th.parts, .xl-1-8.parts		{ width: 12.5%;}
	.xl-1-9th.parts, .xl-1-9.parts		{ width: 11.111111111%;}
	.xl-1-10th.parts, .xl-1-10.parts,
		.xl-2-20ths.parts, .xl-2-20.parts { width: 10%;}
	.xl-1-12th.parts, .xl-1-12.parts		{ width: 8.3333333333%;}
	.xl-1-20th.parts, .xl-1-20.parts		{ width: 5%;}

	.xl-2-3rds.parts, .xl-2-3.parts,
		.xl-4-6ths.parts, .xl-4-6.parts,
		.xl-6-9ths.parts, .xl-6-9.parts,
		.xl-8-12ths.parts, .xl-8-12.parts { width: 66.666666666%;}
	.xl-2-5ths.parts, .xl-2-5.parts,
		.xl-4-10ths.parts, .xl-4-10.parts	{ width: 40%;}
	.xl-2-7ths.parts, .xl-2-7.parts		{ width: 28.5714285714%;}
	.xl-2-9ths.parts, .xl-2-9.parts		{ width: 22.2222222222%;}

	.xl-3-4ths.parts, .xl-3-4.parts,
		.xl-6-8ths.parts, .xl-6-8.parts,
		.xl-9-12ths.parts, .xl-9-12.parts,
		.xl-15-20ths.parts, .xl-15-20.parts{ width: 75%;}
	.xl-3-5ths.parts, .xl-3-5.parts,
		.xl-6-10ths.parts, .xl-6-10.parts,
		.xl-12-20ths.parts, .xl-12-20.parts{ width: 60%;}
	.xl-3-7ths.parts, .xl-3-7.parts		{ width: 42.8571428571%}
	.xl-3-8ths.parts, .xl-3-8.parts		{ width: 37.5%;}
	.xl-3-10ths.parts, .xl-3-10.parts,
		.xl-6-20ths.parts, .xl-6-20.parts	{ width: 30%;}
	.xl-3-20ths.parts, .xl-3-20.parts		{ width: 15%;}

	.xl-4-5ths.parts, .xl-4-5.parts,
		.xl-8-10ths.parts, .xl-8-10.parts,
		.xl-16-20ths.parts, .xl-16-20.parts{ width: 80%;}
	.xl-4-7ths.parts, .xl-4-7.parts		{ width: 57.1428571428%;}
	.xl-4-9ths.parts, .xl-4-9.parts		{ width: 44.4444444444%;}

	.xl-5-6ths.parts, .xl-5-6.parts		{ width: 83.3333333333%;}
	.xl-5-7ths.parts, .xl-5-7.parts		{ width: 71.4285714285%;}
	.xl-5-8ths.parts, .xl-5-8.parts		{ width: 62.5%;}
	.xl-5-9ths.parts, .xl-5-9.parts		{ width: 55.5555555555%;}
	.xl-5-12ths.parts, .xl-5-12.parts		{ width: 41.6666666666%;}

	.xl-6-7ths.parts, .xl-6-7.parts		{ width: 85.7142857142%;}

	.xl-7-8ths.parts, .xl-7-8.parts		{ width: 87.5%;}
	.xl-7-9ths.parts, .xl-7-9.parts		{ width: 77.7777777777%;}
	.xl-7-10ths.parts, .xl-7-10.parts,
		.xl-14-20ths.parts, .xl-14-20.parts{ width: 70%;}
	.xl-7-12ths.parts, .xl-7-12.parts		{ width: 58.3333333333%;}
	.xl-7-20ths.parts, .xl-7-20.parts		{ width: 35%;}

	.xl-8-9ths.parts, .xl-8-9.parts		{ width: 88.8888888888%;}

	.xl-9-10ths.parts, .xl-9-10.parts,
		.xl-18-20ths.parts, .xl-18-20.parts{ width: 90%;}
	.xl-9-20ths.parts, .xl-9-20.parts		{ width: 45%;}

	.xl-10-12ths.parts, .xl-10-12.parts	{ width: 83.3333333333%;}

	.xl-11-12ths.parts, .xl-11-12.parts	{ width: 91.6666666666%;}
	.xl-11-20ths.parts, .xl-11-20.parts	{ width: 55%;}

	.xl-13-20ths.parts, .xl-13-20.parts	{ width: 65%;}
	.xl-17-20ths.parts, .xl-17-20.parts	{ width: 85%;}
	.xl-19-20ths.parts, .xl-19-20.parts	{ width: 95%;}


  }

  /* ==== MEDIUM ONLY = m-only ==== */
  @media only screen and (min-width: 980px) and (max-width: 1259px) {

  	/* Inline Parts CONTAINER */
		.m-only-inlineParts{ font-size: 0 !important; display: block;}
		.m-only-inlineParts > .parts{ float: none; display: inline-block;}
		/*vertical Alignment */
		.m-only-alignTop > .parts{ vertical-align: top; }
		.m-only-alignMiddle > .parts{ vertical-align: middle; }
		.m-only-alignBottom > .parts{ vertical-align: bottom; }

	/* Flex CONTAINER */
		.m-only-flexParts{ display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; }

	/* Center Part (dont work if container have is xx-flexParts) */
		.m-only-centerPart{ float: none; clear: both; display: block; margin: 0 auto;}

	/* Invert layout */
		/* invert part */
		.m-only-flip{ float: right;}
		.m-only-left{ float: left;}
		/* Invert inline container */
		.inlineParts.m-only-iFlip{ direction: rtl; }
		.inlineParts.m-only-iFlip *{ direction: ltr; }

	/* Text align */
		.m-only-tal{ text-align: left; }
		.m-only-tar{ text-align: right; }
		.m-only-tac{ text-align: center; }

	/* Visibility */
	  	.m-only-block{ display: block !important; }
	  	.m-only-inlineBlock{ display: inline-block !important; }
	  	.m-only-hidden{ display: none !important; }
	  	.m-only-inline{ display: inline !important; }

	/* Cancelation */
	.m-only-no-InlineParts > .parts{ float: left; }
	.m-only-noFloat{ float: none !important; }

	/* Grid */

	.m-only-1.parts{ width: 99.9999%; }

	.m-only-1-half.parts, .m-only-1-2.parts,
		.m-only-2-4ths.parts, .m-only-2-4.parts,
		.m-only-3-6ths.parts, .m-only-3-6.parts,
		.m-only-4-8ths.parts, .m-only-4-8.parts,
		.m-only-5-10ths.parts, .m-only-5-10.parts,
		.m-only-10-20ths.parts, .m-only-10-20.parts,
		.m-only-6-12ths.parts, .m-only-6-12.parts	{ width: 50%;}
	.m-only-1-3rd.parts, .m-only-1-3.parts,
		.m-only-2-6ths.parts, .m-only-2-6.parts,
		.m-only-4-12ths.parts, .m-only-4-12.parts	{ width: 33.333333333%;}
	.m-only-1-4th.parts, .m-only-1-4.parts,
		.m-only-2-8ths.parts, .m-only-2-8.parts,
		.m-only-5-20ths.parts, .m-only-5-20.parts,
		.m-only-3-12ths.parts, .m-only-3-12.parts	{ width: 25%;}
	.m-only-1-5th.parts, .m-only-1-5.parts,
		.m-only-2-10ths.parts, .m-only-2-10.parts,
		.m-only-4-20ths.parts, .m-only-4-20parts	{ width: 20%;}
	.m-only-1-6th.parts, .m-only-1-6.parts,
		.m-only-2-12ths.parts, .m-only-2-12.parts	{ width: 16.666666666%;}
	.m-only-1-7th.parts, .m-only-1-7.parts		{ width: 14.285714285%;}
	.m-only-1-8th.parts, .m-only-1-8.parts		{ width: 12.5%;}
	.m-only-1-9th.parts, .m-only-1-9.parts		{ width: 11.111111111%;}
	.m-only-1-10th.parts, .m-only-1-10.parts,
		.m-only-2-20ths.parts, .m-only-2-20.parts { width: 10%;}
	.m-only-1-12th.parts, .m-only-1-12.parts		{ width: 8.3333333333%;}
	.m-only-1-20th.parts, .m-only-1-20.parts		{ width: 5%;}

	.m-only-2-3rds.parts, .m-only-2-3.parts,
		.m-only-4-6ths.parts, .m-only-4-6.parts,
		.m-only-6-9ths.parts, .m-only-6-9.parts,
		.m-only-8-12ths.parts, .m-only-8-12.parts { width: 66.666666666%;}
	.m-only-2-5ths.parts, .m-only-2-5.parts,
		.m-only-4-10ths.parts, .m-only-4-10.parts	{ width: 40%;}
	.m-only-2-7ths.parts, .m-only-2-7.parts		{ width: 28.5714285714%;}
	.m-only-2-9ths.parts, .m-only-2-9.parts		{ width: 22.2222222222%;}

	.m-only-3-4ths.parts, .m-only-3-4.parts,
		.m-only-6-8ths.parts, .m-only-6-8.parts,
		.m-only-9-12ths.parts, .m-only-9-12.parts,
		.m-only-15-20ths.parts, .m-only-15-20.parts{ width: 75%;}
	.m-only-3-5ths.parts, .m-only-3-5.parts,
		.m-only-6-10ths.parts, .m-only-6-10.parts,
		.m-only-12-20ths.parts, .m-only-12-20.parts{ width: 60%;}
	.m-only-3-7ths.parts, .m-only-3-7.parts		{ width: 42.8571428571%}
	.m-only-3-8ths.parts, .m-only-3-8.parts		{ width: 37.5%;}
	.m-only-3-10ths.parts, .m-only-3-10.parts,
		.m-only-6-20ths.parts, .m-only-6-20.parts	{ width: 30%;}
	.m-only-3-20ths.parts, .m-only-3-20.parts		{ width: 15%;}

	.m-only-4-5ths.parts, .m-only-4-5.parts,
		.m-only-8-10ths.parts, .m-only-8-10.parts,
		.m-only-16-20ths.parts, .m-only-16-20.parts{ width: 80%;}
	.m-only-4-7ths.parts, .m-only-4-7.parts		{ width: 57.1428571428%;}
	.m-only-4-9ths.parts, .m-only-4-9.parts		{ width: 44.4444444444%;}

	.m-only-5-6ths.parts, .m-only-5-6.parts		{ width: 83.3333333333%;}
	.m-only-5-7ths.parts, .m-only-5-7.parts		{ width: 71.4285714285%;}
	.m-only-5-8ths.parts, .m-only-5-8.parts		{ width: 62.5%;}
	.m-only-5-9ths.parts, .m-only-5-9.parts		{ width: 55.5555555555%;}
	.m-only-5-12ths.parts, .m-only-5-12.parts		{ width: 41.6666666666%;}

	.m-only-6-7ths.parts, .m-only-6-7.parts		{ width: 85.7142857142%;}

	.m-only-7-8ths.parts, .m-only-7-8.parts		{ width: 87.5%;}
	.m-only-7-9ths.parts, .m-only-7-9.parts		{ width: 77.7777777777%;}
	.m-only-7-10ths.parts, .m-only-7-10.parts,
		.m-only-14-20ths.parts, .m-only-14-20.parts{ width: 70%;}
	.m-only-7-12ths.parts, .m-only-7-12.parts		{ width: 58.3333333333%;}
	.m-only-7-20ths.parts, .m-only-7-20.parts		{ width: 35%;}

	.m-only-8-9ths.parts, .m-only-8-9.parts		{ width: 88.8888888888%;}

	.m-only-9-10ths.parts, .m-only-9-10.parts,
		.m-only-18-20ths.parts, .m-only-18-20.parts{ width: 90%;}
	.m-only-9-20ths.parts, .m-only-9-20.parts		{ width: 45%;}

	.m-only-10-12ths.parts, .m-only-10-12.parts	{ width: 83.3333333333%;}

	.m-only-11-12ths.parts, .m-only-11-12.parts	{ width: 91.6666666666%;}
	.m-only-11-20ths.parts, .m-only-11-20.parts	{ width: 55%;}

	.m-only-13-20ths.parts, .m-only-13-20.parts	{ width: 65%;}
	.m-only-17-20ths.parts, .m-only-17-20.parts	{ width: 85%;}
	.m-only-19-20ths.parts, .m-only-19-20.parts	{ width: 95%;}

  }

 
  /* ==== SMALL = s ==== */
  @media only screen and (max-width: 979px) {

  	/* Inline Parts CONTAINER */
		.s-inlineParts{ font-size: 0 !important; display: block;}
		.s-inlineParts > .parts{ float: none; display: inline-block;}
		/*vertical Alignment */
		.s-alignTop > .parts{ vertical-align: top; }
		.s-alignMiddle > .parts{ vertical-align: middle; }
		.s-alignBottom > .parts{ vertical-align: bottom; }

	/* Flex CONTAINER */
		.s-flexParts{ display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; }

	/* Center Part (dont work if container have is xx-flexParts) */
		.s-centerPart{ float: none; clear: both; display: block; margin: 0 auto;}

	/* Invert layout */
		/* invert part */
		.s-flip{ float: right;}
		.s-left{ float: left;}
		/* Invert inline container */
		.inlineParts.s-iFlip{ direction: rtl; }
		.inlineParts.s-iFlip *{ direction: ltr; }

	/* Text align */
		.s-tal{ text-align: left; }
		.s-tar{ text-align: right; }
		.s-tac{ text-align: center; }

	/* Visibility */
	  	.s-block{ display: block !important; }
	  	.s-inlineBlock{ display: inline-block !important; }
	  	.s-hidden{ display: none !important; }
	  	.s-inline{ display: inline !important; }

	/* Cancelation */
	.s-no-InlineParts > .parts{ float: left; }
	.s-noFloat{ float: none !important; }

	/* Grid */

	.s-1.parts{ width: 99.9999%; }

	.s-1-half.parts, .s-1-2.parts,
		.s-2-4ths.parts, .s-2-4.parts,
		.s-3-6ths.parts, .s-3-6.parts,
		.s-4-8ths.parts, .s-4-8.parts,
		.s-5-10ths.parts, .s-5-10.parts,
		.s-10-20ths.parts, .s-10-20.parts,
		.s-6-12ths.parts, .s-6-12.parts	{ width: 50%;}
	.s-1-3rd.parts, .s-1-3.parts,
		.s-2-6ths.parts, .s-2-6.parts,
		.s-4-12ths.parts, .s-4-12.parts	{ width: 33.333333333%;}
	.s-1-4th.parts, .s-1-4.parts,
		.s-2-8ths.parts, .s-2-8.parts,
		.s-5-20ths.parts, .s-5-20.parts, 
		.s-3-12ths.parts, .s-3-12.parts	{ width: 25%;}
	.s-1-5th.parts, .s-1-5.parts,
		.s-2-10ths.parts, .s-2-10.parts,
		.s-4-20ths.parts, .s-4-20parts	{ width: 20%;}
	.s-1-6th.parts, .s-1-6.parts,
		.s-2-12ths.parts, .s-2-12.parts	{ width: 16.666666666%;}
	.s-1-7th.parts, .s-1-7.parts		{ width: 14.285714285%;}
	.s-1-8th.parts, .s-1-8.parts		{ width: 12.5%;}
	.s-1-9th.parts, .s-1-9.parts		{ width: 11.111111111%;}
	.s-1-10th.parts, .s-1-10.parts,
		.s-2-20ths.parts, .s-2-20.parts { width: 10%;}
	.s-1-12th.parts, .s-1-12.parts		{ width: 8.3333333333%;}
	.s-1-20th.parts, .s-1-20.parts		{ width: 5%;}

	.s-2-3rds.parts, .s-2-3.parts,
		.s-4-6ths.parts, .s-4-6.parts,
		.s-6-9ths.parts, .s-6-9.parts,
		.s-8-12ths.parts, .s-8-12.parts { width: 66.666666666%;}
	.s-2-5ths.parts, .s-2-5.parts,
		.s-4-10ths.parts, .s-4-10.parts	{ width: 40%;}
	.s-2-7ths.parts, .s-2-7.parts		{ width: 28.5714285714%;}
	.s-2-9ths.parts, .s-2-9.parts		{ width: 22.2222222222%;}

	.s-3-4ths.parts, .s-3-4.parts,
		.s-6-8ths.parts, .s-6-8.parts,
		.s-9-12ths.parts, .s-9-12.parts,
		.s-15-20ths.parts, .s-15-20.parts{ width: 75%;}
	.s-3-5ths.parts, .s-3-5.parts,
		.s-6-10ths.parts, .s-6-10.parts,
		.s-12-20ths.parts, .s-12-20.parts{ width: 60%;}
	.s-3-7ths.parts, .s-3-7.parts		{ width: 42.8571428571%}
	.s-3-8ths.parts, .s-3-8.parts		{ width: 37.5%;}
	.s-3-10ths.parts, .s-3-10.parts,
		.s-6-20ths.parts, .s-6-20.parts	{ width: 30%;}
	.s-3-20ths.parts, .s-3-20.parts		{ width: 15%;}

	.s-4-5ths.parts, .s-4-5.parts,
		.s-8-10ths.parts, .s-8-10.parts,
		.s-16-20ths.parts, .s-16-20.parts{ width: 80%;}
	.s-4-7ths.parts, .s-4-7.parts		{ width: 57.1428571428%;}
	.s-4-9ths.parts, .s-4-9.parts		{ width: 44.4444444444%;}

	.s-5-6ths.parts, .s-5-6.parts		{ width: 83.3333333333%;}
	.s-5-7ths.parts, .s-5-7.parts		{ width: 71.4285714285%;}
	.s-5-8ths.parts, .s-5-8.parts		{ width: 62.5%;}
	.s-5-9ths.parts, .s-5-9.parts		{ width: 55.5555555555%;}
	.s-5-12ths.parts, .s-5-12.parts		{ width: 41.6666666666%;}

	.s-6-7ths.parts, .s-6-7.parts		{ width: 85.7142857142%;}

	.s-7-8ths.parts, .s-7-8.parts		{ width: 87.5%;}
	.s-7-9ths.parts, .s-7-9.parts		{ width: 77.7777777777%;}
	.s-7-10ths.parts, .s-7-10.parts,
		.s-14-20ths.parts, .s-14-20.parts{ width: 70%;}
	.s-7-12ths.parts, .s-7-12.parts		{ width: 58.3333333333%;}
	.s-7-20ths.parts, .s-7-20.parts		{ width: 35%;}

	.s-8-9ths.parts, .s-8-9.parts		{ width: 88.8888888888%;}

	.s-9-10ths.parts, .s-9-10.parts,
		.s-18-20ths.parts, .s-18-20.parts{ width: 90%;}
	.s-9-20ths.parts, .s-9-20.parts		{ width: 45%;}

	.s-10-12ths.parts, .s-10-12.parts	{ width: 83.3333333333%;}

	.s-11-12ths.parts, .s-11-12.parts	{ width: 91.6666666666%;}
	.s-11-20ths.parts, .s-11-20.parts	{ width: 55%;}

	.s-13-20ths.parts, .s-13-20.parts	{ width: 65%;}
	.s-17-20ths.parts, .s-17-20.parts	{ width: 85%;}
	.s-19-20ths.parts, .s-19-20.parts	{ width: 95%;}

  }
 
  /* ==== SMALL ONLY = s-only ==== */
  @media only screen and (min-width: 720px) and (max-width: 979px) {
	/* Inline Parts CONTAINER */
		.s-only-inlineParts{ font-size: 0 !important; display: block;}
		.s-only-inlineParts > .parts{ float: none; display: inline-block;}
		/*vertical Alignment */
		.s-only-alignTop > .parts{ vertical-align: top; }
		.s-only-alignMiddle > .parts{ vertical-align: middle; }
		.s-only-alignBottom > .parts{ vertical-align: bottom; }

	/* Flex CONTAINER */
		.s-only-flexParts{ display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; }

	/* Center Part (dont work if container have is xx-flexParts) */
		.s-only-centerPart{ float: none; clear: both; display: block; margin: 0 auto;}

	/* Invert layout */
		/* invert part */
		.s-only-flip{ float: right;}
		.s-only-left{ float: left;}
		/* Invert inline container */
		.inlineParts.s-only-iFlip{ direction: rtl; }
		.inlineParts.s-only-iFlip *{ direction: ltr; }

	/* Text align */
		.s-only-tal{ text-align: left; }
		.s-only-tar{ text-align: right; }
		.s-only-tac{ text-align: center; }

	/* Visibility */
	  	.s-only-block{ display: block !important; }
	  	.s-only-inlineBlock{ display: inline-block !important; }
	  	.s-only-hidden{ display: none !important; }
	  	.s-only-inline{ display: inline !important; }

	/* Cancelation */
	.s-only-no-InlineParts > .parts{ float: left; }
	.s-only-noFloat{ float: none !important; }

	/* Grid */

  	.s-only-1.parts{ width: 99.9999%; }

	.s-only-1-half.parts, .s-only-1-2.parts,
		.s-only-2-4ths.parts, .s-only-2-4.parts,
		.s-only-3-6ths.parts, .s-only-3-6.parts,
		.s-only-4-8ths.parts, .s-only-4-8.parts,
		.s-only-5-10ths.parts, .s-only-5-10.parts,
		.s-only-10-20ths.parts, .s-only-10-20.parts,
		.s-only-6-12ths.parts, .s-only-6-12.parts	{ width: 50%;}
	.s-only-1-3rd.parts, .s-only-1-3.parts,
		.s-only-2-6ths.parts, .s-only-2-6.parts,
		.s-only-4-12ths.parts, .s-only-4-12.parts	{ width: 33.333333333%;}
	.s-only-1-4th.parts, .s-only-1-4.parts,
		.s-only-2-8ths.parts, .s-only-2-8.parts,
		.s-only-5-20ths.parts, .s-only-5-20.parts.,
		.s-only-3-12ths.parts, .s-only-3-12.parts, 
		.s-only-3-12ths.parts, .s-only-3-12.parts	{ width: 25%;}
	.s-only-1-5th.parts, .s-only-1-5.parts,
		.s-only-2-10ths.parts, .s-only-2-10.parts,
		.s-only-4-20ths.parts, .s-only-4-20parts	{ width: 20%;}
	.s-only-1-6th.parts, .s-only-1-6.parts,
		.s-only-2-12ths.parts, .s-only-2-12.parts	{ width: 16.666666666%;}
	.s-only-1-7th.parts, .s-only-1-7.parts		{ width: 14.285714285%;}
	.s-only-1-8th.parts, .s-only-1-8.parts		{ width: 12.5%;}
	.s-only-1-9th.parts, .s-only-1-9.parts		{ width: 11.111111111%;}
	.s-only-1-10th.parts, .s-only-1-10.parts,
		.s-only-2-20ths.parts, .s-only-2-20.parts { width: 10%;}
	.s-only-1-12th.parts, .s-only-1-12.parts		{ width: 8.3333333333%;}
	.s-only-1-20th.parts, .s-only-1-20.parts		{ width: 5%;}

	.s-only-2-3rds.parts, .s-only-2-3.parts,
		.s-only-4-6ths.parts, .s-only-4-6.parts,
		.s-only-6-9ths.parts, .s-only-6-9.parts,
		.s-only-8-12ths.parts, .s-only-8-12.parts { width: 66.666666666%;}
	.s-only-2-5ths.parts, .s-only-2-5.parts,
		.s-only-4-10ths.parts, .s-only-4-10.parts	{ width: 40%;}
	.s-only-2-7ths.parts, .s-only-2-7.parts		{ width: 28.5714285714%;}
	.s-only-2-9ths.parts, .s-only-2-9.parts		{ width: 22.2222222222%;}

	.s-only-3-4ths.parts, .s-only-3-4.parts,
		.s-only-6-8ths.parts, .s-only-6-8.parts,
		.s-only-9-12ths.parts, .s-only-9-12.parts,
		.s-only-15-20ths.parts, .s-only-15-20.parts{ width: 75%;}
	.s-only-3-5ths.parts, .s-only-3-5.parts,
		.s-only-6-10ths.parts, .s-only-6-10.parts,
		.s-only-12-20ths.parts, .s-only-12-20.parts{ width: 60%;}
	.s-only-3-7ths.parts, .s-only-3-7.parts		{ width: 42.8571428571%}
	.s-only-3-8ths.parts, .s-only-3-8.parts		{ width: 37.5%;}
	.s-only-3-10ths.parts, .s-only-3-10.parts,
		.s-only-6-20ths.parts, .s-only-6-20.parts	{ width: 30%;}
	.s-only-3-20ths.parts, .s-only-3-20.parts		{ width: 15%;}

	.s-only-4-5ths.parts, .s-only-4-5.parts,
		.s-only-8-10ths.parts, .s-only-8-10.parts,
		.s-only-16-20ths.parts, .s-only-16-20.parts{ width: 80%;}
	.s-only-4-7ths.parts, .s-only-4-7.parts		{ width: 57.1428571428%;}
	.s-only-4-9ths.parts, .s-only-4-9.parts		{ width: 44.4444444444%;}

	.s-only-5-6ths.parts, .s-only-5-6.parts		{ width: 83.3333333333%;}
	.s-only-5-7ths.parts, .s-only-5-7.parts		{ width: 71.4285714285%;}
	.s-only-5-8ths.parts, .s-only-5-8.parts		{ width: 62.5%;}
	.s-only-5-9ths.parts, .s-only-5-9.parts		{ width: 55.5555555555%;}
	.s-only-5-12ths.parts, .s-only-5-12.parts		{ width: 41.6666666666%;}

	.s-only-6-7ths.parts, .s-only-6-7.parts		{ width: 85.7142857142%;}

	.s-only-7-8ths.parts, .s-only-7-8.parts		{ width: 87.5%;}
	.s-only-7-9ths.parts, .s-only-7-9.parts		{ width: 77.7777777777%;}
	.s-only-7-10ths.parts, .s-only-7-10.parts,
		.s-only-14-20ths.parts, .s-only-14-20.parts{ width: 70%;}
	.s-only-7-12ths.parts, .s-only-7-12.parts		{ width: 58.3333333333%;}
	.s-only-7-20ths.parts, .s-only-7-20.parts		{ width: 35%;}

	.s-only-8-9ths.parts, .s-only-8-9.parts		{ width: 88.8888888888%;}

	.s-only-9-10ths.parts, .s-only-9-10.parts,
		.s-only-18-20ths.parts, .s-only-18-20.parts{ width: 90%;}
	.s-only-9-20ths.parts, .s-only-9-20.parts		{ width: 45%;}

	.s-only-10-12ths.parts, .s-only-10-12.parts	{ width: 83.3333333333%;}

	.s-only-11-12ths.parts, .s-only-11-12.parts	{ width: 91.6666666666%;}
	.s-only-11-20ths.parts, .s-only-11-20.parts	{ width: 55%;}

	.s-only-13-20ths.parts, .s-only-13-20.parts	{ width: 65%;}
	.s-only-17-20ths.parts, .s-only-17-20.parts	{ width: 85%;}
	.s-only-19-20ths.parts, .s-only-19-20.parts	{ width: 95%;}
  }

 
  /* ==== X-SMALL = xs ==== */
  @media only screen and (max-width: 719px) {

  	/* Inline Parts CONTAINER */
		.xs-inlineParts{ font-size: 0 !important; display: block;}
		.xs-inlineParts > .parts{ float: none; display: inline-block;}
		/*vertical Alignment */
		.xs-alignTop > .parts{ vertical-align: top; }
		.xs-alignMiddle > .parts{ vertical-align: middle; }
		.xs-alignBottom > .parts{ vertical-align: bottom; }

	/* Flex CONTAINER */
		.xs-flexParts{ display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; }

	/* Center Part (dont work if container have is xx-flexParts) */
		.xs-centerPart{ float: none; clear: both; display: block; margin: 0 auto;}

	/* Invert layout */
		/* invert part */
		.xs-flip{ float: right;}
		.xs-left{ float: left;}
		/* Invert inline container */
		.inlineParts.xs-iFlip{ direction: rtl; }
		.inlineParts.xs-iFlip *{ direction: ltr; }

	/* Text align */
		.xs-tal{ text-align: left; }
		.xs-tar{ text-align: right; }
		.xs-tac{ text-align: center; }

	/* Visibility */
	  	.xs-block{ display: block !important; }
	  	.xs-inlineBlock{ display: inline-block !important; }
	  	.xs-hidden{ display: none !important; }
	  	.xs-inline{ display: inline !important; }


	/* Cancelation */
		.xs-no-InlineParts > .parts{ float: left; }
		.xs-noFloat{ float: none !important; }

	/* Grid */

	.xs-1.parts{ width: 99.9999%; }

	.xs-1-half.parts, .xs-1-2.parts,
		.xs-2-4ths.parts, .xs-2-4.parts,
		.xs-3-6ths.parts, .xs-3-6.parts,
		.xs-4-8ths.parts, .xs-4-8.parts,
		.xs-5-10ths.parts, .xs-5-10.parts,
		.xs-10-20ths.parts, .xs-10-20.parts,
		.xs-6-12ths.parts, .xs-6-12.parts	{ width: 50%;}
	.xs-1-3rd.parts, .xs-1-3.parts,
		.xs-2-6ths.parts, .xs-2-6.parts,
		.xs-4-12ths.parts, .xs-4-12.parts	{ width: 33.333333333%;}
	.xs-1-4th.parts, .xs-1-4.parts,
		.xs-2-8ths.parts, .xs-2-8.parts,
		.xs-5-20ths.parts, .xs-5-20.parts, 
		.xs-3-12ths.parts, .xs-3-12.parts	{ width: 25%;}
	.xs-1-5th.parts, .xs-1-5.parts,
		.xs-2-10ths.parts, .xs-2-10.parts,
		.xs-4-20ths.parts, .xs-4-20parts	{ width: 20%;}
	.xs-1-6th.parts, .xs-1-6.parts,
		.xs-2-12ths.parts, .xs-2-12.parts	{ width: 16.666666666%;}
	.xs-1-7th.parts, .xs-1-7.parts		{ width: 14.285714285%;}
	.xs-1-8th.parts, .xs-1-8.parts		{ width: 12.5%;}
	.xs-1-9th.parts, .xs-1-9.parts		{ width: 11.111111111%;}
	.xs-1-10th.parts, .xs-1-10.parts,
		.xs-2-20ths.parts, .xs-2-20.parts { width: 10%;}
	.xs-1-12th.parts, .xs-1-12.parts		{ width: 8.3333333333%;}
	.xs-1-20th.parts, .xs-1-20.parts		{ width: 5%;}

	.xs-2-3rds.parts, .xs-2-3.parts,
		.xs-4-6ths.parts, .xs-4-6.parts,
		.xs-6-9ths.parts, .xs-6-9.parts,
		.xs-8-12ths.parts, .xs-8-12.parts { width: 66.666666666%;}
	.xs-2-5ths.parts, .xs-2-5.parts,
		.xs-4-10ths.parts, .xs-4-10.parts	{ width: 40%;}
	.xs-2-7ths.parts, .xs-2-7.parts		{ width: 28.5714285714%;}
	.xs-2-9ths.parts, .xs-2-9.parts		{ width: 22.2222222222%;}

	.xs-3-4ths.parts, .xs-3-4.parts,
		.xs-6-8ths.parts, .xs-6-8.parts,
		.xs-9-12ths.parts, .xs-9-12.parts,
		.xs-15-20ths.parts, .xs-15-20.parts{ width: 75%;}
	.xs-3-5ths.parts, .xs-3-5.parts,
		.xs-6-10ths.parts, .xs-6-10.parts,
		.xs-12-20ths.parts, .xs-12-20.parts{ width: 60%;}
	.xs-3-7ths.parts, .xs-3-7.parts		{ width: 42.8571428571%}
	.xs-3-8ths.parts, .xs-3-8.parts		{ width: 37.5%;}
	.xs-3-10ths.parts, .xs-3-10.parts,
		.xs-6-20ths.parts, .xs-6-20.parts	{ width: 30%;}
	.xs-3-20ths.parts, .xs-3-20.parts		{ width: 15%;}

	.xs-4-5ths.parts, .xs-4-5.parts,
		.xs-8-10ths.parts, .xs-8-10.parts,
		.xs-16-20ths.parts, .xs-16-20.parts{ width: 80%;}
	.xs-4-7ths.parts, .xs-4-7.parts		{ width: 57.1428571428%;}
	.xs-4-9ths.parts, .xs-4-9.parts		{ width: 44.4444444444%;}

	.xs-5-6ths.parts, .xs-5-6.parts		{ width: 83.3333333333%;}
	.xs-5-7ths.parts, .xs-5-7.parts		{ width: 71.4285714285%;}
	.xs-5-8ths.parts, .xs-5-8.parts		{ width: 62.5%;}
	.xs-5-9ths.parts, .xs-5-9.parts		{ width: 55.5555555555%;}
	.xs-5-12ths.parts, .xs-5-12.parts		{ width: 41.6666666666%;}

	.xs-6-7ths.parts, .xs-6-7.parts		{ width: 85.7142857142%;}

	.xs-7-8ths.parts, .xs-7-8.parts		{ width: 87.5%;}
	.xs-7-9ths.parts, .xs-7-9.parts		{ width: 77.7777777777%;}
	.xs-7-10ths.parts, .xs-7-10.parts,
		.xs-14-20ths.parts, .xs-14-20.parts{ width: 70%;}
	.xs-7-12ths.parts, .xs-7-12.parts		{ width: 58.3333333333%;}
	.xs-7-20ths.parts, .xs-7-20.parts		{ width: 35%;}

	.xs-8-9ths.parts, .xs-8-9.parts		{ width: 88.8888888888%;}

	.xs-9-10ths.parts, .xs-9-10.parts,
		.xs-18-20ths.parts, .xs-18-20.parts{ width: 90%;}
	.xs-9-20ths.parts, .xs-9-20.parts		{ width: 45%;}

	.xs-10-12ths.parts, .xs-10-12.parts	{ width: 83.3333333333%;}

	.xs-11-12ths.parts, .xs-11-12.parts	{ width: 91.6666666666%;}
	.xs-11-20ths.parts, .xs-11-20.parts	{ width: 55%;}

	.xs-13-20ths.parts, .xs-13-20.parts	{ width: 65%;}
	.xs-17-20ths.parts, .xs-17-20.parts	{ width: 85%;}
	.xs-19-20ths.parts, .xs-19-20.parts	{ width: 95%;}

  }
 

    /* ==== X-SMALL ONLY = xs-only ==== */
  @media only screen and (min-width: 480px) and (max-width: 719px) {

  	/* Inline Parts CONTAINER */
		.xs-only-inlineParts{ font-size: 0 !important; display: block;}
		.xs-only-inlineParts > .parts{ float: none; display: inline-block;}
		/*vertical Alignment */
		.xs-only-alignTop > .parts{ vertical-align: top; }
		.xs-only-alignMiddle > .parts{ vertical-align: middle; }
		.xs-only-alignBottom > .parts{ vertical-align: bottom; }

	/* Flex CONTAINER */
		.xs-only-flexParts{ display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; }

	/* Center Part (dont work if container have is xx-flexParts) */
		.xs-only-centerPart{ float: none; clear: both; display: block; margin: 0 auto;}

	/* Invert layout */
		/* invert part */
		.xs-only-flip{ float: right;}
		.xs-only-left{ float: left;}
		/* Invert inline container */
		.inlineParts.xs-only-iFlip{ direction: rtl; }
		.inlineParts.xs-only-iFlip *{ direction: ltr; }

	/* Text align */
		.xs-only-tal{ text-align: left; }
		.xs-only-tar{ text-align: right; }
		.xs-only-tac{ text-align: center; }

	/* Visibility */
	  	.xs-only-block{ display: block !important; }
	  	.xs-only-inlineBlock{ display: inline-block !important; }
	  	.xs-only-hidden{ display: none !important; }
	  	.xs-only-inline{ display: inline !important; }

	/* Cancelation */
		.xs-only-no-InlineParts > .parts{ float: left; }
		.xs-only-noFloat{ float: none !important; }

	/* Grid */

	.xs-only-1.parts{ width: 99.9999%; }

	.xs-only-1-half.parts, .xs-only-1-2.parts,
		.xs-only-2-4ths.parts, .xs-only-2-4.parts,
		.xs-only-3-6ths.parts, .xs-only-3-6.parts,
		.xs-only-4-8ths.parts, .xs-only-4-8.parts,
		.xs-only-5-10ths.parts, .xs-only-5-10.parts,
		.xs-only-10-20ths.parts, .xs-only-10-20.parts,
		.xs-only-6-12ths.parts, .xs-only-6-12.parts	{ width: 50%;}
	.xs-only-1-3rd.parts, .xs-only-1-3.parts,
		.xs-only-2-6ths.parts, .xs-only-2-6.parts,
		.xs-only-4-12ths.parts, .xs-only-4-12.parts	{ width: 33.333333333%;}
	.xs-only-1-4th.parts, .xs-only-1-4.parts,
		.xs-only-2-8ths.parts, .xs-only-2-8.parts,
		.xs-only-5-20ths.parts, .xs-only-5-20.parts, 
		.xs-only-3-12ths.parts, .xs-only-3-12.parts	{ width: 25%;}
	.xs-only-1-5th.parts, .xs-only-1-5.parts,
		.xs-only-2-10ths.parts, .xs-only-2-10.parts,
		.xs-only-4-20ths.parts, .xs-only-4-20parts	{ width: 20%;}
	.xs-only-1-6th.parts, .xs-only-1-6.parts,
		.xs-only-2-12ths.parts, .xs-only-2-12.parts	{ width: 16.666666666%;}
	.xs-only-1-7th.parts, .xs-only-1-7.parts		{ width: 14.285714285%;}
	.xs-only-1-8th.parts, .xs-only-1-8.parts		{ width: 12.5%;}
	.xs-only-1-9th.parts, .xs-only-1-9.parts		{ width: 11.111111111%;}
	.xs-only-1-10th.parts, .xs-only-1-10.parts,
		.xs-only-2-20ths.parts, .xs-only-2-20.parts { width: 10%;}
	.xs-only-1-12th.parts, .xs-only-1-12.parts		{ width: 8.3333333333%;}
	.xs-only-1-20th.parts, .xs-only-1-20.parts		{ width: 5%;}

	.xs-only-2-3rds.parts, .xs-only-2-3.parts,
		.xs-only-4-6ths.parts, .xs-only-4-6.parts,
		.xs-only-6-9ths.parts, .xs-only-6-9.parts,
		.xs-only-8-12ths.parts, .xs-only-8-12.parts { width: 66.666666666%;}
	.xs-only-2-5ths.parts, .xs-only-2-5.parts,
		.xs-only-4-10ths.parts, .xs-only-4-10.parts	{ width: 40%;}
	.xs-only-2-7ths.parts, .xs-only-2-7.parts		{ width: 28.5714285714%;}
	.xs-only-2-9ths.parts, .xs-only-2-9.parts		{ width: 22.2222222222%;}

	.xs-only-3-4ths.parts, .xs-only-3-4.parts,
		.xs-only-6-8ths.parts, .xs-only-6-8.parts,
		.xs-only-9-12ths.parts, .xs-only-9-12.parts,
		.xs-only-15-20ths.parts, .xs-only-15-20.parts{ width: 75%;}
	.xs-only-3-5ths.parts, .xs-only-3-5.parts,
		.xs-only-6-10ths.parts, .xs-only-6-10.parts,
		.xs-only-12-20ths.parts, .xs-only-12-20.parts{ width: 60%;}
	.xs-only-3-7ths.parts, .xs-only-3-7.parts		{ width: 42.8571428571%}
	.xs-only-3-8ths.parts, .xs-only-3-8.parts		{ width: 37.5%;}
	.xs-only-3-10ths.parts, .xs-only-3-10.parts,
		.xs-only-6-20ths.parts, .xs-only-6-20.parts	{ width: 30%;}
	.xs-only-3-20ths.parts, .xs-only-3-20.parts		{ width: 15%;}

	.xs-only-4-5ths.parts, .xs-only-4-5.parts,
		.xs-only-8-10ths.parts, .xs-only-8-10.parts,
		.xs-only-16-20ths.parts, .xs-only-16-20.parts{ width: 80%;}
	.xs-only-4-7ths.parts, .xs-only-4-7.parts		{ width: 57.1428571428%;}
	.xs-only-4-9ths.parts, .xs-only-4-9.parts		{ width: 44.4444444444%;}

	.xs-only-5-6ths.parts, .xs-only-5-6.parts		{ width: 83.3333333333%;}
	.xs-only-5-7ths.parts, .xs-only-5-7.parts		{ width: 71.4285714285%;}
	.xs-only-5-8ths.parts, .xs-only-5-8.parts		{ width: 62.5%;}
	.xs-only-5-9ths.parts, .xs-only-5-9.parts		{ width: 55.5555555555%;}
	.xs-only-5-12ths.parts, .xs-only-5-12.parts		{ width: 41.6666666666%;}

	.xs-only-6-7ths.parts, .xs-only-6-7.parts		{ width: 85.7142857142%;}

	.xs-only-7-8ths.parts, .xs-only-7-8.parts		{ width: 87.5%;}
	.xs-only-7-9ths.parts, .xs-only-7-9.parts		{ width: 77.7777777777%;}
	.xs-only-7-10ths.parts, .xs-only-7-10.parts,
		.xs-only-14-20ths.parts, .xs-only-14-20.parts{ width: 70%;}
	.xs-only-7-12ths.parts, .xs-only-7-12.parts		{ width: 58.3333333333%;}
	.xs-only-7-20ths.parts, .xs-only-7-20.parts		{ width: 35%;}

	.xs-only-8-9ths.parts, .xs-only-8-9.parts		{ width: 88.8888888888%;}

	.xs-only-9-10ths.parts, .xs-only-9-10.parts,
		.xs-only-18-20ths.parts, .xs-only-18-20.parts{ width: 90%;}
	.xs-only-9-20ths.parts, .xs-only-9-20.parts		{ width: 45%;}

	.xs-only-10-12ths.parts, .xs-only-10-12.parts	{ width: 83.3333333333%;}

	.xs-only-11-12ths.parts, .xs-only-11-12.parts	{ width: 91.6666666666%;}
	.xs-only-11-20ths.parts, .xs-only-11-20.parts	{ width: 55%;}

	.xs-only-13-20ths.parts, .xs-only-13-20.parts	{ width: 65%;}
	.xs-only-17-20ths.parts, .xs-only-17-20.parts	{ width: 85%;}
	.xs-only-19-20ths.parts, .xs-only-19-20.parts	{ width: 95%;}

  }

 
  /* ==== XX-SMALL = xxs ==== */
  @media only screen and (max-width: 479px) {

  	/* Inline Parts CONTAINER */
		.xxs-inlineParts{ font-size: 0 !important; display: block;}
		.xxs-inlineParts > .parts{ float: none; display: inline-block;}
		/*vertical Alignment */
		.xxs-alignTop > .parts{ vertical-align: top; }
		.xxs-alignMiddle > .parts{ vertical-align: middle; }
		.xxs-alignBottom > .parts{ vertical-align: bottom; }

	/* Flex CONTAINER */
		.xxs-flexParts{ display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; }

	/* Center Part (dont work if container have is xx-flexParts) */
		.xxs-centerPart{ float: none; clear: both; display: block; margin: 0 auto;}

	/* Invert layout */
		/* invert part */
		.xxs-flip{ float: right;}
		.xxs-left{ float: left;}
		/* Invert inline container */
		.inlineParts.xxs-iFlip{ direction: rtl; }
		.inlineParts.xxs-iFlip *{ direction: ltr; }

	/* Text align */
		.xxs-tal{ text-align: left; }
		.xxs-tar{ text-align: right; }
		.xxs-tac{ text-align: center; }

	/* Visibility */
	  	.xxs-block{ display: block !important; }
	  	.xxs-inlineBlock{ display: inline-block !important; }
	  	.xxs-hidden{ display: none !important; }
	  	.xxs-inline{ display: inline !important; }


	/* Cancelation */
		.xxs-no-InlineParts > .parts{ float: left; }
		.xxs-noFloat{ float: none !important; }

	/* Grid */

	.m-1-half.parts,.m-1-2.parts,
	.m-2-4ths-.parts,.m-2-4-.parts,
	.m-3-6ths.parts,.m-3-6.parts,
	.m-4-8ths.parts,.m-4-8.parts,
	.m-5-10ths.parts,.m-5-10.parts,
	.m-10-20ths.parts,.m-10-20.parts,
	.m-6-12ths.parts,.m-6-12.parts,
	.m-1-3rd.parts,.m-1-3.parts,
	.m-2-6ths.parts,.m-2-6.parts,
	.m-4-12ths.parts,.m-4-12.parts,
	.m-1-4th.parts,.m-1-4.parts,
	.m-2-8ths.parts,.m-2-8.parts,
	.m-5-20ths.parts,.m-5-20.parts,
	.m-3-12ths.parts,.m-3-12.parts,
	.m-1-5th.parts,.m-1-5.parts,
	.m-2-10ths.parts,.m-2-10.parts,
	.m-4-20ths.parts,.m-4-20.parts,
	.m-1-6th.parts,.m-1-6.parts,
	.m-2-12ths.parts,.m-2-12.parts,
	.m-1-7th.parts,.m-1-7.parts,
	.m-1-8th.parts,.m-1-8.parts,
	.m-1-9th.parts,.m-1-9.parts,
	.m-1-10th.parts,.m-1-10.parts, 
	.m-2-20ths.parts,.m-2-20.parts,
	.m-1-12th.parts,.m-1-12.parts,
	.m-1-20th.parts,.m-1-20.parts,
	.m-2-5ths.parts,.m-2-5.parts,
	.m-4-10ths.parts,.m-4-10.parts,
	.m-2-7ths.parts,.m-2-7.parts,
	.m-2-9ths.parts,.m-2-9.parts,
	.m-3-7ths.parts,.m-3-7.parts,
	.m-3-8ths.parts,.m-3-8.parts,
	.m-3-10ths.parts,.m-3-10.parts,
	.m-6-20ths.parts,.m-6-20.parts
	.m-3-20ths.parts,.m-3-20.parts
	.m-4-9ths.parts,.m-4-9.parts,
	.m-5-12ths.parts,.m-5-12.parts,
	.m-7-20ths.parts,.m-7-20.parts,
	.m-9-20ths.parts,.m-9-20.parts,
	.m-6-20.parts,.m-6-20.parts,
	.m-11-20ths.parts,.m-11-20.parts,
	.m-2-3rds.parts,.m-2-3.parts,
	.m-4-6ths.parts,.m-4-6.parts,
	.m-6-9ths.parts,.m-6-9.parts,
	.m-8-12ths.parts,.m-8-12.parts,
	.m-3-4ths.parts,.m-3-4.parts,
	.m-6-8ths.parts,.m-6-8.parts,
	.m-9-12ths.parts,.m-9-12.parts,
	.m-15-20ths.parts,.m-15-20.parts,
	.m-3-5ths.parts,.m-3-5.parts,
	.m-6-10ths.parts,.m-6-10.parts,
	.m-12-20ths.parts,.m-12-20.parts,
	.m-4-5ths.parts,.m-4-5.parts,
	.m-8-10ths.parts,.m-8-10.parts,
	.m-16-20ths.parts,.m-16-20.parts,
	.m-4-7ths.parts,.m-4-7.parts,
	.m-5-6ths.parts,.m-5-6.parts,
	.m-5-7ths.parts,.m-5-7.parts,
	.m-5-8ths.parts,.m-5-8.parts,
	.m-5-9ths.parts,.m-5-9.parts,
	.m-6-7ths.parts,.m-6-7.parts,
	.m-7-8ths.parts,.m-7-8.parts,
	.m-7-9ths.parts,.m-7-9.parts,
	.m-7-10ths.parts,.m-7-10.parts, 
	.m-14-20ths.parts,.m-14-20.parts,
	.m-7-12ths.parts,.m-7-12.parts,
	.m-8-9ths.parts,.m-8-9.parts,
	.m-9-10ths.parts,.m-9-10.parts,
	.m-18-20ths.parts,.m-18-20.parts,
	.m-10-12ths.parts,.m-10-12.parts,
	.m-11-12ths.parts,.m-11-12.parts,
	.m-13-20ths.parts,.m-13-20.parts,
	.m-17-20ths.parts,.m-17-20.parts,
	.m-19-20ths.parts,.m-19-20.parts{ width: 99.99999%; }

	.xxs-1.parts{ width: 99.9999%; }

	.xxs-1-half.parts, .xxs-1-2.parts,
		.xxs-2-4ths.parts, .xxs-2-4.parts,
		.xxs-3-6ths.parts, .xxs-3-6.parts,
		.xxs-4-8ths.parts, .xxs-4-8.parts,
		.xxs-5-10ths.parts, .xxs-5-10.parts,
		.xxs-10-20ths.parts, .xxs-10-20.parts,
		.xxs-6-12ths.parts, .xxs-6-12.parts	{ width: 50%;}
	.xxs-1-3rd.parts, .xxs-1-3.parts,
		.xxs-2-6ths.parts, .xxs-2-6.parts,
		.xxs-4-12ths.parts, .xxs-4-12.parts	{ width: 33.333333333%;}
	.xxs-1-4th.parts, .xxs-1-4.parts,
		.xxs-2-8ths.parts, .xxs-2-8.parts,
		.xxs-5-20ths.parts, .xxs-5-20.parts, 
		.xxs-3-12ths.parts, .xxs-3-12.parts	{ width: 25%;}
	.xxs-1-5th.parts, .xxs-1-5.parts,
		.xxs-2-10ths.parts, .xxs-2-10.parts,
		.xxs-4-20ths.parts, .xxs-4-20parts	{ width: 20%;}
	.xxs-1-6th.parts, .xxs-1-6.parts,
		.xxs-2-12ths.parts, .xxs-2-12.parts	{ width: 16.666666666%;}
	.xxs-1-7th.parts, .xxs-1-7.parts		{ width: 14.285714285%;}
	.xxs-1-8th.parts, .xxs-1-8.parts		{ width: 12.5%;}
	.xxs-1-9th.parts, .xxs-1-9.parts		{ width: 11.111111111%;}
	.xxs-1-10th.parts, .xxs-1-10.parts,
		.xxs-2-20ths.parts, .xxs-2-20.parts { width: 10%;}
	.xxs-1-12th.parts, .xxs-1-12.parts		{ width: 8.3333333333%;}
	.xxs-1-20th.parts, .xxs-1-20.parts		{ width: 5%;}

	.xxs-2-3rds.parts, .xxs-2-3.parts,
		.xxs-4-6ths.parts, .xxs-4-6.parts,
		.xxs-6-9ths.parts, .xxs-6-9.parts,
		.xxs-8-12ths.parts, .xxs-8-12.parts { width: 66.666666666%;}
	.xxs-2-5ths.parts, .xxs-2-5.parts,
		.xxs-4-10ths.parts, .xxs-4-10.parts	{ width: 40%;}
	.xxs-2-7ths.parts, .xxs-2-7.parts		{ width: 28.5714285714%;}
	.xxs-2-9ths.parts, .xxs-2-9.parts		{ width: 22.2222222222%;}

	.xxs-3-4ths.parts, .xxs-3-4.parts,
		.xxs-6-8ths.parts, .xxs-6-8.parts,
		.xxs-9-12ths.parts, .xxs-9-12.parts,
		.xxs-15-20ths.parts, .xxs-15-20.parts{ width: 75%;}
	.xxs-3-5ths.parts, .xxs-3-5.parts,
		.xxs-6-10ths.parts, .xxs-6-10.parts,
		.xxs-12-20ths.parts, .xxs-12-20.parts{ width: 60%;}
	.xxs-3-7ths.parts, .xxs-3-7.parts		{ width: 42.8571428571%}
	.xxs-3-8ths.parts, .xxs-3-8.parts		{ width: 37.5%;}
	.xxs-3-10ths.parts, .xxs-3-10.parts,
		.xxs-6-20ths.parts, .xxs-6-20.parts	{ width: 30%;}
	.xxs-3-20ths.parts, .xxs-3-20.parts		{ width: 15%;}

	.xxs-4-5ths.parts, .xxs-4-5.parts,
		.xxs-8-10ths.parts, .xxs-8-10.parts,
		.xxs-16-20ths.parts, .xxs-16-20.parts{ width: 80%;}
	.xxs-4-7ths.parts, .xxs-4-7.parts		{ width: 57.1428571428%;}
	.xxs-4-9ths.parts, .xxs-4-9.parts		{ width: 44.4444444444%;}

	.xxs-5-6ths.parts, .xxs-5-6.parts		{ width: 83.3333333333%;}
	.xxs-5-7ths.parts, .xxs-5-7.parts		{ width: 71.4285714285%;}
	.xxs-5-8ths.parts, .xxs-5-8.parts		{ width: 62.5%;}
	.xxs-5-9ths.parts, .xxs-5-9.parts		{ width: 55.5555555555%;}
	.xxs-5-12ths.parts, .xxs-5-12.parts		{ width: 41.6666666666%;}

	.xxs-6-7ths.parts, .xxs-6-7.parts		{ width: 85.7142857142%;}

	.xxs-7-8ths.parts, .xxs-7-8.parts		{ width: 87.5%;}
	.xxs-7-9ths.parts, .xxs-7-9.parts		{ width: 77.7777777777%;}
	.xxs-7-10ths.parts, .xxs-7-10.parts,
		.xxs-14-20ths.parts, .xxs-14-20.parts{ width: 70%;}
	.xxs-7-12ths.parts, .xxs-7-12.parts		{ width: 58.3333333333%;}
	.xxs-7-20ths.parts, .xxs-7-20.parts		{ width: 35%;}

	.xxs-8-9ths.parts, .xxs-8-9.parts		{ width: 88.8888888888%;}

	.xxs-9-10ths.parts, .xxs-9-10.parts,
		.xxs-18-20ths.parts, .xxs-18-20.parts{ width: 90%;}
	.xxs-9-20ths.parts, .xxs-9-20.parts		{ width: 45%;}

	.xxs-10-12ths.parts, .xxs-10-12.parts	{ width: 83.3333333333%;}

	.xxs-11-12ths.parts, .xxs-11-12.parts	{ width: 91.6666666666%;}
	.xxs-11-20ths.parts, .xxs-11-20.parts	{ width: 55%;}

	.xxs-13-20ths.parts, .xxs-13-20.parts	{ width: 65%;}
	.xxs-17-20ths.parts, .xxs-17-20.parts	{ width: 85%;}
	.xxs-19-20ths.parts, .xxs-19-20.parts	{ width: 95%;}
  }