.specialities-filter{

    margin: -0.375rem;

    width: calc(100% / 3 * 2 + .875rem);

    padding-right: 1rem;

}

.specialities-filter .btn{

    margin: 0.375rem;

    font-size: 0.875rem;

    min-height: 46px;

    padding: 10px 24px;

}



.clinics-filter {

    width: calc(100% / 3 - 0.5rem );

    margin-left: auto;

    padding: 1rem 1.125rem;

}

.clinics-filter__title{

    margin: 0 0.375rem;

}

.clinics-filter__item{

    margin: 0.5rem 0.375rem;

    font-size: 0.875rem;

    min-height: 34px;

    padding: 9px 15px;

}

.clinics-filter__item:not(.active){

    border-color: transparent;

    text-decoration: underline;

}

.all-doctors{

    margin: -0.5rem;

}

.all-doctors .doctor-item{

    width: calc( 100%/3 );

}



@media (min-width: 768px) {

    .all-doctors-filter{

        display: block !important;

    }

    .open-filter{

        display: none;

    }

}

@media (max-width: 1080px) {

    .all-doctors .doctor-item{

        width: 50%;

    }

    .specialities-filter .btn,

    .clinics-filter__item{

        font-size: 0.775rem;

    }

    .clinics-filter {

        padding: 1rem 0.25rem;

    }

}

@media (max-width: 767px) {

    .specialities-filter {

        width: auto;

        padding-right: 0;

    }

    .clinics-filter {

        width: 100%;

        margin-bottom: 2rem;

    }

    .all-doctors-filter{

        display: none;

    }

    .open-filter{

        display: block;

    }

    .all-doctors .doctor-item{

        width: 100%;

    }

    .clinics-filter__item,

    .specialities-filter .btn,

    .clinics-filter__title{

        margin-left: 0.125rem;

        margin-right: 0.125rem;

    }

    .specialities-filter {

        margin-left: -0.125rem;

        margin-right: -0.125rem;

    }



}

@media (max-width: 576px) {

    .clinics-filter__item {

        min-height: 29px;

        padding: 6px 15px;

        margin-top: 0.2rem;

        margin-bottom: 0.2rem;

    }

    .clinics-filter__item:not(.active) {

        padding-left: 10px;

        padding-right: 10px;

    }

    .specialities-filter {

        margin: -0.125rem;

    }

    .specialities-filter .btn {

        margin: 0.125rem;

        font-size: 0.775rem;

        min-height: 38px;

        padding: 10px 12px;

    }

    .doctor-preview__content {

        padding: 1rem 0.5rem 1.5rem;

    }

    .doctor-preview__btns .btn {

        font-size: .85rem;

    }

}