.ch-grid {
	margin: 20px 0 0 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 {
	float:left;
	width: 220px;
	height: 170px;
	max-width:22.5%
	display: inline-block;
	margin:0% 0% 3.5% 4.4%;
	border: 1px solid #c99a63;
}*/

.ch-grid li {
    float: left;
    height: 170px;
    margin: 0% 2% 3.5%;
    border: 1px solid #C99A63;
    width: 20.8%;
}

@media only screen and (max-width: 1225px){
.ch-grid li {
    float: left;
    height: 170px;
    margin: 0% 2% 3.5%;
    border: 1px solid #C99A63;
    width: 20.7%;
}	
}

@media only screen and (max-width: 800px){
.ch-grid li {
    float: left;
    height: 170px;
    margin: 0% 2% 3.5% 2%;
    border: 1px solid #C99A63;
    width: 29%;
}
}

@media only screen and (min-width: 481px) and (max-width: 767px){
.ch-grid li {
    float: left;
    height: 170px;
    margin: 0% 2% 3.5%;
    border: 1px solid #C99A63;
    width: 45.5%;
}
}

@media only screen and (max-width: 480px){
.ch-grid li {
    float: left;
    height: 180px;
    margin: 4% 17.5%;
    border: 1px solid #C99A63;
    max-width: 100%;
    width: 65%;
}
}