.portfolio-main{ position:relative; text-align:center; }
.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-main .portfolio-image{ position:relative; margin:2%; }
.portfolio-main .portfolio-image img{ display:block; }
.portfolio-main .portfolio-title { text-align:center; padding:20px; display:block; background-color: #dcb161; }
.portfolio-main .portfolio-title h4{ font-weight:400; color:#ffffff; margin:0; position:relative; z-index:2; font-size: 18px; }
.portfolio-main .portfolio-meta{ position:absolute; width:100%; top:50%; left:0; text-align:center; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; opacity:0; -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0);  }
.portfolio-main .portfolio-meta span{ display:inline-block; width:50px; height:50px; line-height:50px; text-align:center; margin:5px; }
.portfolio-main .portfolio-meta span a{ display:block; background-color:#141f46; color:#ffffff; font-size:18px; border-radius:50px; }
.portfolio-main .portfolio-meta span a:hover{ background-color:#dcb161; }
.portfolio-main .portfolio-image:hover .portfolio-meta{ -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); opacity:1; }

/* Single Portfolio */
.portfolio-metadeta{ font-size: 16px; }
.portfolio-metadata-item{ display:block; margin:0 0 15px; border-top:1px solid #e6e6e6; padding-top:15px; }
.portfolio-metadata-item span{ color:#000000; }
.portfolio-share ul.social-share-post{ text-align:center; margin:40px 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; }