#grid-portfolio{ list-style-type:none; padding:0; margin:0; position:relative;}
#grid-portfolio li{width:100%;padding:20px;display:block;float:left; }
#grid-portfolio.single_gallery li{ width: auto;}
#grid-portfolio li .album { width:100%; position:relative;}
#grid-portfolio li .album figure{ position:relative;}
#grid-portfolio li .album figure:after{ content:''}
#grid-portfolio li .album a{display:none;position:absolute;z-index:1;top:0;left:0;transform-origin: top left;box-shadow: 1px 3px 8px  rgba(0, 0, 0, 0.52);border: 3px solid #f5f5f5; width:100%; height:130px; transition:all 0.5s ease-in;}

#grid-portfolio li .album a img{ position:absolute; width:100%; height:100%;}
#grid-portfolio li .album a:nth-of-type(1){ display:block; position:relative; z-index:10; overflow:hidden;}
#grid-portfolio li .album a:nth-of-type(1):before{content:'\f002';font-family: FontAwesome;position:absolute;font-size: 33px;top: 100%;left: 50%;margin: -30px 0 0 -30px;color: #edeadb;background: rgba(0, 0, 0, 0.49);padding: 11px;border-radius: 100%;width: 60px;height: 60px;text-align: center;text-shadow: 0 0 8px #000; opacity:0; transition:all 0.5s ease-out;}
#grid-portfolio li .album a:nth-of-type(1):hover:before{ opacity:1;  top:50%;}
#grid-portfolio li .album a:nth-of-type(1) img{ display:block; width:100%; height:auto; position:static;}
#grid-portfolio li .album a:nth-of-type(2){ transform:rotate(2deg); -webkit-transform:rotate(2deg); -moz-transform:rotate(2deg); display:block; z-index:2}
#grid-portfolio li .album a:nth-of-type(3){ transform:rotate(4deg); -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); display:block; z-index:0}
#grid-portfolio li .album  .tag{position: relative;z-index: 25;color: #943500;font-size: 16px; padding:6px;   margin-top: 2.5rem;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #ef516c;
    color: #fff;} 
#grid-portfolio li .album  .tag span{ display:block;}
#grid-portfolio li .album  .tag span.time{ color:#636363; font-size:14px;}

#grid-portfolio li .album:hover a{ transform:rotate(0deg); -webkit-transform:rotate(0deg);}

#grid-portfolio li img{ width:100%; height:auto; display:block;}


@media screen and (min-width: 768px){
	
#grid-portfolio li{
	width:50%;
	}
}

@media screen and (min-width: 992px){

	#grid-portfolio li{
	width:33.3333%;
	}
	#grid-portfolio li:nth-of-type(3n+1){
		clear: left;
	}

}