.nw-creditcard-number {
  margin-bottom: 15px;
}

.nw-paymentoption-creditcard {
  display: block;
  margin-bottom: 5px;
}

.nw-creditcardnumber-input {
  width: 100%;
  @media screen and (min-width: $screen-min-sm) {
    width: 300px;  
  }

  padding: 10px 8px 10px 60px;

  background: $crcard-image;
  background-position: $crcard-position;
  background-size: $crcard-size;
}

.nw-creditcardnumber-line1 {
  margin: 0;
}

.nw-creditcardnumber-input.visa {
  background-position: 2px -163px, 260px -61px;
}

.nw-creditcardnumber-input.visa-electron {
  background-position: 2px -205px, 260px -61px;
}

.nw-creditcardnumber-input.mastercard,
.nw-creditcardnumber-input.mast {
  background-position: 2px -247px, 260px -61px;
}

.nw-creditcardnumber-input.maestro {
  background-position: 2px -289px, 260px -61px;
}

.nw-creditcardnumber-input.discover {
  background-position: 2px -331px, 260px -61px;
}

.nw-creditcardnumber-input.rupay,
.nw-creditcardnumber-input.rupaycc {
  background-position: 2px -374px, 260px -60px;
}

.nw-creditcardnumber-input.amex {
  background-position: 2px -418px, 260px -62px;
}

.nw-creditcardnumber-input.dinr {
  background-position: 2px -458px, 260px -61px;
}

.nw-creditcardnumber-input.smae,
.nw-creditcardnumber-input.maes {
  background-position: 2px -502px, 260px -61px;
}