.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-holder{ position:relative; margin:2%; overflow: hidden; text-align: left; }

.portfolio-image{ position: relative; overflow: hidden; }
.portfolio-image img{ display: block; width: 100%; transform: scale(1.01); transition: all 1000ms; }
.portfolio-holder:hover .portfolio-image img{ transform: scale(1.07) rotate(0.5deg); }

.portfolio-info{ position: absolute; right: 20px; bottom: 20px; left: 20px; background-color: #cd0a29; padding: 20px; }
.portfolio-info h3{ margin-bottom: 5px; color: #ffffff; }
.portfolio-info h3 a, .portfolio-info span{ color: #ffffff; }

.portfolio-enlarge{ opacity: 0; position: absolute; right: 0; top: 0; text-align: center; z-index: 99; transition: all 0.45s; }
.portfolio-enlarge a{ display: inline-block; width: 60px; height: 60px; line-height: 60px; background-color: #020202; color: #ffffff; margin-left: 10px; }
.portfolio-holder:hover .portfolio-enlarge{ opacity: 1; -webkit-transform: translateY(-100%); transform: translateY(-100%); }

/* Single Portfolio */
.single-portf-thumb-wrap{ position: relative; margin-bottom: 50px }
.single-portf-thumb{ height: 500px; width: 100%; }
.single-portf-thumb img{ object-fit: cover; object-position: center; width: 100%; height: 100%; }
.porfolio-meta{ width: 42%; position: absolute; bottom: -50px; right: 30px; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }
.porfolio-meta h3{ background-color: #019444; color: #ffffff; margin-bottom: 0; padding: 12px 20px; }
.portfolio-meta-inner{ padding: 20px; }
.portfolio-meta-inner ul{ display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.portfolio-meta-inner ul li{ flex: 1 0 50%; margin: 15px 0; }
.portfolio-meta-inner ul li span{ display: block; font-weight: 600; color: #212529; }
.portfolio-content{ margin-bottom: 50px; }
.portfolio-share #nav-below.post-navigation{ margin-bottom: 0; }