@media (max-width:400px){
    body{
        background-image:none;
        background-color: #fff;
        height: 100%;
    }
    .login_box{
        box-shadow: unset;
        top: 150px;
        margin: 60px auto;
        width: 100%;
    }
    .login_box_content_warapper{
        margin: 300px auto;
    }
    .footer_contents{
        left: 0;
        bottom: 0;
    }
    .footer_contents ul li a{
        color: #747474;
        font-size: 12px;
    }
}
@media (min-width:401px) and (max-width:600px){
    body{    
		background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
		height:100vh;
    }
    .login_box{
        box-shadow: unset;
        top: 150px;
        width: 87%;
        margin:60px auto;
    }
    .login_box_content_warapper{
        margin: 300px auto;
    }
    .footer_contents{
        left: 0;
        bottom: 0;
    }
    .footer_contents ul li a{
        color: #747474;
        font-size: 12px;
    }
}