@media (max-width: 1920px) {
    .pn_how_it_works .pn_how_it_works_wrap_right {
        max-width: calc(100% - 360px);
        padding-top: 82px;
    }
}

@media (max-width: 1600px) {
    /* how it works */
    .pn_how_it_works .pn_how_it_works_wrap_right {
        max-width: calc(100% - 467px);
        padding-top: 31px;
    } 
    /* how it works */
}

@media (max-width: 1199px) {
    .pn-container {
        padding: 0 32px;
    }
    .banner_content h6 {
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 8px;
    }
    .banner_content h2 {
        font-size: 46px;
        line-height: 65px;
        margin-bottom: 28px;
    }
    .banner_content {
        max-width: 530px;
    }
    .banner_content .pn_text_line {
        width: 390px;
    }
    /* designed for compassionate */
    .pn_designed_for_compass {
        padding: 60px 0 110px 0;
    }
    .pn_designed_comp_head h3 {
        font-size: 36px;
        line-height: 50px;
    }
    .pn_designed_comp_content {
        gap: 30px;
        margin-bottom: 30px;
    }
    .pn_designed_comp_para {
        max-width: 490px;
    }
    .pn_designed_comp_para p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .pn_designed_card h5 {
        font-size: 15px;
        line-height: 20px;
    }
    .pn_designed_card {
        padding: 30px 25px 20px 20px;
        max-width: 200px;
    }
    .pn_designed_comp_card_wrap {
        margin-top: -67px;
    }
    /* designed for compassionate */
    /* browse organization */
    .pn_browse_organization {
        padding: 60px 0 40px;
    }
    .pn_browse_organization h3 {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 30px;
    }
    .pn_browse_card h5 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .pn_browse_card p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .pn_browse_location h6 {
        font-size: 14px;
        line-height: 22px;
    }
    .pn_browse_location {
        margin-bottom: 10px;
    }
    .pn_details_claim_btn .pn_details_btn .pn_details_btn_text,
    .pn_details_claim_btn .pn_claim_btn {
        font-size: 14px;
        line-height: 20px;
    }
    /* browse organization */
    /* how it works */
    .pn_how_it_works .pn_how_it_works_wrap_right {
        max-width: calc(100% - 420px);
        padding-top: 74px;
    }
    .pn_how_it_works {
        padding-bottom: 60px;
    }
    .pn_how_it_works_wrap_img {
        width: 420px;
    }
    .pn_how_it_works_head h3 {
        font-size: 36px;
        line-height: 50px;
    }
    .pn_how_it_works_head {
        padding: 20px 20px 19px 25px;
    }
    .pn_how_it_works_wrap_content p {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 25px;
    }
    .pn_how_it_work_card .how_card_nom {
        width: 25px;
        height: 25px;
        font-size: 13px;
        line-height: 13px;
    }
    .pn_how_it_work_card .how_card_img_wrap {
        width: 75px;
        height: 75px;
    }
    .how_card_nom_wrap {
        width: 75px;
        margin-bottom: 12px;
    }
    .pn_how_it_work_card h5 {
        font-size: 15px;
        line-height: 22px;
    }
    .pn_how_it_work_card h6 {
        font-size: 14px;
        line-height: 20px;
    }
    .pn_how_it_work_card_wrap {
        gap: 12px;
    }
    .pn_how_it_work_card {
        padding: 40px 15px 30px 15px;
        margin-bottom: 15px; 
    }
    .pn_search_org_wrap {
        padding: 30px 20px;
    }
    .pn_search_org_wrap p {
        font-size: 18px;
        line-height: 22px;
    }
    .pn_search_org_wrap .pn_search_org_anchor {
        font-size: 18px;
        line-height: 22px;
    }
    .pn_how_it_work_card .how_dis_your_org {
        width: 28px;
    }
    .pn_how_it_work_card .how_dis_your_org.how_claim_very {
        width: 24px;
    }
    .pn_how_it_work_card .how_dis_your_org.how_connect_correct {
        width: 25px;
    }
    /* how it works */
    /* safety and protection */
    .pn_safety_and_protection {
        padding: 0 0 60px 0;
    }
    .pn_safety_and_protection_img {
        width: 460px;
        height: auto;
    }
    .pn_safety_and_protection_left h3 {
        font-size: 36px;
        line-height: 50px;
        max-width: 390px;
    }
    .pn_safety_and_protection_left h4 {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 16px;
    }
    .pn_safety_and_protection_list_wrap .safety_protection_checkbox {
        width: 40px;
        height: 40px;
    }
    .pn_safety_and_protection_list_wrap .safety_protect_checkmark {
        width: 15px;
    }
    .pn_safety_and_protection_list_wrap h5 {
        font-size: 15px;
        line-height: 25px;
    }
    .pn_safety_and_protection_list_wrap {
        gap: 10px;
        margin-bottom: 12px;
    }
    .pn_safety_and_protection_wrap {
        gap: 30px;
    }
    /* safety and protection */
    /* our beautiful work */
    .our_beautiful_section {
        margin-bottom: 95px;
    }
    .org_our_beautiful_section {
        margin-bottom: 0;
    }
    .our_beautiful_section .main_article h2 {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    /* our beautiful work */
    /* here from our community */
    .pn_here_from_our_community {
        padding: 50px 0 0 0;
    }
    .here_from_our_comm_card {
        padding: 15px 18px 36px 18px;
        margin-bottom: 15px;
    }
    .here_from_img_badge .here_from_img_wrap {
        width: 38px;
        margin-bottom: 10px;
    }
    .here_from_our_comm_card .here_from_img_badge .here_badge_wrap h5 {
        font-size: 14px;
        line-height: 20px;
    }
    .here_from_our_comm_card h5 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 6px;
    }
    .here_from_img_badge .here_badge_wrap {
        padding: 8px 24px;
        top: 12px;
        right: 12px;
    }
    .here_from_card_warning .here_from_img_badge .here_badge_wrap {
        padding: 8px 16px;
    }
    .here_from_our_comm_card_wrap {
        gap: 15px;
    }
    .pn_here_from_our_community_top {
        margin-bottom: 50px;
    }
    .pn_here_from_our_community_bottom h2 {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 32px;
        max-width: 560px;
    }
    .pn_here_our_community_stories {
        gap: 15px;
        padding-bottom: 95px;
    }
    .here_our_community_stories_card {
        padding: 15px;
        margin-bottom: 15px;
    }
    .here_our_community_stories_card .here_story_img_play_btn_wrap {
        margin-bottom: 15px;
    }
    .here_our_community_stories_card .here_story_img_wrap {
        width: 115px;
        height: 115px;
    }
    .here_our_community_stories_card .here_story_play_btn .story_play_btn_icon {
        width: 40px;
        height: 40px;
        margin-bottom: 5px;
    }
    .here_our_community_stories_card .here_story_play_btn h6 {
        font-size: 13px;
        line-height: 20px;
    }
    .here_our_community_stories_card .here_story_content_wrap {
        padding: 5px 0 5px 12px;
    }
    .here_our_community_stories_card .here_story_content_wrap h4 {
        font-size: 15px;
        margin-bottom: 12px;
    }
    .here_our_community_stories_card .here_story_content_wrap h4,
    .here_our_community_stories_card .here_story_content_wrap h5,
    .here_our_community_stories_card .here_story_content_wrap h6 {
        line-height: 20px;
    }
    .here_our_community_stories_card .here_story_content_wrap h5 {
        font-size: 15px;
    }
    .here_our_community_stories_card .here_story_content_wrap h6 {
        font-size: 13px;
    }
    /* here from our community */
    /* overview page css start  */
    .corevalue_items_box .overview_items_main {
        grid-template-columns: repeat(2, 1fr);
        gap: 29px;
    }
    /* overview page css end  */
    /* services section */
    .pn_services_card {
        padding: 14px;
        gap: 18px;
        margin-bottom: 12px;
    }
    .pn_services_card .pn_services_img_wrap {
        width: 170px;
    }
    .pn_services_card .pn_services_content_wrap h5 {
        font-size: 16px;
        line-height: 20px;
    }
    .pn_services_card .pn_services_content_wrap p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 8px;
    }
    .pn_services_card .pn_services_content_wrap .pn_services_badge_wrap .pn_badge {
        padding: 4px 11px;
        font-size: 12px;
        line-height: 20px;
    }
    .pn_services_card .pn_services_btn_wrap .pn-btn {
        gap: 5px;
        font-size: 13px;
        line-height: 20px;
        padding: 10px 14px;
    }
    /* services section */
    /* currect job opening */
    .pn_current_job_opening_card {
        padding: 10px 8px;
    }
    .pn_conect_with_us_card {
        padding: 30px 40px;
    }
    .contactinfo_inner_main {
        gap: 20px;
    }
    .pn_current_job_opening_card h6 {
        font-size: 15px;
        line-height: 20px;
        padding-left: 5px;
    }
    .pn_current_job_opening_card p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 7px;
        padding-left: 5px;
    }
    .pn_loc_post_duration_card {
        padding: 10px;
    }
    .pn_current_job_opening_card .pn_loc_post_duration_wrap h5,
    .pn_current_job_opening_card .pn_loc_post_duration_wrap .pn_loc_post_duration_value {
        font-size: 14px;
        line-height: 20px;
    }
    .pn_current_job_opening_card .pn_loc_post_duration_wrap {
        margin-bottom: 8px;
    }
    .pn_current_job_opening_card .pn-btns-wrap .apply_now_btn {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 14px;
    }
    .pn_current_job_opening_card .pn_loc_post_duration_wrap .pn_lpd_location_img {
        width: 12px;
        height: 16px;
    }
    .pn_current_job_opening_card .pn_loc_post_duration_wrap .pn_lpd_posted_img {
        width: 12px;
        height: 14px;
    }
    .pn_current_job_opening_card .pn_loc_post_duration_wrap .pn_lpd_duration_img {
        width: 12px;
        height: 12px;
    }
    /* currect job opening */
}

