.ch-grid {
	margin: 20px 0 0 4%;
	padding: 0 0 0 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 96%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	/*width: 242px;*/
	    width: 29%;
	height: 297px;
	display: inline-block;
	   margin-left: 2%;
}
@media only screen and (max-width:767px) {
.ch-grid li {width:84% ; margin-left:16% ;}	
.ch-grid li{ height:264px;}
.ch-info h3{ font-size:21px;}
.fac_info h3{ padding:34% 0 4px;}
.ch-info p{ margin:12px 29px; font-size:13px;}

	
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.ch-grid{  width: 98%; margin:20px 2% 0 0;}
	.ch-grid li{width: 28%;   margin-left: 4%;  height: 221px;}
	
}