@media screen and (max-width: 1200px) {
    .menu-toggle {
        display: inline-block;
    }

    .navbar-menu {
        position: fixed;
        width: 30%;
        min-width: 250px;
        height: 100%;
        background-color: var(--light-shade);
        overflow: hidden;
        transition: 0.3s;
        transform: translateX(-100%);
    }

    .navbar-menu-logo {
        text-align: center;
    }

    .navbar-menu-logo img {
        max-width: 150px;
    }

    .nav-link {
        display: block;
    }

    .grid-20 .panel, .grid-20 div {
        flex-basis: 99%;
    }

    .grid-25 .panel, .grid-25 div {
        flex-basis: 99%;
    }

    .grid-33 .panel, .grid-33 div {
        flex-basis: 99%;
    }

    .content {
        width: 100%;
    }

    .container {
        width: 100%;
    }

    .panel-icon {
        max-width: 50px;
        max-height: 50px;
    }
}