From 0375fca61446d3167c0c4c039eb2b6cbb6dfbc05 Mon Sep 17 00:00:00 2001
From: Kishore Kumar C <alrkishore27@gmail.com>
Date: Mon, 4 May 2026 19:45:55 +0530
Subject: [PATCH] 040526 responsive

---
 assets/css/laptop-fix.css | 19 ++++++++++++++++---
 assets/css/style.css      |  8 ++++----
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/assets/css/laptop-fix.css b/assets/css/laptop-fix.css
index ea7e56c..784a5f6 100644
--- a/assets/css/laptop-fix.css
+++ b/assets/css/laptop-fix.css
@@ -1,10 +1,23 @@
 /* ============================================================
-   LAPTOP RESPONSIVENESS FIX (1025px – 1440px)
+   LAPTOP RESPONSIVENESS FIX (1025px – 1520px)
    Enforces desktop layouts strictly within laptop constraints.
-   Leaves Mobile (<1024px) and Desktop (>1440px) UNTOUCHED.
+   Leaves Mobile (<1024px) and Ultrawide (>1520px) UNTOUCHED.
    ============================================================ */
 
-@media (min-width: 1025px) and (max-width: 1440px) {
+@media (min-width: 1025px) and (max-width: 1520px) {
+
+    /* Hero Slider - Force Desktop Alignment */
+    .logico-content-slider-widget .slide-content-inner {
+        text-align: left !important;
+        align-items: flex-start !important;
+        display: flex !important;
+        flex-direction: column !important;
+    }
+
+    .logico-content-slider-widget .content-slider-item-heading,
+    .logico-content-slider-widget .content-slider-item-text {
+        text-align: left !important;
+    }
 
     /* Restore Flex & Grid container directions to desktop state */
     .e-con.e-parent,
diff --git a/assets/css/style.css b/assets/css/style.css
index ea6dddf..eaf8026 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -20,11 +20,11 @@
 }
 
 /* ============================================================
-   MOBILE & TABLET HEADER REFINEMENT (< 1320px)
+   MOBILE & TABLET HEADER REFINEMENT (< 1024px)
    Transition to mobile pill-shape earlier to prevent desktop overlap/wrapping
    ============================================================ */
 
-@media (max-width: 1320px) {
+@media (max-width: 1024px) {
 
     /* Logo toggling */
     .logo-desktop {
@@ -147,10 +147,10 @@
 }
 
 /* ============================================================
-   MEDIUM DESKTOP OPTIMIZATION (1321px - 1480px)
+   MEDIUM DESKTOP OPTIMIZATION (1025px - 1480px)
    Prevents logo/menu overlap on medium screens
    ============================================================ */
-@media (min-width: 1321px) and (max-width: 1480px) {
+@media (min-width: 1025px) and (max-width: 1480px) {
     /* Reduce logo size slightly */
     .elementor-5180 .elementor-element.elementor-element-846e53d .logo-desktop {
         width: 130px !important;