@media (min-width: 320px) and (max-width: 599px) {
    .page-byens-rum #page-wrapper {
        article.mkbh-node-article-display .node-content {
            padding: 10px 10px 20px;
        }

        .main-container {
            .row {
                section {
                    .page-content {
                        .pane-mkbh-blocks-mkbh-block-byens-rum-seneste {
                            .pane-content {
                                .row.overflow-hidden.randomized-rows {
                                    &:nth-child(1) {
                                        & > .col {
                                            article {
                                                .node-inner {
                                                    .node-content {
                                                        padding: 10px;
                                                        height: initial;
                                                    }
                                                }
                                            }
                                        }
                                    }

                                    & > .col {
                                        &.wide-region {
                                            article {
                                                .node-inner {
                                                    flex-direction: column;
                                                    -webkit-flex-direction: column;
                                                }
                                            }
                                        }

                                        width: 100% !important;

                                        &:last-child {
                                            margin-top: 0 !important;
                                        }
                                    }
                                }

                                .mkbh-block-byens-rum-seneste {
                                    .region-bottom-small-right {
                                        margin-bottom: 10px;
                                    }
                                }
                            }
                        }

                        .pane-mkbh-blocks-mkbh-block-byens-rum-laeser {
                            .pane-content {
                                .row {
                                    .region-right {
                                        .region-right-left {
                                            margin-bottom: 10px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 320px) and (max-width: 992px) {
    .page-byens-rum {

        #page-wrapper {

            .main-container {

                .row {

                    section {

                        .page-content {

                            .pane-mkbh-blocks-mkbh-block-byens-rum-seneste {

                                .col {
                                    width: 100% !important;
                                }

                                .pane-content {

                                    .row {

                                        & > div {

                                            .row {

                                                &:nth-child(1) {

                                                    .region-top-right {

                                                        .region-top-medium-left {
                                                            margin: 0 0 10px !important;
                                                            overflow: hidden;
                                                        }
                                                    }

                                                    .region-top-left {
                                                        margin-bottom: 10px;
                                                        overflow: hidden;

                                                        .node-inner {

                                                            .node-content {

                                                                .node-body {
                                                                    height: 46px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .region-top-right {

                                                    & > .col {
                                                    }
                                                }

                                                &:nth-child(2) {

                                                    .region-bottom-small-left {
                                                        margin: 10px 0;
                                                    }

                                                    .region-bottom-right {

                                                        & > .col {

                                                            article {

                                                                .node-inner {
                                                                    flex-direction: column;
                                                                    -webkit-flex-direction: column;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }

                            .pane-mkbh-blocks-mkbh-block-byens-rum-laeser {

                                .pane-content {

                                    .row {

                                        .region-left {

                                            .col.region-left-bottom {
                                                margin-bottom: 10px;
                                            }

                                            & > .col {

                                                .node-inner {
                                                    flex-direction: column;
                                                    -webkit-flex-direction: column;
                                                    height: auto;
                                                }
                                            }
                                        }

                                        .region-right {

                                            & > .col {

                                                & > .col {
                                                    flex: 130px;
                                                    -webkit-flex: 130px;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

}

@media (min-width: 600px) and (max-width: 992px) {
    .page-byens-rum {

        #page-wrapper {

            .main-container {

                .row {

                    section {

                        .page-content {

                            .pane-mkbh-blocks-mkbh-block-byens-rum-seneste {
                                .pane-content {
                                    .row {
                                        & > div {
                                            .row:nth-child(1) {
                                                .region-top-left {
                                                    .node-inner {
                                                        display: flex;
                                                        display: -webkit-flex;

                                                        & > div {
                                                            flex: 1;
                                                            -webkit-flex: 1;
                                                        }

                                                        .node-content {
                                                            .node-body {
                                                                p {
                                                                    max-height: 20px;
                                                                    overflow: hidden;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .region-top-right {
                                                    .region-top-medium-left {
                                                        .node-inner {
                                                            display: flex;
                                                            display: -webkit-flex;

                                                            & > div {
                                                                flex: 1;
                                                                -webkit-flex: 1;
                                                            }
                                                        }
                                                    }

                                                    .region-top-small-right {
                                                        padding: 0;

                                                        & > .col {
                                                            padding: 0 10px;
                                                        }

                                                        .region-top-small-top {
                                                            width: 50% !important;
                                                            float: left;

                                                            .node-inner {
                                                                height: auto;
                                                                padding: 0 0 200px;
                                                                margin: 0 0 -200px;
                                                            }
                                                        }

                                                        .region-top-small-bottom {
                                                            width: 50% !important;
                                                            float: left;
                                                            padding: 0 10px 0 0px;
                                                        }
                                                    }
                                                }
                                            }

                                            .row:nth-child(2) {
                                                .region-bottom-left {
                                                    .region-bottom-small-left {
                                                        & > .col {
                                                            width: 50% !important;
                                                            float: left;
                                                            margin: 0;
                                                        }
                                                    }

                                                    .region-bottom-small-right {
                                                        & > .col {
                                                            width: 50% !important;
                                                            float: left;
                                                        }
                                                    }
                                                }

                                                .region-bottom-right {
                                                    & > .col {
                                                        article {
                                                            .node-inner {
                                                                /*display: flex;
                                                                display: -webkit-flex;*/
                                                                flex-direction: row;
                                                                -webkit-flex-direction: row;
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .border-right {
                                                &:last-child {
                                                    margin-bottom: 10px;
                                                }
                                            }
                                        }
                                    }
                                }
                            }

                            .pane-mkbh-blocks-mkbh-block-byens-rum-laeser {

                                .pane-content {

                                    .row {
                                        .region-left {
                                            & > .col {
                                                .node-inner {
                                                    flex-direction: row;
                                                    -webkit-flex-direction: row;
                                                }
                                            }
                                        }

                                        .region-right {
                                            .col.region-right-right {
                                                & > div {
                                                    padding: 0 10px 0 0;
                                                }
                                            }

                                            & > .col {
                                                width: 50%;
                                                float: left;
                                                margin: 0;
                                                padding: 0;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 993px) {

    .page-byens-rum #page-wrapper .main-container .row section .page-content {

        .pane-mkbh-blocks-mkbh-block-byens-rum-seneste {

            .region-bottom-right article.mkbh-node-article-display .node-image {
                height: 160px;
                overflow: hidden;
            }

            .pane-content {

                .mkbh-block-byens-rum-seneste .row > div {

                    .row:nth-child(1) {

                        .region-top-left {
                            padding: 0 10px 500px;
                            margin: 0 0 -500px;
                        }

                        .region-top-right {

                            .region-top-medium-left {
                                padding: 0 10px 200px;
                                margin: 0 0 -200px;
                            }
                        }
                    }

                    .border-right {
                        border-right: 1px solid @border-right;

                        &:last-child {
                            border-right: 0;
                        }
                    }
                }
            }
        }

        .pane-mkbh-blocks-mkbh-block-byens-rum-laeser {

            .pane-content {

                .mkbh-block-byens-rum-laeser {

                    .row {

                        .col {

                            .row {

                                .region-left {
                                    border-right: 1px solid @border-right;
                                }

                                .region-right {

                                    .region-right-left {
                                        border-right: 1px solid @border-right;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}