.popup{
	display:inline-block;
	width:220px;	
	margin:20px;
	padding:0px;
	text-align:center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	vertical-align:top;
	font-size:14px;
	}
	
.popup img{
	width:100%;	
	border:solid 5px #fff;
	box-shadow:0px 0px 5px #999;
	}	
	
@media only screen and (max-width: 620px) {
	.popup{
	width:120px;	
	margin:10px;
	
	}
}


	




.image-gallery {
  margin: 0;
  padding: 0;
}

.image-gallery li {
	display: inline-block;
	margin:3px;
	border: 3px solid #FFF;
	box-shadow:0px 0px 3px #333;
	background-color: #FFF;
	transition: all 0.2s ease;
	width:150px;
}

.image-gallery a {
  position: relative;
  display: block;
}
.image-gallery a img {
  display: block;
  width:100%;
}
.image-gallery ul {
  margin-bottom: 0;
}

@media only screen and (max-width: 720px) {
	.image-gallery li{
		width:27%;
		}
}