/*
Mobile & Tablet Header
*/
header {
    height: var(--header-height);
}
#header-mobile__toggler {
    line-height: 1;
}
#main__menu-mobile,
#main__menu-mobile nav {
    display: none;
}
#main__menu-mobile > div {
    height: 0;
}
#main__menu-mobile ul,
#main__menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
    #main__menu-mobile ul li {
        margin-bottom: 1.5rem;
    }
    #main__menu-mobile ul li:last-child {
        margin-bottom: 0;
    }

/*
Tablet Header
*/
@media only screen and (min-width: 768px) {

    #main__menu {
        margin-top: 33px;
    }
    #main__menu ul li {
        margin-bottom: var(--spacing-12);
    }
        #main__menu ul li:last-child {
            margin-bottom: 0;
        }

}

/*
Dekstop Header
*/
@media only screen and (min-width: 992px) {

    #main__menu {
        margin-top: 0;
        position: relative;
        width: 210px;
    }
    #main__menu__sticky {
        display: none;
        position: -webkit-sticky;
        position: sticky;
        right: 0;
        left: 0;
        z-index: 1030;
        top: 0;
        padding-right: 11px;
        padding-bottom: 36px;
    }
    #main__menu ul li {
        margin-bottom: var(--spacing-16);
    }

}

/*
Large Dekstop Header
*/
@media only screen and (min-width: 1690px) {

    #main__menu {
        width: 280px;
    }
    #main__menu__sticky {
        padding-right: 30px;
    }
    #main__menu ul li {
        margin-bottom: var(--spacing-9);
    }

}