@media only screen and (min-width : 1224px) {

    .navbar {
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 0 0 12px 12px;
        margin: 0 16px;
    }
    .nav-link {
        margin: 0px 6px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }
    .sidebar-main {
        position: fixed;
        top: 16px;
        right: 16px;
        bottom: 16px;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        border-left: none;
    }

    .sidebar-content {
        overflow: hidden;
    }

        .sidebar-content:hover {
            overflow-y: auto;
        }

    .sticky-sidebar-header {
        position: sticky;
        top: 0px; /* Stick to the top of the viewport */
        background-color: var(--sidebar-bg);
        -moz-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        border-radius: 12px 12px 0 0;
        padding-bottom: 8px;
        z-index: 100; /* Ensure it stays above other content */
    }


    .content-wrapper.custom-padding {
        padding-right: 270px;
    }

    .page-header {
        margin: 0 16px 0 16px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        border: none;
    }
}