DD

@@ -48,7 +48,7 @@ body.login {
 
 
 #login form {
-    width: 35%;
+    width: 400px;
     min-height: 250px;
     display: block;
     margin-top: 35%;
@@ -66,9 +66,12 @@ body.login {
     margin-top: 8%;
     background: url(../images/login.png) 0px 0px no-repeat;
     background-size: 672px 398px !important;
-    background-position: top;
+
 }
 
+
+
+
 #lostpasswordform {
     background: url(../images/reset.png) 0px 0px no-repeat !important;
 }
@@ -193,8 +196,31 @@ label {
     display: none;
 }
 
+@media (max-width: 1000px) {
 
-@media (max-width: 879px) {
+    #login form {
+        width: 30%;
+        margin-left: 20%;
+        padding: 60px 100px 100px 140px;
+    }
+
+    .login #nav {
+        width: 40%;
+        display: block;
+        margin: auto;
+        margin-top: -100px;
+        background-color: transparent;
+        padding: 0px 100px 100px 240px;
+        margin-left: 10%;
+
+
+    }
+
+
+}
+
+
+@media (max-width: 600px) {
 
 
     html {
@@ -203,7 +229,7 @@ label {
 
 
     #login {
-        background: none !important;
+        background: url(../images/logo-white-5.png) 70px 10px no-repeat !important;
         padding-top: 40%;
         width: 100%;
         padding: 8% 0 0;
@@ -215,7 +241,7 @@ label {
 
     body.login {
 
-        background: url(../images/LoginMobile.png) no-repeat 0px bottom fixed;
+        background: url(../images/loginM.png) no-repeat 0px bottom fixed;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
@@ -268,7 +294,7 @@ label {
         width: 100%;
         min-height: 250px;
         display: block;
-        margin-top: 35%;
+
         -moz-border-radius: 0px;
         -khtml-border-radius: 0;
         -webkit-border-radius: 0;
@@ -279,7 +305,7 @@ label {
         border-radius: 0px;
         border: none;
         padding: 60px 100px 100px 240px;
-        margin-left: -50%;
+        margin-left: -34%;
         margin-top: 30%;
         background: url(../images/login.png) 0px 0px no-repeat;
         background-size: 672px 398px !important;
@@ -298,3 +324,11 @@ label {
 
 
 }
+
+@media (max-width: 400px) {
+    #login form {
+        width: 140%;
+        margin-left: -40%;
+        background-size: 872px 398px !important;
+    }
+}
\ No newline at end of file