@media
    screen and (min-device-width: 320px) and (max-device-width: 736px) and (min-resolution: 1dppx),
    screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-resolution: 1dppx),
    screen and (min-device-width: 800px) and (max-device-width: 1280px) and (min-resolution: 2dppx),
    screen and (max-width: 768px) {

    /* Content */

    section.mpi {
        padding-bottom: 20px;
    }

    section.ce_image,
    section.mpi.ce_accordionStart,
    section.mpi.ce_sliderStart,
    section.ce_mpi_textoverlay {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    section.mpi > div.wrapper {
        max-width: inherit;
        padding-left: 20px;
        padding-right: 20px;
    }

    section.mpi.ce_mpi_textboxStart > div.wrapper {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }

    section.mpi.ce_mpi_textboxStart div.textbox {
        margin-left: 0px;
        margin-right: 0px;
    }

    section.mpi.first {
        padding-top: 20px;
    }

    section.mpi.ce_text div.text {
        padding-left: 0px;
        padding-right: 0px;
    }

    section.ce_image.first,
    section.ce_sliderStart.first,
    section.ce_mpi_textoverlay.first {
        padding-top: 0px;
    }

    /* Content: Image */

    section.mpi figure.float_left {
        float: none;
        margin-bottom: 16px;
        margin-right: 0px;
        width: 100%;
    }

    section.mpi figure.float_right {
        float: none;
        margin-bottom: 16px;
        margin-left: 0px;
        width: 100%;
    }

    section.mpi.ce_mpi_text2column figure.float_left,
    section.mpi.ce_mpi_text2column figure.float_right {
        width: 100%;
    }

    section.mpi div.parallax {
        background-attachment: initial;
        min-height: 250px;
    }

    section.mpi.first div.parallax {
        min-height: 300px;
    }

    section.mpi div.textoverlay div.textwrapper h1,
    section.mpi div.textoverlay div.textwrapper h2,
    section.mpi div.textoverlay div.textwrapper h3 {
        font-size: 18px;
        line-height: 22px;
    }

    section.mpi div.textoverlay div.textwrapper p {
        font-size: 10px;
        line-height: 12px;
    }

    /* Content: Text */

    section.mpi div.columns {
        display: block;
    }

    section.mpi div.columns div.column.left {
        display: block;
        padding-right: 0px;
        width: 100%;
    }

    section.mpi div.columns div.column.right {
        display: block;
        padding-left: 0px;
        width: 100%;
    }

    section.mpi div.text blockquote,
    section.mpi figcaption blockquote {
        font-size: 10px;
        line-height: 12px;
        padding-bottom: 0px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0px;
    }

    section.mpi div.text blockquote::before,
    section.mpi figcaption blockquote::before {
        font-size: 20px;
        top: 0px;
    }

    section.mpi div.text blockquote::after,
    section.mpi figcaption blockquote::after {
        bottom: 0px;
        font-size: 20px;
    }

    section.mpi div.text blockquote p,
    section.mpi figcaption blockquote p {
        font-size: 10px !important;
        line-height: 12px !important;
    }

    /* Content: Slider */

    section.mpi nav.slider-control a.slider-prev,
    section.mpi nav.slider-control a.slider-next {
        height: 20px;
        width: 20px;
    }

    /* Content: Gallery */

    section.mpi ul.gallery.cols_1 li,
    section.mpi ul.gallery.cols_2 li,
    section.mpi ul.gallery.cols_3 li,
    section.mpi ul.gallery.cols_4 li,
    section.mpi ul.gallery.cols_5 li,
    section.mpi ul.gallery.cols_6 li,
    section.mpi ul.gallery.cols_7 li,
    section.mpi ul.gallery.cols_8 li,
    section.mpi ul.gallery.cols_9 li,
    section.mpi ul.gallery.cols_10 li,
    section.mpi ul.gallery.cols_11 li,
    section.mpi ul.gallery.cols_12 li {
        -webkit-flex: 0 1 50%;
        -moz-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        -o-flex: 0 1 50%;
        flex: 0 1 50%;
        width: 50%;
    }

}