@media only screen and (min-width: 768px) {
    .Contact-List-Box .bach {
        width: 100%;
        right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .Contact-List-Box .bach {
        top: -15px;
        width: 100%;
        right: 0;
    }
}


@media (max-width: 767px) .map {
    height: 220px!important;
}

@media only screen and (max-width: 768px) {
    footer {
        padding: 10% !important;
    }
}

@media (max-width: 767px) .paragraphmodule .Map-Form {
    width: 100% !important;
}

.Map-Form {
    background: none repeat scroll 0 0 #808080;
    border: 0;
    height: 65px;
    left: 0;
    margin: 0;
    margin-bottom: 0px;
    position: static;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    margin-bottom: 5px !important;
}

    .Map-Form .search-btn {
        position: static;
        height: 70px;
    }

    .Map-Form .form-control {
        width: 95%;
    }

.dynamicweb-map {
    zoom: 1;
}

    .dynamicweb-map > .map,
    .dynamicweb-map > .map > div {
        height: 100%;
    }

    .dynamicweb-map .map img {
        max-width: none;
        height: auto;
    }

    .dynamicweb-map.list-hidden > .list {
        display: none;
    }

    .dynamicweb-map.list-left > .map {
        float: right;
        padding-left: 1em;
    }

    .dynamicweb-map.list-right > .map {
        float: left;
        padding-right: 1em;
    }

    .dynamicweb-map .list ol, .dynamicweb-map .list ul, .dynamicweb-map .list li {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: 100%;
    }

        .dynamicweb-map .list ol li, .dynamicweb-map .list ul li {
            padding: .5em;
            background: #dddddd;
            margin-bottom: 1em;
        }

        .dynamicweb-map .list li.hidden {
            display: none;
        }

    .dynamicweb-map .list .current {
        background: #eeeeee;
    }

    .dynamicweb-map form {
        margin: 1em 0;
    }