.header-nav {
    max-height: 3.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    box-shadow: 0px 2px 4px rgba(185, 185, 185, 0.3);
    background-color: #fff;
}
.header-nav .branding-logo {
    height: auto;
    width: 3.5rem;
    margin-right: 0.45rem;
}
.header-nav .branding-name {
    font-size: 1.05rem;
    font-family: 'Comfortaa', sans-serif;
}
.header-nav .plans-link {
    line-height: 1;
}
.header-nav .plans-link span {
    font-size: 0.8rem;
}
@media (min-width: 1200px) {
    .header-nav .plans-link span {
        font-size: 1rem;
    }
}

.header-nav .plans-link.active-item span {
    font-weight: 700;
    color: var(--primary-color);
}
@media (min-width: 1366px) {
    .header-nav .plans-link span {
        font-size: 1rem;
    }
}
.header-nav .nav-item svg {
    width: 1.45em;
    height: 1.45em;
    fill: #0A70BA;
}
.header-nav .nav-item:not(:first-child) {
    margin-left: 2.25rem;
}
@media (min-width: 1366px) {
    .header-nav .nav-item:not(:first-child) {
        margin-left: 3.5rem;
    }
}
.header-nav .nav-item span {
    font-weight: 500;
}
.header-nav #notificationsDropdown {
    min-width: 350px;
}
@media (max-width: 480px) {
    .header-nav #notificationsDropdown {
        min-width: 250px;
    }
}
@media (min-width: 480px) and (max-width: 768px) {
    .header-nav #notificationsDropdown {
        min-width: 275px;
    }
}
@media (min-width: 992px) and (max-width: 1366px) {
    .header-nav #notificationsDropdown {
        min-width: 300px;
    }
}
.header-nav #notificationsDropdown .dropdownHeader {
    border-bottom: 1px solid #0A70BA;
    padding-left: 0.55rem;
    padding-right: 0.55rem;
}
.header-nav #notificationsDropdown .dropdownHeader .badge {
    background-color: #0A70BA;
    width: 1.5rem;
    height: 1.5rem;
}
.header-nav #notificationsDropdown .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #c5c5c5;
}
.header-nav #notificationsDropdown .dropdown-item a.newNotification {
    background-color: #EFEFEF;
}
.header-nav #notificationsDropdown .dropdown-item a img {
    width: 3em;
    height: 3em;
    border-radius: 50%;
}
.header-nav #notificationsDropdown .dropdown-item a p {
    font-size: 0.8rem;
}
.header-nav #userDropdown .dropdown-item:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.header-nav #userDropdown .dropdown-item:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.header-nav #btnNotifications #notificationsCount {
    background-color: #0A70BA;
    color: #fafafa;
    top: -13%;
    right: -18%;
    border-radius: 50%;
    width: 1.05rem;
    height: 1.05rem;
    font-size: 0.7rem;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.075);
}
@media (max-width: 767px) {
    .header-nav .nav-item svg {
        width: 1.6em;
        height: 1.6em;
    }
}