@media (min-width: 320px) and (max-width: 1200px) {
    .page-byens-bolig {
        #page-wrapper {
            .main-container {
                .row {
                    section {
                        .page-content {
                            .pane-cover-a-du-skriver-main-content-panel-pane-1 .pane-content {
                                margin: 0;
                            }

                            .pane-custom.pane-1 {
                                h2.pane-title {
                                    width: 100%;
                                    margin: 15px 0 0;
                                    text-align: center;
                                }

                                .pane-content {
                                    p:first-child {
                                        width: 100%;
                                        text-align: center;
                                    }

                                    p:nth-child(2) {
                                        display: none;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 699px) and (min-width: 320px) {
    /*---------------------------------------  320-700px  ----------------------------*/
    .page-byens-bolig {

        #page-wrapper {

            .main-container {

                .row {

                    section {

                        .page-content {
                            margin: 0;

                            .pane-cover-a-du-skriver-main-content-panel-pane-1 {

                                .pane-content .view-cover-a-du-skriver-main-content .text-center {
                                    margin: 0;
                                }

                                .pane-content {
                                    width: 100%;

                                    .view-cover-a-du-skriver-main-content {

                                        .view-content {

                                            .row.overflow {
                                                margin: 0;
                                            }

                                            .views-row {
                                                width: 100%;
                                                border: none;
                                                padding: 0;
                                                margin: 0 0 10px;
                                                padding: 0 10px 15px;

                                                .views-field-title {
                                                    height: auto;
                                                }

                                                img {
                                                    width: 100%;
                                                }
                                            }

                                            .views-row-7 {
                                                margin: 0;
                                            }

                                            .views-row-3, .views-row-4 {
                                                min-height: 0;
                                            }

                                            .views-row-7, .views-row-10 {

                                                .field-write-main-image {
                                                    width: auto;
                                                    float: none;
                                                    margin: 0 -10px;
                                                }

                                                .field-write-city-district {
                                                    float: none;
                                                }

                                                .views-field-title {
                                                    float: none;
                                                    width: auto;

                                                    & + span {
                                                        width: 4%;
                                                    }
                                                }
                                            }
                                        }

                                        .item-list {
                                            padding: 0;
                                        }
                                    }
                                }
                            }

                            .pane-custom.pane-1 {
                                width: auto;
                                margin: 0 0 20px;
                                padding: 0 10px;
                                float: none;

                                .pane-content {
                                    text-align: center;

                                    p {
                                        float: none;
                                        width: auto;
                                    }

                                    p:nth-child(2) {
                                        display: none;
                                    }

                                    p:nth-child(3) {
                                        position: relative;
                                        width: auto;
                                        padding: 5px 0;
                                        text-align: center;
                                        overflow: visible;

                                        a {
                                            width: auto;

                                            &:before {
                                                left: -33px;
                                                font-size: 23px;
                                            }
                                        }
                                    }
                                }
                            }

                            .panel-pane.pane-mkbh-view-group {

                                .pane-content {
                                    width: auto;
                                    float: none;

                                    .block-wrapper.mkbh-block-front-popular {

                                        .flex-grid {
                                            -ms-box-orient: vertical;
                                            display: -webkit-box;
                                            display: -moz-box;
                                            display: -ms-flexbox;
                                            display: -moz-flex;
                                            display: -webkit-flex;
                                            display: flex;
                                            flex-direction: column;
                                            -webkit-flex-direction: column;
                                            -moz-flex-direction: column;
                                            width: auto;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 700px) and (max-width: 992px) {
    .container {
        width: 100%;
    }

    .page-byens-bolig {

        #page-wrapper {

            .main-container {

                .row {

                    section {

                        .page-content {
                            margin: 0;

                            .pane-cover-a-du-skriver-main-content-panel-pane-1 {

                                .pane-content {
                                    width: 100%;

                                    .view-cover-a-du-skriver-main-content {

                                        .text-center {
                                            margin: 0;
                                        }

                                        .view-content {

                                            .row.overflow {
                                                margin: 0;
                                                padding: 0;

                                                &:first-child {
                                                    margin: 0 0 10px;
                                                }

                                                &:nth-child(3) {
                                                    padding: 0;
                                                }
                                            }

                                            .views-row {
                                                width: 50%;
                                                min-height: initial;
                                                padding: 0 10px 15px;
                                                margin: 0 0 10px;

                                                .field-write-main-image {
                                                    margin: 0;
                                                }

                                                .views-field-title {
                                                    height: auto;
                                                }

                                                .field-underrubrik {
                                                    padding: 10px 15px 0;
                                                }

                                                .field-write-body {
                                                    height: 95px;
                                                }

                                            }

                                            .views-row-3, .views-row-4, .views-row-5, .views-row-6, .views-row-8, .views-row-9 {
                                                min-height: 150px;

                                                .field-content {
                                                    height: 69px;
                                                    overflow: hidden;
                                                }
                                            }

                                            .views-row-3, .views-row-4 {
                                                margin-bottom: -500px !important;
                                                padding-bottom: 510px;

                                                .field-underrubrik {
                                                    padding: 10px 0 0;
                                                }
                                            }

                                            .views-row-odd {
                                                margin: 0 1% 10px 0;
                                            }

                                            .views-row-8 {
                                                margin: 0 1% 10px 0;
                                                width: 50%;
                                            }

                                            .views-row-9 {
                                                margin: 0 0 10px;
                                                width: 49%;
                                            }

                                            .views-row-1, .views-row-2, .views-row-7, .views-row-10 {
                                                padding: 0;
                                                width: 100%;
                                                margin: 0 0 10px;

                                                .node-title-compound {
                                                    padding: 0 15px;
                                                }

                                                .field-write-main-image {
                                                    width: 50%;
                                                }

                                                & > div {
                                                    width: 50%;
                                                    float: left;
                                                    margin: 0 !important;
                                                }

                                                .field-write-city-district {
                                                    padding: 10px 30px 12px;

                                                    &:before {
                                                        top: 10px;
                                                        left: 15px;
                                                    }
                                                }

                                                & > span {
                                                    padding: 0 0 0 10px;
                                                    width: 3%;
                                                }

                                                .field-write-sub-headline {
                                                    width: initial;
                                                    float: left;
                                                }

                                                .field-write-body {
                                                    padding: 5px 20px 0;
                                                }
                                            }

                                            .views-row-7, .views-row-10 {

                                                .field-write-sub-headline {
                                                    width: 50%;
                                                    float: none;

                                                    & + span {
                                                        padding: 0;
                                                    }
                                                }
                                            }

                                            .views-row-4, .views-row-6 {
                                                width: 49%;
                                            }
                                        }

                                        .item-list {
                                            padding: 0;
                                        }
                                    }
                                }
                            }

                            .pane-custom.pane-1 {
                                width: auto;
                                margin: 0 0 20px;
                                padding: 0 10px;
                                float: none;

                                .pane-content {
                                    text-align: center;

                                    p {
                                        float: none;
                                        width: auto;
                                    }

                                    p:nth-child(2) {
                                        display: none;
                                    }

                                    p:nth-child(3) {
                                        position: relative;
                                        width: auto;
                                        padding: 5px 0;
                                        text-align: center;
                                        overflow: visible;

                                        a {
                                            width: auto;

                                            &:before {
                                                left: -33px;
                                                font-size: 23px;
                                            }
                                        }
                                    }
                                }
                            }

                            .panel-pane.pane-mkbh-view-group {

                                .pane-content {
                                    width: 100%;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 993px) {
    /*---------------------------------------------  992px  ----------------------------*/
    .page-byens-bolig {

        #page-wrapper {

            .main-container {

                .row {

                    section {

                        .page-content {

                            .pane-cover-a-du-skriver-main-content-panel-pane-1 {

                                .pane-content {

                                    .view-cover-a-du-skriver-main-content {

                                        .view-content {

                                            .views-row-1, .views-row-2 {

                                                &:after {
                                                    position: absolute;
                                                    content: '';
                                                    display: block;
                                                    top: 0px;
                                                    bottom: 0;
                                                    right: -10px;
                                                    width: 1px;
                                                    background-color: @border-right;
                                                }
                                            }

                                            .views-row-8, .views-row-9 {

                                                &:after {
                                                    position: absolute;
                                                    content: '';
                                                    display: block;
                                                    top: -11px;
                                                    bottom: 0;
                                                    right: -10px;
                                                    width: 1px;
                                                    background-color: @border-right;
                                                }
                                            }

                                            .views-row-5, .views-row-6 {

                                                &:after {
                                                    position: absolute;
                                                    content: '';
                                                    display: block;
                                                    top: 0;
                                                    bottom: 0;
                                                    right: -10px;
                                                    width: 1px;
                                                    background-color: @border-right;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    /*---------------------------------------------  1200px  ----------------------------*/
    .page-byens-bolig {

        #page-wrapper {

            .main-container {

                .row {

                    section {

                        .page-content {
                            margin: 0;

                            .pane-cover-a-du-skriver-main-content-panel-pane-1 {

                                .pane-content {
                                    width: 100%;

                                    .view-cover-a-du-skriver-main-content {

                                        .view-content {
                                            margin: 0 -1%;

                                            .row.overflow:not(:first-child) {
                                                height: 178px;
                                                min-height: 178px;

                                                &.layout-w-n-n, &.layout-n-w-n, &.layout-n-n-w {
                                                    .views-row {
                                                        //opacity: 0.2;
                                                        height: 178px;
                                                        margin: 0 1% 0 !important;
                                                        padding: 0 10px 0 !important;

                                                        .field-underrubrik {
                                                            max-height: 24px;
                                                        }
                                                    }
                                                }
                                            }

                                            views-row {
                                                margin: 0 1% 10px;
                                            }

                                            .views-row-1, .views-row-2 {
                                                min-height: 495px;
                                            }

                                            .views-row-4 {
                                                min-height: 238px;
                                            }
                                        }

                                        .item-list {
                                            padding: 0;
                                        }
                                    }
                                }
                            }

                            .panel-pane.pane-custom {
                                margin: 0 0 20px;
                                float: right;
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }
    }
}