#main_middle {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width:calc(100%);
  height:100%;
  background: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
#phone {
    position: relative;
    top: -8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 352px;
    height: 750px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;;
    border: 0 solid #999;
    border-radius: 35px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
.phone_body {
      position: relative;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      background: transparent;
      border: 0 solid #999;
      border-radius: 33px;
      width: 93%;
      height: 90%;
      -webkit-transform: translateY(10px);
              transform: translateY(10px);
> div {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        background: transparent;
        width:100%;
        height:95%;
.middleBar {
          display: inline-block;
          width:100%;
          height:calc(100% - 252px);
> div > div {
            width:calc(100% - 30px) !important;
            margin-left:10px;
            height:30px;
            font-size:14px !important;
}
}
}
}
}
}