@media screen and (max-width: 1060px) {
            .section_inner_space,
            .about_us_banner #banner .section_inner_space {
                padding: 0px 10px;
            }
        }
        
        @media screen and (max-width: 1024px) {
            .navbar-brand {
                margin-right: 4rem;
            }
            #banner,
            #connect,
            .section_padding,
            .keep_touch,
            .mainfooter {
                padding: 4rem 0rem;
            }
        }
        
        @media screen and (max-width: 991px) {
            .section_inner_space, .about_us_banner #banner .section_inner_space, #connect .plr{
                padding: 0px 15px;
            }
            div#navbarSupportedContent {
                padding-top: 20px;
            }
        }
        
        @media screen and (max-width: 767px) {
             :root {
                --h1_font: 48px;
                --h2_font: 30px;
                --h3_font: 18px;
                --h4_font: 16px;
                --base_font: 14px;
            }
            h1 {
                font-size: var(--h1_font)
            }
            h2 {
                font-size: var(--h2_font)
            }
            h3 {
                font-size: var(--h3_font)
            }
            h4 {
                font-size: var(--h4_font)
            }
            .plr {
                padding: 0rem 0rem 2rem;
            }
            #banner,
            #connect,
            .section_padding,
            .keep_touch,
            .mainfooter {
                padding: 3rem 0rem;
            }
            #banner h1,
            .becoming_steps h1 {
                font-size: var(--h1_font);
                line-height: 50px;
            }
            .about_us_banner #banner h1 {
                font-size: 30px;
                line-height: normal;
            }
            #banner p,
            #connect p {
                font-size: 16px;
                line-height: inherit;
            }
            #connect h2,
            section.partners_says h2,
            .news_blogs h2,
            .founder_section .plr h2,
            .get_involved_section .plr h2 {
                font-size: var(--h2_font);
                line-height: normal;
            }
            #connect .plr{padding: 0px 10px;}
            .partners_says h4 {
                font-size: var(--h4_font);
            }
            .center_on_sm {
                justify-content: center !important;
            }
            .keep_touch .keeptouch_form {
                height: 40px;
            }
            .footer-middle h4 {
                font-size: 20px;
            }
            section.article_becoming_steps.becoming_steps .plr p {
                max-width: 100%;
            }
            .article_becoming_steps .extra_large_img, .blog_page_body section.extra_large_img img {
                padding: 0px 10px;
            }
            section.becoming_steps {
                padding: 20px 0px;
            }
            .founder_section .plr h3 {
                font-size: 16px;
            }
            .founder_section .plr h2 {
                max-width: 100%;
            }
            .get_involved_section .each_volunteer h4 {
                font-size: 18px;
            }
            .get_involved_section .each_volunteer h3 {
                font-size: 16px;
            }
            .get_involved_section .each_volunteer h2 {
                font-size: 24px;
            }
            .get_involved_section .each_volunteer .services_info li img {
                height: 26px;
                width: 26px;
            }
            .get_involved_section .each_volunteer .services_info li,
            .get_involved_section .each_volunteer p {
                font-size: 14px;
            }
            button.volunteer {
                height: 42px;
            }
            .mainfooter {
                padding-left: 10px;
                padding-right: 10px;
            }
            .user_form{box-shadow:none;}
        }
        
        @media screen and (max-width: 575px) {
            .sharing_view .each_view {
                padding: 10px;
            }
            .extra_large_img .article_content h3 {
                margin-top: 15px;
                font-size: 15px;
            }
            .article_content strong {
                font-size: 24px;
            }
            header {
                padding: 10px 0px;
            }
            .theme_color_button {
                width: 155px;
                height: 45px;
            }
            .theme_outline_button {
                width: 130px;
                height: 45px;
            }
            .plr {
                padding: 0rem 0rem 1rem;
            }
            #banner h1,
            .becoming_steps h1 {
                font-size: 30px;
                line-height: normal;
            }
            #connect h2,
            section.partners_says h2,
            .news_blogs h2,
            .founder_section .plr h2,
            .get_involved_section .plr h2 {
                font-size: 24px;
            }
            #banner p,
            #connect p {
                font-size: 15px;
            }
            #banner,
            #connect,
            .section_padding,
            .keep_touch,
            .mainfooter {
                padding: 2rem 0rem;
            }
            .footer-middle h4 {
                padding-bottom: 2px;
            }
            .article_author_info .article_name_info small {
                font-size: 14px;
            }
            .sharing_view .each_view.margin-r {
                margin-right: 0px;
            }
            .about_us_banner #banner {
                background-size: contain, contain;
            }
            .get_involved_section .section_inner_space {
                padding: 0px 25px;
            }
            .footer-middle {
                text-align: center;
            }
            .mainfooter .footer-pad ul li {
                padding-bottom: 0px;
            }
            .mainfooter a, .copyright .copy{
                font-family: var(--montserrat_medium);
            }
            .vol ul{justify-content: space-between;}
            .vol ul li{margin-left: 1rem;}
            .vol{float: none;}
            button.volunteer{width: 125px;}
            .becoming_steps p{max-width: 100%;}
            .login_bg{background-size: 150px, 140px;}
        }
        
        @media screen and (max-width: 480px) {
            .article_author_info {
                padding: 20px 0px;
                flex-direction: column;
                gap: 10px;
                align-items: flex-start !important;
            }
        }