@media only screen and (min-width:1000px) and (max-width:1200px){  
 .avatar { right:12%;	bottom:13px;width:150px;height:150px;}

}
@media only screen and (min-width:768px) and (max-width:999px){
    .content-box {width: 89%;}
    .preview {height:600px;}
  .content-box address ul li{line-height: 1.1;}
  .content-box address ul li + li{margin-top: 20px;}
  .avatar { right:12%;	bottom:32px;width: 90px;height: 90px;}
} 

@media only screen and (min-width:480px) and (max-width:767px){ 
    .preview {height: 500px;margin-top: 20px;}
    .content-box {width:90%;}
    .content-box address ul li{line-height: 1.1;}
    .content-box address ul li + li{margin-top: 10px;}
    .avatar { right:14%;	bottom:47px;width: 62px;height: 62px;}
     
}

@media only screen and (max-width:479px){ 
    .preview {height: 550px;margin-top: 20px;}
    .content-box {width: 86%;}
    .content-box address ul li{line-height: 1.1;}
    .content-box address ul li + li{margin-top: 10px;}
    .avatar { right:9%;	bottom:47px;width: 62px;height: 62px;}
 
}