@media screen and (max-device-width:250px), screen and (max-width:768px) {
    td,th{
        white-space: nowrap;
    }

    .container{
        max-width: 100%;
    }

    .navbar-nav{
        position: absolute;
        height: 100vh;
        background: var(--primary-color);
        z-index: 10;
        left: 0;
        top: 100%;
        width: 100%;
        justify-content: center;
    }

    .navbar-toggler:focus{
        outline: none !important;
        box-shadow: none;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        margin-left: 0px;
        font-size: 1rem;
        margin-bottom: 15px;
    }

    .pattern-left, .pattern-right{
        display: none;
    }
}