@media only screen and (max-width: 1120px)  {
  .imgbox{
    width: 1010px;
  }

  .whitebg{
    height: 480px;
  }
}

@media only screen and (max-width: 768px){
  .imgbox{
    width: 700px;
  }

  .messagebox{
    width: 700px;
  }

  .mbr20{
    margin-bottom: 20px;
  }

  .whitebg{
    height: 380px;
  }

  .imgbox2{
    margin-left: 250px;
  }

  .whitetext{
    font-size: 26px;
  }

  .mdhidden{
    display: none;
  }
}

@media only screen and (max-width: 710px){
  .imgbox{
    width: 90%;
  }

  .messagebox{
    width: 90%;
  }

  .smhidden{
    display: none;
  }

  .smdisplay{
    display: block;
  }

  .messagebox{
    margin: 50px auto;
  }

  .imgbox{
    height: 300px;
  }

  .home{
    height: 700px;
  }

  .content, .lifebox{
    width: 90%;
  }

  .textbox{
    float: none;
    position: relative;
    width: 90%;
    text-align: center;
    margin: 0 auto 30px auto;
  }

  .imgbox2{
    width: 100%;
    margin: 0 auto;
  }

  .proinfo{
    text-align: center !important;
  }

  .mbsm{
    margin-bottom: 20px;
  }

  .mtsm{
    margin-top: 20px;
  }

  .imgbox4{
    width: 90%;
    height: 300px;
  }

}