@media screen and (max-width: 600px) {
    .first-letter {
        font-size: 2rem !important;
        width: 4rem;
        height: 4rem;
        padding: 0.5em;
        margin-inline: auto;
    }
    .profile-title {
        font-size: 1rem;
    }
    .certificate-table-header {
        display: none;
    }
    .table-list__row.certificate-item {
        display: flex;
        flex-flow: column nowrap;
        align-items: start;
    }
    .table-list__row.certificate-item .table-list__cell.certificate-link{
        align-self: flex-end;
        width: fit-content;
    }
    .subscription-info {
        margin-left: 0;
    }
    .c-body .navbar-brand {
        margin-top: 0;
    }
    .c-top-navbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }
    main {
        margin-top: 40px;
    }
    main.main-content-block {
        padding: 20px !important;
    }
    .app-main {
        width: 100%;
        padding-inline: .75rem;
    }
    .course-info,
    .course-page__grid,
    .last-lesson-box {
        grid-template-columns: 1fr;
    }
    .course-page__layout {
        flex-direction: column;
    }
    .course-page__back-row {
        order: 0;
    }
    .course-page__columns {
        order: 1;
        flex-direction: column;
        gap: 1.5rem;
    }
    .course-page__aside {
        order: 0;
        width: 100%;
        flex-basis: auto;
    }
    .course-page__main {
        order: 1;
        width: 100%;
    }
    .course-page__header {
        display: none;
    }
    .course-page__aside .course-page__title {
        display: block;
        font-size: 1.25rem;
        font-weight: 700;
    }
    .course-page__content {
        order: 2;
    }
    .course-page__content .module-list {
        order: 1;
    }
    .course-page__content .course-description {
        order: 2;
    }
    .last-lesson-box {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .last-lesson-box__content {
        padding: 1rem;
    }
    .last-lesson-box__media {
        min-height: 240px;
    }
    .content-grid--sidebar,
    .content-grid--two {
        grid-template-columns: 1fr;
    }
    .site-nav__toolbar {
        flex-wrap: wrap;
    }
    .site-nav__links {
        width: 100%;
    }
    .certificate-check__record {
        flex-direction: column;
        align-items: flex-start;
    }
    .certificate-check__label {
        min-width: 0;
    }
    .stack--lg {
        gap: 1rem;
    }
    .admin-notice__actions,
    .notice-panel__actions,
    .support-panel__actions {
        flex-direction: column;
    }
    .lesson-progress-card {
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
    }
    .course-card-container {
        margin-inline: auto;
    }
}
@media screen and (max-width: 767.98px) {
    .courses-page__layout {
        grid-template-areas:
            "filter-toggle"
            "courses-main";
    }

    .courses-page__layout--filters-open {
        grid-template-areas:
            "filter-toggle"
            "filter-sidebar"
            "courses-main";
    }

    .courses-page__filter-toggle-wrap {
        display: block;
    }

    .courses-page__sidebar {
        display: none;
    }

    .courses-page__layout--filters-open .courses-page__sidebar {
        display: block;
    }
    .checkout-page__grid {
        grid-template-columns: 1fr;
    }

    .checkout-card,
    .checkout-form {
        padding: 1.25rem;
    }

    .checkout-form__grid {
        grid-template-columns: 1fr;
    }

    .checkout-form__summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .multiwidget {
        flex-direction: column;
    }
}
@media screen and (max-width: 992px) {
    .lesson-page__header {
        margin-bottom: 1rem;
        gap: .5rem;
    }

    .lesson-page__title {
        font-size: 1.3rem;
    }

    .lesson-page__layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas:
            "content content"
            "prev next";
        gap: 1rem;
        align-items: start;
    }

    .lesson-page__content {
        grid-area: content;
        padding: 0;
        order: 0;
    }

    .lesson-nav {
        max-width: none;
        flex: none;
        width: 100%;
        border: 1px solid transparent;
    }

    .lesson-page__nav--prev {
        grid-area: prev;
    }

    .lesson-page__nav--next {
        grid-area: next;
    }

    .lesson-nav .nav-arrow {
        width: 56px;
        height: 56px;
    }

    .lesson-page__video-frame {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }

    .lesson-page__materials {
        margin-top: 0;
        padding-top: 0;
    }
    .profile-card {
        padding: 1.5rem;
    }
    .profile-info {
        flex-direction: column;
        gap: 1rem;
    }
}