.colors-table {
  min-width: 780px;
  background: white;
}
.colors-table__item {
  margin-bottom: 3px;
  white-space: nowrap;
}
.colors-table__view,
.colors-table__name {
  display: inline-block;
  vertical-align: middle;
}
.colors-table__view {
  width: 70px;
}
.colors-table__name {
  padding-left: 5px;
  font-size: 13px;
  font-style: italic;
}

@media (max-width: 1000px ) {
  .colors-table {
    min-width: 0;
  }
  .colors-table TD {
    display: inline-block;
    width: 47.5%;
    padding: 0;
    border: 0;
  }
  .colors-table__view {
    width: 120px;
    height: 35px;
  }
  .colors-table__name {
    padding-left: 10px;
    font-size: inherit;
  }
}

@media (max-width: 800px ) {
  .colors-table TD {
    display: inline-block;
    width: 100%;
    border: 0;
    padding: 0;
  }
  .colors-table__view {
    width: 170px;
    height: 50px;
  }
}