.bs-glyphicons {
	padding-left: 0;
	padding-bottom: 1px;
	margin-bottom: 20px;
	list-style: none;
	overflow: hidden;
}

.bs-glyphicons li {
	float: left;
	width: 50%;
	height: 115px;
	padding: 10px;
	margin: 0 -1px -1px 0;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #ddd;
	background-color: #fff;
}

.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 28px;
	color: #805F5E;
}

.bs-glyphicons .fa {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 28px;
	color: #805F5E;
}

.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word; /* Help out IE10+ with class names */
}

.bs-glyphicons li:hover {
	background-color: rgba(86, 61, 124, .1);
}

@media ( min-width : 480px) {
	.bs-glyphicons li {
		width: 33.3%;
	}
}

@media ( min-width : 768px) {
	.bs-glyphicons li {
		width: 20%;
	}
}

@media ( min-width : 1280px) {
	.bs-glyphicons li {
		width: 16.6%;
	}
}

@media ( min-width : 1600px) {
	.bs-glyphicons li {
		width: 12.5%;
	}
}