/* Desktop menu */
@media all and (min-width: 900px) {
    #updPanelMaster {
        margin-top: 150px;
    }
    .toggle {
        display: none !important;
    }

}


@media screen and (max-width: 450px) {
    #updPanelMaster {
        margin-top: 260px;
    }

    .menu {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .toggle {
        order: 1 !important;
    }

        .toggle a {
            font-size: 20px !important;
        }

    .menu-item {
        width: 100% !important;
        text-align: center !important;
        order: 3 !important;
        display: none !important;
        font-size: 26px !important;
        /*padding: 15px 5px !important;*/
        white-space: nowrap !important;
    }

        .menu-item.active {
            display: block !important;
        }

            .menu-item.active:hover {
                background-color: #7A2888 !important;
                color: #fff !important;
            }

                .menu-item.active:hover a {
                    background-color: #7A2888 !important;
                    color: #fff !important;
                }

            .menu-item.active a {
                display: inline-flex !important;
                align-items: center !important;
                width: 100% !important;
            }

                .menu-item.active a i {
                    font-size: 25px !important;
                    max-width: 25px !important;
                    min-width: 25px !important;
                    margin-left: 25px !important;
                    margin-right: 25px !important;
                }

}