.about{padding:60px 0; background:;} 
.about-nav{float:left; width:24%; padding-right:40px;}
.about-nav+.about-box{float:right; width:76%;}
.about-box>aside{border:1px solid #d8d8d8; border-radius:10px; padding:30px;}
@media(max-width:1199px){
.about{padding:40px 0;}
.about-nav{width:28%; padding-right:20px;}
.about-nav+.about-box{width:72%;}
.about-box>aside{padding:20px;}
}
@media(max-width:992px){ 
.about-nav{width:100%; padding:0 0 20px 0;}
.about-nav+.about-box{width:100%;}
}
@media(max-width:767px){ 
.about{padding:20px 0;}
.about-box>aside{padding:10px;}
}