.he-style15 .he-box{
    position:relative;
}
.he-style15 .he-box .box-img{
    border:4px solid #cecdcd;
}
.he-style15 .he-box .box-img img{
    width:100%;
    height: auto;
}
.he-style15 .he-box .he-box-content{
    position: absolute;
    top:10%;
    left:10%;
    width:80%;
    height:80%;
    opacity:0;
    padding: 24% 8%;
    text-align:center;
    background:#a56cbe;
    border:4px solid #cb95e1;
    transition: all 0.50s ease 0s;
}
.he-style15 .he-box:hover .he-box-content{
    opacity:1;
    z-index: 1;
    transform: rotate(45deg);
}
.he-style15 .he-box .he-title{
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    transform: rotate(-45deg) translate(-6%);
}
.he-style15 .he-box .he-social-links{
    position: absolute;
    top:10%;
    left:10%;
    opacity:0;
    margin:15% 30%;
    padding:0;
    z-index: 999;
}
.he-style15 .he-box:hover .he-social-links{
    opacity:1;
}
.he-style15 .he-box .he-social-links li{
    display:inline-block;
    list-style:none;
    margin-right:10px;
}
.he-style15 .he-box .he-social-links li a{
    width:40px;
    height:40px;
    color:#fff;
    font-size:20px;
    line-height:40px;
    text-align:center;
    padding: 5px 8px;
    border:1px solid #fff;
}
.he-style15 .he-box .he-social-links li a:hover{
    background:#333;
    text-decoration:none;
}
@media only screen and (max-width: 990px) {
    .he-style15 .he-box{
        margin-bottom: 30px;
        overflow: hidden;
    }
    .he-style15 .he-box .he-box-content{
        padding: 24% 5%;
    }
}
@media only screen and (max-width: 767px) {
    .he-style15 .he-box .he-title{
        transform: rotate(-45deg) translate(-10%);
    }
    .he-style15 .he-box .he-social-links{
        transform: rotate(-46deg) translate(9%);
    }
}
@media only screen and (max-width: 479px) {
    .he-style15 .he-box .he-title{
        font-size: 18px;
        transform: rotate(-45deg) translate(-4%);
    }
    .he-style15 .he-box .he-social-links{
        transform: rotate(-46deg) translate(16%);
    }
    .he-styleg15 .he-box .he-social-links li a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 17px;
    }
}