.variations-table {
  clear: both;
  margin-bottom: 10px;
}

#variations .filters,
#variations .filter {
  display: inline-block;
  vertical-align: bottom;
}

#variations .variation-filters {
  margin-bottom: 10px;
}

#variations .filter {
  margin: 0 5px;
}

#variations .filter:first-child {
  margin-left: 0;
}

#variations .filter label {
  display: inline-block;
  vertical-align: middle;
}

#variations table.variations th {
  cursor: pointer;
  white-space: nowrap;
  display: table-cell;
  border: #eee solid 1px;
  padding: 5px;
  vertical-align: middle;
}

#variations table.variations th {
  min-width: 40px;
}

#variations table.variations th.image_link {
  min-width: 140px;
  cursor: auto;
}

#variations table.variations th.add-to-cart {
  min-width: 160px;
  cursor: auto;
}

#variations table.variations th.quantity {
  cursor: auto;
}

#variations table.variations th.quantity,
#variations table.variations th.price_html,
#variations table.variations th.weight_html {
  min-width: 60px;
}

#variations table.variations input.qty {
  min-width: 60px;
}

#variations table.variations th.sku {
  min-width: 90px;
}

#variations table.variations th.active {
  font-weight: bold;
}

#variations table.variations th.active .arrow {
  opacity: 1;
}

#variations table.variations th .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  margin-left: 5px;
  opacity: 0.66;
}

#variations table.variations th.image_link .arrow {
  display: none;
}

#variations table.variations tr {
  display: table-row;
}

#variations table.variations td {
  display: table-cell;
  border: #eee solid 1px;

}

#variations table.variations .arrow.dsc {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #666666;
}

#variations table.variations .arrow.asc {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #666666;
}

.variations-table h3.available-title {
  font-size: 12px;
  margin-bottom: 10px;
}

#variations .add-to-cart button {
  white-space: nowrap;

}

#variations .item img {
  width: 100px;
  height: auto;
}

.available-options-btn {
  margin-bottom: 15px;
}

#variations input,
#variations select {
  border-radius: 0;
  border: solid #eee 1px;
  padding: 5px;
  height: 2.5em;
}


@media only screen and (max-width: 600px) and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

  #variations table.variations td:before {
    text-transform: uppercase;
    font-weight: bold;
    display: table-cell;
    padding-right: 10px;
    width: 140px;
}

  .variations-table {
    width: 100%;
    height: 100%;
  }

  #variations {
    font-size: 10px;
  }
  

}