@media screen and (max-width: 320px) {

  .wrapper1 {
    width: 300px;
  }
}
@media (min-width: 300px) and (max-width: 800px) {

  .img1 {  float: left; width: 49%; }
  .img2 {  float: left; width: 49%; }
  .copyright {font-size: 14px; padding-top: 15px;}
  .logo {padding-left: 20px;  ; float: left;}
  .office_image { float: left; margin-right: 15px;}
  .office_content {width: 100%;}
  .dr_content {float: left; margin-top: 30px; width:100%;}
  .dr_image {margin-right: 15px;}
  .phone{float: left; padding-bottom: 20px}

  ul.topnav li a {padding: 3px 20px;}
  .new_r {
    width: 100%;
  }
  .nimg {
    display: none;
  }



}

@media (min-width: 400px) and (max-width: 800px) {
  .phone{float: right; }



}