@media screen and (max-width: 767px) {

    #LoginWrapper {
        text-align: center;
    }

    #SignInSection,
    #RegisterSection {
        display: inherit;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    /***************************
           SIGN IN SECTION
     ***************************/

    #LoginWrapper h1 {
        width: 80%;
        margin: 0 auto;
        text-align: left;
        padding: 20px 0px 20px 0px;
        margin-top: 8px;
        min-width: 288px;
    }

    form[name=Logon_Content] {
        padding: 0px;
    }

    fieldset {
        width: 80%;
        margin: 0 auto;
        display: block;
        min-width: 288px;
        text-align: left;
    }

    .pure-control-group1, 
    .pure-control-group2 {
        width: 100%;
    }

    #password, #email {
        width: 100%;
    }

    #SubmitButton {
        text-align: center;
    }

    #Submit {
        margin: 0 auto;
    }

    /***************************
        REGISTRATION SECTION
     ***************************/

    .LoginSectionContainer {
        height: 95px;
        width: 80%;
        margin: 0 auto;
        text-align: left;
        min-width: 288px;
        padding: 10px 0px;
    }
}