From de53a91923d85ccdd7b3d3ab4d940b3630727c28 Mon Sep 17 00:00:00 2001
From: SwethaKrish4 <110164892+SwethaKrish4@users.noreply.github.com>
Date: Mon, 15 Apr 2024 16:36:17 +0530
Subject: [PATCH] MOSIP-32008: MOSIP logo alignment fix in login page

Signed-off-by: SwethaKrish4 <110164892+SwethaKrish4@users.noreply.github.com>
---
 .../theme/mosip/login/resources/css/login.css | 33 ++++++++++++++++---
 1 file changed, 29 insertions(+), 4 deletions(-)

diff --git a/keycloak-artemis/theme/mosip/login/resources/css/login.css b/keycloak-artemis/theme/mosip/login/resources/css/login.css
index 8219ff7..aa7a9ec 100644
--- a/keycloak-artemis/theme/mosip/login/resources/css/login.css
+++ b/keycloak-artemis/theme/mosip/login/resources/css/login.css
@@ -194,14 +194,39 @@ div.form-group.login-pf-settings{
         top: 100px;
     }
 }
-@media (max-width: 767px) {
+@media screen and (min-width: 1300px) and (max-width: 1440px) {
     #kc-header-wrapper {
-        transform: translate(-10%, 6%);
+        transform: translate(6%, 6%);
     }
 }
-@media screen and (min-width: 1300px) and (max-width: 1440px) {
+@media screen and (min-width: 2000px) and (max-width: 2560px) {
+    #kc-header-wrapper {
+        transform: translate(20%, 6%);
+    }
+}
+@media screen and (min-width: 1800px) and (max-width: 2000px) {
+    #kc-header-wrapper {
+        transform: translate(15%, 6%);
+    }
+}
+@media screen and (min-width: 1700px) and (max-width: 1800px) {
+    #kc-header-wrapper {
+        transform: translate(12%, 6%);
+    }
+}
+@media screen and (min-width: 1600px) and (max-width: 1700px) {
+    #kc-header-wrapper {
+        transform: translate(10%, 6%);
+    }
+}
+@media screen and (min-width: 1440px) and (max-width: 1600px) {
+    #kc-header-wrapper {
+        transform: translate(8%, 6%);
+    }
+}
+@media screen and (min-width: 1000px) and (max-width: 1300px) {
     #kc-header-wrapper {
-        transform: translate(2%, 6%);
+        transform: translate(3%, 6%);
     }
 }