fixs to mobile

 html,
 body {
     overflow: hidden;
+    width:100%;
 }
 
 #login {
@@ -357,15 +358,11 @@ label {
         padding: 40px 0 0;
         margin: auto;
         background-size: 132px 72px !important;
-
-
-
-
     }
 
     body.login {
-
-        background: url(../images/loginM.png) no-repeat 0px bottom fixed;
+        background: url(../images/LogIn@15x.png) no-repeat -150px bottom fixed;
+        /* background: url(../images/loginM.png) no-repeat 0px bottom fixed; */
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
@@ -382,7 +379,7 @@ label {
         width: 100%;
         display: block;
         margin: auto;
-        margin-top: -70px;
+        margin-top: -55px;
         background-color: transparent;
         padding: 0;
     }
@@ -470,7 +467,17 @@ label {
 
 }
 
+@media(max-height:500px){
+    body.login {
+        background-position: bottom left !important;
+    }
+}
+
 @media (max-width: 420px) {
+    body.login {
+        background: url(../images/LogIn@15x.png) no-repeat -220px;
+        background-size: auto 100%;
+    }
     #login form {
         width: 100%;
         background-size: 872px 398px !important;
@@ -490,7 +497,6 @@ label {
         top: -10px;
         left: unset;
         right: 0;
-
     }
 
     #login_error,
@@ -531,3 +537,9 @@ label {
 
 
 }
+
+@media(max-width:420px) {
+    .login #backtoblog a {
+        /* color:#221D58 !important; */
+    }
+}
\ No newline at end of file