/* responsive styles */
@media (max-width: 1024px) {
    .home-grid--three,
    .home-grid--four,
    .home-grid--two,
    .home-hero__inner,
    .home-vip-guide__inner,
    .archive-layout,
    .archive-grid,
    .user-center-layout,
    .user-center-grid,
    .submit-grid,
    .single-header__main,
    .single-header__overview,
    .single-content__sections,
    .single-related__grid,
    .home-featured__summary,
    .home-featured__layout,
    .home-hero__entry-grid {
        grid-template-columns: 1fr;
    }

    .home-latest__summary {
        flex-direction: column;
    }

    .home-featured__item--lead .srk-card__thumb img,
    .home-featured__item--lead .srk-card__thumb,
    .home-featured__item--support .srk-card__thumb img,
    .home-featured__item--support .srk-card__thumb {
        min-height: 220px;
    }

    .home-latest__stack-item .srk-card {
        grid-template-columns: 96px minmax(0, 1fr);
    }

    .home-latest__stack-item .srk-card__thumb,
    .home-latest__stack-item .srk-card__thumb img {
        width: 96px;
        min-height: 76px;
    }

    .single-download-box__meta-grid,
    .single-download-box__notes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .home-section__header,
    .single-meta,
    .single-header__summary-meta,
    .single-header__meta-row,
    .single-download-box__header,
    .single-download-box__actions,
    .single-related__header,
    .home-latest__summary {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-hero__actions,
    .single-download-box__buttons,
    .single-related__strategy,
    .single-download-box__line-main,
    .user-post-card__topline,
    .home-featured__summary-tags,
    .home-hero__bridge-flow,
    .home-latest__stack-header,
    .home-latest__stack-item-meta {
        flex-direction: column;
        align-items: stretch;
    }

    .home-hero__meta-grid {
        grid-template-columns: 1fr;
    }

    .home-hero__meta-card,
    .home-hero__subcard,
    .home-hero__entry-card,
    .home-featured__summary-main,
    .home-featured__summary-tags,
    .home-latest__summary,
    .home-hero__bridge,
    .home-latest__stack {
        padding: 16px;
    }

    .home-latest__stack-item {
        padding: 12px 0;
    }

    .home-featured__summary-tags span,
    .srk-card__resource-strip span,
    .srk-card__text-link,
    .srk-card__meta span,
    .home-hero__bridge-label,
    .home-latest__stack-label {
        width: 100%;
        justify-content: center;
    }

    .home-latest__stack-item .srk-card {
        grid-template-columns: 1fr;
    }

    .home-latest__stack-item .srk-card__thumb,
    .home-latest__stack-item .srk-card__thumb img {
        width: 100%;
    }

    .single-header__content,
    .single-header__cover,
    .single-header__overview-item,
    .single-download-box__meta-item,
    .single-download-box__note-item,
    .single-content__panel,
    .single-related__header,
    .single-download-box__inner,
    .single-content__body,
    .single-content__section,
    .single-download-box__line-item {
        padding: 16px;
    }

    .single-content__panel,
    .single-content__body,
    .single-content__section {
        padding: 14px;
    }

    .single-content__panel-head,
    .single-content__list,
    .single-content__summary {
        gap: 6px;
    }

    .single-content__sections {
        gap: 12px;
    }

    .single-content__title {
        font-size: 24px;
        line-height: 1.35;
    }
    .single-download-box__notes {
        grid-template-columns: 1fr;
    }

    .single-download-box__status-group {
        width: 100%;
        justify-items: start;
    }

    .single-download-box__permission-strip,
    .single-header__tags,
    .single-meta {
        gap: 8px;
    }

    .single-meta__item,
    .single-download-box__permission-item,
    .single-related__strategy-item,
    .single-download-box__badge {
        width: 100%;
        justify-content: center;
    }

    .single-related__intro,
    .single-download-box__desc,
    .single-download-box__action-tip {
        font-size: 14px;
        line-height: 1.7;
    }

    .user-posts-summary,
    .user-posts-toolbar,
    .user-posts-workflow,
    .user-posts-guide-grid,
    .user-posts-switcher,
    .user-posts-workbench-strip,
    .user-vip-overview,
    .user-quick-links-grid {
        grid-template-columns: 1fr;
    }
}