.clear, .clearfix {
	clear: both;
}

.clear-after::after {
	content: '';
    display: block;
    clear: both;
}

.clear-before {
	clear: both;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.p15 {
	padding: 0 15px;
}

@media(min-width: 991px) {
	.col-md-1 {width: calc(100% * 1/12)}
	.col-md-2 {width: calc(100% * 2/12)}
	.col-md-3 {width: 25%;}
	.col-md-4 {width: calc(100% * 4/12)}
	.col-md-5 {width: calc(100% * 5/12)}
	.col-md-6 {width: 50%;}
	.col-md-7 {width: calc(100% * 7/12)}
	.col-md-8 {width: calc(100% * 8/12)}
	.col-md-9 {width: 75%;}
	.col-md-10 {width: calc(100% * 10/12)}
	.col-md-11 {width: calc(100% * 11/12)}
	.col-md-12 {width: 100%;}
	[class*="col-md-"] {
		float: left;
		/*padding: 0 15px;*/
		min-height: 1px;
	}
	.text-md-left {text-align: left;}
	.text-md-center {text-align: center;}
	.text-md-right {text-align: right;}

	.visible-md {
		display: block;
	}
	
	.hidden-md {
		display: none;
	}
	
}

@media(max-width: 991px) {
	[class*="col-xs-"] {
		float: left;
		/*padding: 0 15px;*/
	}
	.container {width: 100%;}

	.text-xs-left {text-align: left;}
	.text-xs-center {text-align: center;}
	.text-xs-right {text-align: right;}

	.col-xs-1 {width: calc(100% * 1/12)}
	.col-xs-2 {width: calc(100% * 2/12)}
	.col-xs-3 {width: 25%;}
	.col-xs-4 {width: calc(100% * 4/12)}
	.col-xs-5 {width: calc(100% * 5/12)}
	.col-xs-6 {width: 50%;}
	.col-xs-7 {width: calc(100% * 7/12)}
	.col-xs-8 {width: calc(100% * 8/12)}
	.col-xs-9 {width: 75%;}
	.col-xs-10 {width: calc(100% * 10/12)}
	.col-xs-11 {width: calc(100% * 11/12)}
	.col-xs-12 {width: 100%;}

	.visible-xs {
		display: block;
	}
	
	.hidden-xs {
		display: none;
	}
	
}

.grid-nopadd {
	padding: 0;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}