.doctor-search__head {

}

.doctor-search {

}

.doctor-search-form {
    margin: 0 -20px;
    padding: 30px;
    background: #572f8e;
    color: #FFFFFF;
}

.doctor-search-form_orange {
    background: #F79A81;
}

.doctor-search-form__what {
    border-radius: 23px;
    margin-bottom: 20px;
}

.doctor-search-form__select-wrap {
    margin-bottom: 20px;
}

.doctor-search-form__select {

}

.doctor-search-form__search {

}

.doctor-search-list {
    margin: 30px 0 -20px;
}

.doctor-search-list__col {
    padding-bottom: 20px;
}

.doctor-search__more {
    display: block;
    margin: 35px auto 0;
}

@media (min-width: 375px) {

}

@media (min-width: 576px) {
    .doctor-search-form {
        margin: 0;
    }

    .doctor-search-list {
        display: flex;
        flex-wrap: wrap;
        margin: 50px -10px -25px;
    }

    .doctor-search-list__col {
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 10px 25px;
    }
}

@media (min-width: 869px) {
    .doctor-search-form {
        padding: 30px 90px;
    }

    .doctor-search-list__col {
        flex-basis: calc(100% / 3);
        max-width: calc(100% / 3);
    }
}

@media (min-width: 1189px) {
    .doctor-search-form {
        display: flex;
        align-items: center;
    }

    .doctor-search-form__what {
        margin-right: 20px;
        margin-bottom: 0;
    }

    .doctor-search-form__select-wrap {
        margin-right: 20px;
        margin-bottom: 0;
        flex: 1 1 auto;
    }

    .doctor-search-form__search {
        margin-bottom: 0;
        flex: 1 1 auto;
    }

    @supports (display: grid) {
        .doctor-search-form {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-gap: 20px;
        }

        .doctor-search-form_switch {
            grid-template-columns: auto repeat(2, minmax(0, 1fr));
        }

        .doctor-search-form_switch_only-input {
            grid-template-columns: auto repeat(1, minmax(0, 1fr));
        }

        .doctor-search-form__what,
        .doctor-search-form__select-wrap,
        .doctor-search-form__search {
            margin: 0;
        }
    }

    .doctor-search-list {
        padding: 70px 10px 25px;
    }

    .doctor-search-list_no-search {
        padding: 0;
    }

    .doctor-search-list__col {
        flex-basis: 25%;
        max-width: 25%;
    }
}