@media all and (max-width: 600px) {
    div.BigTop {
            display: none;
            margin: 10px 0 0 0; 
            padding-bottom: 45px;
        }
        div.SmallTop {
            display: inline-block;
            margin-left:35px; 
            margin-top: 10px
        }
    
    #div2 {
        background-color: white;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    #div2a {
        margin-left: auto;
        margin-right: auto;
        width: 295px;
        margin-top: -5%;
        margin-bottom: 25px;
    }

    #divBox {
        margin-left: auto;
        margin-right: auto;
        width: 400px;
        height: 450px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #divQuestions {
    width: 400px;
}

#div4 {
    float: left;
    width: 400px;
}
#div4b {
    float: left;
    width: 365px;
}
 
#ddlPasswordQuestion {
    width: 350px;
}

#ddlPasswordQuestion2 {
    width: 350px;
}

    #div5 {
    float: left;
    width: 400px;
}

    #div5b {
    float: left;
    width: 365px;
}

    #div6 {
    margin-left: auto;
    margin-right: auto;
    width: 350px;
}

    #divPIN {
    width: 400px;
}
}

@media all and (min-width: 601px) {
    div.BigTop {
                display: inline-block;
                padding-bottom: 15px;
                 margin-left: auto;
                margin-right: auto;
            }
     div.SmallTop {
                display: none;
                margin-left:35px; 
                margin-top: 10px
            }
     #div2 {
        margin-left: auto;
        margin-right: auto;
        width: 400px;
    }

    #div2a {
        margin-left: auto;
        margin-right: auto;
        width: 395px;
        margin-top: -5%;
        margin-bottom: 25px;
    }

    #divBox {
        margin-left: auto;
        margin-right: auto;
        width: 900px;
        height: 450px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #divQuestions {
    width: 900px;
}

#div4 {
    float: left;
    width: 900px;
}
    #div5 {
    float: left;
    width: 900px;
}

#div4b {
    float: left;
    width: 465px;
}
    #divPIN {
    width: 900px;
}

#div5b {
    float: left;
    width: 465px;
}



#ddlPasswordQuestion {
    width: 450px;
}

#ddlPasswordQuestion2 {
    width: 450px;
}

#div6 {
    margin-left: auto;
    margin-right: auto;
    width: 550px;
}

}
body {
}

#div1 {
}
#div3 {
    padding-top: 5px;
}

#div3a {
    padding-top: 10px;
}




#td1 {
    width: 35px;
}


#txtNewPIN {
    width: 60px;
}



#div4a {
    float: left;
    width: 160px;
}




#div4c {
    float: left;
    width: 90px;
}

#div4d {
    float: left;
    width: 65px;
}

#txtPasswordAnswer {
    width: 150px;
}



#div5a {
    float: left;
    width: 160px;
}



#div5c {
    float: left;
    width: 90px;
}

#div5d {
    float: left;
    width: 65px;
}

#txtPasswordAnswer2 {
    width: 150px;
}

#td2 {
    vertical-align: top;
    width: 375px;
}

#td3 {
    vertical-align: top;
    width: 375px;
}

#txtNewPassword {
    width: 150px;
}

#txtConfirmNewPassword {
    width: 150px;
}

#td4 {
    vertical-align: top;
    height: 115px;
}


#PWinstruction {
    font-size: X-Small;
}

#lblError {
    color: Red;
}

#td5 {
    height: 50px;
}




#divNotNow {
    width: 88px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}





.required-field-label:after {
    content: "*";
    font-weight: bold;
    color: red;
}