.aboutboxdescription
{
    overflow:hidden;
    height: 180px; 
}

.more-less
{
    display:block;
    text-align:center;
}

.bio-content {
    border:solid #FFF;
    background-color: #F2F2F2;
    width:100%;
    float:left;
    padding:10px;
    padding-bottom:20px;
}

@media screen and (max-width: 700px) {
    div.bio-content {
        width:40%;
        float:left;
    }
}

@media screen and (max-width: 500px) {
    div.bio-content {
        width:100%;
        float:none;
    }
}