/*--------------------------------------------------------------------------*\
    Header menu item (<li> in <ul>)
\*--------------------------------------------------------------------------*/

.header__menu-item {
    /*box*/
    margin: 10px 0px;
}

@media (min-width:900px) {

    .burger-input--900~.header>.header__nav .header__menu-item {
        /*box*/
        margin: 0px 5px !important;
    }

}

@media (min-width:700px) {

    .burger-input--700~.header>.header__nav .header__menu-item {
        /*box*/
        margin: 0px 5px !important;
    }

}

@media (min-width:500px) {

    .burger-input--500~.header>.header__nav .header__menu-item {
        /*box*/
        margin: 0px 5px !important;
    }

}