.showcaselist{
	width: 1300px;
	margin: 30px auto;
}
.showcaselist .MB_case{
	margin: 0;
}
.showcaselist .MB_case ul{
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
}
.showcaselist .MB_case ul li{
	margin: 14px;
}

@media only screen and (min-width: 1000px) and (max-width: 1299px){
	.shownav ul li{
		width: 15%;
		font-size: 16px;
	}
	.shownav ul li a{
		font-size: 16px;
		transition: all 1s;
	}
	.showcaselist{
		width: 95%;
		margin: 0 auto;
	}
	.showcaselist .MB_case{
		width: 100%;
	}
	.showcaselist .MB_case ul li{
		margin: 1%;
	}
}
@media only screen and (min-width: 764px) and (max-width:999px){
	.shownav ul li{
		width: 15%;
		font-size: 16px;
	}
	.shownav ul li a{
		font-size: 16px;
		transition: all 1s;
	}
	.showcaselist{
		width: 95%;
		margin: 0 auto;
	}
	.showcaselist .MB_case{
		width: 100%;
	}
	.showcaselist .MB_case ul li{
		margin: 1%;
	}
	.MB_case ul li div:last-child h2{
		font-size: 16px;
	}
}
@media screen and (max-width: 767px){
	.showcaselist{
		width: 95%;
		margin: 0 auto;
	}
	.showcaselist .MB_case{
		width: 100%;
	}
	.MB_case ul li div:last-child h2{
		font-size: 16px;
	}
	.showcaselist .MB_case ul li{
		width: 48%;
		margin: 1%;
	}
	.shownav ul li{
		width: 20%;
		font-size: 16px;
	}
	.shownav ul li a{
		font-size: 16px;
		transition: all 1s;
	}
}