@media (max-width: 768px) {
    #topMenu {
        padding: 0.7rem 0.3rem;
        box-shadow: 1px 0px 15px -2px rgba(0,0,0,0.175);
    }
    #topMenu > .row {z-index: 2020;}
    #topMenu #boxMobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    #topMenu #boxMobile > *, #topMenu #boxMobile .right button {
        display: flex;
        align-items: center;
    }
    #topMenu #boxMobile .right button {
        justify-content: center;
        border: 0;
        background-color: #ffffff;
    }
    #topMenu #boxMobile .right .logo {margin-right: 1rem;}
    #topMenu #boxMobile .right .logo img {
        width: 7rem;
    }
    
    
    #topMenu #boxMobile .left a {
        border-radius: 0.3rem;
        font-size: 0.775rem;
        color: #495057;
    }
    #topMenu #boxMobile .left a svg {margin-left: 0.15rem;}
    #topMenu #boxMobile .left a.active {
        font-size: 0.8rem;
        background-color: rgba(12, 45, 87);
        color: #ffffff;
        padding: 0.6rem 1rem;
    }
    #topMenu #boxMobile .left span {margin: 0 1rem; color: #dee2e6;}


    #openingMenu {
        border-top: 1px solid #dee2e6;
        top: 100%;
        right: 0;
        position: absolute;
        width: 100%;
        background-color: #ffffff;
        border-radius: 0 0 1rem 1rem;
        overflow: hidden;
        z-index: 3;
        transition: all 0.15s;
    }
    #openingMenu.hide {height: 0;}
    #openingMenu .box {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    #openingMenu a {
        padding: 1rem 1.05rem;
        border-bottom: 1px solid #dee2e6;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #495057;
        font-size: 0.9rem;
    }
    #openingMenu a:nth-child(6) {border: 0;}
    #openingMenu button {
        width: 100%;
        height: 1.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background-color: #f5f5f5;
        position: absolute;
        bottom: 0;
    }
    #openingMenu button::after {
        content: "";
        position: absolute;
        width: 3rem;
        height: 4px;
        background-color: #ced4da;
        border-radius: 50rem;
    }

    


    #openingMenuCover {
        position: absolute;
        top: 100%;
        right: 0;
        background-color: rgba(0,0,0,0.05);
        backdrop-filter: blur(10px);
        display: block;
        width: 100%;
        height: 100vh;
        z-index: 2;
        transition: all 0.2s;
        visibility: hidden;
        opacity: 0;
    }
    #openingMenuCover.show {
        visibility: visible;
        opacity: 1;
    }

    #topMenu #box .logo img.dark {display: inline-block;}
    #topMenu #box .logo img.light {display: none;}
}