.related-projects-section{padding:50px 0 60px}.related-flex{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}.related-item{background-size:cover;background-repeat:no-repeat;background-position:center;min-height:270px;width:31.811%;position:relative;overflow:hidden}.related-item .no-hover{display:inline-block;width:100%;background:rgba(59,57,65,0.6);position:absolute;bottom:0;opacity:1;padding:20px 30px;transition:.5s ease all}.related-item .no-hover p{line-height:19px;text-transform:uppercase;font-weight:700;letter-spacing:.48px;color:#fff;display:inline-block;width:100%}.related-item .on-hover{width:100%;position:absolute;height:100%;background:rgba(59,57,65,0.9);padding:20px;display:flex;flex-wrap:wrap-reverse;top:-100%;transition:.7s ease all;opacity:0}.related-item .on-hover-content{width:100%;display:flex;flex-wrap:wrap;align-items:flex-end}.related-item .on-hover-content p{color:#fff;width:100%;margin-top:5px}.related-item .hover-link{text-align:right;width:100%}.related-item .hover-link a{font-size:14px !important;padding-bottom:5px}.related-item:hover .no-hover{bottom:-100%;opacity:0}.related-item:hover .on-hover{top:0;opacity:1}@media(max-width:1200px){.related-projects-section{padding:30px 0}}@media(max-width:1024px){.related-flex{margin-top:30px}.related-item .no-hover{padding:20px}}@media(max-width:640px){.related-flex{justify-content:center}.related-item{width:48%;margin-right:4%;margin-bottom:20px;min-height:300px}.related-item:last-child{margin-bottom:0px;margin-right:0px}}@media(max-width:640px){.related-flex{justify-content:center}.related-item{width:100%;margin-right:0;margin-bottom:20px;min-height:220px}.related-item:last-child{margin-bottom:0px;margin-right:0px}}