@media(max-width: 639px) {
    @viewport {
        width:device-width;
    }

    div.styleform {
        overflow: auto;
        background-color: #222;
    }

    div.styleform form#process {
        display: block;
        top: 0;
        box-sizing: border-box;
        width: 100%;
        height: unset;
        overflow: scroll;
        transform: translate(-50%,0);
        box-shadow: none;
        padding: 20px 20px 80px;
    }

    div.styleform label,input[type='submit'],div.styleform input[type='text'] {width: calc(100% - 5px)!important}
    div.styleform label[for="email"] {width:70% !important;}
    div.styleform label[for="country"] {width: calc(30% - 20px) !important;margin-right: 0;}
    div.styleform label[for='city'] {width: calc(40% - 10px)!important;}
    div.styleform label[for='fn'],
    div.styleform label[for='ln'] {width: calc(50% - 10px) !important;}
    div.styleform label[for='ln'] {margin-right: 0;}
    div.styleform label[for='zip'] {width: calc(28% - 10px) !important;}
    div.styleform input[name='zip'] {width: 100% !important;}
    div.styleform label[for='stateprov'] {width: calc(30% - 10px) !important;vertical-align: top;}
    div.styleform select[name='stateprov'] {width: 100% !important;}
    form#process div.card-js {width: calc(100% - 50px) !important;}

    div.styleform input[type='submit'] {
        padding: 0 !important;
        text-align: center;
        height: 51px;
    }

    div.styleform .loader {
        bottom: 103px;
        left: calc(50% - 60px)
    }
}