.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.n-lg-12 {
	width: 100%;
}
.n-lg-9 {
	width: 75%;
	float: left;
}
.n-lg-8 {
	width: 66.66666%;
	float: left;
}
.n-lg-7 {
	width: 58.33333%;
	float: left;
}
.n-lg-6 {
	width: 50%;
	float: left;
}
.n-lg-5 {
	width: 41.6666%;
	float: left;
}
.n-lg-4 {
	width: 33.33333%;
	float: left;
}
.n-lg-3 {
	width: 25%;
	float: left;
}
.n-lg-2 {
  width: 16.666666666666664%;
  float: left;
}
.n-left {
	float: left;
}
.n-right {
	float: right;
}

@media (min-width: 992px) {
	.n-md-9 {
		width: 75%;
		float: left;
	}
	.n-md-8 {
		width: 66.66666%;
		float: left;
	}
	.n-md-7 {
		width: 58.33333%;
		float: left;
	}
	.n-md-6 {
		width: 50%;
		float: left;
	}
	.n-md-4 {
		width: 33.33333%;
		float: left;
	}
	.n-md-3 {
		width: 25%;
		float: left;
	}
}
@media (min-width: 768px){
	.n-sm-9 {
		width: 75%;
		float: left;
	}
	.n-sm-8 {
		width: 66.66666%;
		float: left;
	}
	.n-sm-7 {
		width: 58.33333%;
		float: left;
	}
	.n-sm-6 {
		width: 50%;
		float: left;
	}
	.n-sm-4 {
		width: 33.33333%;
		float: left;
	}
	.n-sm-3 {
		width: 25%;
		float: left;
	}
}
@media (max-width: 768px){
	.n-xs-12 {
		width: 100%;
	}
	.n-xs-9 {
		width: 75%;
		float: left;
	}
	.n-xs-8 {
		width: 66.66666%;
		float: left;
	}
	.n-xs-7 {
		width: 58.33333%;
		float: left;
	}
	.n-xs-6 {
		width: 50%;
		float: left;
	}
	.n-xs-5 {
		width: 41.66666%;
		float: left;
	}
	.n-xs-4 {
		width: 33.33333%;
		float: left;
	}
	.n-xs-3 {
		width: 25%;
		float: left;
	}
}