* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.row {
	margin: 0 -15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.container {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	-webkit-box-flex: 0;
}
@media (max-width: 1499px) {
	.container {
		max-width: calc(100% - 10%);
	}
}
@media (min-width: 1200px) {
	.container {
		max-width: 90%;
	}
}
@media (min-width: 1500px) {
	.container {
		max-width: 90%;
	}
}
@media (min-width: 720px) {
	.col-1 {
		-ms-flex: 0 0 8.3333%;
		flex: 0 0 8.3333%;
		max-width: 8.3333%;
		width: 8.3333%;
	}
	.col-2 {
		-ms-flex: 0 0 16.6666%;
		flex: 0 0 16.6666%;
		max-width: 16.6666%;
		width: 16.6666%;
	}
	.col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
		width: 25%;
	}
	.col-4 {
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
		width: 33.3333%;
	}
	.col-5 {
		-ms-flex: 0 0 41.6666%;
		flex: 0 0 41.6666%;
		max-width: 41.6666%;
		width: 41.6666%;
	}
	.col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		width: 50%;
	}
	.col-7 {
		-ms-flex: 0 0 58.3333%;
		flex: 0 0 58.3333%;
		max-width: 58.3333%;
		width: 58.3333%;
	}
	.col-8 {
		-ms-flex: 0 0 66.6666%;
		flex: 0 0 66.6666%;
		max-width: 66.6666%;
		width: 66.6666%;
	}
	.col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
		width: 75%;
	}
	.col-10 {
		-ms-flex: 0 0 83.3333%;
		flex: 0 0 83.3333%;
		max-width: 83.3333%;
		width: 83.3333%;
	}
	.col-11 {
		-ms-flex: 0 0 91.6666%;
		flex: 0 0 91.6666%;
		max-width: 91.6666%;
		width: 91.6666%;
	}
	.col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		margin-left: -1px;
		margin-right: -1px;
		padding: 0 15px;
	}
}
@media (min-width: 720px) and (max-width: 960px) {
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		padding: 0 5px;
	}
}
@media (max-width: 767px) {
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		width: 100%;
	}
	.container {
		max-width: 100%;
	}
}

@media (max-width: 640px) {
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 {
		padding: 0 5px;
		max-width: unset;
		flex: none;
		width: 100%;
	}
}