@media (min-width : 768px) {
    .elementor-section.elementor-columns-alignment-fix-enabled > .elementor-column-gap-default > .elementor-row {
        width        : calc(100% + 20px);
        margin-left  : -10px;
        margin-right : -10px;
    }
}

@media (min-width : 768px) {
    .elementor-section.elementor-columns-alignment-fix-enabled > .elementor-column-gap-narrow > .elementor-row {
        width        : calc(100% + 10px);
        margin-left  : -5px;
        margin-right : -5px;
    }
}

@media (min-width : 768px) {
    .elementor-section.elementor-columns-alignment-fix-enabled > .elementor-column-gap-extended > .elementor-row {
        width        : calc(100% + 30px);
        margin-left  : -15px;
        margin-right : -15px;
    }
}

@media (min-width : 768px) {
    .elementor-section.elementor-columns-alignment-fix-enabled > .elementor-column-gap-wide > .elementor-row {
        width        : calc(100% + 40px);
        margin-left  : -20px;
        margin-right : -20px;
    }
}

@media (min-width : 768px) {
    .elementor-section.elementor-columns-alignment-fix-enabled > .elementor-column-gap-wider > .elementor-row {
        width        : calc(100% + 60px);
        margin-left  : -30px;
        margin-right : -30px;
    }
}

/* Bytes.co OceanWP compatibility, NOTE: this fix will only apply correctly if the section uses default column gap. */
@media (min-width : 768px) {
    .elementor-template-full-width .elementor > .elementor-inner > .elementor-section-wrap > .elementor-section.elementor-section-boxed {
        max-width    : 90%;
        margin-left  : auto;
        margin-right : auto;
    }
}
@media (max-width : 767px) {
    .elementor-template-full-width .elementor > .elementor-inner > .elementor-section-wrap > .elementor-section.elementor-section-boxed {
        max-width    : calc(90% + 20px);
        margin-left  : auto;
        margin-right : auto;
    }
}
