@media only screen and (max-width: 768px){
.bilgi {float:left;width:100%;margin-top:10px;}
.bilgi table{width:100%;}
.bioresim{width:100%;}
.onresim{width:100%; margin: 0 auto; text-align: center;}
.onresim img { width: 100%; height: auto; margin: 0 auto;}
}

Genişlik ve sağ sol padding değerlerini en dışta saran bir div ekleyerek halledebilirsiniz. Mantık olarak bu şekilde genişlik istediğiniz px geldiği zaman görsel ortalı olarak gözükür.