#HeaderWrapper {
    width: 100%;
    height: 121px;
    overflow: hidden;
    margin: 0px;
}

.HeaderInner {
    width: 80%;
    margin: 0px auto 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

#SchoolBannerLogoImage {
    height: 64px;
}

#ButtonPanel {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#cartPadding {
    padding: 12px 10px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#accountSettingPickerMain {
    min-height: 100% !important;
    height: auto;
    padding: 12px 10px 0 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#LogInLock {
    min-height: 100% !important;
    height: auto;
    padding: 24px 5px;
    background-color: rgb(254,223,1);
    width: 75px;
    color: #000;
    text-align: center;
}

#LogInLock .fas {
    display: block;
    font-size: 20pt;
}

#LogInLock span {
    display: block;  
    width: 100%;
    margin-top: 12px;
    font-size: 10.5pt;
}


#lblSchoolName
{
    display:none;
}

@media only screen and (max-device-width: 640px), (max-width: 1100px) {
    
    #HeaderWrapper {
        height: 84px;
    }

    #SchoolBannerLogoImage {
        max-width: 200px;
        height: auto;
        max-height: 55px;
    }

    #accountSettingPickerMain {
        padding: 9px 10px 0 0;
    }

    .CartWrap {
        height: auto;
    }

    #cartPadding {
        padding: 11px 15px 0 11px;
    }

}