.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;}
.portfolio-item.col-4 { padding:0;}
.portfolio-item:before { content:''; position:absolute; background-color:#ef5f34; opacity:0; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); z-index:11; left:0; top:0; width:100%; height:100%;}
.portfolio-item img { width:100%; height:auto; display:block;}
.port-content { -webkit-transition:all 0.3s; transition:all 0.3s; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); opacity:0; text-align:center; padding:30px; z-index:12; width:100%; max-width:300px;}
.portfolio-meta { position:relative;}
.portfolio-meta a { display:inline-block; width:45px; height:45px; line-height:48px; background-color:#ffffff; border-radius:50%; color:#282f34; margin:0 auto;}
.port-content h4 { margin:15px 0;}
.port-content h4 a { color:#ffffff;}
.port-content .portfolio-category { font-size:18px;}
.port-content .portfolio-category a { color:#282f34; font-weight:700;}
.port-content .portfolio-category a:hover { color:#ffffff;}

.grid-col-four .port-content h4 { font-size:22px; margin-bottom:10px;}

.portfolio-item:hover::before { opacity:0.7; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.portfolio-item:hover .port-content { opacity:1;}

/* Single Portfolio */
.portfolio-single { position:relative;}
.portfolio-metadeta { position:relative; margin-bottom:20px;}
.portfolio-metadata-item { padding:10px 20px; border:1px solid #ef5f34; margin:0 15px; text-align:center; flex:auto;}
.portfolio-metadata-item span { display:inline-block; color:#ef5f34; font-size:18px; margin-right:10px;}
.portfolio-share { display:block; text-align:center; margin-top:25px;}