.ch-item {
	width: 100%;
	height: 280px;
	border-radius: 50%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
.zx-item {
	width: 100%;
	height: 280px;
	border-radius: 50%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}
.ch-grid {
	margin: 10px 0 20px 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}
.ch-grid:after {	clear: both;}
.ch-grid li {width: 280px;height: auto;text-align: center;display: inline-block;margin: 20px 5%;float: left;}

.zx-grid {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.zx-grid:after,
.ch-item:before {
	content: '';
    display: table;
}
.zx-grid:after {	clear: both;}
.zx-grid li {width: 280px;height: auto;display: inline-block;margin: 20px 5%;float: left;}
.zx-grid li:nth-of-type(4) {margin: 0 39% 80px;}

@media screen and (max-width: 600px) {
.ch-item, .zx-item {height: 175px;}
.ch-grid li {width: 175px;height: auto;display: inline-block;margin:7px 0;}
.ch-grid li:nth-of-type(odd) {margin-right: 8px;margin-left: 1px;}
.zx-grid li {width: 175px;height: auto;display: inline-block;margin:7px 0;}
.zx-grid li:nth-of-type(odd) {margin-right: 8px;margin-left: 1px;}
.zx-grid li:nth-of-type(4) {
    margin: 0 0 15px 0;
}

}