/* Added by Suresh Patel */
.loginwrapper { margin: auto; position: relative; width: 1000px; }
#test { position: absolute; left: 50px; top:100px; width:400px; background:#444; padding:20px; color:#fff;  border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; font-size:14px; }
#test h1 { font-size:20px; font-weight:bold; }
#test p { margin:20px 0; line-height:18px; }
#test ul { padding:0 0 0 20px; }
#test li { list-style-type:circle; margin:15px 0px; }

#login {
    position:absolute;
    margin: 0px;
    padding: 3% 0 0;
    width: 320px;
    right:100px;
}

     

@media screen and (max-width:400px)
{ 
    .loginwrapper { margin: auto; position: relative; width: auto; }
    #test { display:none; }
    #login { position: static; }

}
      
@media screen and (max-width:760px)
{ 
    .loginwrapper { margin: auto; position: relative; width: auto; }
    #test { display:none; }
    #login { position: static; margin: auto; }

}

@media screen and (max-width:960px)
{
    .loginwrapper { margin: auto; position: relative;  width: auto; }
    #test { left: 20px; width: 360px; }
    #login { right: 20px; }

}