@media (min-width: 320px) and (max-width: 992px) {

    .page-map, .page-kort {
        .main-container {
            .page-content {
                margin: 0;
            }

            .row.overflow-hidden {
                .region-map {
                    width: 98%;

                    .wrapper-full {
                        .map-filters {
                            label {
                                width: 40%;
                                float: left;
                            }
                        }
                    }
                }

                .region-left-carousel {
                    display: none;
                }
            }
        }
    }
}

@media (min-width: 540px) and (max-width: 992px) {
    .page-map, .page-kort {
        .main-container {
            .row.overflow-hidden {
                .region-map {
                    .wrapper-full {
                        .map-filters {
                            label {
                                width: 28%;
                                float: left;
                            }
                        }
                    }
                }

                .region-left-carousel {
                    .carousel-wrapper {
                        .bx-wrapper {
                            .bx-viewport {
                                .vertical-carousel {
                                    .single-item-info {
                                        display: flex;
                                        display: -webkit-flex;

                                        .field-article-mi-image {
                                            flex: 0.7;
                                        }

                                        .field-photo-mi-image {
                                            flex: 0.7;
                                        }

                                        .item-text-info {
                                            flex: 1;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

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

    .page-map, .page-kort {
        .main-container {
            .page-content {
                margin: 0;
            }

            .row.overflow-hidden {
                .region-left-carousel {
                    width: 20.4%;
                }

                .region-map {
                    width: 77.6%;
                }
            }
        }
    }
}

@media (min-width: 320px) and (max-width: 400px) {
    .map-info {
        .map-info-popup {
            width: 280px;
        }
    }
}