@charset "utf-8";

#modelSelectBtn {}

#modelSelect_wrapper  {
  text-align: center;
}

#modelSelect_wrapper select {
    margin: 20px;
    font-size: 16px;
    color: #555;
}

#products_wrapper {
  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;
  justify-content: space-around;
}

.modalBox h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0px;
}
.modalBox select {
    width: 30%;
    font-size: 14px;
    margin: 12px auto;
    padding: 4px 8px;
    border: none;
    outline: none;
    border-bottom: solid 1px #ccc;
}
.modalBox .products {
    position: relative;
    cursor: pointer;
    text-align: center;
    margin-bottom: 12px;
}
.modalBox .products a {
    color: #575757;
    text-decoration: none;
}
.modalBox .products a:hover {
    color: #575757;
    text-decoration: underline;
}
.modalBox .productName {
    position: relative;
    cursor: pointer;
    text-align: center;
    color: #575757;
    text-decoration: none;
    font-size: 14px;
}
@media only screen and (max-width: 640px) {
    .modalBox select {width: 60%;}
    .modalBox .products {max-width: 40%;}
}