/*@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {*/
@media only screen and (max-device-width: 1024px){
	.multi-hover{
	    width: 232px;
		height: 168px;
	    position: absolute;
	    top:0;
	    overflow:hidden;
	}
    .multi-hover > .photo-number{
        display:block !important;
        height: 24px !important;
    }
}
@media only screen {
	.multi-hover{
	   width: 232px;
		height: 168px;
	    position: absolute;
	    top:0;
	    overflow:hidden;
	}
	.multi-hover:hover > .photo-number{
	    animation:myfirst 0.5s;
	    -webkit-animation:myfirst 0.5s; /* Safari and Chrome */
	    display:block;
	}
	@keyframes myfirst
	{
	0%   {height:0;}
	100% { height:24px;}
	}
	@-webkit-keyframes myfirst /* Safari and Chrome */
	{
	0%   {height:0;}
	100% { height:24px;}
	}
}