/* Media Query */
@media(max-width:1279.98px) {

    .site_menu,
    .navigation {
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .menu_link {
        font-size: 16px;
    }

    .site_right_menu .menu_link .icon_img {
        width: 22px;
    }

    .logo span {
        font-size: 14px;
    }

    .user_icon {
        width: 45px;
    }

    .site_logo,
    .site_right_menu {
        max-width: 150px;
    }

    .logo span {
        white-space: normal;
        width: 120px;
    }

    .g_card {
        padding: 20px;
    }

    .filter_title {
        font-size: 18px;
    }

    .accordion-header {
        padding: 16px 44px 16px 26px;
        font-size: 18px;
    }

    .footer_content_wrap .footer_content:first-child {
        width: 15%;
    }

    .footer_newsletter {
        max-width: 410px;
    }

    .footer_newsletter .form_field .form_input,
    .footer_newsletter .form_field .blue_btn {
        min-height: 44px;
        font-size: 16px;
    }

    .research_content_section .section_title,
    .two_blocks_section .section_title {
        font-size: 28px;
    }

    .terms_content_section .section_title {
        font-size: 26px;
    }

    .terms_content_section .large_title {
        font-size: 32px;
        margin: 30px 0;
    }

    .research_content_section .description,
    .research_content_section .description p,
    .terms_content_section .description,
    .terms_content_section .description p,
    .public_flow_hero .description,
    .public_flow_hero .description p,
    .role_model_content .description,
    .role_model_content .description p,
    .two_blocks_section .description,
    .two_blocks_section .description p {
        line-height: 135%;
        font-size: 18px;
    }

    .role_model_content .description,
    .role_model_content .description p {
        line-height: 120%;
    }

    .mb-50,
    .two_blocks_section .section_title {
        margin-bottom: 35px;
    }

    .public_flow_hero {
        min-height: calc(100vh - 200px);
        padding: 100px 0 200px;
    }

    .public_flow_hero .main_title {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .role_models_section {
        padding: 100px 0;
    }

    .role_model_content .title,
    .two_blocks_section .sub_title {
        font-size: 28px;
    }

}

@media(max-width:1199.98px) {
    .main_content_wrap {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    .main_content_wrap .sidebar_wrap,
    .main_content_wrap .content_wrap {
        row-gap: 20px;
    }

    .main_content_wrap .content_wrap {
        width: calc(100% - 383px);
    }

    .groups_wrap .group {
        max-width: calc(100% / 2 - 15px);
    }

    .main_wrapper .main_title {
        padding: 35px 0;
        font-size: 32px;
    }

    .section_title {
        font-size: 26px;
        margin-bottom: 22px;
    }

    .action_wrap {
        margin-top: 22px;
    }

    .card_wrap {
        padding: 25px;
    }

    .btn {
        padding: 14px 25px;
        font-size: 18px;
    }

    .description,
    .description p,
    .card_info .info_text li,
    .card_info .info_label,
    .note_label,
    .info_label,
    .course_progress .text,
    .note_meta,
    .note_text,
    .notes_wrap .notes .text_btn,
    .tab_link,
    .footer_list li a,
    .footer_list li .links {
        font-size: 16px;
    }

    .group_content .title,
    .coruse_text .title,
    .course_hero .description,
    .course_hero .description p {
        font-size: 18px;
    }

    .main_wrapper {
        padding-bottom: 100px;
    }

    .tag {
        font-size: 16px;
        padding: 10px 16px;
    }

    .profile_image,
    .profile_image .img {
        width: 120px;
    }

    .profile_text {
        width: calc(100% - 265px);
        padding-left: 20px;
    }

    .main_content_wrap .content_wrap.gallery_content_wrap {
        width: calc(100% - 330px);
    }

    .main_content_wrap .notes_wrapper .content_wrap {
        width: 100%;
    }
}

@media(max-width:1023.98px) {
    .main_content_wrap {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    .main_content_wrap .content_wrap,
    .main_content_wrap .sidebar_wrap {
        row-gap: 20px;
    }

    .main_content_wrap .content_wrap {
        width: calc(100% - 383px);
    }
}

@media(max-width:991.98px) {
    .overflow_hidden {
        overflow: hidden;
    }

    .logo span {
        width: 213px;
    }

    .menu_toggle {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        z-index: 10;
    }

    .site_menu {
        position: fixed;
        top: 0;
        right: 0;
        -webkit-transform: translateX(105%);
        -ms-transform: translateX(105%);
        transform: translateX(105%);
        -webkit-transition: linear .25s;
        -o-transition: linear .25s;
        transition: linear .25s;
        background: rgba(255, 255, 255, 0.92);
        z-index: 9;
        width: 100%;
        height: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 100px;
    }

    .site_menu.show {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    .site_right_menu {
        margin-left: auto;
    }

    .navigation li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .navigation {
        width: 100%;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

    .navigation li .menu_link {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .main_content_wrap {
        row-gap: 20px;
    }

    .main_content_wrap .sidebar_wrap,
    .main_content_wrap .content_wrap,
    .main_content_wrap .content_wrap.gallery_content_wrap,
    .main_content_wrap .filter_sidebar,
    .filter_list {
        max-width: 100%;
        width: 100%;
    }

    .groups_wrap .group {
        max-width: calc(100% / 3 - 20px);
    }

    .gallery_img,
    .gallery_img img {
        width: 121px;
    }

    .main_wrapper {
        padding-bottom: 50px;
    }

    .main_wrapper .main_title {
        padding: 30px 0;
        font-size: 28px;
    }

    .tab_content .bottom_content .sidebar_wrap,
    .tab_content .bottom_content .content_wrap {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        width: 100%;
    }

    .tasks_header {
        font-size: 16px;
        padding: 12px 16px;
    }

    .tasks_content_wrap {
        padding: 16px;
        gap: 15px;
        width: 100%;
    }

    .footer_content .brand_logo {
        max-width: 210px;
    }

    .footer_content,
    .footer_content_wrap .footer_content:first-child {
        width: 33.33%;
    }

    .footer_newsletter {
        max-width: 100%;
    }

    .footer_strip {
        height: 8px;
        margin-bottom: 30px;
    }

    .footer_content.footer_newsletter_wrapper {
        margin: 0 auto;
        max-width: 600px;
        width: 100%;
        padding-bottom: 20px;
        text-align: center;
    }

    .research_content_section .section_title,
    .terms_content_section .section_title,
    .research_content_section .section_title {
        font-size: 24px;
    }

    .terms_content_section .large_title {
        font-size: 30px;
    }

    .research_content_section .description,
    .research_content_section .description p,
    .terms_content_section .description,
    .upadte_note,
    .terms_content_section .description p,
    .public_flow_hero .description,
    .public_flow_hero .description p {
        line-height: 135%;
        font-size: 16px;
    }

    .role_model_content .description,
    .role_model_content .description p {
        font-size: 16px;
    }

    .research_content_section,
    .terms_content_section {
        padding: 40px 0;
    }

    .public_flow_hero .main_title {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .role_models_section {
        padding: 60px 0;
    }

    .role_model_content .title,
    .two_blocks_section .sub_title {
        font-size: 24px;
    }
}

@media(max-width:767.98px) {
    .header_wrap {
        padding: 12px 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .site_right_menu {
        max-width: 104px;
    }

    .site_right_menu .menu_list {
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
    }

    .user_icon,
    .menu_toggle {
        width: 35px;
        height: 35px;
    }

    .menu_toggle {
        margin-left: 15px;
    }

    .menu_toggle.show svg.icon.close,
    .menu_toggle svg.icon {
        width: 26px;
    }

    .site_right_menu .menu_link .icon_img {
        width: 19px;
    }

    .groups_wrap .group {
        max-width: calc(100% / 2 - 15px);
    }

    .card_info_wrap {
        row-gap: 20px;
    }

    .g_card {
        width: calc(100% / 2 - 10px);
    }

    .role_model_wrap .img_block,
    .role_model_wrap .img_block img {
        width: 80px;
    }

    .role_model_wrap .title {
        font-size: 18px;
    }

    .footer_content_wrap .footer_content:first-child {
        width: 210px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .footer_content.footer_newsletter_wrapper {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        max-width: calc(100% - 210px);
        text-align: left;
        padding-top: 20px;
    }

    .footer_content.footer_newsletter_wrapper .footer_title {
        display: none;
    }

    .footer_content {
        width: 50%;
    }

    .footer_content .brand_logo {
        max-width: 180px;
    }

    .copyright_content {
        padding: 12px 0;
    }

    .copyright_text {
        position: static;
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
        padding-top: 12px;
    }

    .footer_identity .content_wrap .description,
    .footer_identity .content_wrap .description p {
        font-size: 14px;
    }

    .role_models_section {
        padding: 40px 0;
    }

    .role_model_content .title,
    .two_blocks_section .sub_title {
        font-size: 22px;
    }

    .role_models_wrapper {
        gap: 40px 20px;
    }

    .role_models {
        width: calc(100% / 2 - 10px);
    }

    .two_blocks_section .blocks_wrapper {
        row-gap: 30px;
    }

    .two_blocks_section .blocks_wrapper .block {
        width: 100%;
    }
}

@media(max-width:639.98px) {

    .card_info .info_label,
    .note_label,
    .info_label,
    .card_info .info_text {
        width: 100%;
    }

    .card_info .info_label,
    .note_label,
    .info_label {
        margin-bottom: 10px;
    }

    .course_wrap {
        row-gap: 20px;
    }

    .course_thumb,
    .course_thumb .img,
    .course_info {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }

    .Portfolio_wrap {
        gap: 20px;
    }

    .Portfolio_wrap .Portfolio {
        max-width: calc(100% / 3 - 14px);
    }

    .profile_text {
        width: calc(100% - 120px);
        padding-left: 15px;
    }

    .profile_top_wrap .action_wrap {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .notes {
        padding: 15px;
    }

    .notes_content {
        width: calc(100% - 50px);
    }

    .user_meta {
        margin-bottom: 20px;
    }

    .notes_action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 50px;
        gap: 20px;
    }

    .notes_action .text_btn {
        font-size: 16px;
    }

    .context_bar .content_wrap textarea.form_input,
    .context_bar .content_wrap .title {
        width: 100%;
        text-align: left;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .notes_wrapper .content_wrap {
        gap: 10px;
        padding-top: 15px;
    }

    .action_bar {
        padding-left: 0;
    }

    .tab_link,
    .task_content .action_wrap .btn,
    .key_tasks .key_text {
        font-size: 14px;
    }

    .task_content .action_wrap {
        gap: 12px;
        margin-top: 15px;
    }

    .footer_newsletter .form_field {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        row-gap: 12px;
    }

    .footer_newsletter .form_field .form_input,
    .footer_newsletter .form_field .blue_btn {
        width: 100%;
    }

    .footer_identity {
        padding: 15px 0;
    }

    .footer_bottom {
        margin: 30px auto 0;
    }

    .footer_identity .content_wrap .footer_title {
        padding-top: 0;
        font-size: 17px;
    }

    .copyright {
        padding: 0;
        width: 100%;
    }

   /*  footer .container {
        width: 100%;
    } */

    .footer_list {
        gap: 12px;
    }

    .footer_title {
        margin-bottom: 15px;
        font-size: 18px;
    }

    form.form_wrap {
        margin-top: 10px;
    }

    .role_model_content .title {
        font-size: 20px;
    }

    .role_model_content .description,
    .role_model_content .description p {
        font-size: 14px;
    }
}

@media(max-width:574.98px) {
    .g_card {
        width: 100%;
    }

    .top_filter_wrap {
        row-gap: 20px;
    }

    .user_title,
    .user_content .description,
    .user_content .description p {
        font-size: 14px;
    }

    .notes_wrapper .subtitle {
        margin: 15px 0 10px;
    }

    .user_meta {
        margin-bottom: 15px;
    }

    .tabs_list {
        padding: 15px;
        margin-top: 20px;
    }

    .tabs_list li {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        width: 100%;
        padding: 5px 0;
    }

    .tab_link {
        min-height: 36px;
    }

    .role_model_wrap {
        row-gap: 15px;
    }

    .role_model_wrap .content_block {
        width: 100%;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .role_model_wrap .btn {
        font-size: 14px;
    }

    .role_model_wrap .img_block,
    .role_model_wrap .img_block img {
        margin: 0 auto;
    }

    .role_model_wrap .action_wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .role_model_Card .section_title {
        text-align: center;
    }

    .task_icon,
    .task_icon img {
        margin: 0 auto;
    }

    .task_content .action_wrap,
    .task_content .meta_led,
    .task_content .meta_agency,
    .task_content .meta_date,
    .task_content .title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .task_content {
        width: 100%;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }

    .footer_content_wrap .footer_content:first-child {
        width: 100%;
    }

    .footer_content .brand_logo {
        margin: auto;
    }

    .footer_content.footer_newsletter_wrapper {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
        max-width: 100%;
    }

    .footer_content {
        padding: 10px 0;
    }

    .logo_img {
        max-width: 50px;
    }

    .footer_identity .content_wrap {
        width: calc(100% - 50px);
        padding-left: 15px;
    }

    .footer_bottom {
        margin: 15px auto 0;
    }

}

@media(max-width:479.98px) {
    .header_wrap {
        padding: 12px 20px 12px 20px;
    }

    .site_logo .logo {
        position: relative;
    }

    .logo span {
        width: 100%;
        top: 5px;
        position: fixed;
        left: 0;
        padding: 0;
        text-align: center;
        right: 0;
        display: none;
    }

    .site_logo {
        width: auto;
    }

    .groups_wrap .group {
        max-width: 100%
    }

    .messages_post .message_img {
        display: none;
    }

    .messages_post .sender_note {
        width: 100%;
        padding: 0;
    }

    .card_wrap {
        padding: 20px;
    }

    .gallery_img {
        width: calc(33.33% - 6px);
    }

    .btn {
        padding: 12px 20px;
        font-size: 15px;
    }

    .small_btn {
        font-size: 14px;
    }

    .section_title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .Portfolio_wrap .Portfolio {
        max-width: calc(100% / 2 - 10px);
    }

    .completed_course {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
    }

    .completed_course .course_wrap {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .notes {
        position: relative;
        padding: 12px;
    }

    .notes_content,
    .user_content {
        width: 100%;
    }

    .user_content {
        padding: 10px 0 5px;
    }

    .notes_action {
        position: absolute;
        right: 12px;
        top: 12px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 60px;
        gap: 10px;
        min-height: 45px;
    }

    .role_models_wrapper {
        gap: 30px 20px;
    }

    .role_models {
        width: 100%;
    }


}

@media(max-width:424.98px) {
    .messages_post .sender_note {
        row-gap: 10px;
    }

    .messages_post .sender_note .btn {
        width: 100%;
    }

    .profile_top_wrap {
        margin: 30px 0;
    }
}

@media(max-width:374.98px) {
    .gallery_img {
        width: calc(50% - 5px);
    }

    .Portfolio_wrap .Portfolio {
        max-width: 100%;
        width: 100%;
    }

    .profile_top_wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .profile_text,
    .profile_image {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        aspect-ratio: unset;
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .meta_details,
    .main_wrapper .main_title {
        text-align: center;
    }

    .course_hero .main_title {
        text-align: left;
    }
}