.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:0px 20px 40px; 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-inner { position:relative;}
.port-thumb { position:relative; overflow:hidden;}
.port-thumb img { width:100%; height:auto; display:block;}
.port-overlay { position:absolute; left:0; right:0; top:0; bottom:0; display:flex; align-items:center; justify-content:center; -webkit-transition:.5s; transition:.5s; background-color:rgba(0,0,0, 0.72); opacity:0;}
.port-overlay a.port-gallery { width:70px; height:70px; line-height:66px; text-align:center; border:2px solid #ffffff; color:#ffffff; display:inline-block; font-size:30px;}
.port-overlay a.port-gallery span { position:relative; display:inline-block; -webkit-transition:.5s; transition:.5s;}

.port-content { position:relative; box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.1); margin-left:60px; -webkit-transition:.5s; transition:.5s; margin-top:-50px; background-color:#ffffff; padding:21.5px 30px;}
.portfolio-category { font-size:15px; font-weight:500; text-transform:uppercase; margin-bottom:5px;}
.portfolio-category a { color:#c03320;}
.port-content h4 { margin-bottom:0; font-size:20px;}
.port-link-btn { position:absolute; right:0; top:0; -webkit-transition:.5s; transition:.5s; -webkit-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left; background-color:#c03320;}
.port-link-btn a { width:60px; height:100px; line-height:100px; text-align:center; color:#ffffff; font-size:18px; display:inline-block; -webkit-ransition:.5s; transition:.5s;}
.port-link-btn:hover { background-color:#111111;}
.port-link-btn a:hover { color:#ffffff;}

.portfolio-item:hover .port-overlay { opacity:1;}
.portfolio-item:hover a.port-gallery span { -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
.portfolio-item:hover .port-content { margin-left:0; padding-right:65px;}
.portfolio-item:hover .port-link-btn { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}

.portfolio-main .portf-rotator .items .portfolio-item { margin-left:0; margin-right:0;}

/* 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 0 15px; padding:0 15px; width:47%; }
.portfolio-metadata-item span { color:#ffffff; padding:5px 10px; background-color:#c03320; margin-right:15px; display:inline-block; width:35%;}
.portfolio-share { text-align:right; 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;}