.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; overflow:hidden; margin:20px}
.portfolio-image { position:relative;}
.portfolio-image img { width:100%; height:auto; display:block; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all ease 400ms; transition:all ease 400ms;}
.portfolio-meta a.port-gallery { width:50px; height:50px; position:absolute; right:20px; top:40px; font-size:16px; font-weight:700; line-height:50px; color:#ffffff; background-color:#f7a392; display:inline-block; text-align:center; z-index:2; visibility:hidden; opacity:0; transition:all ease 800ms; -webkit-transition:all ease 800ms;}
.mix.grid-col-four .portfolio-meta a.port-gallery { width:35px; height:35px; line-height:35px; top:10px; font-size:14px;}
.port-content { position:absolute; left:-20px; bottom:0px; width:100%; height:100%; content:''; text-align:left; padding:30px 40px; opacity:0; visibility:hidden; background:-webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%); background:linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); transition:all ease 700ms; -webkit-transition:all ease 700ms;}
.port-title { visibility:hidden; opacity:0; position:absolute; left:20px; bottom:30px; z-index:3; transition:all ease 900ms; -webkit-transition:all ease 900ms;}
.port-title h4 a, .port-title span a { color:#ffffff;}
.port-title span a { display:inline-block; padding:2px 10px; color:#ffffff; background-color:#f7a392; margin-bottom:5px;}

.portfolio-item:hover .portfolio-image img { transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1);}
.portfolio-item:hover .portfolio-meta a.port-gallery { visibility:visible; opacity:1; right:40px;}
.portfolio-meta a.port-gallery:hover { background-color:#ffffff; color:#333333; border-radius:50%;}
.portfolio-item:hover .port-content { left:0px; opacity:1; visibility:visible;}
.portfolio-item:hover .port-title { visibility:visible; opacity:1; left:20px;}

/* Single Portfolio */
.portfolio-metadeta{ font-size: 16px; border-bottom:1px solid #aeaeae; padding-bottom:10px; margin-bottom:30px;}
.portfolio-metadata-item{ display:inline-block; margin:7px 0 5px; padding:0 15px; border-right:1px solid #aeaeae; }
.portfolio-metadata-item span{ color:#333333; }
.portfolio-share { float:right;}
.portfolio-share ul.social-share-post{ text-align:right; margin:0; border-radius:0; float:none; display:block; }
.portfolio-share ul.social-share-post li{ border-radius:0; }
.single-portfolio .image-carousel{ margin:0 auto 50px; }
.related-port { position:relative;}
.rel-port-inner { position:relative; display:flex;}
.rel-port-inner .portfolio-item.col-4 { padding:0; margin-left:0;}