.item{
    margin-top: 50px;
}
.gallery{
			border: 1px solid #ccc;
}
.gall{
			border: 1px solid #ccc;
}

.gallery img{
	width: 100%;
	height: auto;
}
.gall img{
	width: 250px;
	height: 320px;
}


.responsive{
	padding: 0 6px; 
	float: left;
	width: 32.33%;
	margin-bottom: 3em;
}

.respond{
	padding: 0 6px; 
	float: left;
	width: 49.98%;
	margin-bottom: 3em;
}

.response{
	padding: 0 2.5em; 
	float: left;
	width: auto;
	margin-bottom: 3em;
	padding: auto;
}

.space hr{
	height: 200px;
	color: #fff;
}

@media only screen and (max-width: 700px){
	.responsive{
		width: 50%;
		margin: 6px 0;
	}
}

@media only screen and (max-width: 700px){
	.response{
		width: 50%;
		margin: 6px 0;
	}
}

@media only screen and (max-width: 500px){
	.responsive{
		width: 100%;
		
	}
}
@media only screen and (max-width: 500px){
	.response{
		width: 100%;
		
	}
}