@media (min-width: 320px) and (max-width: 620px) {
    .page-byens-liv {
        .main-container {
            .container {
                .pane-mkbh-blocks-mkbh-block-byens-liv-seneste {
                    .pane-content {
                        .row.overflow-hidden {
                            &:nth-child(2) {
                                .region-bottom-small-left-2 {
                                    margin: 10px 0;
                                }

                                .region-bottom-small-right {
                                    margin-top: 10px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

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

        .main-container {

            .container {

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

                    .pane-content {
                        width: 100%;

                        .row.overflow-hidden {

                            &:nth-child(1) {
                                .region-top-left {
                                    margin-bottom: 10px;
                                }

                                .region-top-right {

                                    & > .col {
                                        margin-bottom: 10px;
                                    }
                                }
                            }

                            &:nth-child(2) {

                                .region-bottom-left {

                                    .region-bottom-medium-top-left {

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

                                .region-bottom-right {
                                    margin: 0;
                                }
                            }

                            .col {
                                overflow: hidden;
                            }
                        }
                    }
                }

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

                    .pane-content {

                        .row.overflow-hidden {

                            .region-left {

                                & > .col {

                                    .col:last-child {
                                        overflow: hidden;
                                        margin: 0 0 10px;
                                    }
                                }
                            }

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

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

        .main-container {

            .container {

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

                    .pane-content {

                        .row.overflow-hidden {
                            float: left;

                            .col-md-6 {
                                width: 100%;
                            }

                            &:nth-child(1) {
                                & > .col {
                                    .node-inner {
                                        display: flex;
                                        display: -webkit-flex;

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

                                        .node-content {

                                            .node-body {
                                                height: 68px;
                                                overflow: hidden;
                                            }
                                        }
                                    }

                                    .region-top-medium-right {
                                        .node-content {
                                            height: auto;
                                        }
                                    }
                                }
                            }

                            &:nth-child(2) {

                                .region-bottom-left {

                                    .region-bottom-medium-top-left {
                                        .node-inner {
                                            flex-direction: row;
                                            -webkit-flex-direction: row;
                                        }
                                    }

                                    .region-bottom-small-left-1 {
                                        width: 50%;
                                        float: left;
                                    }

                                    .region-bottom-small-left-2 {
                                        width: 50%;
                                        float: left;
                                    }
                                }

                                .region-bottom-right {
                                    margin-top: 10px;

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

                                & > .col:nth-child(1) {
                                    & > .col {

                                        &:first-child {
                                        }
                                    }
                                }

                                & > .col:nth-child(2) {
                                    & > .col {
                                        & > .col {
                                        }
                                    }
                                }
                            }

                            &:last-child {
                                float: none;
                                width: 100%;
                            }
                        }
                    }
                }

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

                    .pane-content {
                        .row.overflow-hidden {
                            .region-left {
                                .col.region-left-right {
                                    & > div {
                                        padding: 0 10px 0 0;
                                    }
                                }

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

                            .region-right {
                                clear: both;

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

@media (min-width: 992px) {
    .page-byens-liv {
        .border-right {
            border-right: 1px solid @border-right;
        }

        .region-top-left,
        .region-top-medium-left,
        .region-bottom-left,
        .region-bottom-small-left {
            padding: 0 10px 300px 10px;
            //margin: 0 0 -300px;
        }

        .region-left-left,
        .region-left-right {
        }

        .main-container {
            .container {
                .pane-mkbh-blocks-mkbh-block-byens-liv-seneste {
                    .pane-content {
                        .row.overflow-hidden {
                            &:nth-child(1) {
                                .region-top-left {
                                    margin: 0 0 -300px;
                                }

                                .region-top-right {
                                    overflow: visible;

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

                            &:nth-child(2) {
                                .region-bottom-left {
                                    .region-bottom-medium-top-left {
                                        article.mkbh-node-article-display.view-mode-medium.orientation-horizontal {
                                            .node-inner {
                                                -webkit-flex-direction: row;
                                                flex-direction: row;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}