@media (max-width: 1200px) {
    .miniatures {
        &.subscribers_link_wrapper {
            font-size: 15px;
        }
    }
}


@media (max-width: 1140px) {
    .miniatures {
        &.subscribers_link_wrapper {
            font-size: 14px;
        }
    }
}

@media (max-width: 1100px) {
    .doctors_list_container {
        .doctors_wrapper {
            .doctors_container {
                .all_doctors {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
        }
    }
    .miniatures {
        &.subscribers_link_wrapper {
            font-size: 16px;
        }
    }
}



@media (max-width: 900px) {
    .doctors_list_container{
        margin-top: 20px
    }

    .doctors_list_header {
        font-size: 5.2vw;
    }

    .doctors_list_header_description{
        font-size: 2.2vw;
    }

}



@media (max-width: 864px) {
    .miniatures {
        &.subscribers_link_wrapper {
            font-size: 15px;
        }
    }
}

@media (max-width: 846px) {
    .miniatures {
        &.subscribers_link_wrapper {
            font-size: 14px;
        }
    }
}

@media (max-width: 830px) {
    #statistics_wrapper{
        font-size: 17px;
    }
    .doctors_list_container {
        .doctors_wrapper {
            .doctors_container {
                .all_doctors {
                    grid-template-columns: repeat(1, 1fr);
                }
            }
        }
    }
    .miniatures {
        &.subscribers_link_wrapper {
            font-size: 16px;
        }
    }
}

@media (max-width: 650px) {
    .doctors_list_container {
        .doctors_wrapper {
            flex-direction: column;
            align-items: center;
            .doctors_container {
                .all_doctors {
                    column-gap: 16px;
                    grid-template-columns: repeat(2, 1fr);
                }
            }
        }
    }


}

@media (max-width: 550px) {
    .miniatures {
        &.subscribers_link_wrapper {
            font-size: 15px;
        }
    }
}

@media (max-width: 525px) {
    .miniatures {
        &.subscribers_link_wrapper {
            font-size: 14px;
        }
    }
}

@media (max-width: 510px) {
    #statistics_wrapper{
        font-size: 16px;
    }
    .doctors_list_container {
        .doctors_wrapper {
            .doctors_container {
                .all_doctors {
                    grid-template-columns: repeat(1, 1fr);
                }
            }
        }
        .miniatures {
            &.subscribers_link_wrapper {
                font-size: 16px;
            }
        }
    }

    .user_card {
        gap: 8px;
    }

    .user_info_btn_container{
        width: 100%;
    }

    .user_info_btn {
        width: 100%;
        padding: 14px 20px;
    }
}


@media (max-width: 480px) {
    #statistics_wrapper{
        justify-content: center;

        .statistics_badge{
            background-color: transparent;
            padding: 0;
            font-weight: 600;
            margin-left: 0;
        }
        .statistics {
            gap: 20px;
            img {
                display: block;
                width: 5vw;
                height: 5vw;
            }

            >:first-child {
                margin-right: 0px;
            }

            flex-direction: column;
            align-items: center;
            .statistic_wrap{
                display: flex;
                flex-direction: column-reverse;
                justify-content: center;

                .number_wrap{
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 10px;
                    color: var(--blue);
                    font-size: 5vw;
                    line-height: 100%;
                }

                .statistic_text{
                    font-weight: 400;
                    font-size: 3.9vw;
                    opacity: 0.6;
                    line-height: 100%;
                    margin-top: 8px;

                    .colon{
                        display: none;
                    }
                }
            }
        }
    }

    .doctors_wrapper {
        flex-direction: column;
    }

    .all_doctors {
        justify-content: space-between;
    }

    .user_card_wrapper {
        width: 100%;
        padding: 40px;
    }

    .user_avatar {
        margin: 0;
    }

    .doc_info {
        gap: 12px;
        justify-content: space-evenly;
    }

    .user_name {
        font-size: 26px;
        margin: 0;
        height: auto;
        white-space: normal;
        word-wrap: break-word;
        overflow: visible;
    }

    .user_additional_info {
        font-size: 18px;
    }



    .user_info_btn_text {
        font-size: 18px;
    }

    .pagination_button {
        font-size: 18px;
    }

    .navigation_btn .material-icons {
        font-size: 18px;
    }

    .user_name p {
        line-height: 25px;
    }
}





@media (max-width: 480px) {
     .settings_icon_wrapper {
         display: block;
         .material-icons {
            font-size: 30px;
            color: white;
            background: #606060;
            border-radius: 16px;
        }
    }
}


@media (max-width: 350px) {

    .user_card_wrapper {
        width: 100%;
        padding: 10px;
    }

    .settings_icon_wrapper {
        display: block;

        .material-icons {
            font-size: 26px;
            color: white;
            background: #606060;
            border-radius: 16px;
        }
    }

    .user_card {
        height: 100%;
    }

    .user_avatar {
        margin: 0;
    }

    .doc_info {
        justify-content: space-evenly;
    }

    .user_name {
        font-size: 22px;
        margin: 0;
        height: auto;
        white-space: normal;
        word-wrap: break-word;
        overflow: visible;
    }

    .user_additional_info {
        font-size: 16px;
    }

    .user_info_btn {
        width: 100%;
        padding: 14px 20px;
    }

    .user_info_btn_text {
        font-size: 16px;
    }

    .pagination_button {
        font-size: 16px;
        padding: 17px;
    }

    .navigation_btn .material-icons {
        font-size: 16px;
    }

    .user_name p {
        line-height: 25px;
    }
}