.top-filter {
    display: flex;
    flex-direction: row;
    margin-top: 26px;
    flex-wrap: wrap;
}

.top-filter .learn_format_filter,
.top-filter .study_filter,
.top-filter .school_filter,
.top-filter .rating_filter {
    width: 100%;
}

.top-filter .learn_format_filter {
    max-width: 236px;
}

.top-filter .study_filter {
    max-width: 290px;
}

.top-filter .study_filter .border-filter .btn {
    z-index: 70;
}

.top-filter .study_filter .border-filter .result {
    z-index: 35;
}

.top-filter .school_filter {
    max-width: 230px;
}

.top-filter .school_filter .border-filter .btn {
    z-index: 30;
}

.top-filter .school_filter .border-filter .result {
    z-index: 15;
}

.result-scroll {
    max-height: 450px;
    overflow-y: auto;
}

.result-scroll::-webkit-scrollbar {
    width: 1px;
}

.result-scroll a {
    width: 100%;
}

.top-filter .rating_filter {
    max-width: 300px;
}

.top-filter .rating_filter.sorting {
    max-width: 400px;
}

.top-filter .rating_filter .border-filter .btn {
    z-index: 10;
}

.top-filter .rating_filter .border-filter .result {
    z-index: 5;
}

.top-filter .reset .reset-btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0 15px;
    padding: 7px 20px;
    height: 42.39px;
}





@media (max-width: 1335px) {
    .top-filter .reset {
        margin-top: 10px;
    }
}

@media (max-width: 1119px) {
    .top-filter .rating_filter {
        margin-top: 10px;
    }
}

@media (max-width: 819px) {
    .top-filter .school_filter {
        margin-top: 10px;
    }
}

@media (max-width: 593px) {
    .top-filter {
        display: block;
    }

    .top-filter .study_filter {
        margin-top: 10px;
    }

    .top-filter .reset {
        display: flex;
    }
}

@media (max-width: 350px) {
    .top-filter .learn_format_filter .border-filter .btn .arrow,
    .top-filter .study_filter .border-filter .btn .arrow,
    .top-filter .school_filter .border-filter .btn .arrow,
    .top-filter .rating_filter .border-filter .btn .arrow {
        font-size: 13px;
    }

    .border-filter .border-filter-block {
        margin-right: 0 !important;
    }
}