@media only screen and (max-width: 860px) {
	.serve>.title-app {
		display: block;
	}

	.serve .item {
		width: 100%;
		margin: 5px 0;
		background-clip: padding-box;
		padding-bottom: 74.933%;
	}

	.serve>.list {
		flex-wrap: wrap;
	}

	.serve .list:nth-child(3) .item:nth-child(1) {
		background-image: url("../image/serve1-app.png");
	}

	.serve .list:nth-child(3) .item:nth-child(2) {
		background-image: url("../image/serve2-app.png");
	}

	.serve .list:nth-child(3) .item:nth-child(3) {
		background-image: url("../image/serve3-app.png");
	}

	.serve .list:nth-child(4) .item {
		background-image: url("../image/serve4-app.png");
	}

	.serve .list:nth-child(5) .item:nth-child(1) {
		background-image: url("../image/serve5-app.png");
	}

	.serve .list:nth-child(5) .item:nth-child(2) {
		background-image: url("../image/serve6-app.png");
	}

	.serve .item:hover::after {
		opacity: 0;
	}

	.bottom {
		margin-top: 10px;
	}

}