73 lines
2.4 KiB
CSS
73 lines
2.4 KiB
CSS
/* ============================================================
|
||
LAPTOP RESPONSIVENESS FIX (1025px – 1520px)
|
||
Enforces desktop layouts strictly within laptop constraints.
|
||
Leaves Mobile (<1024px) and Ultrawide (>1520px) UNTOUCHED.
|
||
============================================================ */
|
||
|
||
@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: center !important;
|
||
}
|
||
|
||
/* Restore Flex & Grid container directions to desktop state */
|
||
/* .e-con.e-parent,
|
||
.e-con.e-child {
|
||
--flex-direction: var(--flex-direction) !important;
|
||
--container-widget-width: var(--container-widget-width) !important;
|
||
--container-widget-height: var(--container-widget-height) !important;
|
||
} */
|
||
|
||
/* Keep the .e-con-inner container widths at desktop-equivalent max widths */
|
||
.e-con-boxed>.e-con-inner {
|
||
max-width: min(var(--container-max-width, 1480px), 100%) !important;
|
||
margin-left: auto !important;
|
||
margin-right: auto !important;
|
||
}
|
||
|
||
/* ─── Problem Section Specific Fixes ─── */
|
||
.elementor-element.section-shrink-custom[data-id="30fd9d1"]>.e-con-inner {
|
||
display: flex !important;
|
||
flex-direction: row !important;
|
||
max-width: 1480px !important;
|
||
width: 100% !important;
|
||
gap: 40px !important;
|
||
}
|
||
|
||
.elementor-element.elementor-element-03db5d7 {
|
||
flex: 1 1 0% !important;
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
}
|
||
|
||
.elementor-element.elementor-element-e09c20e {
|
||
display: grid !important;
|
||
grid-template-columns: repeat(4, 1fr) !important;
|
||
gap: 24px !important;
|
||
}
|
||
|
||
.elementor-element.elementor-element-5a5c397 {
|
||
flex: 0 0 auto !important;
|
||
width: auto !important;
|
||
}
|
||
|
||
/* ─── Connected Logistics Section Fixes ─── */
|
||
.elementor-element.elementor-element-9ffed33 {
|
||
display: flex !important;
|
||
flex-direction: row !important;
|
||
flex-wrap: nowrap !important;
|
||
}
|
||
|
||
|
||
|
||
|
||
} |