* { padding: 0; margin: 0; outline: none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.grayscale-gallery li span { -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }

.grayscale-gallery ul { overflow: hidden; list-style: none;}
.grayscale-gallery li { float: left; width: 25%; position: relative; overflow: hidden;}
.grayscale-gallery a { position: relative; display: block; }
.grayscale-gallery a img { display: block; width: 100%; height: auto;}
.grayscale-gallery li span { color: #fff; background-color: rgba(0,0,0,0.5); padding: 5px 10px; position: absolute; bottom: -100%; left: 0; width: 100%; z-index: 2;}
.grayscale-gallery li:hover span { bottom: 0; }

@media (max-width: 991px) {
	.grayscale-gallery li { width: 33.3333%; }
}

@media (max-width: 767px) {
	.grayscale-gallery li { width: 50%; }
}

@media (max-width: 480px) {
	.grayscale-gallery li { width: 100%; }
}