.portfolioArea{
    padding:10% 5%;
}
.portfolioArea .stage .layer{
   background-size: contain;
}
.portfolioArea .title{
    color: #b38f58;
    padding-left: 1rem;
}
.portfolioBox{
   margin-top: 5%;
}
.portfolioBox .Img .innerImg{
   padding-top: 150%;
}
.portfolioBox .caseName{
    font-size: 2rem;
    letter-spacing: 0.4rem;
    margin: 1rem 0;
}
.portfolioBox .item{
    padding: 0 2rem;
    margin-bottom: 5%;
}
.portfolioBox .item a{
    color: #000;
}
.portfolioBox .item a:hover .Img{
   overflow: hidden;
}
.portfolioBox .item a:hover .Img .innerImg .image{
    transform: scale(1.05);
    transition:all 1s;
}
.portfolioBox .item .moreBtn:hover{
    color: #fff;
}
@media(max-width:991px) {
    .portfolioArea{
        margin-top: 81px;
        padding-bottom: 25%;
    }
    .portfolioArea .title{
        padding-left: 0;
    }
    .portfolioBox{
        margin-top: 30%;
     }
    .portfolioBox .item{
        padding: 0 1rem;
        margin-bottom: 10%;
    }
    .portfolioArea .caseName{
        font-size: 1.5rem;
        padding-left: 0;
        margin-bottom: 5px;
    }
}