@media (min-width: $media-breakpoint-mobile) and (max-width: $media-breakpoint-tablet) {
    online-board-filter,
    schedule-filter,
    flights-map-filter {
        .filter-content {
            display: flex;
            flex-direction: row;

            > * {
                width: 50%;
            }

            > *:first-child {
                padding-right: 0;
            }

            > *:last-child {
                padding-left: $space-m;
            }

            .calendar {
                margin-top: 0;
            }

            .change-container {
                width: auto;
                padding-right: $space-m;
                padding-left: $space-m;

                .button-change {
                    margin-top: 14px;
                    height: $standard-button-height;
                    width: 45px;

                    svg {
                        transform: rotate(0deg);
                    }
                }
            }
        }

        online-board-route-filter {
            calendar-input {
                padding-left: $space-m !important;
            }
        }

        .filter-button {
            display: flex;
            justify-content: center;

            .search-button {
                max-width: 260px;
            }
        }
    }
}

@media (max-width: $media-breakpoint-mobile) {
    online-board-filter,
    schedule-filter,
    flights-map-filter {
        .p-calendar {
            width: 100%;

            .p-datepicker-calendar-container .p-datepicker-calendar td a,
            .p-datepicker-calendar-container .p-datepicker-calendar td span {
                font-size: $font-size-m !important;
            }
        }

        .city-autocomplete-popup-wrapper .city-autocomplete-popup .tabs {
            flex-wrap: wrap;
        }

        .city-autocomplete-popup-wrapper .city-autocomplete-popup .tabs .tab-button:first-child {
            flex-grow: 4;
            width: 100%;
        }

        .city-autocomplete-popup-wrapper .city-autocomplete-popup .tabs .tab-button {
            height: $button-height--mobile;

            &.active {
                border-bottom: 1px solid $border;
            }
        }

        .city-autocomplete-popup-wrapper
            .city-autocomplete-popup
            .content
            .content--scroll-panel
            .p-scrollpanel
            .p-scrollpanel-wrapper
            .row
            .cell.contry {
            display: none;
        }

        .city-autocomplete-popup-wrapper
            .city-autocomplete-popup
            .content
            .content--scroll-panel
            .p-scrollpanel
            .p-scrollpanel-wrapper
            .row.country-start-row {
            display: flex;
            flex-direction: column;

            .cell.contry {
                display: block;
                width: 80%;
            }
        }

        .city-autocomplete-popup-wrapper
            .city-autocomplete-popup
            .content
            .content--scroll-panel
            .p-scrollpanel
            .p-scrollpanel-wrapper
            .row
            .cell.city
            .airports-column {
            flex-wrap: wrap;
        }
    }
}

@media (max-width: 360px) {
    .city-autocomplete-popup-wrapper .city-autocomplete-popup .content .content--scroll-panel .p-scrollpanel .p-scrollpanel-wrapper .row {
        display: flex;
        flex-direction: column;
    }
}
