.page-content {
    max-width: 100%;
}

.page-content-wide {
    max-width: 100%;
}

@media all and (min-width: 700px) and (max-width: 1119px) {
    #main,
    .bm-module-menu ul,.bm-page-bottom-wrapper {
        width: calc(100% - 40px);
        margin: 0 0 0 40px;
        height: calc(100% - 100px);
    }

    #module-header {
        padding-left: 40px;
        padding-right: 0px;
    }

    .bm-page-bottom-wrapper {
        width: calc(100% - 40px);
    }
}

@media all and (min-width: 1120px) and (max-width: 1319px) {
    #main,
    .bm-module-menu ul,.bm-page-bottom-wrapper {
        width: calc(100% - 80px);
        margin: 0 0 0 80px;
        height: calc(100% - 100px);
    }

    #module-header {
        padding-left: 80px;
        padding-right: 0px;
    }

    .bm-page-bottom-wrapper {
        width: calc(100% - 80px);
    }
}

@media all and (min-width: 1320px) and (max-width: 1639px) {
    #main,
    .bm-module-menu ul,.bm-page-bottom-wrapper {
        width: calc(100% - 160px);
        margin: 0 0 0 160px;
        height: calc(100% - 100px);
    }

    #module-header {
        padding-left: 160px;
        padding-right: 0px;
    }

    .bm-page-bottom-wrapper {
        width: calc(100% - 160px);
    }
}

@media all and (min-width: 1640px) {
    #main,
    .bm-module-menu ul,.bm-page-bottom-wrapper {
        width: calc(100% - 240px);
        margin: 0 0 0 240px;
        height: calc(100% - 100px);
    }

    #module-header {
        padding-left: 240px;
        padding-right: 0px;
    }

    .bm-page-bottom-wrapper {
        width: calc(100% - 240px);
    }
}


@media screen and (max-width: 1023px) {
    body {
        overflow: auto;
    }

    #main,
    .bm-page-bottom-wrapper {
        width: 100%;
        height: calc(100% - 100px);
        margin: 0;
    }

    .page-content header {
        display: none;
    }
}