#footer02 {
    width: 50%;
}
#footer03 {
    width: 50%;
}

#pagelinks {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
}
#pagelinks a {
    width: 34%;
}
#socialgroups {
    margin-top: 2rem;
}
/* ---------------- sm start---------------- */
@media screen and (max-width: 767px) {
    #footer02 {
        width: 55%;
    }
    #footer03 {
        width: 45%;
    }
    #pagelinks a {
        width: 50%;
    }
    #socialgroups {
        flex-direction: column;
        justify-content: start;
        align-items: start;
        margin-top: 3rem;
    }
    #socialgroup {
        margin-top: 5px;
    }
}
@media screen and (max-width: 595px) {
    #footer02 {
        width: 60%;
    }
    #pagelinks a {
        width: 100%;
    }
    #footer03 {
        width: 40%;
    }

}
@media screen and (max-width: 575px) {
    #footer02, #footer03 {
        width: 100%;
    }

}