.yde-list {
	text-align: center;
}
.yde-list .column2 {display: inline-block; width: 50%}
.yde-list .column3 {display: inline-block; width: 33.33%}
.yde-list .column4 {display: inline-block; width: 25%}

.yde-list .item {
	vertical-align: top;
}
.yde-list .item a {
	display: block;
	margin: 5px 10px;
	padding: 10px;
	text-align: center;
	border: solid 1px #eeeeee;
	color: #333333;
	text-decoration: none;
}
.yde-list .item img {
	display: block;
	margin: 0 auto;
}
.yde-list .item h4 {
	font-weight: 400;
	font-size: 18px;
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
.yde-list .item span {
	display: block;
	width: 100%;
	max-width: 360px;
	font-size: 14px;
	font-weight: 300;
	color: #666666;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}


@media all and (max-width: 960px) {
	.yde-list .column3 {display: inline-block; width: 50%;}
	.yde-list .column4 {display: inline-block; width: 33.33%;}
} /* eo 960px */

@media all and (max-width: 768px) {
	.yde-list .column2 {display: block; width: 100%;}
	.yde-list .column4 {display: inline-block; width: 50%;}
} /* eo 768px */

@media all and (max-width: 600px) {
	.yde-list .column3 {display: block; width: 100%;}
	.yde-list .column4 {display: block; width: 100%;}
} /* eo 600px */