.header-wrapper {
    display: flex;
    flex-direction: column;
}

.header-top {
    align-items: center;
    background-color: #261F41;
    box-shadow: -8px -2px 13px 35px #000000;
    display: flex;
    height: 67px;
    justify-content: center;
    padding: 0 55px;
    width: 100%;
}

.header-top .dropdown-accounts {
    display: none;
}

@media screen and (max-width: 480px) {
    .header-top {
        box-shadow: none;
        padding: 0;
    }

    .header-top .dropdown-accounts {
        display: block;
    }
}

.header-bottom {
    align-items: center;
    background-color: #332A54;
    display: flex;
    height: 81px;
    justify-content: center;
    padding: 0 40px 0 55px;
    width: 100%; 
}

@media screen and (max-width: 480px) {
    .header-bottom {
        flex-wrap: wrap;
        height: 42px;
        padding: 0;
    }
}

.header-bottom-right {
    display: flex;
    position: absolute;
    right: 55;
}

@media screen and (max-width: 480px) {
    .header-bottom-right {
        background-color: rgba(51,42,84, .9);
        justify-content: center;
        position: static;
        width: 100%;
    }
}

.pareto-logo {
    height: 42px;
    left: 85;
    position: absolute;
    width: 43px;
}

@media screen and (max-width: 480px) {
    .pareto-logo {
        display: none;
    }
}

.selects-wrapper {
    align-items: center;
    display: flex;
    position: absolute;
    right: 55;
}

.selects-wrapper #NotificationDropDownContainer {
    display: none;
}

@media screen and (max-width: 480px) {
    .selects-wrapper {
        right: 0;
    }

    .selects-wrapper #NotificationDropDownContainer {
        display: block;
    }
}

.user-profile {
    top: -3;
}

.user-profile .user-profile-logo {
    border-radius: 50%;
    margin: 0 !important;
}