div.gallery {
	 width: 100%;
  height: auto;
	border: 1px solid #fff;
}

div.gallery:hover {
  border: 1px solid #fff;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float:left;
  width: 24.99999%;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:5px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:14px;
	color: black;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
	
.videogallery {
	width:100%;
	zoom:1;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;

	

}
.videogallery span{ display:block; }
.videogallery a{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:5px;
	width:240px;
	
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:14px;
	color: black;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}
.videogallery .videolb{display:none}
.videogallery a img{
	display:block;
	border:none;
	margin:0;
	border-radius: 10px;
}
.videogallery a:hover{
	opacity:1;
@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
	    display: flex;
  justify-content: center;
  align-items: center;
  }


@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
	    display: flex;
  justify-content: center;
  align-items: center;
	  
  }
}
@media only screen and (min-width: 600px){
	.col1{width: 100%;}
	.col2{width: 45%;}
	.col3{width: 45%;}
	.col4{width: 45%;}	
		
	}

@media screen and (max-width: 768px){
	
.col1{width: 45%;}
	.col2{width: 45%;}
	.col3{width: 45%;}	
	.col4{width: 45%;}
}