/*-----------------------------------------
  :GENERAL
  -------------------------------------------*/
.row {
	padding: 0 1.533742331288344%;  /*  0 20px */
	max-width: 1304px;
	margin: 0 auto;
	overflow: hidden;
	width: auto;
}
.row .row {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 -1.533742331288344%;  /*  0 -20px*/
}
.column, .columns {
	margin: 0 0.7668711656441718%;  /*  0 10px */
	float: left;
	min-height: 1px;
	position: relative;
}
/*-----------------------------------------
  :GRID
  -------------------------------------------*/
  
.row .one.columns {
	width: 6.6717%  	/* 87px */;
}
.row .two.columns {
	width: 14.8773%	/* 194px */;
}
.row .three.columns {
	width: 22.916%	/* 301px */;
}
.row .four.columns {
	width: 31.25%	/* 408px */;
}
.row .five.columns {
	width: 39.583%	/* 515px */;
}
.row .six.columns {
	width: 47.916%	/* 622px */;
}
.row .seven.columns {
	width: 56.25%	/* 729px */;
}
.row .eight.columns {
	width: 64.583333%	/* 836px */;
}
.row .nine.columns {
	width: 72.916%	/* 943px */;
}
.row .ten.columns {
	width: 81.25%	/* 1050px */;
}
.row .eleven.columns {
	width: 89.583%	/* 1157px */;
}
.row .twelve.columns {
	width: 97.916%	/* 1264px */;
}

@media only screen and (min-width: 768px) and (max-width : 1023px) { /*margin-right not showing on tablet view when width:100%; */

}