.search-item {
    display: flex;
    gap: 20px;
    align-items: center;
}

.escola-input {
    width: 350px;
}

.escolas-container {
    max-height: 300px;
    overflow: auto;
}

.distrito-col {
    width: 220px;
}

.distrito-combo {
    width: 220px;
}

.fase-combo {
    width: 160px;
}

.d {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}


@media only screen and (max-width: 780px) {
    .escolas-container {
        max-height: 450px;
    }

    .escola-input {
        width: calc(100% - 20px);
    }

    .distrito-combo, .fase-combo {
        width: 100%;
    }

    .search-item {
        align-items: flex-start;
        flex-direction: column;
    }

    .distrito-col {
        /*display: none;*/
        width: 110px;
    }
}