@media screen and (max-width: 767.9px) {
  #promotions {
    padding-top: 45px !important;
  }
  #promotions .no-promotions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #promotions .no-promotions h2 {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767.9px) and (max-width: 359.9px) {
  #promotions .no-promotions h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767.9px) and (min-width: 359.9px) {
  #promotions .no-promotions h2 {
    width: 330px;
  }
}
#promotions img {
  max-width: 100%;
}
#promotions .legals {
  color: #a6a6a6;
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  #promotions .legals {
    font-size: 15px;
  }
}
#promotions #more {
  display: none;
}
#promotions #readBtn {
  background-color: transparent;
  border: none;
  font-weight: 600;
  cursor: pointer;
}
#promotions #readBtn:focus {
  outline: none;
}
#promotions #marketsBtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
#promotions #marketsBtn:focus {
  outline: none;
}
#promotions #marketsBtn:hover {
  font-weight: 600;
}
#promotions .modal-content, #promotions .modal-header, #promotions .modal-body, #promotions .modal-footer {
  border: none !important;
}
#promotions button.close:focus {
  outline: none;
}
#promotions table {
  width: 100%;
}
#promotions table .chain {
  width: 20%;
}
#promotions table .address {
  width: 50%;
}
#promotions table .city {
  width: 30%;
}
@media screen and (max-width: 767.9px) {
  #promotions table .city {
    padding-right: 5px;
  }
}
#promotions table td {
  vertical-align: top;
  font-size: 10px;
}
@media screen and (min-width: 768px) {
  #promotions table td {
    font-size: 12px;
  }
}
@media screen and (min-width: 992px) {
  #promotions table td {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.9px) {
  #promotions table td {
    padding-bottom: 10px;
  }
}