ss

@@ -192,3 +192,109 @@ label {
 .forgetmenot {
     display: none;
 }
+
+
+@media (max-width: 879px) {
+
+
+    html {
+        background-color: transparent !important;
+    }
+
+
+    #login {
+        background: none !important;
+        padding-top: 40%;
+        width: 100%;
+        padding: 8% 0 0;
+        margin: auto;
+        background-size: 132px 72px !important;
+        margin-left: -12%;
+
+    }
+
+    body.login {
+
+        background: url(../images/LoginMobile.png) no-repeat 0px bottom fixed;
+        -webkit-background-size: cover;
+        -moz-background-size: cover;
+        -o-background-size: cover;
+        background-size: cover;
+        background-color: #221d58;
+    }
+
+    #login {}
+
+
+
+    .login #nav {
+        width: 100%;
+        display: block;
+        margin: auto;
+        margin-top: -70px;
+        background-color: transparent;
+        padding: 0px 100px 100px 240px;
+        margin-left: -30%;
+
+
+    }
+
+
+    .login #backtoblog a,
+    .login #backtoblog a:hover {
+        color: #fff !important;
+        text-decoration: none !important;
+        text-transform: uppercase;
+        margin-top: 39px;
+        margin-left: -10px;
+        display: block;
+    }
+
+    .login #nav a {
+        color: #221D58 !important;
+        text-transform: uppercase;
+        background-color: transparent;
+        margin-left: 50px !important;
+
+        text-decoration: underline;
+    }
+
+    #login h1 {
+        display: none;
+    }
+
+
+    #login form {
+        width: 100%;
+        min-height: 250px;
+        display: block;
+        margin-top: 35%;
+        -moz-border-radius: 0px;
+        -khtml-border-radius: 0;
+        -webkit-border-radius: 0;
+        -moz-box-shadow: none;
+        -webkit-box-shadow: none;
+        -khtml-box-shadow: none;
+        box-shadow: none;
+        border-radius: 0px;
+        border: none;
+        padding: 60px 100px 100px 240px;
+        margin-left: -50%;
+        margin-top: 30%;
+        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;
+    }
+
+
+
+
+
+
+
+}
\ No newline at end of file