/* ==========================================================================
   section-image-split-feature.css
   Image split feature section (.sec-img-split-feature): image on one side,
   text on the other, with flipped and responsive versions.
   ========================================================================== */

.sec-img-split-feature {
}

.sec-img-split-feature .text-side {
    padding: 0 140px 0 0;
}

.sec-img-split-feature .text-side-flip {
    padding: 0 0 0 140px;
}

.sec-img-split-feature .image-side {
    min-height: 700px;
}

/* Small desktop (1366px and below) */
@media (max-width: 1366px) {
    .sec-img-split-feature .text-side {
        padding: 0 80px 0 0;
    }

    .sec-img-split-feature .text-side-flip {
        padding: 0 0 0 80px;
    }
}

/* Tablet (1024px and below) */
@media (max-width: 1024px) {
    .sec-img-split-feature {
    }

    .sec-img-split-feature .image-side {
        min-height: 850px;
    }

    .sec-img-split-feature .text-side {
        padding: 0;
    }

    .sec-img-split-feature .text-side-flip {
        padding: 0;
    }
}

/* Mobile (767px and below) */
@media (max-width: 767px) {
    .sec-img-split-feature {
    }

    .sec-img-split-feature .image-side {
        min-height: 475px;
    }

    .sec-img-split-feature .text-side {
        padding: 0;
    }

    .sec-img-split-feature .text-side-flip {
        padding: 0;
    }
}