@media all and (max-width: 900px) {
    .left,
    .right {
        width: 100%;
    }
    .one,
    .three,
    .two {
        width: 100%;
        flex: inherit;
        padding: 0 15px 30px;
    }

    .content-inner {
        padding: 50px 0 30px;
    }

    .content-inner li {
        font-size: 16px;
        line-height: 26px;
    }

    .content-inner li:before {
        margin: 0 8px 0 -22px;
        font-size: 16px;
    }

    .teaser-inner .teaser-inner-left {
        padding: 20px 0 0 20px;
    }
}

@media all and (max-width: 750px) {
    .teaser-inner .teaser-inner-left {
        width: 25%;
    }

    .teaser-inner .teaser-inner-middle {
        width: 75%;
        padding: 20px 20px 0 0;
    }

    .teaser-inner .teaser-inner-right {
        width: 100%;
        padding: 0 65px;
        text-align: center;
    }

    .teaser-inner .teaser-inner-right button[type=submit] {
        width: 100%;
    }
}

@media all and (max-width: 420px) {
    .teaser-inner .teaser-inner-left {
        width: 30%;
    }

    .teaser-inner .teaser-inner-middle {
        width: 70%;
        padding: 20px 20px 0 0
    }

    .teaser-inner .teaser-inner-right {
        padding: 0 35px;
    }

    .teaserbox-inner {
        padding: 0;
    }

    .teaserbox-inner button[type=submit] {
        padding: 15px;
    }

    .boxform-inner {
        padding: 0;
    }

    .boxform-inner button[type=submit] {
        padding: 15px;
    }
}

@media all and (max-width: 370px) {
    .teaser-inner .teaser-inner-left {
        width: 35%;
    }

    .teaser-inner .teaser-inner-middle {
        width: 65%;
    }
}