.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; transition: all 0.4s ease-in-out; }
.portfolio-holder:hover{ box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; }

.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{ background-color: #ffffff; padding: 20px; }
.portfolio-info h3{ margin-bottom: 5px; color: #242424; margin-top: -20px; }
.portfolio-info h3 a{ color: #242424; }
.portfolio-info span { background-color: #ffa149; color: #ffffff; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; font-size: 14px; -webkit-clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%); clip-path: polygon(6% 0, 100% 0%, 94% 100%, 0% 100%); padding: 0px 16px; position: relative; top: -35px; display: inline-block; }
.portfolio-button{ margin-top: 25px; position: relative; z-index: 1 }
.portfolio-button a{ display: inline-block; color: #254d4d; border: 1px solid; font-weight: 700; padding: 10px 30px; position: relative; }
.portfolio-button a::after{ content: ''; position: absolute; inset: 0; background-color: #ffa149; width: 100%; height: 100%; z-index: -1; transition: all 0.4s ease-in-out;  opacity: 0; }
.portfolio-button a:hover{ color: #ffffff; background-color: #254d4d; border-color: transparent; }
.portfolio-button a:hover::after{ top: 10px; left: 10px; opacity: 1; }

/* 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{ background-color: #ffffff; margin-top: 30px; 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 25%; 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; }