.gallery{
		margin: 0 -10px;
	}
	.gallery .item{
		padding: 0 10px;
		float: left;
		width: 33.33%;
		margin-bottom: 30px;
	}
	.gallery .item .i-image{
		border: 1px solid #ddd;
		margin-bottom: 12px;
		opacity: 1;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.gallery .item:hover .i-image{
		opacity: .7;
	}
	.gallery .item .i-title h3 a{
		text-align: center;
		display: block;
	}


	@media screen and (max-width: 767px){
		.gallery .item{
			width: 50%;
		}
	}