@media only screen {.preview-mode-theme-mismatch-warning {display: none !important;}
}

.box6 .title,.boxImage,.box6 img,.box6:after{transition:all .35s ease 0s}
.box6:after{content:""}
/* .box6{overflow:hidden} */
.box6 .icon li a{border-radius:50%}

.box6{height:325px;width:220px;margin:20px;margin-bottom:30px;background:#fff;position:relative;border-radius:10px}

.box6:hover:after{transform:skew(20deg) translateX(0)}

/* .box6 img{width:100%;position:absolute;bottom:0px;left:0px;} */
.box6:hover .boxImage {
    opacity:.2
}

.box6:hover .profileThumbnail {
     display:block;   
}

.boxImage {
    width:100%;
    position:absolute;
    bottom:0px;
    left:0px;
}


.box6 .box-content{padding:15px;text-align:justify;position:absolute;top:0;right:0;}
.box6 .icon{padding:0;list-style:none}
.box6 .icon li a{text-align:center}
.box6 .title{font-size:18px;font-weight:400;color:#000;margin-top:290px;text-align:center;}
/* .box6 .title{font-size:18px;font-weight:400;color:#000;margin-top:150px;text-shadow:0 0 3px rgba(0,0,0,.7);} */
/* .box6 .title{font-size:20px;font-weight:900;color:#fff;margin:0 0 10px;transform:scale(0)} */
.box6:hover .title{transform:scale(0.8);display:none;}
.box6:hover .description{transform:scale(0.5)}
.box6:hover .post{transform:scale(0.5);display:block;}
.box6 .icon li,.box6 .post{opacity:0;transform:translateX(40px);transition:all .35s ease 0s}
.box6 .post{display:none;font-size:8px;color:#fff;margin-bottom:5px}
.box6 .icon{display:inline-block;margin:0}
.box6:hover .icon li,.box6:hover .post{opacity:1;transform:translateX(0)}
.box6:hover .icon li:first-child{transition-delay:.1s}
.box6:hover .icon li:nth-child(2){transition-delay:.2s}
.box6 .icon li a{display:block;width:15px;height:15px;line-height:15px;background:#fff;font-size:8px;color:#605f5f;margin-bottom:5px;transition:all .35s ease}
.box6 .icon li a:hover{background:#605f5f;color:#fff}
@media only screen and (max-width:990px){.box6{margin-bottom:30px}
}
.box6:hover {
     transform: scale(1.4);   
     transition: transform .2s; /* Animation */
     z-index:70;
     box-shadow:0 0 13px rgba(0,0,0,.3);
     background:#000;
}


.profileThumbnail {
    margin-left:58px;
    margin-bottom:10px;
    width:75px;
    height:75px;
    overflow:hidden;
    position:relative;
    display:none;
    border-radius: 50%;

}

.profileThumbnail img {
     width:100%;
     height:auto;
}

.aboutrow {
    display: flex;
    flex-wrap: wrap;
}