.pageWithColumns {
    overflow: visible;
    margin-right: 0;
    max-width: 100%;
    width: auto;
    padding: 0;
}
.pageWithColumns > .contentcontainer {
    display: flex;
    flex-wrap: wrap;
    gap: 42px;
}
.pageWithColumns > .contentcontainer > .contentcontainer-column {
    flex: 3;
}
.pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) > h1 {
    margin-bottom: 50px;
}
.pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) {
    padding-bottom: 20px;
}
.pageWithColumns > .contentcontainer > .contentcontainer-column.fixed {
    flex: 1;
}
.pageWithColumns > .contentcontainer > .contentcontainer-column.fixed .stickyCol {
    position: sticky;
    top: 80px;
    overflow-y: scroll;
    max-height: calc(100vh - 80px);
    font-size: 16px;
    padding: 42px;
}
.pageWithColumns > .contentcontainer > .contentcontainer-column.fixed .stickyCol::-webkit-scrollbar {
    width: 10px;
}
.pageWithColumns > .contentcontainer > .contentcontainer-column.fixed .stickyCol::-webkit-scrollbar-thumb {
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
.navbar-transition + .breadcrumb-section + #page-content .pageWithColumns > .contentcontainer > .contentcontainer-column.fixed .stickyCol {
    top: 91px;
    max-height: calc(100vh - 120px);
}
.pageWithColumns .stickyCol h1, 
.pageWithColumns.stickyCol .h1 {
    font-size: 3rem;
}
.pageWithColumns .stickyCol h2, 
.pageWithColumns .stickyCol .h2 {
    font-size: 2rem;
}
.pageWithColumns .stickyCol h3, 
.pageWithColumns .stickyCol .h3 {
    font-size: 1.6rem;
}
@media (min-width: 576px) {
    .pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) .frame-container-default,
    .breadcrumb-section .breadcrumb {
        max-width:540px;
    }
}

@media (min-width: 768px) {
    .pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) .frame-container-default,
    .breadcrumb-section .breadcrumb {
        max-width:720px;
    }
    .pageWithColumns > .contentcontainer > .contentcontainer-column.fixed .stickyCol {
        height: 100%;
    }
}

@media (min-width: 992px) {
    .pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) .frame-container-default,
    .breadcrumb-section .breadcrumb {
        max-width:860px;
    }
    .breadcrumb-section .breadcrumb {
        margin-right: 0;
        padding: 50px 0 0;
    }
    .pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) > h1 {
        margin-top: 50px;
    }
    .pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) .frame-container-default {
        margin-right: 0;
    }
    .pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) > .frame-default {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) > .frame-layout-default > .frame-container-default {
        padding-right: 0;
    }
}

@media (min-width: 1200px) {
    .pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) .frame-container-default,
    .breadcrumb-section .breadcrumb {
        max-width:1040px;
    }
}

@media (min-width: 1400px) {
    .pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) .frame-container-default,
    .breadcrumb-section .breadcrumb {
        max-width:1120px;
    }
}

@media (max-width: 1600px) and (min-width: 768px) {
    .pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) > .frame-container-default,
    .pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) > .frame-background-none,
    .breadcrumb-section .breadcrumb {
        padding-left: var(--frame-spacing);
    }
}
@media(max-width: 1200px){    
    .pageWithColumns > .contentcontainer > .contentcontainer-column.fixed .stickyCol {
        padding: 30px;
        .container {
            padding: 0;
        }
    }
}
@media(max-width: 992px){    
    .pageWithColumns > .contentcontainer > .contentcontainer-column.fixed .stickyCol {
        top: 87px;
    }
    .navbar-transition + #page-content .pageWithColumns > .contentcontainer > .contentcontainer-column.fixed .stickyCol {
        top: 60px;
        max-height: calc(100vh - 60px);
    }
}
@media(max-width: 768px){    
    .pageWithColumns > .contentcontainer {
        flex-direction: column;
        gap: 30px;
        flex-wrap: nowrap;
    }
    .navbar-transition + #page-content .pageWithColumns > .contentcontainer > .contentcontainer-column.fixed .stickyCol {
        position: relative;
        top: auto;
        max-height: none;
        overflow-y: visible;
    }
    .pageWithColumns > .contentcontainer > .contentcontainer-column.fixed {
        margin: 0 -10px;
    }
    .pageWithColumns > .contentcontainer > .contentcontainer-column:not(.fixed) > h1 {
        margin-bottom: 10px;
    }
}