@media screen and (max-width: 550px) {
  body{
    width: 100%;
    overflow-x: hidden;
  }
  #header_inner{
    width: 100%;
    height: 4em;
  }
  #header_inner .left{
    width: 45%;
    height: 4em;
    padding: 0 0 0 0.5em;
  }
  #header_inner .left a{
    display: block;
    width: 10em;
  }
  #header_inner .left img{
    width: 100%;
    margin: 0.4em 0 0 0;
  }
  #menu_icon{
    float: right;
    height: 4em;
    line-height: 3.4em;
    padding: 0 0.5em 0 0;
  }
  #menu_icon .icon_line{
    display: inline-block;
    width: 30px;
    height: 3px;
    border-radius: 2px;
    -webkit-transition: .3s;
    background: #4C4A4A;
    position: relative;
  }
  #menu_icon .icon_line:before,#menu_icon .icon_line:after{
    display: inline-block;
    height: 3px;
    border-radius: 2px;
    -webkit-transition: .3s;
    background: #4C4A4A;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 50% 50%;
    width: 100%;
  }
  #menu_icon .icon_line:before{
    top: 10px;
    -webkit-transform: rotate3d(0,0,1,0);
    -webkit-transition: top .3s .6s ease,-webkit-transform .3s ease;
  }
  #menu_icon .icon_line:after{
    bottom: 10px;
    -webkit-transform: rotate3d(0,0,1,0);
    -webkit-transition: bottom .3s .6s ease,-webkit-transform .3s ease;
  }
  #menu_icon.active .icon_line{
    background: #fff;
    -webkit-transform: scale3d(.8,.8,.8);
  }
  #menu_icon.active .icon_line:before{
    top: 0;
    -webkit-transform: rotate3d(0,0,1,45deg);
    -webkit-transition: top .3s ease,-webkit-transform .3s .5s ease;
  }
  #menu_icon.active .icon_line:after{
    bottom: 0;
    -webkit-transform: rotate3d(0,0,1,-45deg);
    -webkit-transition: bottom .3s ease,-webkit-transform .3s .5s ease;
  }
  #header_inner .right{
    width: 50%;
    padding: 0;
    position: relative;
  }
  nav{
    position: absolute;
    right: 0;
    top: 4em;
    z-index: 25;
    width: 54%;
    padding: 0.5em 0.5em 0 1.5em;
    background: #fff;
    box-shadow: -4px 4px 9px -5px rgba(0,0,0,0.2);
    -webkit-transform:translate3d(-2em,0,1em);
    opacity: 0;
    -webkit-transition:all .8s ease;
  }
  nav.active{
    -webkit-transform:translate3d(0,0,0);
    opacity: 1;
  }
  #header_inner nav li{
    margin: 0 0 0.5em 0;
    float: right;
  }
  #header_inner nav li a{
    background: none;
    text-indent: 0;
    font-weight: bold;
    text-align: right;
  }
  #lang{
    width: 6.5em;
    height: 4em;
    line-height: 4em;
  }
  #footer{
    padding: 1.5em 1em;
  }
  #footer_inner{
    width:100%;
    height: 10em;
    padding:0;
  }
  #footer_inner .left{
    width: 100%;
  }
  #qr{
    display: none;
  }
}