@media (min-width: 320px) and (max-width: 992px) {
    .page-visioner {
        .main-container {
            .page-content {
                article.mkbh-node-vision-display .node-content .node-chart .rate-chart .highcharts-title {
                    font-size: 18px !important;
                    text-shadow: 0 0 0 #000;
                }

                section {
                    flex-direction: column;
                    -webkit-flex-direction: column;

                    .flex-sidebar {
                        padding: 0 10px;
                        flex: 0 0 80px;
                        -webkit-flex: 0 0 80px;
                    }
                }

                .panels-flexible-row-first {
                    .flex-content {
                        .node-inner {
                            flex-direction: column;
                            -webkit-flex-direction: column;
                        }
                    }
                }

                div[class*=visioner_medium_region-inside] {
                    flex-direction: column;
                    -webkit-flex-direction: column;

                    .redaktionens-udvalgte-block-pane {
                        flex: 1;
                        -webkit-flex: 1;
                        margin: 0 0 13px;
                    }

                    .visioner-medium-block-pane {
                        -webkit-flex: 1;
                        flex: 1;

                        .flex-sidebar {
                            display: none;
                        }

                        .views-row {
                            .node-content {
                                flex-direction: column;
                                -webkit-flex-direction: column;

                                .node-image {
                                    margin: 0 0 0 -15px;
                                }
                            }
                        }

                        .views-row-2 {
                            margin: 0 10px 13px;
                        }
                    }
                }

                .visioner-small-row {
                    .flex-sidebar {
                        display: none;
                    }

                    .view-content {
                        .views-row {
                            width: 100%;
                            float: none;
                            margin: 0 0px 13px;
                            padding: 0 10px;

                            .node-content {
                                flex-direction: column;
                                -webkit-flex-direction: column;
                                padding: 10px;

                                .node-image {
                                    margin: -10px -10px 13px;
                                }
                            }
                        }
                    }
                }

                .popular-visioner-row {
                    .seneste-tre-maneder-pane {
                        width: 100%;
                        float: none;
                    }

                    .see-more-link-pane {
                        .flex-sidebar {
                            display: none;
                        }
                    }

                    .seneste-tre-maneder-pane {
                        .flex-sidebar {
                            flex: 0 0 50px;
                            -webkit-flex: 0 0 50px;
                        }
                    }

                    section {
                        .flex-content {
                            .views-row.views-row-first {
                                .vp-content {
                                    flex-direction: column;
                                    -webkit-flex-direction: column;

                                    .vp-content-left {
                                        flex: 1;
                                        -webkit-flex: 1;
                                    }

                                    .vp-content-right {
                                        flex: 1;
                                        -webkit-flex: 1;
                                    }

                                    .rate-chart {
                                        margin: 0 auto;
                                    }
                                }
                            }

                            .views-row {
                                .visioner-popular-list-item {
                                    .vp-list-item-chart {
                                        -webkit-flex: 0 0 auto;
                                        flex: 0 0 auto;

                                        .rate-chart {
                                            position: relative;
                                            top: 0;
                                        }
                                    }

                                    .vp-list-item-title {
                                        padding: 10px 0;
                                        -webkit-flex: 1;
                                        flex: 1;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .page-visioner {
        .main-container {
            .page-content {
                .panels-flexible-row-first {
                    .flex-content {
                        .node-inner {
                            .node-image {
                                flex: 1;
                                -webkit-flex: 1;
                            }

                            .node-content {
                                flex: 1;
                                -webkit-flex: 1;
                            }
                        }
                    }
                }

                div[class*=visioner_medium_region-inside] {
                    .visioner-medium-block-pane {
                        .views-row {
                            .node-content {
                                padding-top: 0;

                                .node-content-inner {
                                    padding-top: 10px;
                                    order: 2;
                                    flex: 1;
                                    -webkit-flex: 1;
                                }

                                .node-chart {
                                    order: 3;
                                    flex: 1;
                                    -webkit-flex: 1;
                                }

                                .node-image {
                                    order: 1;
                                    flex: 1;
                                    -webkit-flex: 1;
                                }
                            }
                        }
                    }
                }

                .visioner-small-row {
                    .view-content {
                        .views-row {
                            .node-content {
                                .node-image {
                                    flex: 1;
                                    -webkit-flex: 1;
                                }

                                .node-content-inner {
                                    flex: 1;
                                    -webkit-flex: 1;
                                }

                                .node-chart {
                                    flex: 1;
                                    -webkit-flex: 1;
                                }
                            }
                        }
                    }
                }

                .popular-visioner-row {
                    .seneste-tre-maneder-pane {

                        .flex-sidebar {

                            .pane-title {
                                border-top: 1px solid #b3b3b3;
                            }
                        }

                        & + .panel-separator {
                            height: 0;
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .page-visioner {
        .main-container {
            .page-content {
                .pane-cover-visioner-seneste-visioner-big {
                    .rate-chart {
                        margin: 20px auto -20px;
                        width: 130px;
                        height: 130px;
                    }
                }

                article.mkbh-node-vision-display {
                    .node-content {
                        .node-title {
                            font-size: 18px;
                            line-height: 21px;
                        }

                        /*.node-chart {
                            .rate-chart {
                                width: 110px;
                                height: 110px;
                                .highcharts-series-group {
                                    transform: translate(-26px, -24px) scale(1.5);
                                    -webkit-transform: translate(-26px, -24px) scale(1.5);
                                }
                            }
                        }*/
                    }
                }

                .panels-flexible-row-first {
                    .flex-content {
                        .node-inner {
                            flex-direction: row;
                            -webkit-flex-direction: row;

                            .node-image {
                                -webkit-flex: 60%;
                                flex: 60%;
                            }
                        }
                    }
                }

                div[class*=visioner_medium_region-inside] {
                    .visioner-medium-block-pane {
                        .views-row {
                            .node-content {
                                padding: 10px 10px;
                                flex-direction: row;
                                -webkit-flex-direction: row;

                                .node-image {
                                    margin: -10px -10px -10px 0px;
                                    -webkit-flex: 37%;
                                    flex: 37%;
                                }

                                .node-chart {
                                    position: relative;

                                    .rate-widget-1 {
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        margin: -80px 0 0 -50px;
                                    }

                                    .rate-chart {
                                        margin: 9px auto;
                                    }
                                }
                            }
                        }
                    }

                    .redaktionens-udvalgte-block-pane {
                        .flex-content {
                            .redaktionens-udvalgte-block {
                                .redaktionens-udvalgte-content {
                                    .chart {
                                        position: absolute;
                                        top: 20px;
                                        right: 10px;

                                        .rate-chart {
                                            margin: -2px 3px 0 0;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                .visioner-small-row {
                    .view-content {
                        .views-row {
                            .node-content {
                                position: relative;
                                -webkit-flex-direction: row;
                                flex-direction: row;

                                .node-image {
                                    margin: -10px 0 -10px -10px;
                                    flex: 0 0 150px;
                                    -webkit-flex: 0 0 150px;
                                }

                                .node-content-inner {
                                    flex: 50%;
                                    -webkit-flex: 50%;
                                }

                                .node-chart {
                                    .rate-chart {
                                        position: relative;
                                        right: 2px;
                                    }
                                }
                            }
                        }
                    }
                }

                .popular-visioner-row {
                    .seneste-tre-maneder-pane {
                        float: left;
                        width: 50%;

                        .flex-content {
                            border-right: 1px solid #b3b3b3;
                        }
                    }

                    .nogensdine-pane {
                        .flex-content {
                        }
                    }

                    .see-more-link-pane {
                        .flex-sidebar {
                            display: none;
                        }

                        .flex-content {
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 320px) and (max-width: 1200px) {
    .main-container {
        .page-content {
            .panel-pane {
                .flex-sidebar {
                    padding: 0 !important;

                    .pane-title {
                        margin: 0 10px;
                        width: initial;
                    }
                }
            }

            .visioner-medium-row {
                .flex-sidebar {
                    display: none;
                }
            }

            .gode-visioner-row {
                .flex-sidebar {
                    display: none;
                }
            }
        }
    }
}

@media (min-width: 767px) and (max-width: 1200px) {
    .page-visioner {
        .main-container {
            .page-content {
                .popular-visioner-row {
                    .seneste-tre-maneder-pane {
                        width: 50%;
                    }

                    .nogensdine-pane {
                        .flex-sidebar {
                            display: block;
                            flex: 0 0 50px;
                            -webkit-flex: 0 0 50px;
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .page-visioner {
        .main-container {
            .page-content {
                div[class*=visioner_medium_region-inside] {
                    .visioner-medium-block-pane {
                        flex: 70.5%;
                        -webkit-flex: 70.5%;
                    }
                }

                .panel-pane {
                    .flex-sidebar {
                        padding: 0 10px;
                    }
                }

                .visioner-small-row {
                    .flex-sidebar {
                        display: none;
                    }
                }

                .popular-visioner-row {
                    .nogensdine-pane {
                        .flex-content {
                            margin: 0;
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 992px) {
    .page-visioner {
        .main-container {
            .page-content {
                div[class*=visioner_medium_region-inside] {
                    .visioner-medium-block-pane {
                        .view-content {
                            border-right: 1px solid @border-right;
                        }
                    }
                }

                .visioner-small-row {
                    .pane-cover-visioner-seneste-visioner-small {
                        .flex-content .view-content {
                            position: relative;
                            overflow: hidden;

                            &:before {
                                position: absolute;
                                content: '';
                                display: block;
                                width: 1px;
                                left: 50%;
                                top: 0;
                                bottom: 13px;
                                background-color: @border-right;
                            }
                        }
                    }
                }

                .popular-visioner-row {
                    .nogensdine-pane {
                        border-left: 1px solid @border-right;

                        .flex-content {
                        }
                    }
                }

                .visioner-medium-row {
                    .visioner-medium-block-pane {
                        .flex-content {
                            border-right: 1px solid @border-right;

                            .view-content {
                                border-right: none;

                                .views-row-2 {
                                    overflow: visible;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}