@media (max-width: 420px) {
    .settings_icon_wrapper {
        display: none;
    }

    .search-doctors-container {
        width: 370px;
    }

    .search_doctors_modal .modal-content {
        width: 370px;
        max-height: 385px;
        margin: 215px auto 0;
    }

    .doctor_detail_card_container {
        width: 420px;
        padding-left: 25px;
        text-align: center;
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .doctor_detail_card {
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

    .container_ava {
        width: 100%;
        height: 225px;
        image-orientation: revert;
        object-fit: cover;
    }

    .avatar {
        height: 225px;
    }

    .doctor_city_speciallity_wrapper {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        column-gap: 30px;
    }

    .doctor_city_wrapper {
        margin-top: 0;
    }

    .doctor_info {
        width: 100%;

        .doctor_name h1 {
            font-size: 24px;
        }
    }

    .additional_information {
        margin-top: 20px;
        font-size: 16px;
        text-align: left;
        display: flex;
        row-gap: 20px;
        flex-direction: column;
    }

    .society_block {
        justify-content: space-evenly;
        column-gap: 30px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .society_block img {
        width: 30px;
        height: 30px;
    }

    .doctor_actions {
        width: 100%;
    }

    .prodoc_btn_wrapper {
        margin-top: 20px;
    }

    .prodoc_btn {
        font-size: 16px;
        padding: 15px;
    }
}

@media (max-width: 350px) {

    .search-doctors-container {
        width: 300px;
    }

    .settings_icon_wrapper {
        display: none;
    }

    .search_doctors_modal .modal-content {
        width: 300px;
        max-height: 330px;
        margin: 190px auto 0;
    }

    .doctor_detail_card_container {
        width: 350px;
        padding-left: 25px;
        text-align: center;
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .doctor_detail_card {
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

    .container_ava {
        width: 100%;
        height: 225px;
        image-orientation: revert;
        object-fit: cover;
    }

    .avatar {
        height: 225px;
    }

    .doctor_city_speciallity_wrapper {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        column-gap: 30px;
    }

    .doctor_city_wrapper {
        margin-top: 0;
    }

    .doctor_info {
        width: 100%;

        .doctor_name h1 {
            font-size: 24px;
        }
    }

    .additional_information {
        margin-top: 20px;
        font-size: 16px;
        text-align: left;
        display: flex;
        row-gap: 20px;
        flex-direction: column;
    }

    .society_block {
        justify-content: space-evenly;
        column-gap: 30px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .society_block img {
        width: 30px;
        height: 30px;
    }

    .doctor_actions {
        width: 100%;
    }

    .prodoc_btn_wrapper {
        margin-top: 20px;
    }

    .prodoc_btn {
        font-size: 16px;
        padding: 15px;
    }
}