.payment-option.payment-option-hero{
  display: flex;
  align-items: center;
}
.payment-option.payment-option-hero label{
  display: flex !important;
  align-items: center;
  width: 100%;
  margin: 0;
}
.payment-option.payment-option-hero label .paymentlogo{
  height: 27px;
  margin: 10px 10px 1px 0px;
  order: 1;
}
.payment-option.payment-option-hero label .paymenttext{
  margin-right: auto;
  order:2;
  text-align: left;
}
.herocardtypes{
  order:3; margin-left:5px;display: flex;
}
.herocardtypes img{
  height: 28px;margin:2px 2px
}
@media (max-width: 767px) {
  .herocardtypes{
    flex-wrap: wrap;
    width: 90px;
  }
}
@media (max-width: 500px) {
  .payment-option.payment-option-hero label{
    flex-wrap: wrap;
  }
  .payment-option.payment-option-hero label .herocardtypes{
    flex-wrap: nowrap;
    width: auto;
    margin-left: auto;
  }
}