.el-row {
  display: flex;
  flex-wrap: wrap;
}
.row--no-wrap {
  flex-wrap: nowrap;
}

.el-main {
  @include smartphone {
    padding: 0;
  }
  @include xs-smartphone {
    padding: 0;
  }
}

.app-container {
  max-width: 1212px;
  width: 100%;
  margin: 0 auto;
  padding: 2em 15px;
  box-sizing: border-box;
  @include desktop {
    max-width: 1212px;
  }
  @include laptop {
    max-width: 1200px;
  }
  @include tablet {
    max-width: 720px;
  }
  @include smartphone {
    max-width: 540px;
  }
  @include xs-smartphone {
    max-width: 100%;
  }
}
