@media screen and (max-width: 1100px) {
    body#cc #outerrim.site-shell {
        width: min(100% - 24px, 100%);
    }

    body#cc .site-layout,
    body#cc .site-layout.left-right-sidebar,
    body#cc .site-layout.left-right-template,
    body#cc .site-layout.archive-width,
    body#cc .site-layout.full-width,
    body#cc .site-layout.full-search-width {
        grid-template-columns: 1fr;
    }

    body#cc .header-widgets__grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 900px) {
    body#cc {
        font-size: 17px;
    }

    body#cc #header.site-header {
        margin-top: 16px;
    }

    body#cc .site-header__topbar,
    body#cc .site-header__inner,
    body#cc #access.site-header__navigation,
    body#cc .header-widgets,
    body#cc .content-panel,
    body#cc .site-footer__inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    body#cc .menu-toggle {
        display: inline-flex !important;
        align-self: flex-start;
        min-height: 48px;
        padding: 0 16px;
        border-radius: 16px;
        box-shadow: 0 10px 24px rgba(28, 84, 94, 0.12);
    }

    body#cc #site-navigation {
        display: none !important;
        width: 100%;
        margin-top: 8px;
        padding: 14px;
        border: 1px solid rgba(12, 105, 114, 0.14);
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(239, 247, 248, 0.96));
        box-shadow: 0 18px 36px rgba(28, 84, 94, 0.12);
    }

    body#cc #site-navigation.is-open {
        display: block !important;
    }

    body#cc #site-navigation ul,
    body#cc .menu-header ul,
    body#cc .albertheme-utility-nav ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: 10px;
    }

    body#cc #site-navigation a,
    body#cc .albertheme-utility-nav a {
        width: 100%;
        justify-content: flex-start;
        min-height: 52px;
        padding: 12px 14px;
        border: 1px solid rgba(12, 105, 114, 0.12);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 8px 18px rgba(28, 84, 94, 0.06);
        line-height: 1.35;
    }

    body#cc .menu-bar,
    body#cc .pagination,
    body#cc .navigation,
    body#cc .postmetadata {
        flex-direction: column;
        align-items: stretch;
    }

    body#cc .menu-bar {
        gap: 10px;
        padding: 12px;
        border-radius: 24px;
    }
}

@media screen and (max-width: 680px) {
    body#cc #outerrim.site-shell {
        width: min(100% - 16px, 100%);
    }

    body#cc p,
    body#cc li,
    body#cc td,
    body#cc th {
        font-size: 0.95rem;
        line-height: 1.65;
    }

    body#cc .site-header__identity {
        grid-template-columns: 10px minmax(0, 1fr);
        gap: 14px;
    }

    body#cc .site-title,
    body#cc .site-title a {
        font-size: 1.7rem;
        line-height: 1.12;
    }

    body#cc .content-panel {
        padding: 26px 18px;
    }

    body#cc .content-panel:before {
        width: 6px;
    }

    body#cc .post-card__meta,
    body#cc .post-card__header,
    body#cc .post-card__entry {
        padding-left: 18px;
        padding-right: 18px;
    }

    body#cc .postmetadata {
        margin-left: 18px;
        margin-right: 18px;
    }

    body#cc .site-sidebar .widget,
    body#cc .header-widgets__full,
    body#cc .header-widgets__grid > .widgetarea {
        padding: 18px;
    }

    body#cc #site-navigation {
        padding: 12px;
    }

    body#cc #site-navigation ul,
    body#cc .menu-header ul {
        grid-template-columns: 1fr;
    }

    body#cc #site-navigation a {
        min-height: 50px;
        padding: 11px 13px;
        font-size: 0.98rem;
    }
}

