@media all and (max-width: 992px) {
    :root {
        --fullpage-side-margins: 20px;
    }

    .btn {
        padding: 10px 12px;
        font-size: var(--font-size-important-s);
        line-height: var(--line-height-important-s);
        letter-spacing: var(--letter-spacing-s);
    }

    .btn--raw {
        padding: unset;
    }

    .title--s {
        font-size: 1.35rem;
        line-height: 1.85rem;
    }

    .title--m {
        font-size: 1.45rem;
        line-height: 1.95rem;
    }

    .headline--s {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .headline--m {
        font-size: 1.35rem;
        line-height: 1.85rem;
    }

    .generic-form {
        padding: 32px 20px;
    }

    .generic-form__actions {
        gap: 20px;
    }

    .breadcrumb {
        gap: 6px;
    }

    .breadcrumb__link {
        font-size: 0.9rem;
    }

    .table-section {
        padding: 30px 15px;
    }

    .table-section__title {
        margin-bottom: 20px;
    }

    .table-tr {
        flex-wrap: wrap;
        padding: 20px;
        margin-bottom: 20px;
    }

    .table-tr .table-tr__tc {
        flex-shrink: unset;
    }

    .table-tr.table-tr--notifications {
        padding: unset;
    }

    .notifications-list {
        margin-top: 20px;
    }

    .table-tr--notifications .table-tr__tc--150 {
        flex-basis: unset;
    }

    .manager-section {
        padding-top: 120px;
        padding-bottom: 40px;
    }

    .user-profile {
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .manager-team-header__left {
        flex-direction: column;
        gap: 20px;
    }

    .table-tr__tc--secondary {
        display: none;
    }

    .dt-container {
        padding-top: 10px;
    }

    table.dataTable {
        padding-top: 25px;
    }

    .base-header, .base-footer {
        padding: 14px var(--fullpage-side-margins);
    }

    .base-header__links {
        display: none;
    }

    .base-footer__left {
        gap: 16px;
    }

    .base-footer__text {
        flex-shrink: unset;
    }

    .base-footer__right {
        gap: 16px;
    }

    .base-header .main-logo {
        margin-right: unset;
    }

    .burger-btn {
        display: revert;
    }

    .main-logo__img {
        width: 36px;
    }

    .base-header:before {
        left: -75px;
    }

    .base-header:after {
        right: -75px;
    }

    .base-header__links {
        display: none;
        flex-direction: column;
        align-items: center;
        position: fixed;
        left: 50%;
        top: 45%;
        transform: translate(-51%, -51%);
        gap: 32px;
    }

    .base-header__link {
        font-size: 1.1rem;
    }

    .base-header__left {
        flex-direction: column;
    }

    .base-header__right {
        flex-direction: column-reverse;
    }

    .banner-hero {
        margin-top: 70px;
        margin-bottom: 24px;
        height: 300px;
    }

    .banner-hero__content {
        max-width: 750px;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        padding: var(--fullpage-side-margins);
        position: relative;
    }

    .resource-card:hover {
        transform: scale(103%);
    }

    .courses-list,
    .chapters-list {
        padding-bottom: 48px;
        margin-top: 24px;
        gap: 32px;
    }

    .top-page-spacing {
        padding-top: 100px;
    }

    .chapters {
        padding-bottom: unset;
    }

    .courses-list,
    .chapters-list {
        grid-template-columns: 1fr 1fr;
    }

    .resource-bottom {
        padding-top: unset;
        padding-bottom: 40px;
    }

    .resource-bottom--video {
        padding-top: 24px;
    }

    .manager-section__empty-list {
        margin-top: 24px;
    }

    .video-iframe-wrapper {
        margin-top: 60px;
    }

    .nav-arrows__title, .breadcrumb__link {
        max-width: 200px;
    }
}

@media all and (max-width: 768px) {
    .btn--form {
        max-width: unset;
    }

    .table-tr--th:not(.table-tr--notifications) {
        display: none;
    }

    .courses-list,
    .chapters-list {
        grid-template-columns: 1fr;
    }

    .banner-hero__subtitle {
        font-size: 0.9rem;
    }

    .user-form__fields {
        flex-direction: column;
        gap: 0;
    }

    .nav-arrows__title, .breadcrumb__link {
        max-width: 130px;
    }

    .video-lesson {
        gap: 10px;
        align-items: flex-start;
    }

    .video-lesson__media-content {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .video-lesson__thumbnail {
        flex-basis: auto;
        width: 100%;
    }
}

@media all and (max-width: 576px) {
    .manager-section {
        padding-top: 100px;
    }

    .nav-arrows__arrow {
        gap: 8px;
        font-size: 1rem;
    }

    .nav-arrows__icon {
        width: 24px;
    }

    .nav-arrows__title, .breadcrumb__link {
        max-width: 70px;
    }

    .video-progress {
        font-size: 1rem;
    }

    .title--lessons {
        margin-left: 46px;
    }

    .video-lesson {
        margin: 24px 0;
    }

    .video-lesson__description {
        display: none;
    }

    .resource-bottom__subtitle {
        margin-top: 8px;
    }

    .video-iframe-wrapper {
        min-height: 250px;
    }
}