@media (max-width: 700px) {

    #noticeBar,
    .footer,
    .footer p,
    form .button,
    form .methods {
        text-align: center
    }

    .left {
        float: left
    }

    .right {
        float: right
    }

    .clear {
        clear: both
    }

    .hidden {
        display: none
    }

    .hideText {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }

    .rounded8top {
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        -khtml-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0
    }

    .rounded10 {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px
    }

    .shadow {
        -moz-box-shadow: 0 0 3px 1px #ddd;
        -webkit-box-shadow: 0 0 3px 1px #ddd;
        box-shadow: 0 0 3px 1px #ddd
    }

    .spinner {
        width: 100%;
        height: 120px
    }

    #noticeBar {
        font-size: 18px;
        background-color: #333;
        font-weight: 700;
        color: #ccc;
        padding: 10px 0
    }

    #cvvTip h3,
    #cvvTip p,
    .footer {
        font-size: 12px
    }

    #cvvTip {
        font-family: Arial, Helvetica, sans-serif
    }

    #cvvTip h3 {
        font-weight: 700;
        color: #333
    }

    #cvvTip p {
        color: #333;
        padding: 10px 0
    }

    .footer {
        margin: 0 auto;
        padding-top: 0;
        padding-bottom: 6px;
        width: 100%;
        max-width: none;
        color: #887070
    }

    .footer a,
    .footer ul li {
        display: inline;
        font-weight: 400;
        color: #887070;
        font-size: 17px
    }

    .footer ul {
        margin: 0;
        padding: 0
    }

    .footer ul li {
        float: none;
        margin: 0;
        padding: 0 2px;
        line-height: 17px
    }

    .footer a {
        background: 0 0;
        width: auto;
        height: auto;
        text-transform: capitalize;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif
    }

    .footer p {
        padding: 0;
        line-height: normal;
        font-size: 16px;
        margin: 5px
    }

    form .fields .input input,
    form .fields .input select {
        line-height: normal;
        color: #000
    }

    form .fields .input input.error,
    form .fields .input select.error {
        border: 1px solid orange
    }

    form .fields .input input.valid,
    form .fields .input select.valid {
        border: 1px solid green
    }

    form .fields .spacer {
        height: 0;
        font-size: 0;
        line-height: 0
    }

    form .cards {
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline-block
    }

    form .cards li {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        float: left;
        height: 32px;
        margin-right: 8px;
        text-indent: -9999px;
        width: 51px
    }

    form .cards li:last-child {
        margin-right: 0
    }

    form .cards .visa.off {
        background-position: 0 32px
    }

    form .cards .visa_electron {
        background-position: 255px 0
    }

    form .cards .visa_electron.off {
        background-position: 255px 32px
    }

    form .cards .mastercard {
        background-position: 204px 0
    }

    form .cards .mastercard.off {
        background-position: 204px 32px
    }

    form .cards .maestro {
        background-position: 153px 0
    }

    form .cards .maestro.off {
        background-position: 153px 32px
    }

    form .cards .discover {
        background-position: 102px 0
    }

    form .cards .discover.off {
        background-position: 102px 32px
    }

    form .cards .amex {
        background-position: 51px 0
    }

    form .cards .amex.off {
        background-position: 51px 32px
    }

    form .terms {
        padding-bottom: 20px
    }

    form .terms .question {
        font-size: 17px;
        color: #333;
        text-align: center
    }

    form .terms .question input {
        margin-right: 5px;
        margin-left: 10px
    }

    form .terms .term {
        font-size: 12px;
        color: #333
    }

    form .terms .term input {
        margin-right: 3px;
        margin-left: 5px;
        margin-top: 1px;
        vertical-align: top
    }
}