.bg-image{
	background-size: 100% auto !important;
	border-radius: 7px;
	height: 150px;
	margin-bottom:30px;
	padding: 0 10px;
	display:flex;
	align-items:center;
	text-align: center;
}
	.bg-image:hover {
		cursor: pointer;
	}
.item-title{
	font-size:22px;
	color:#ffffff;
	text-align: center;
	width:100%;
}
.m-b-30{
	margin-bottom:30px;
}
.card-body {
	padding: 30px 15px 0px 15px;
}
@media only screen
and (min-width: 180px)
and (max-width: 640px) {
	.col-sm-6{
		width:50%!important;
		float:left!important;
		padding-right: 7px!important;
		padding-left: 7px!important;
	}
	.bg-image{
		background-size: 100% auto !important;
		height: 80px;
		padding: 0 10px;
		margin-bottom: 15px;
		border-radius: 5px;
	}
	.item-title {
		font-size: 16px;
		color: #ffffff;
	}
	.card-body {
		padding: 15px 7px 0px 7px;
	}
}

@media only screen
and (min-width: 641px)
and (max-width: 1024px) {
	.col-sm-6{
		width:50%!important;
		float:left!important;
	}
	.bg-image{
		background-size: 100% auto !important;
		height: 100px;
		padding: 0 10px;
	}
	.item-title {
		font-size: 17px;
		color: #ffffff;
	}
	.card-body {
		padding: 30px 15px 0px 15px;
	}
}