.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
  margin:10px;
}


@media only screen and (min-width: 480px) {
.my-gallery figure {
	display: block;
	float: left;
	width: calc(100% / 6);
	height:130px;
	overflow:hidden;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.my-gallery figure:hover {
	display: block;
	float: left;
	width: 210px;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
	opacity:0.5;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
}

@media only screen and (max-width: 479px) {
.my-gallery figure {
	display: block;
	float: none !important;
	margin-left:auto !important;
	margin-right:auto !important;
	width: 100%;
	margin-top: 15px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.my-gallery figure:hover {
	display: block;
	float: left;
	width: 100%;
	margin-top: 15px;
		float: none !important;
	margin-left:auto !important;
	margin-right:auto !important;

	opacity:0.5;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
}


.my-gallery figcaption {
  display: none;
}