.creditCardForm {
    width: 420px;
    max-width: 420px;
    margin: 0 auto;
    overflow: hidden;
    color: #4c4e56;
}

.creditCardForm label {
    width: 100%;
    margin-bottom: 10px;
}

.creditCardForm .heading h1 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #4c4e56;
}

.creditCardForm .payment {
    font-size: 18px;
    padding: 10px 25px;
    margin-left:22px;
    margin-bottom:12px;
    position: relative;
}

.creditCardForm .payment .form-group {
    margin-bottom: 15px;
}

.creditCardForm .payment .form-control {
    line-height: 40px;
    height: auto;
    padding: 0 16px;
}

.creditCardForm .CVV {
    float:left;
    width: 50%;
}

/*.creditCardForm #card-number-field {
    width: 70%;
}*/
    .creditCardForm #expiration-date {
        float: left;
        margin-left: 22px;
    }

.creditCardForm #credit_cards {
    /*width: 70%;*/
    text-align: center;
}
    .creditCardForm #credit_cards img {
        max-width: 25%;
    }

.creditCardForm .payment select {
    padding: 10px;
    margin-right: 6px;
}

.transparent {
    opacity: 0.2;
}
/*.cc-error {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}*/

@media(max-width: 650px) {
    .creditCardForm {
        padding: 0 0;
        margin:0;
    }
        .creditCardForm .payment {
            margin-left: 30px;
        }
    .creditCardForm #card-number-field {
        width: 78%;
    }
    .creditCardForm #credit_cards {
        width: 78%;
    }
    .creditCardForm .CVV {
        width: 25%;
    }
        .creditCardForm #expiration-date {
            width: 70%;
            margin-left: 16px;
        }
            .creditCardForm #expiration-date #cc_exp_year {
                margin-left: 4px;
            }
}