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;