.author_bio_section_wrapper{
width: 100%;
float: none;
display: inline-block;
margin: 10px;
}
.author_bio_section_outer{
width: 700px;
float: none;
margin: auto;
margin-bottom:50px;
text-align: center;
border: 1px solid black;
padding: 10px;
border-radius: 5px;
}

.author_bio_section{
background: none repeat scroll 0 0 #F5F5F5;
padding: 10px;
border: 1px solid #ccc;
display: inline-block;
float:none;
margin:auto;
border-radius: 5px;

}
 .author_bio_section_inner{
text-align: left;
padding: 5px;
}

.author_name{
font-size:22px;
font-weight: bold;
margin-left: 130px;
padding-top: 20px;
}
.author_img {
float: left;
margin-right: 10px;
width: 110px;
height: 110px;
border-radius: 50%;
overflow: hidden;
margin-top: 22px;
}
.author_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 2px;
}
.author_details {
    width: 520px;
    float: left;
    padding-bottom: 20px;
}

 /*
.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}
*/
.author_description{
    padding: 20px;
    padding-left:10px;
    min-height: 120px;
    line-height: 1.9em;
}
.author_links {
    padding-left: 10px;
}
@media only screen and (min-width: 721px) and (max-width: 850px){ 
    
.author_bio_section_outer{
width: 620px;
}
.author_details {
    width: 440px;
    float: left;
}
.author_img {
width: 100px;
height: 100px;
margin-top: 20px;
}
.author_name {
    margin-left: 110px;
    padding-top: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 720px){ 
    
.author_bio_section_outer{
width: 550px;
}
.author_details {
    width: 380px;
    float: left;
}
.author_img {
width: 90px;
height: 90px;
}
.author_name {
    margin-left: 110px;
}
}
@media only screen and (min-width: 601px) and (max-width: 640px){ 
    
.author_bio_section_outer{
width: 500px;
}
.author_details {
    width: 340px;
    float: left;
}

.author_img {
width: 90px;
height: 90px;
}
.author_name {
    margin-left: 110px;
}

}
@media only screen and (min-width: 401px) and (max-width: 600px){ 
    
.author_bio_section_outer{
width: 100%;
}
.author_details {
    width: 100%;
    float: left;
}
.author_img {
width: 90px;
height: 90px;
margin-top: -40px;
}
.author_name {
    margin-left: 110px;
    padding-top: 10px;
}
}
@media only screen and (max-width: 400px){ 
    
.author_bio_section_outer{
width: 100%;
}
.author_details {
    width: 100%;
    float: left;
}
.author_img {
width: 90px;
height: 90px;
margin-top: -65px;
}
.author_name {
    margin-left: 110px;
    padding-top: 10px;
}
}