@media only screen and (max-width: 600px){
    .feature-section h1 {
        font-size: 38px;
        color: #00fb9b;
        font-weight: 900 !important;
    }
    .featurefor {
        position: relative;
         top: 0px;
        margin-left: 0px;
    }
    .featureimg {
        float: inherit;
        margin-top: 20px;
        margin-bottom: 20px;
        max-width: 100% !important;
    }
    .featureimg2 {
        border-radius: 10px 10px 10px 10px;
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        position: relative;
        top: 0;
       left: 0; 
        z-index:1;
        max-width:100% !important;
    }
    .forflex {
        position: relative;
        top:0;
        left: 0; 
        text-align:center;
    }
    .sticky-nav.menu_fixed {
        position: inherit;
    }
    .volunteerheading h1 {
        color: darkgreen;
        text-align: center;
        margin-bottom: 0;
        margin-top: 25px;
    }
    .forvolunteerbox {
        padding: 25px 0px;
    }
    .forrowpad {
        padding: 0 0;
    }
    .forrowpadvolunteer {
        padding: 0 0;
    }
    }