.service_cell {
	display: inline-block;
	width: 50%;
	border: 0px solid red;
	padding: 0px 10px 0px 0px;
	vertical-align: top;
}
.service_row {
	position: relative;
	padding-left: 50px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.service_row .sr_icon {
	position: absolute;
	left: 0px;
	top: 5px;
	width: 34px;
	height: 34px;
	
	background-color:#f1f6f7;
	border-radius: 17px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.service_row:hover .sr_icon {
	color:#780000;
	background-color:transparent;
	
	-moz-transform:scale(1.25) rotate(0.02deg);
	-o-transform:scale(1.25);
	-webkit-transform:scale(1.25);
	transform:scale(1.25);	
}

.service_row .sr_icon i {
	line-height: 34px; /* opera */
}

.service_row A {
	display: inline-block;
	font-weight:500;
	color:#000;
	text-decoration: none;
	padding-bottom: 0px;
	
	/*min-height: 40px;*/
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.service_row:hover A {
	color:#780000;
}


.custom-list-item {
	padding: 0px 10px 40px 10px;
}
.custom-list-item .gallery-item {
	margin-bottom: 15px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.custom-list-item .item-text {
	padding-left: 10px;
	padding-right: 10px;
}
.custom-list-item .item-title-text {

	text-align: center;
}
		
						
@media only screen and (max-width: 768px) {
	.service_cell {
		width: 100%;
	}
}






.customListItemV2 {
	display: inline-block;
	/*
	width: 25%;
	min-width: 200px;
	*/
	vertical-align: top;
	margin: 0;
	padding: 0px 20px 0px 0px;
	
	/*
	Remove the spaces.
	The reason you get the spaces is because, well, you have spaces between the elements.
	Tricks choice:
	1.	</div><div>
	2.	</div><!--
		--><div>
	3.	Negative margin
		You can scoot the elements back into place with negative 4px of margin (may need to be adjusted based on font size of parent). Apparently this is problematic in older IE (6 & 7), but if you don't care about those browsers at least you can keep the code formatting clean.
		margin-right: -4px;
	*/
	margin-right: -4px;

}

@media only screen and (max-width: 1200px) {
	.customListItemV2 {
		width: 50%;
	}
}