@media (max-width: 767px) {
    html,
    body {
        overflow-x: hidden;
    }

    .main-navbar .navbar-collapse.collapse.show,
    .main-nav .navbar-collapse.collapse.show {
        width: 100% !important;
        max-height: calc(100vh - 72px);
        overflow-y: auto;
    }

    .main-navbar .navbar-collapse.collapse:not(.show),
    .main-nav .navbar-collapse.collapse:not(.show) {
        display: none !important;
    }

    .main-navbar .navbar-collapse.collapse.show,
    .main-nav .navbar-collapse.collapse.show {
        display: flex !important;
        flex-direction: column;
    }

    .main-navbar .nav-menus-wrapper.collapse.show,
    .main-nav .nav-menus-wrapper.collapse.show {
        left: 0 !important;
        right: 0 !important;
    }

    .header.header-light .nav-menu > .nav-item > .nav-link {
        min-height: 48px;
        padding: .8rem .75rem !important;
        color: #0d3b66 !important;
        font-size: .95rem !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
    }

    .header.header-light .nav-menu > .nav-item > .nav-link .submenu-indicator {
        display: inline-flex;
        width: 18px;
        height: 18px;
        align-items: center;
        justify-content: center;
        color: #2d628d;
        font-size: 0;
    }

    .header.header-light .nav-menu > .nav-item > .nav-link .submenu-indicator i {
        font-size: .75rem;
    }

    .header.header-light .nav-dropdown {
        padding: 0 .75rem .35rem !important;
        background: #fff !important;
    }

    .learnup-home-page .main-navbar .nav-menu > .nav-item.is-open > .nav-dropdown {
        position: static;
        display: block !important;
    }

    .header.header-light .nav-dropdown li {
        border-bottom: 1px solid #d9e1e8;
    }

    .header.header-light .nav-dropdown li:last-child {
        border-bottom: 0;
    }

    .header.header-light .nav-dropdown a {
        display: flex !important;
        min-height: 56px;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        padding: .8rem .75rem !important;
        color: #315f8a !important;
        font-size: .94rem !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
        white-space: normal !important;
    }

    .header.header-light .nav-dropdown a::after {
        content: "\f285";
        flex: 0 0 auto;
        color: #315f8a;
        font-family: "bootstrap-icons";
        font-size: .78rem;
    }

    .header.header-light .nav-dropdown a:hover,
    .header.header-light .nav-dropdown a:focus-visible {
        color: #0d74d7 !important;
        background: #eef7ff !important;
        outline: 0;
    }

    .cart-layout,
    .checkout-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .cart-summary,
    .checkout-summary {
        position: static !important;
    }

    .cart-item {
        grid-template-columns: 104px minmax(0, 1fr) !important;
        align-items: start !important;
    }

    .cart-item__image {
        width: 104px !important;
    }

    .cart-item__remove {
        grid-column: 2;
        width: auto !important;
        height: auto !important;
        justify-content: start !important;
        border: 0 !important;
    }

    .checkout-course {
        grid-template-columns: 90px minmax(0, 1fr) !important;
        align-items: start !important;
    }

    .checkout-course img {
        width: 90px !important;
    }

    .checkout-course__price {
        grid-column: 2;
        white-space: normal !important;
    }
}

@media (max-width: 480px) {
    .cart-page,
    .checkout-page {
        padding-top: 2.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .cart-item {
        grid-template-columns: 84px minmax(0, 1fr) !important;
        gap: .7rem !important;
        padding: .85rem !important;
    }

    .cart-item__image {
        width: 84px !important;
    }

    .checkout-panel__body {
        padding: 1rem !important;
    }
}