body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.main {
	flex: 1;
	display: block;
}

.main .inner-box {
	width: 96%;
}

.cl-box2 {
	width: 12%;
}

.list {
	min-height: 50vh;
	justify-content: flex-start !important;
	align-content: flex-start;
}

.cl-box {
	margin-right: 8px;
}

.cl-box:nth-of-type(8n) {
	margin-right: 0px;
}

@media (max-width:699px) {

	.cl-box:nth-of-type(8n) {
		margin-right: 0px;
	}

	.list .cl-box {
		width: 30%;
		height: auto;
		margin: 0 10px 20px 0;
	}

	.list .cl-box:nth-of-type(3n) {
		margin-right: 0px;
	}
}

.footer {
	margin-bottom: 0px !important;
}