#main_pic {
  position: inherit;
  height: auto;
  width: 100%;
  margin-top: -20px; }

.last-product-price {
  text-decoration: line-through; }

.product-price {
  font-weight: 600; }

.img {
  width: 100%;
  max-height: 300px;
  object-fit: contain; }

span {
  margin: 1px; }

.col {
  text-align: center;
  margin: auto 0; }

.btn {
  display: inline;
  margin: 2px; }

.colho:hover {
  border: 1px solid darkgray;
  background-color: #f2f2f2; }

.row-flex {
  display: flex;
  flex-flow: row wrap; }

.li_item {
  background-color: #f2f2f2;
  margin: 2px; }

input[type=text], input[type=tel], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box; }

input[type=button] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer; }

input[type=button]:hover {
  background-color: #45a049; }

.form {
  margin: 0 auto;
  width: 80%;
  display: none;
  border-radius: 5px;
  padding: 20px; }

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }

.content {
  flex: 1 0 auto; }

.footer {
  flex: 0 0 auto; }