@media (min-width: 320px) and (max-width: 992px) {
    .page-projekter {
        .main-container {
            .pane-region-inner {
                .pane-mkbh-projekter-page {
                    flex-direction: column;
                    -webkit-flex-direction: column;

                    .pane-content {
                        margin: 0 !important;

                        .row.overflow-hidden {
                            .region-left-projects {
                                width: 100%;
                                padding: 0;

                                label {
                                    margin: 10px 0 8px;
                                }

                                #edit-filters {
                                    border-bottom: none;

                                    .sorting {
                                        width: 9%;
                                        float: left;

                                        .form-control {
                                            padding: 5px 2px;
                                        }
                                    }

                                    .filtering {
                                        float: left;
                                        width: 91%;

                                        & > .form-group {
                                            width: 33.3333%;
                                            float: left;
                                        }
                                    }
                                }

                                #edit-projects {
                                    clear: both;

                                    .region-projects-cards {
                                        .item-row {
                                            .single-item {
                                                float: left;

                                                .main-image {
                                                    img {
                                                        width: 100%;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }

                                #edit-links {
                                    margin: 10px 0;
                                }
                            }

                            .region-map {
                                padding: 0;

                                .map-info {
                                    right: 6px;
                                }

                                .map-full {
                                    margin: 10px 0 10px;
                                }
                            }
                        }
                    }
                }

                .pane-mkbh-blocks {
                    flex-direction: column;
                    -webkit-flex-direction: column;
                }
            }
        }
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .page-projekter {
        .main-container {
            .pane-region-inner {
                .pane-mkbh-projekter-page {
                    .pane-content {
                        .row.overflow-hidden {
                            .region-left-projects {
                                #edit-filters {
                                    .sorting {
                                        width: 100%;

                                        & > .form-group {
                                            margin: 0;
                                        }
                                    }

                                    .filtering {
                                        margin: 0 0 20px;
                                        width: 100%;

                                        & > .form-group {
                                            width: 100%;
                                            padding: 0;
                                        }
                                    }
                                }

                                #edit-projects {
                                    .region-projects-cards {
                                        .item-row {
                                            margin: 0 -10px 20px;

                                            .single-item {
                                                float: none;
                                                width: 95%;
                                                margin: 0 2.5%;

                                                &:first-child {
                                                    margin: 0 2.5% 20px;
                                                }

                                                .project-info {
                                                    padding: 10px 15px 15px;
                                                    margin: 0;
                                                }
                                            }
                                        }
                                    }

                                    .region-projects-list {
                                        .item-row {
                                            .main-image {
                                                width: 100%;
                                            }

                                            .info {
                                                width: 100%;
                                                border: 1px solid #ccc;

                                                .row:nth-child(2) {
                                                    .region-info-bottom {
                                                        .type {
                                                            border: none;
                                                        }
                                                    }
                                                }

                                                .region-info-bottom {
                                                    .status {
                                                        display: none;
                                                    }

                                                    & > div {
                                                        display: inline-block;
                                                        vertical-align: top;
                                                        padding-right: 0 !important;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .page-projekter {
        .main-container {
            .pane-region-inner {
                .pane-mkbh-projekter-page {
                    .pane-content {
                        margin: 0 !important;

                        .mkbh-projekter-page {
                            & > .row {
                                & > .col {
                                    & > .row.overflow-hidden {
                                        margin: 0px -15px 0px -10px;
                                    }
                                }
                            }
                        }

                        .row.overflow-hidden {
                            .region-left-projects {
                                #edit-projects {
                                    .region-projects-list {
                                        .item-row {
                                            .main-image {
                                                width: 12%;

                                                img {
                                                    height: 60px !important;
                                                }
                                            }

                                            .info {
                                                width: 88%;

                                                .row:nth-child(2) {
                                                    height: 28px;
                                                    overflow: hidden;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 480px) and (max-width: 992px) {
    .page-projekter {
        .main-container {
            .pane-region-inner {
                .pane-mkbh-projekter-page {
                    .pane-content {
                        .row.overflow-hidden {
                            .region-left-projects {
                                #edit-projects {
                                    .region-projects-list {
                                        .item-row {
                                            float: left;
                                            width: 100%;
                                            background-color: #fafafa;
                                            overflow: hidden;

                                            .main-image {
                                                float: left;
                                                //width: 18%;
                                                //margin: -1px 0;
                                            }

                                            .info {
                                                float: left;
                                                width: 93.3%;
                                                border: none;

                                                .row:nth-child(2) {
                                                    overflow: visible;

                                                    .region-info-bottom .col {
                                                        padding: 3px 25px 130px 25px;
                                                        margin: 0 0 -127px;
                                                        width: 33.3333%;
                                                        float: left;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}