.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-holder{ position:relative; margin:2%; border-radius: 10px; overflow: hidden; }
.portfolio-holder:before{ position: absolute; content: ''; right: 15px; left: 15px; top: 15px; bottom: 15px; height: auto; width: auto; opacity: 0; transform: scale(0.5); z-index: 1; transition: all 0.35s; border-radius: 10px; background-color: #019444; }
.portfolio-holder:hover::before{ opacity: 0.90; transform: scale(1); }


.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-enlarge a{ opacity: 0; transition: all 0.45s; width: 50px; height: 50px; border-radius: 50%; transform: translateY(-150px); line-height: 55px; font-size: 20px; position: absolute; z-index: 99; text-align: center; top: 45px; background-color: #ffffff; right: 45px; }
.portfolio-enlarge a:last-child{ transform: translateY(-250px); }
.portfolio-holder:hover .portfolio-enlarge a{ opacity: 1; transform: translateY(0px); }
.portfolio-holder:hover .portfolio-enlarge a:last-child{ opacity: 1; transform: translateY(60px); }

.portfolio-info{ position: absolute; bottom: 50px; left: 45px; right: 45px; text-align: left; z-index: 10; opacity: 0; transform: translateY(200px); transition: all 300ms ease; }
.portfolio-info h3{ letter-spacing: 2px; margin-bottom: 5px; }
.portfolio-info h3 a{ color: #ffffff; }
.portfolio-info span{ letter-spacing: 1px; color: #151618; font-weight: 700; }
.portfolio-holder:hover .portfolio-info{ opacity: 1; transform: translateY(0px); }

/* Single Portfolio */
.single-portf-thumb-wrap{ position: relative; margin-bottom: 50px }
.single-portf-thumb{ height: 500px; width: 100%; border-radius: 12px; }
.single-portf-thumb img{ object-fit: cover; object-position: center; width: 100%; height: 100%; border-radius: 12px; }
.porfolio-meta{ width: 42%; position: absolute; bottom: -50px; right: 30px; background-color: #ffffff; border-radius: 12px 12px 0 0; 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; border-radius: 12px 12px 0 0; }
.portfolio-meta-inner{ padding: 20px; }
.portfolio-meta-inner ul{ display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.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; }