.portfolio-main{ position:relative;}
.portfolio-main .grid-col-two{ width:50%; float:none; }
.portfolio-main .grid-col-three{ width:33.3333%; float:none; }
.portfolio-main .grid-col-four{ width:25%; float:none; }

.portfolio-item { position:relative; margin:10px; padding:0; overflow:hidden;}
.port-inner { position:relative;}
.port-inner:after { position:absolute; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.72); overflow:hidden; width:90%; height:90%; margin:5%; content:''; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); opacity:0;}
.port-thumb { position:relative; overflow:hidden;}
.port-thumb img { width:100%; height:auto; display:block; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}

.portfolio-meta { position:absolute; right:3%; top:5%; z-index:2; visibility:hidden; -webkit-transition:all ease 800ms; transition:all ease 800ms; opacity:0;}
.portfolio-meta a.port-gallery { color:#111111; width:70px; height:70px; font-size:30px; line-height:70px; background-color:#ffffff; display:inline-block; text-align:center;}

.port-overlay-txt { visibility:hidden; opacity:0; position:absolute; left:20px; bottom:50px; z-index:3; -webkit-transition:all ease 900ms; transition:all ease 900ms; text-align:left;}
.portfolio-category { font-size:15px; display:inline-block; margin-bottom:5px;}
.portfolio-category a { color:#0071dc;}
.port-overlay-txt h4 { margin-bottom:0; font-size:22px;}
.port-overlay-txt h4 a { color:#ffffff;}

.portfolio-item:hover .portfolio-meta { opacity:1; visibility:visible; right:5%;}
.portfolio-item:hover .port-overlay-txt { visibility:visible; opacity:1; left:50px;}
.portfolio-item:hover .port-inner:after { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1;}

.portfolio-item:hover .port-thumb img { animation-name:imagemove; animation-duration:3s; animation-timing-function:ease-out; animation-delay:0s; animation-direction:alternate; animation-iteration-count:infinite; animation-fill-mode:none; animation-play-state:running; -webkit-animation-name:imagemove; -webkit-animation-duration:3s; -webkit-animation-timing-function:ease-out; -webkit-animation-delay:0s; -webkit-animation-direction:alternate; -webkit-animation-iteration-count:infinite; -webkit-animation-fill-mode:none; -webkit-animation-play-state:running;}

.grid-col-four .portfolio-item:hover .port-overlay-txt { left:25px;}
.grid-col-four .port-overlay-txt h4 { font-size:18px;}

@keyframes imagemove {
	0% {
        -webkit-transform: rotate(0deg) scale(1);
        -ms-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(5deg) scale(1.1);
        -ms-transform: rotate(5deg) scale(1.1);
        transform: rotate(5deg) scale(1.1);
    }
}

/* Single Portfolio */
.portfolio-single { position:relative;}
.portfolio-metadeta { position:relative; margin-bottom:20px;}
.portfolio-metadata-item { padding:10px 20px; border:1px solid #0071dc; margin:0 15px 10px; text-align:left; width:47%;}
.portfolio-metadata-item span { display:inline-block; color:#0071dc; font-size:18px; margin-right:10px;}
.portfolio-share { display:block; text-align:left;}