65 lines
2.1 KiB
CSS
65 lines
2.1 KiB
CSS
/* ============================================================
|
||
LAPTOP RESPONSIVENESS FIX (1025px – 1440px)
|
||
Enforces desktop layouts strictly within laptop constraints.
|
||
Leaves Mobile (<1024px) and Desktop (>1440px) UNTOUCHED.
|
||
============================================================ */
|
||
|
||
@media (min-width: 1025px) and (max-width: 1440px) {
|
||
|
||
/* 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;
|
||
}
|
||
|
||
.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;
|
||
}
|
||
|
||
.elementor-element.elementor-element-96343ba {
|
||
width: 48% !important;
|
||
flex: 0 0 48% !important;
|
||
}
|
||
|
||
.elementor-element.elementor-element-71c3e1d {
|
||
width: 52% !important;
|
||
flex: 0 0 52% !important;
|
||
}
|
||
}
|