@media screen and (max-width: 980px) {
    body#cc #cc_slider-top,
    body#cc [id^="cc_slider"].cc_slider {
        margin-bottom: 22px;
    }

    body#cc #cc_slider-top .featured,
    body#cc [id^="featured"] {
        display: block !important;
    }

    body#cc #cc_slider-top .featured .ui-tabs-panel,
    body#cc [id^="cc_slider"].cc_slider .featured .ui-tabs-panel,
    body#cc #cc_slider-top ul.ui-tabs-nav.span4.offset1,
    body#cc [id^="featured"] > ul.ui-tabs-nav.span4.offset1 {
        width: 100% !important;
        min-height: 0;
        margin-left: 0 !important;
        max-width: 100%;
        float: none !important;
    }

    body#cc #cc_slider-top .featured .ui-tabs-panel,
    body#cc [id^="cc_slider"].cc_slider .featured .ui-tabs-panel,
    body#cc #cc_slider-top .featured .ui-tabs-panel.span8,
    body#cc [id^="cc_slider"].cc_slider .featured .ui-tabs-panel.span8 {
        width: 100% !important;
        height: auto;
        min-height: 420px;
    }

    body#cc #cc_slider-top .featured .ui-tabs-panel[aria-hidden="false"],
    body#cc [id^="cc_slider"].cc_slider .featured .ui-tabs-panel[aria-hidden="false"] {
        display: block !important;
    }

    body#cc #cc_slider-top ul.ui-tabs-nav.span4.offset1,
    body#cc [id^="featured"] > ul.ui-tabs-nav.span4.offset1 {
        display: none !important;
    }

    body#cc #cc_slider-top ul.ui-tabs-nav.span4.offset1 li,
    body#cc [id^="featured"] > ul.ui-tabs-nav.span4.offset1 li {
        flex: 0 0 auto;
        min-width: 0;
    }

}

@media screen and (max-width: 640px) {
    body#cc #cc_slider-top .featured,
    body#cc [id^="featured"] {
        display: block !important;
    }

    body#cc #cc_slider-top .featured .ui-tabs-panel,
    body#cc [id^="cc_slider"].cc_slider .featured .ui-tabs-panel,
    body#cc #cc_slider-top .featured .ui-tabs-panel img,
    body#cc [id^="cc_slider"].cc_slider .featured .ui-tabs-panel img {
        min-height: 0;
    }

    body#cc #cc_slider-top .featured .ui-tabs-panel,
    body#cc [id^="cc_slider"].cc_slider .featured .ui-tabs-panel {
        display: block;
        height: auto;
        overflow: visible;
        border-radius: 22px;
    }

    body#cc #cc_slider-top .featured .ui-tabs-panel > a,
    body#cc [id^="cc_slider"].cc_slider .featured .ui-tabs-panel > a {
        display: block;
        height: auto;
    }

    body#cc #cc_slider-top .featured .ui-tabs-panel img,
    body#cc [id^="cc_slider"].cc_slider .featured .ui-tabs-panel img {
        width: 100%;
        height: auto;
        max-height: none;
        aspect-ratio: 16 / 10;
        object-fit: cover;
        border-radius: 22px 22px 0 0;
    }

    body#cc #cc_slider-top .info.span8,
    body#cc [id^="cc_slider"].cc_slider .info.span8 {
        position: static;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 0;
        max-width: none;
        padding: 18px 18px 20px;
        border-radius: 0 0 22px 22px;
        backdrop-filter: none;
        background: linear-gradient(180deg, rgba(28, 57, 66, 0.92), rgba(46, 79, 89, 0.96));
        box-shadow: none;
    }

    body#cc #cc_slider-top .info.span8 h2,
    body#cc [id^="cc_slider"].cc_slider .info.span8 h2 {
        margin-bottom: 12px;
        font-size: 1.08rem;
        line-height: 1.16;
        text-wrap: pretty;
    }

    body#cc #cc_slider-top .info.span8 p,
    body#cc [id^="cc_slider"].cc_slider .info.span8 p {
        max-width: none;
        font-size: 0.95rem;
        line-height: 1.6;
        -webkit-line-clamp: 4;
    }

    body#cc #cc_slider-top .info.span8 .slider-more-button,
    body#cc [id^="cc_slider"].cc_slider .info.span8 .slider-more-button {
        min-height: 42px;
        margin-top: 14px;
        padding: 0 18px;
        font-size: 0.95rem;
    }

    body#cc #cc_slider-top ul.ui-tabs-nav.span4.offset1,
    body#cc [id^="featured"] > ul.ui-tabs-nav.span4.offset1 {
        display: none !important;
    }
}