.cnpBillingCheckoutWrapper {position:relative;}
    .cnpBillingCheckoutHeader {width:100%;border-bottom: 1px solid #c0c0c0;margin-bottom:10px;}
    .cnpBillingCheckoutLeft {width:240px;margin-left: 5px;margin-bottom: 10px;border: 1px solid #c0c0c0;display:inline-block;vertical-align: top;padding:10px;}
    .cnpBillingCheckoutRight {width:50%;margin-left: 5px;border: 1px solid #c0c0c0;display:inline-block;vertical-align: top;padding:10px;}
    .cnpBillingCheckoutOrange {font-size:110%;color: rgb(255, 60, 22);font-weight:bold;}
    div.wpwl-wrapper, div.wpwl-label, div.wpwl-sup-wrapper {width: 100%;}
    div.wpwl-group-expiry, div.wpwl-group-brand { width: 30%; float:left }
    div.wpwl-group-cvv { width: 68%; float:left; margin-left:2% }
    div.wpwl-group-cardHolder, div.wpwl-group-expiry { clear:both }
    div.wpwl-wrapper-brand { width: auto ;}
    div.wpwl-wrapper-brand { display: none;} 
    div.wpwl-label-brand { display: none;}
    div.wpwl-wrapper-registration-number, div.wpwl-wrapper-registration-expiry, div.wpwl-wrapper-registration-holder{ font-family: 'Roboto_Light', sans-serif;font-size:15px;  color: #4d626c;}
    .wpwl-wrapper-registration-registrationId input{color: #4d626c;min-height:20px;}
    .wpwl-wrapper-registration-details {padding-right:0px; width: 70%;}
   
    
    div.wpwl-brand { display: block;}
    div.wpwl-group-cardNumber { width:100%; float:left; font-weight: 14px;}
    div.wpwl-group-brand { width:40%; float:left; margin-top:3px }
    div.wpwl-brand-card  { width: 44%;display:none; }
    div.wpwl-brand-custom  { margin: 0px 5px; background-image: url("https://eu-prod.oppwa.com/v1/paymentWidgets/img/brand.png") }
    .wpwl-control {
    background-color: #fff;
    border: 1px solid #b8c0c2;
    border-radius: 8px;
    display: block;
    height: 2.125em;
    padding: 2px 2px 2px 7px;
    transition: border-color 0.15s ease-in-out 0s;
    width: 100%;
}
.wpwl-control-expiry{margin-bottom:0px;height:40px;}
.wpwl-form {
    margin: 0 auto 24px;
    max-width: 60%;
}
.wpwl-label-expiry,.wpwl-label-cardNumber,.wpwl-label-cvv,.wpwl-label-cardHolder {font-size:20px;display:none;}
.wpwl-label{display:none;}
div.wpwl-wraper > input {padding-left:7px;}
div.wpwl-wrapper-cardHolder input{margin-bottom:12px;height:40px;}

.wpwl-label{padding-right:0;}
.wpwl-control-iframe{height:40px; text-align:left;}
.wpwl-button-pay {
    float: none;  border: 1px solid #b8c0c2;;
    border-radius: 8px;
    font-size: 20px;
    margin-bottom: 6px;
    margin-top: 5%;
    padding: 6px 18px 8px;
    width: 50%;
    background-color: #2cbd5e;
}    
.customLabel {margin:13px 0 0 10px;float:left;}
.customInput {float:left;margin-left:5px;}


@media screen and (min-width: 768px) and (max-width: 990px) {
 .wpwl-form {margin: 0 auto 24px; max-width: 80%;} 
 }
 @media screen and (min-width: 751px) and (max-width: 767px) {
 .wpwl-form {margin: 0 auto 24px; max-width: 80%;} 
 .wpwl-button-pay { width: 100%;}
 }
 
@media screen and (min-width: 571px) and (max-width:750px) {
  .wpwl-form {margin: 0 auto 24px;max-width: 95%;}
  .wpwl-button-pay { width: 100%;} 
 }
 
@media screen and (min-width: 491px) and (max-width: 570px) {
  .wpwl-form {margin: 0 auto 24px;max-width: 95%;} 
  div.wpwl-brand-card {width: 43%;}
  div.wpwl-wrapper-registration-number, div.wpwl-wrapper-registration-expiry, div.wpwl-wrapper-registration-holder{ font-family: 'Roboto_Light', sans-serif;font-size:13px;  color: #4d626c;padding-top:5px;}
  .wpwl-button-pay {float: none;  border: 1px solid #b8c0c2;border-radius: 8px;font-size: 18px; margin-bottom: 6px; margin-top: 5%; padding: 4px 18px 6px; width: 100%; background-color: #2cbd5e;}    

 }   
 
@media screen and (min-width: 425px) and (max-width: 490px){
  .wpwl-form {margin: 0 auto 24px; max-width: 95%;} 
  div.wpwl-brand-card {width: 42%;}
  div.wpwl-group-brand { width:35%; float:left; margin-top:3px }
  div.wpwl-wrapper-registration-number, div.wpwl-wrapper-registration-expiry, div.wpwl-wrapper-registration-holder{ font-family: 'Roboto_Light', sans-serif;font-size:13px;  color: #4d626c;padding-top:5px;}
  div.wpwl-brand {display:none;}
  .wpwl-button-pay {float: none;  border: 1px solid #b8c0c2;border-radius: 8px;font-size: 18px; margin-bottom: 6px; margin-top: 5%; padding: 4px 18px 6px; width: 100%; background-color: #2cbd5e;}
}
 
@media screen and (min-width: 371px) and (max-width: 424px) {
  .wpwl-form {margin: 0 auto 24px; max-width: 95%;} 
  div.wpwl-brand-card {width: 41%;}
  .wpwl-label-expiry,.wpwl-label-cardNumber,.wpwl-label-cvv,.wpwl-label-cardHolder {font-size:16px;}
  div.wpwl-group-brand { width:35%; float:left; margin-top:3px }   
  .wpwl-wrapper-registration-details {padding-right:0px; width: 80%;}
  div.wpwl-wrapper-registration-number, div.wpwl-wrapper-registration-expiry, div.wpwl-wrapper-registration-holder{font-family: 'Roboto_Light', sans-serif;font-size:13px;color: #4d626c;padding-top:5px;padding-right:10px;}
  div.wpwl-brand {display:none;}
  .wpwl-button-pay {float: none;  border: 1px solid #b8c0c2;border-radius: 8px;font-size: 18px; margin-bottom: 6px; margin-top: 5%; padding: 4px 18px 6px; width: 100%; background-color: #2cbd5e;}
 }
 
@media screen and (min-width: 321px) and (max-width: 370px) {
  .wpwl-form {margin: 0 auto 24px;max-width: 95%;} 
  div.wpwl-brand-card {width: 38%;}
  .wpwl-label-expiry,.wpwl-label-cardNumber,.wpwl-label-cvv,.wpwl-label-cardHolder {font-size:14px;}
  div.wpwl-group-brand { width:35%; float:left; margin-top:3px }
  .wpwl-wrapper-registration-details {padding-right:0px; width: 80%;}
  div.wpwl-wrapper-registration-number, div.wpwl-wrapper-registration-expiry, div.wpwl-wrapper-registration-holder{ font-family: 'Roboto_Light', sans-serif;font-size:13px;  color: #4d626c;padding-top:5px;padding-right:7px;}
  div.wpwl-brand {display:none;}
  .wpwl-button-pay {float: none;  border: 1px solid #b8c0c2;border-radius: 8px;font-size: 18px; margin-bottom: 6px; margin-top: 5%; padding: 4px 18px 6px; width: 100%; background-color: #2cbd5e;}
 }

@media screen and (max-width: 320px) {
  .wpwl-form {margin: 0 auto 24px;max-width: 95%;} 
  div.wpwl-brand-card {width: 38%;}
  .wpwl-label-expiry,.wpwl-label-cardNumber,.wpwl-label-cvv,.wpwl-label-cardHolder {font-size:12px;}
  div.wpwl-group-brand { width:35%; float:left; margin-top:3px }
  /*.wpwl-button-pay {float: none;  border: 2px solid #2cbd5e;border-radius: 8px;font-size: 20px;margin-bottom: 6px;margin-top: 3%;padding: 6px 18px 8px;width: 100%;background-color: #2cbd5e;}*/
  .wpwl-button-pay {float: none;  border: 1px solid #b8c0c2;border-radius: 8px;font-size: 18px; margin-bottom: 6px; margin-top: 5%; padding: 4px 18px 6px; width: 100%; background-color: #2cbd5e;}
.wpwl-wrapper-registration-details {padding-right:0px; width: 80%;}    
div.wpwl-wrapper-registration-number, div.wpwl-wrapper-registration-expiry, div.wpwl-wrapper-registration-holder{ font-family: 'Roboto_Light', sans-serif;font-size:12px;  color: #4d626c;padding-top:5px;padding-right:7px;}
  div.wpwl-brand {display:none;}

 }