.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; padding:10px 0;}
.port-thumb { position:relative; overflow:hidden;}
.port-thumb img { display:block; width:100%; height:auto; -webkit-transition:all 1.5s ease; transition:all 1.5s ease;}
.port-content { position:absolute; opacity:0; display:block; bottom:0; left:0; right:0; width:100%; height:100%; overflow:hidden; -webkit-transition:all 0.5s; transition:all 0.5s;}
.port-content:before { position:absolute; content:''; left:10px; top:10px; bottom:10px; right:10px; background-color:rgba(0,0,0,.8);}
.port-details { position:absolute; width:100%; text-align:center; padding:0 10px; z-index:1; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.portfolio-item .port-details h4 { -webkit-transition:all 0.4s; transition:all 0.4s; margin-bottom:10px; font-size:25px; font-weight:400; line-height:30px; -webkit-transform:scale(.8); -ms-transform:scale(.8); transform:scale(.8); overflow:hidden;}
.portfolio-category { -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transform:translateY(30px); -webkit-transition:all 0.4s; transition:all 0.4s;}
.portfolio-category a { color:#ffa646;}
.portfolio-meta { width:100%; height:auto; text-align:center; position:relative; z-index:2; margin-top:15px;}
.portfolio-meta a { border-radius:5px; width:40px; height:40px; margin:0 5px; background-color:#ffa646; color:#ffffff; display:inline-block; font-size:15px; line-height:40px; position:relative; bottom:100%; z-index:1; text-align:center; -webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); -webkit-transition:all 0.4s; transition:all 0.4s;}
.portfolio-meta a:last-child { -webkit-transition:all 0.9s; transition:all 0.9s;}
.portfolio-meta a:hover { background-color:#ffffff; color:#000000;}

.portfolio-item:hover .port-thumb img { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.portfolio-item:hover .port-content { opacity:1;}
.portfolio-item:hover .port-details h4 { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.portfolio-item:hover .portfolio-category { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.portfolio-item:hover .portfolio-meta a { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}

.grid-col-two .portfolio-item, .grid-col-three .portfolio-item, .grid-col-four .portfolio-item { padding:10px;}

/* Single Portfolio */
.portfolio-metadeta { width:33%;}
.portfolio-metadeta h3 { background-color:#ffa646; display:block; padding:8px 15px 5px; margin-bottom:0;}
.portfolio-metadata-item { display:flex; padding:10px 15px 10px; margin:12px 0; background-color:rgba(255,255,255,.1);}
.portfolio-metadata-item span { color:#ffa646; flex:0 0 50%;}
.portfolio-metadata-item span i { color:#ffa646; margin-right:10px;}
.portfolio-share { text-align:center; display:block; padding:12px 15px;}
.portfolio-share ul.social-share-post{ margin:0; border-radius:0; display:inline-block; text-align:center; }
.portfolio-share ul.social-share-post li{ border-radius:0; }
.single-portfolio .image-carousel{ margin:0 auto 50px; }
.single-portfolio .portfolio-content { width:67%; position:relative; padding-left:40px;}
.related-port { position:relative; margin-bottom:30px;}
.related-port h3 { margin-bottom:40px; padding-bottom:10px; border-bottom:2px solid #dddddd; display:inline-block;}
.rel-port-inner { position:relative; display:flex;}
.rel-port-inner .portfolio-item.col-4 { padding:0; margin-left:10px; margin-right:10px;}