/* transparent elements */
@media screen and (max-width: 767px){
    div #mobileuserlogin{
        margin-top: 112px;
    }
    div #mobileuseractivate{
        margin-top: 112px;
    }
    div #mobileusernewmember{
        margin-top: 112px;
    }
}

/* activate page */
@media screen and (min-width: 768px) and (max-width: 990px){
    div #mobileuseractivate{
        margin-left: -15px;
    }

    div #mobileuseractivateform{
        margin-left: -150px;
        width: 496px;
    }
}


/* reset password page */
@media screen and  (max-width: 600px) {
    div .my-account-form.resetpwdpin {
        height: 450px;
    }

    .form-group > label {
        margin-top:3px;
    }

    input.form-control {
        margin-top: 0px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    div #mobileresetpwd{        
        width: 480px;        
    }

    div .my-account-form.resetpwdpin{
        height: 400px;
    }
}

/* @media screen and (min-width: 491px) and (max-width: 767px){
    div #mobileresetpwd{
        margin-left: 270px;
        width: 480px;
    }
} */

@media screen and (max-width: 490px){
    div #mobileresetpwd{        
        width: 100%;
    }
}

@media screen and (max-width: 601px){
    #checkMobilePhone{
        margin-top: 25px;
    }
}




/* set password from account activation page */
@media screen and (max-width: 991px){
    div #mobileusersetpwd{        
        width: 500px;
    }

    div #mobileusersetpwdform{
        height:390px;
    }
}

@media screen and (max-width: 536px){
    div #mobileusersetpwd{
        width: auto;
    }
}

/* mobile navbar */
@media screen and (max-width: 768px){
    div #myNav{
       background-color: white;
       width: 110%; 
       margin-left: -35px;
    }

    .col-md-pull-12.mobilelogin{
        margin-right: 17%;
    }
}

#navbutton[aria-expanded = false] .text-expanded{
    display: none;
}
#navbutton[aria-expanded = true] #icon1{
    display: none;
}
#navbutton[aria-expanded = true] #icon2{
    display: none;
}
#navbutton[aria-expanded = true] #icon3{
    display: none;
}

#navbutton[aria-expanded = true] #icon4{
    display: none;
}

#navbutton[aria-expanded = true]{    
    width: 42px;
}

#navbutton {
    background-color: #fb2056;
    border-style: hidden;
    border-radius: 2px;
    height: 46px;
    margin-bottom: 50px;
}

/* login page */
@media screen and (max-width: 601px){
    #Input_MobilePhone{
        margin-top: 25px;
    }
}