.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:20px 0 70px; display:block; -webkit-transition:all 200ms linear; transition:all 200ms linear; -webkit-transition-delay:0.1s; transition-delay:0.1s; text-align:left;}
.grid-col-four .portfolio-item { margin:15px;}
.port-details { position:relative; display:block;}
.port-details:before { position:absolute; top:0; bottom:0; left:0; right:0; content:''; background-color:rgba(0,0,0,0.6); -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); -webkit-transition:all 500ms ease; transition:all 500ms ease;}
.port-details img { width:100%; height:auto; display:block;}

.port-overlay { position:absolute; bottom:-50px; left:0; right:0; background-color:#ffffff; margin-left:10px; margin-right:10px; padding:33px 25px 35px; box-shadow:0px 0px 20px -10px rgba(0,0,0,0.75); -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); transition:opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility:hidden; opacity:0; z-index:2;}
.port-title { position:relative; display:block;}
.port-title span a { color:#ab7442; font-size:16px;}
.port-title h4 { font-size:22px; line-height:28px; margin-bottom:10px;}
.port-title h4 a { color:#000000;}
.port-overlay p { padding-bottom:20px; margin-bottom:0;}

.port-box { display:block; height:100%; width:100%;}
.portfolio-meta { display:table-cell; text-align:center; vertical-align:middle;}
.portfolio-meta a { position:relative; display:inline-block; width:45px; height:45px; margin:0 5px; background-color:#ab7442; color:#ffffff; font-size:18px; line-height:45px; -webkit-transition:all 0.3s; transition:all 0.3s;}
.portfolio-meta a:hover { background-color:#000000; color:#ffffff;}

.portfolio-item:hover .port-details:before { -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1);}
.portfolio-item:hover .port-overlay { visibility:visible; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); opacity:1;}

.grid-col-two .portfolio-item, .grid-col-three .portfolio-item { margin-left:15px; margin-right:15px;}
.grid-col-four .portfolio-item { margin:0 15px 70px;}

/* Single Portfolio */
.portfolio-metadeta { font-size:16px; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #aeaeae;}
.portfolio-metadata-item{ display:inline-block; margin:15px 15px 15px; padding:0; width:30%; }
.portfolio-metadata-item span { color:#ffffff; padding:5px 10px; background-color:#ab7442; margin-right:15px; display:inline-block; width:35%;}
.portfolio-share { text-align:left; display:block; margin-top:20px;}
.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 { margin-top:30px;}
.related-port { position:relative;}
.rel-port-inner { position:relative; display:flex;}
.rel-port-inner .portfolio-item.col-4 { padding:0; margin-left:10px; margin-right:10px;}