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

.main {
	flex: 1;
	padding: 20px 0;

}

.footer {
	margin-bottom: 0px;
}

.list1 {
	justify-content: flex-start;
}

@media (max-width:766px) {

	.list1 .li-box {
		margin-right: 8px;
	}

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

}

@media (min-width:766px) {
	.main {
		margin: 15px auto;
		padding: 10px 2%;
	}

	.list1 .li-box {
		margin-right: 12px;
	}

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

}