@media screen and (max-width: 576px) {
    .employee_card_info_img {
        width: 120px;
        height: 120px;
    }
}


@media screen and (max-width: 768px) {
    .employee_card_info-social__item {
        width: 50px;
        height: 50px;
        margin: 10px;
    }
}

@media screen and (min-width: 768px) {
    .employee_card_info-social__item:hover {
        transform: scale(1.2);
    }
}

@media screen and (max-width: 576px) {
    .employee_card_info-ctr {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .offset-xl-2 {
        margin-right: unset;
    }

    section {
        padding-block: 6rem;
    }

    .container-xl,
    .container {
        padding-right: calc(var(--aous-aw-gutter-x)* 0.75);
        padding-left: calc(var(--aous-aw-gutter-x)* 0.75);
    }

    .accordion-button::after {
        display: none;
    }

    .navbar-collapse {
        background-color: white;
        z-index: 999;
        border-radius: 10px;
    }

    .navbar .navbar-nav {
        gap: 1.5rem;
        padding-block: 1rem;
        padding-inline: 0.5rem;
    }

    .navbar .navbar-nav li.hat_dropdown::after {
        display: none;
    }

    .navbar .navbar-nav .nav-item .submenu {
        display: none;
    }

    .navbar-nav .nav-item.language_btn_web {
        display: none;
    }

    .navbar .navbar-brand {
        gap: 1rem;
    }

    .navbar .navbar-brand a {
        font-size: 1.25rem;
    }

    .navbar .navbar-brand a svg {
        --aous-aw-icon-size: 1.7rem
    }

    html[dir="rtl"] .navbar .navbar-brand a {
        flex-direction: row-reverse;
    }

    .navbar .navbar-brand a img {
        width: 25px;
        height: 25px;
    }

    .language_mobile_btn {
        display: block !important;
    }

    .user_login_btn {
        display: block !important;
    }

    .header_section h1 {
        font-size: 2rem;
        width: 100%;
        margin-bottom: 1rem;
    }

    .header_section p {
        width: 100% !important
    }

    .hero_area .content_area {
        grid-template-columns: 1fr;
    }

    .hero_area .content_area .content_text {
        min-height: 100%;
        gap: 4rem;
        padding-bottom: 0;
    }

    .hero_area .content_area .content_text .bottom_content {
        gap: 1.5rem;
    }

    .hero_area .content_area .content_text .top_content h1 {
        font-size: 3rem;
    }

    .hero_area .content_area .content_text .google_rating_content .logo_content {
        display: none;
    }

    .hero_area .content_area .content_text .top_content .action_buttons {
        display: flex;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .hero_area .content_area .content_text .top_content .action_buttons .btn.btn-main {
        padding-block: 0.75rem;
        font-size: 1rem;
    }

    .hero_area .content_area .content_text .top_content .action_buttons .btn:not(.btn-main) {
        border: 1px solid var(--text-color);
    }

    .hero_area .content_area .content_text .top_content .form_hero {
        width: 100%;
    }

    .hero_area .content_area .content_text .top_content .note_or {
        padding-block: 1rem;
    }


    .hero_area .content_area .content_img img {
        height: 100%;
    }

    .companies_in_our_app {
        padding: 2rem 0rem;
    }

    .treatments_area {
        padding-block: 2rem;
    }

    .treatments_area .content_area .cards_info {
        grid-template-columns: 1fr 1fr;
        row-gap: 2rem;
    }

    .treatments_area .content_area .cards_info .card_info {
        padding-inline: 0.5rem;
        text-align: center;
    }

    .treatments_area .content_area .cards_info .card_info p {
        width: 100%;
    }

    .why_we_are_area .why_we_are_content {
        grid-template-columns: 1fr;
    }

    .why_we_are_area .why_we_are_content .why_we_are_card:last-of-type .text_content p {
        width: 100%;
    }

    .faq_area .header_section p {
        width: 100%;
    }

    .faq_area .content_area {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .faq_area .content_area .questions_area {
        margin-top: 1.5rem;
    }

    .ready_to_transform {
        margin-top: 4rem;
        padding: 1rem;
    }

    .ready_to_transform h1 {
        font-size: 1.75rem;
        width: 100%;
    }

    .ready_to_transform p {
        width: 100%;
    }

    .ready_to_transform .content_img {
        display: none;
    }

    .footer_section .footer_content #footer-links a {
        font-size: 1rem;
    }

    .footer_section .footer_content .text_company_description {
        margin-bottom: 1.5rem;
    }

    .best_tariffs {
        padding-block: 4rem;
        min-height: unset;
    }

    .best_tariffs .header_section h1 {
        width: 100%;
    }

    .best_tariffs .tariff_cards {
        /* grid-template-columns: 1fr; */
        display: flex;
        overflow: scroll;
    }

    .best_tariffs .tariff_cards .tariff_card {
        padding: 2rem;
    }

    .best_tariffs .tariff_cards .tariff_card .tariff_img {
        padding-top: 0rem;
        min-height: 70px;
        min-width: 290px;
    }

    .register_area .wizrad_area {
        max-width: 100%;
        padding-inline: 16px;
    }

    .single_area .companies_in_our_app .scroller_inner li img,
    .register_area .wizrad_area .companies_in_our_app .companies_logo_list {
        gap: 2rem;
    }

    .register_area .wizrad_area .companies_in_our_app .companies_logo_list img {
        width: 4rem;
        border-radius: 10px;
    }

    .register_area .wizrad_area .content_area .lists_area {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .register_area .wizrad_area .content_area .lists_area .services_info_list:nth-child(2) {
        display: none;
    }

    .register_area .wizrad_area .content_area .header_step b {
        font-size: 1.2rem;
        line-height: normal;
    }

    .register_area .wizrad_area .content_area .header_step h1 {
        font-size: 1.1rem;
        margin-bottom: 2.25rem;
    }

    .register_area .wizrad_area .content_area .header_step .img_step {
        width: 100%;
    }

    .register_area .wizrad_area .content_area .label_question {
        font-size: 1rem;
        margin-block: 0.75rem;
    }

    .register_area .wizrad_area .content_area .age_group {
        grid-template-columns: 1fr 1fr;
    }

    .register_area .wizrad_area .content_area .note_tariff_card {
        margin-bottom: 2rem;
    }

    .register_area .wizrad_area .content_area .note_tariff_card span {
        font-size: 1rem;
    }

    .register_area .wizrad_area .content_area .note_tariff_card h3 {
        font-size: 1.5rem;
    }

    .register_area .wizrad_area .content_area .features_tariff li {
        min-height: 2rem;
    }

    .register_area .wizrad_area .content_area .missing_teeth_count {
        grid-template-columns: 1fr 1fr;
    }

    .register_area .wizrad_area .content_area .tariff_cards .tariff_card .body_area .right_area a {
        min-width: 6rem;
        display: inline-block;
        text-align: center;
        padding: 10px;
    }

    .register_area .wizrad_area .content_area .tariff_cards .tariff_card .body_area .right_area .tariff_price h3 {
        font-size: 1.25rem;
    }

    .register_area .wizrad_area .content_area .tariff_cards .tariff_card .tariff_header .left_area {
        flex-direction: column;
        align-items: start;
    }

    .register_area .wizrad_area .content_area .tariff_cards .tariff_card .tariff_header .left_area .logo {
        border-radius: 10px;
    }

    .register_area .wizrad_area .content_area .tariff_cards .tariff_card .tariff_header .left_area .company_name span {
        font-size: 1rem;
    }

    .register_area .wizrad_area .content_area .note_iban {
        margin-top: 2rem;
    }

    .register_area .wizrad_area .content_area .services_info_list li span {
        font-size: 0.9rem;
    }

    .register_area .wizrad_area .content_area .treatments_question .form-selectgroup-item .form-selectgroup-label {
        text-align: start;
    }

    .register_area .wizrad_area .action_buttons {
        margin-top: 2.5rem;
        justify-content: space-between;
    }

    .register_area .wizrad_area .action_buttons .btn.prev {
        background: transparent;
        border: unset;
        color: var(--aous-aw-muted);
    }

    .single_page .content_area {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding-top: 2.5rem;
    }

    .single_page .content_area .left .form_content {
        width: 100%;
        padding-top: 0.5rem;
    }

    .single_page .content_area .form_content {
        padding-top: 0.5rem;
    }

    .single_page .content_area .form_content .mb-3 {
        margin-bottom: 0.5rem !important;
    }

    .single_page .content_area .form_content .form-label {
        margin-bottom: .25rem !important;
    }

    .single_page .right {
        text-align: center;
    }

    .single_page .right img {
        width: 280px;
        display: none;
    }

    .single_page .video_area {
        width: 100%;
    }

    #language_mobile_modal .languages_area {
        grid-template-columns: 1fr 1fr;
    }

    #language_mobile_modal .languages_area a:last-of-type {
        grid-column: 1 / -1;
    }

    .new_additions_welcome {
        padding-top: 3.5rem;
    }

    .new_additions_welcome .content_area {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .new_additions_welcome .content_area .left ul li {
        align-items: start;
        gap: 1rem;
    }

    .single_page .content_area .left h1 {
        font-size: 2rem;
        line-height: 1.2;
    }

    .single_page .content_area .left ul li a {
        width: 100%;
    }

    .supplementary_dental_insurance .header_section p {
        width: 100%;
    }

    .supplementary_dental_insurance .supplementary_cards {
        grid-template-columns: repeat(1, 1fr);
        gap: 4.5rem;
    }

    .why_beneficial_for_me .why_beneficial_for_me_content .info_area_cards {
        grid-template-columns: 1fr;
        row-gap: 2rem;
    }

    .why_beneficial_for_me .why_beneficial_for_me_content .info_area_cards .info_area_card_img {
        display: none;
    }

    .why_beneficial_for_me .why_beneficial_for_me_content .action_buttons a {
        width: 100%;
        padding-block: 1rem;
    }

    .what_does_dental_insurance_cover .header_section p {
        width: 100%;
    }

    .what_does_dental_insurance_cover .what_does_dental_insurance_cover_area {
        grid-template-columns: 1fr;
        border: 1px solid transparent;
    }

    .card_compare_dental_insurances_now.service_card {
        max-width: 22rem;
    }

    .card_compare_dental_insurances_now .form_area {
        width: 100%;
        gap: 1rem;
    }

    .card_compare_dental_insurances_now .form_area .content_input {
        flex-direction: column;
    }

    .card_compare_dental_insurances_now .form_area .btn {
        width: 100%;
    }

    .ready_to_transform .action_buttons .btn-border {
        margin-left: 0;
    }

    .ready_to_transform .action_buttons {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .reviews_and_rating {
        padding-top: 2rem;
    }

    .reviews_and_rating .content_area {
        display: flex;
        padding: 1rem;
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .reviews_and_rating .content_area .left_area {
        text-align: center;
    }

    .reviews_and_rating .content_area .left_area h2 {
        line-height: normal;
        font-weight: 300;
        text-align: center;
        font-size: 1.2rem;
    }

    .reviews_and_rating .content_area .left_area .action_button a {
        width: 100%;
    }

    .reviews_and_rating .last_reviews_card {
        display: flex;
        gap: 1.25rem;
        margin-top: 2rem;
        flex-direction: column;
    }

    .auth_area .radial_img_bottom {
        display: none;
    }

    .auth_area .content_area {
        grid-template-columns: 1fr;
        gap: 4rem;
        padding: 1.5rem !important;
    }

    .auth_area .content_area .card_info:last-of-type {
        padding-left: 0;
    }

    .auth_area .content_area .card_info:last-of-type:after {
        content: unset;
    }

    section.profile_area {
        padding-top: 5rem;
    }

    .profile_area .content_area .content_page {
        grid-template-columns: 1fr;
        gap: 5rem;
    }

    .profile_area .content_area .content_page .content_link .section_card_area ul {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .profile_area .content_area .content_page .content_link .section_card_area .dentist_appointment_info {
        margin-bottom: 2.5rem;
    }

    .profile_area .content_area .content_page .content_link .section_card_area .dentist_appointment_info .booking_dentist_appointment>h4 {
        margin-bottom: 1rem;
    }

    .profile_area .content_area .content_page .content_link .section_card_area .dentist_appointment_info .booking_dentist_appointment>div {
        margin-bottom: 0.75rem;
    }

    .profile_area .content_area .content_page .content_link .section_card_area .dentist_appointment_info .booking_dentist_appointment span {
        width: 100%;
    }

    .reviews_and_rating .last_reviews_card .review_card .review_text {
        text-align: start;
    }

    .results_screen {
        width: 100%;
    }

    .cookies_area .row {
        flex-direction: column;
        gap: 1rem;
    }

    .cookies_area .row div {
        width: 100%;
    }

    .cookies_area .row button {
        width: 100%;
    }

    .card_query.px-4 {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }

    .card_query.shadow-sm {
        box-shadow: unset !important;
    }

    .sub_section {
        width: 100%;
    }

    .sub_section .header_section h1 {
        font-size: 1.7rem;
    }

    .sub_section .body_content .form_area {
        padding: 0rem !important;
        margin-inline: 0 !important;
        text-align: start;
    }

    .sub_section .body_content .card_query .q_query {
        font-size: 1.25rem;
    }

    .sub_section .body_content .card_query .list_content ul {
        padding-left: 1rem;
    }

    .sub_section .body_content .card_img {
        width: 100%;
    }

    .sub_section .body_content .card_query .cards_info {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .sub_section .body_content .form_content {
        width: 100%;
    }

    .footer_img {
        width: 100%;
    }

    .landing_online_area {
        width: 100%;
        padding-inline: 1rem;
    }

    .landing_online_area .single_area {
        margin-top: 1rem;
    }

    .landing_online_area .single_area .header_content_area h1 {
        font-size: 1.5rem;
    }

    .landing_online_area .single_area .content_area ul li {
        margin-bottom: 1rem;

    }

    .landing_online_area .single_area .content_area .list_with_arrow {
        gap: 2rem;
    }

}
