.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:0 10px 20px 10px; padding:0; overflow:hidden;}
.port-inner { position:relative;}
.port-thumb { position:relative;}
.port-thumb:before { position:absolute; content:''; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.60); -webkit-transition:.5s; transition:.5s; opacity:0;}
.port-thumb img { display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; width:100%;}
.portfolio-meta { position:absolute; text-align:center; -webkit-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition:.5s; transition:.5s; top:90px; left:0; right:0; margin:0 auto; opacity:0; background:transparent; margin:auto; text-align:center; padding:0; border-radius:5px;}
.port-meta-icon { position:relative;}
.port-meta-icon a { background-color:#ffffff; border-radius:50%; color:#373636; display:inline-block; font-size:18px; height:40px; margin:0 3px 0; line-height:40px; width:40px; text-align:center;}

.port-content { padding:20px 20px 22px; border-radius:5px; text-align:center; box-shadow:0 0 30px 0 rgba(32,43,76,.1); margin:-39px 22px 28px; position:relative; background-color:#ffffff; -webkit-transition:.5s; transition:.5s;}
.portfolio-category { margin-bottom:10px; display:block;}
.portfolio-category a { color:#af9a7d; font-weight:700;}
.port-content h5 { font-size:18px; margin-bottom:0;}

.portfolio-item:hover .port-thumb:before { opacity:1;}
.portfolio-item:hover .portfolio-meta { opacity:1; top:50%;}
.port-meta-icon a:hover { background-color:#af9a7d; color:#ffffff;}

.grid-col-four .port-content h5 { font-size:18px;}

/* Single Portfolio */
.portfolio-single { position:relative;}
.portfolio-metadeta { position:relative; margin-bottom:20px;}
.portfolio-metadata-item { padding:10px 20px; border:1px solid #af9a7d; margin:0 15px 10px; text-align:left; width:47%;}
.portfolio-metadata-item span { display:inline-block; color:#af9a7d; font-size:18px; margin-right:10px;}
.portfolio-share { display:block; text-align:left;}

/* Related Portfolio */
.related-port h3 { font-size:22px; text-transform:uppercase; padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #aeaeae;}