@media all and (max-width:900px) {
    .left,
    .right {
        width: 100%
    }
    .one,
    .three,
    .two {
        width: 100%;
        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%;
    }
}