@media (max-width: 991.98px) {
            .top-bar {
                display: flex !important;
                flex-direction: column;
                text-align: center;
                background-color: #343a40;
            }

            .top-bar .col-lg-6 {
                width: 100% !important;
                padding: 10px;
            }

            .navbar .navbar-collapse {
                background: #fff;
                padding: 10px;
                border-radius: 5px;
                margin-top: 10px;
            }

            .navbar-brand img {
                height: 45px !important;
            }

            .navbar .d-md-flex img {
                height: 30px !important;
            }

            .btn {
                width: 100%;
                text-align: center;
            }

            .navbar-nav .nav-link {
                padding-left: 10px;
            }
        }