.FooterSection { position: relative ; float: left; padding-left: 15% ; padding-right: 40% ; padding-top: 10em; width: 100%; z-index: 1 ; }
.FooterSectionAdmin { position: relative ; float: left; padding: 3rem 15% 4rem ; width: 100%; z-index: 1 ; }
.AppFooterBox1 { float: left; width: 60%; padding-right: 5%; }
.AppFooterBox2 { float: left ; width: 40%; padding: 40px 10px 10px; }


.AppFooterName { font-size: 1.5rem ; }
.AppFooterLogoBox { position: relative; width: 7rem ; height: auto; display: flex; align-content: center; justify-content: left; overflow: hidden; padding-bottom: 2rem; padding-right: 3rem; }
.AppFooterLogoBox2 { width: 3rem ; }
.AppFooterLogo  { width: 100% ; position: relative; }

.AppFooterSlogan { text-transform: capitalize ; }

.AppFooterNav { float: left; padding-right: 1rem ; padding-top: 0.3rem; padding-top: 0.3rem ; border-right: solid 0.1px rgba(73, 73, 73, 0); margin-bottom: 15px;  }

.AppFooterCopyright { float: left; width: 100%; margin: 7px 0 0 ; text-align: left; }



.AppFooterTopIconBox { height: 3.5rem; width: 3.5rem ; border-radius: 50% ; cursor: pointer ; display: flex ; justify-content: center ; align-items: center ; }




@media screen and ( max-width: 2500px ) {
}

@media screen and ( max-width: 2000px ) {
}

@media screen and ( max-width: 1700px ) {
}

@media screen and ( max-width: 1200px ) {
}

@media screen and ( max-width: 800px ) {
    .FooterSection { padding-left: 10%; padding-right: 10%;  }
    .FooterSectionAdmin { padding-left: 10%; padding-right: 10%; padding-bottom: 20rem ; }



    .AppFooterBox1 { width: 100%; }
    .AppFooterBox2 { width: 100%; padding: 40px 0 0 ; }

    /* .AppFooterNav { float: left; padding-right: 3% ; border-right: solid 0.1px rgba(73, 73, 73, 0.7); margin-bottom: 15px; margin-right: 3% ; font-weight: 600; min-width: 27% ; max-width: fit-content ; } */

}

@media screen and ( max-width: 500px ) {
}