.mx-row {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  height: auto;
  zoom: 1;
  display: block;
  border:1px solid transparent;
  border-left:0px;
  border-right: 0px;
}
.mx-row:before,
.mx-row:after {
  content: " ";
  display: table;
}
.mx-row:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.mx-row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  .mx-pixel{
    width: 100%;
  }
}
.mx-row-flex:before,
.mx-row-flex:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mx-row-flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.mx-row-flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mx-row-flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.mx-row-flex-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.mx-row-flex-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.mx-row-flex-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
.mx-row-flex-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.mx-row-flex-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}