@media (max-width: 991px) {
    .pn-container {
        padding: 0 16px;
    }
    .banner_content h2 {
        font-size: 40px;
        line-height: 55px;
        margin-bottom: 25px;
    }
    .banner_content .pn_text_line {
        width: 330px;
    }
    .banner_content h6 .pn_ribbon_icon {
        right: 90px;
        width: 80px;
    }
    /* designed for compassionate */
    .pn_designed_comp_content {
        gap: 20px;
        margin-bottom: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .pn_designed_comp_para {
        max-width: 100%;
    }
    .pn_designed_comp_card_wrap {
        flex-direction: column;
    }
    .pn_designed_card {
        max-width: 100%;
    }
    .pn_designed_for_compass {
        padding: 40px 0 90px 0;
    }
    /* designed for compassionate */
    /* how it works */
    .pn_how_it_works {
        padding-bottom: 40px;
    }
    .pn_how_it_works .pn_how_it_works_wrap_left {
        position: static;
        display: flex;
        justify-content: center;
    }
    .pn_how_it_works .pn_how_it_works_wrap_right {
        padding-top: 20px;
        max-width: 100%;
        padding-right: 0;
    }
    .pn_search_org_wrap p,
    .pn_search_org_wrap .pn_search_org_anchor {
        font-size: 17px;
        line-height: 20px;
    }
    .pn_search_org_wrap {
        padding: 25px 15px;
    }
    .pn_how_it_works_wrap_img {
        width: 380px;
        height: auto;
    }
    /* how it works */
    /* safety and protection */
    .pn_safety_and_protection {
        padding: 0 0 45px 0;
    }
    .pn_safety_and_protection_img {
        width: 355px;
        height: auto;
    }
    .pn_safety_and_protection_wrap {
        gap: 20px;
    }
    /* safety and protection */
    /* circle care */
    .circleCare_section_wrap {
        margin-top: 98px;
    }
    .circleCare_section_wrap .media_object_wrap {
        margin-bottom: 20px;
        align-items: center;
    }
    .card_grp_outer_wrapper {
        grid-template-columns: 1fr 1fr;
    }
    /* circle care */
    /* our beautiful work */
    .our_beautiful_section {
        margin-bottom: 75px;
    }
    .org_our_beautiful_section {
        margin-bottom: 0;
    }
    /* our beautiful work */
    /* here from our community */
    .pn_here_from_our_community {
        padding: 40px 0 0 0;
    }
    .pn_here_from_our_community_top {
        margin-bottom: 40px;
    }
    .pn_here_our_community_stories {
        gap: 10px;
        padding-bottom: 75px;
        position: static;
        flex-direction: column;
    }
    .here_our_community_stories_card {
        margin-bottom: 10px;
    }
    .pn_here_from_our_community_bottom h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .here_our_community_stories_card .here_story_img_wrap {
        width: 90px;
        height: 90px;
    }
    .here_our_community_stories_card .here_story_play_btn .story_play_btn_icon {
        width: 32px;
        height: 32px;
    }
    .here_our_community_stories_card .here_story_play_btn .story_play_btn_icon img {
        width: 8px;
    }
    /* here from our community */
    /* services section */
    .pn_serices_card_flex {
        flex-direction: column;
    }
    .pn_services_card_main h3 {
        font-size: 20px;
        line-height: 18px;
        margin-bottom: 15px;
    }
    .pn_services_card {
        margin-bottom: 0;
    }
    /* services section */
    /* current job opening */
    .pn_current_job_opening_card_main h3 {
        font-size: 20px;
        line-height: 18px;
        margin-bottom: 20px;
    }
    /* current job opening */
    .pn_conect_with_us_card {
        padding: 20px;
    }
    .contactinfo_inner_main {
        gap: 15px;
    }
}

@media (max-width: 767px) {
    .banner_content h6 .pn_ribbon_icon {
        bottom: 20px;
        right: 0;
        width: 60px;
    }
    .banner_content .find_my_org_btn {
        padding: 13px 19px;
    }
    /* designed for compassionate */
    .pn_designed_comp_head h3 {
        font-size: 28px;
        line-height: 40px;
    }
    /* designed for compassionate */
    /* browse organization */
    .pn_browse_organization {
        padding: 50px 0 30px;
    }
    .pn_browse_organization h3 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .pn-view-btn-wrap .view_line_text {
        font-size: 15px;
        line-height: 22px;
    }
    .pn_browse_card_wrapper {
        margin-bottom: 12px;
    }
    /* browse organization */
    /* how it works */
    .pn_how_it_works_wrap_img {
        width: 100%;
    }
    .pn_how_it_works_wrap_content p {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 22px;
    }
    .pn_search_org_wrap p,
    .pn_search_org_wrap .pn_search_org_anchor {
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }
    .pn_search_org_wrap {
        padding: 20px 12px;
        flex-direction: column;
    }
    .pn_how_it_work_card_wrap {
        flex-direction: column;
    }
    .pn_how_it_work_card {
        width: 100%;
    }
    .pn_how_it_works_head h3 {
        font-size: 28px;
        line-height: 40px;
    }
    /* how it works */
    /* safety and protection */
    .pn_safety_and_protection_wrap {
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .pn_safety_and_protection_left h3 {
        font-size: 28px;
        line-height: 40px;
        max-width: 100%;
    }
    .pn_safety_and_protection_left h4 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 12px;
    }
    .pn_safety_and_protection_left,
    .pn_safety_and_protection_img,
    .pn_safety_and_protection_right {
        width: 100%;
    }
    /* safety and protection */
    /* circle care */
    .circleCare_section_wrap .media_object_wrap {
        align-items: center;
        flex-wrap: wrap;
    }
    .circleCare_section_wrap {
        margin-top: 119px;
        padding: 20px 0;
    }
    .circleCare_section_wrap .media_img_wrap {
        margin-left: auto;
        margin-right: auto;
        width: 100px;
        height: 100px;
    }
    .circleCare_section_wrap .left_part p {
        margin-left: auto;
        margin-bottom: 14px;
    }
    .circleCare_section_wrap .media_object_wrap .media_content h4 {
        font-size: 21px;
        margin-bottom: 15px;
    }
    .our_beautiful_section .main_article h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .our_beautiful_section .card_img_wrap {
        margin-bottom: 20px;
    }
    .org_our_beautiful_section .card_img_wrap {
        margin-bottom: 0;
    }
    .organization_overview_tabs_wrap {
        margin-bottom: 40px;
    }
    .card_grp_outer_wrapper {
        grid-template-columns: 1fr;
    }
    /* circle care */
    /* here from our community */
    .pn_here_from_our_community {
        padding: 30px 0 0 0;
    }
    .here_from_our_comm_card_wrap {
        gap: 20px;
        flex-direction: column;
    }
    .pn_here_from_our_community_top {
        margin-bottom: 30px;
    }
    /* here from our community */
    /* overview page css start  */
    .overview_box .overview_items_main {
        grid-template-columns: repeat(1, 1fr);
    }
    .overview_items_card {
        padding: 15px;
    }
    .core_value_card {
        flex-direction: column;
    }
    .corevalue_items_box .overview_items_main {
        gap: 20px;
    }
    /* overview page css end  */
    .contactinfo_inner_main {
        flex-direction: column;
    }
    .pn_conect_with_us_card {
        max-width: 100%;
    }
    .pn_banner {
        height: calc(100vh - 119px);
        margin-top: 119px;
    }
}

@media (max-width: 480px) {
    .pn_banner {
        height: calc(100vh - 140px);
        margin-top: 140px;
    }
    /* circle care */
    .circleCare_section_wrap {
        margin-top: 140px;
    }
    .circleCare_section_wrap .media_object_wrap .button_grp_wrap {
        flex-wrap: wrap;
    }
    /* circle care */
    /* overview page css start  */
    .corevalue_items_box .overview_items_main {
        grid-template-columns: repeat(1, 1fr);
    }
    .core_value_card {
        align-items: center;
        text-align: center;
    }
    /* overview page css end  */
    /* services section  */
    .pn_services_card {
        flex-direction: column;
        align-items: flex-start;
    }
    .pn_services_card .pn_services_img_btn_wrap {
        width: 100%;
    }
    .pn_services_card .pn_services_img_wrap {
        width: 100%;
        height: 100%;
    }
    /* services section  */
}