.mpf-img{
      width: 870px;
      margin-right: 20px;
      float:left;
  }
  .mpf-right{
      width: 220px;
  }

  .columns1 {
      width: 840px;
      float: left;
      display: inline;
      margin-left: 10px;
      margin-right: 10px;
  }
  .columns2 {
      float: left;
      display: inline;
      margin-left: 10px;
      margin-right: 10px;
  }
  .columns3 {
      width: 1180px;
      float: left;
      display: inline;
      margin-left: 10px;
      margin-right: 10px;
  }

  .column4 {
      width: 355px;
      float: left;
      display: inline;
      margin-left: 10px;
      margin-right: 10px;
  }

  .columns5 {
      width: 840px;
  }

  .columns6 {
      width: 200px;
      float: left;
      display: inline;
      margin-left: 10px;
      margin-right: 10px;
  }
  .columns7 {
      float: left;
      display: inline;
      margin-left: 10px;
      margin-right: 10px;
  }

  .notice-box{
      background: #f8f8f8;
      padding: 32px 28px;
      margin: 0 0 20px 0;
      box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.05);
      text-align: center;
  }
@media (max-width: 767px) {
  .mpf-img{
      display: inline;
      margin-right: 20px;
  }
    .mpf-right{
        width: 100%;
        margin-right: 20px;
    }

    .columns1 {
        width: 100%;
        display: inline;
        margin-left: 10px;
        margin-right: 10px;
    }
    .columns2 {
        width: 100%;
        display: inline;
        margin-left: 10px;
        margin-right: 10px;
    }
    .columns3 {
        width: 100%;
        display: inline;
        margin-left: 10px;
        margin-right: 10px;
    }

    .column4 {
        width: 90%;
        display: inline;
        margin-left: 10px;
        margin-right: 10px;
    }

    .columns5 {
        width: 100%;
    }

    .columns6 {
        width: 100%;
        display: inline;
        margin-left: 10px;
        margin-right: 10px;
    }

    .columns7 {
        display: inline;
        margin-left: 10px;
        margin-right: 10px;
    }
    .notice-box{
        width: 100%;
        background: #f8f8f8;
        padding: 32px 28px;
        margin: 0 0 20px 0;
        box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.05);
        text-align: center;
    }
}

  .foot {
      justify-content: space-between;
  }





  .menu{
      margin-top: 10px;
      display: block;
  }
  .menu  a{
      margin-bottom: 6px;
      display: block;
  }








  .mediaholder{
      position: relative;
      width: 100%;
      overflow: hidden;
      -webkit-box-sizing: border-box ;
  }
  .mediaholder img{
      width: 100%;
      height: auto;
      display: block;
  }