@media (min-width: 2250px) {
    .custom-top-offset {
        bottom: 9rem;
    }
}

@media (max-width: 1440px) {
    .custom-spacing {
        margin-top: 3rem !important;

    }

    .login-user-top-space {
        margin-top: 3rem !important;

    }

    .custom-top-offset {
        bottom: 9rem;
    }

}

@media (max-width: 1024px) {
    #navbar-nav {
        display: none;
    }

    #navbar-nav.open {
        display: flex !important;
        flex-direction: column !important;
        top: 80px !important;
    }

    .navbar-toggler {
        display: inline-block;
        background: transparent;
        border: none;
        font-size: 1.5rem;
        color: white;
    }

    .navbar-nav .nav-item {
        width: 100% !important;
    }

    .nav-link.menu-link.active {
        padding: 0px 0px 11px 0px !important;

    }

    .nav-link.menu-link {
        font-weight: 400;
        width: 100% !important;
        font-size: 15px;
        color: rgba(255, 255, 255, 1);
        opacity: 0.8;
        vertical-align: bottom;
    }

    .nav-link.menu-link:hover {
        color: white !important;
    }

}

@media (max-width: 768px) {

    .custom-spacing {
        margin-top: 0rem !important;

    }

    .login-user-top-space {
        margin-top: 3rem !important;
    }

    .search-group {
        width: 100% !important;
    }

    .btn-new {
        width: 100%;
    }

    .custom-top-offset {
        bottom: 5rem;
    }
}

@media (max-width: 480px) {
    .page-topbar {
        padding: 0px 20px 0px 20px !important;
    }

    .global-padding {
        padding: 0px 20px 0px 20px !important;
    }

    .logo {
        height: 30px !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    #navbar-nav.open {
        top: 70px !important;
    }

}