@media (max-width: 1024px) {
  .kk-section {
    padding: var(--kk-section-padding-tablet) 0;
  }

  .kk-site-header__inner {
    min-height: 82px;
  }

  .kk-site-header__nav,
  .kk-button--header {
    display: none;
  }

  .kk-menu-toggle {
    display: block;
  }

  .kk-mobile-nav:not([hidden]) {
    display: block;
  }

  .kk-hero-video__inner {
    padding-top: 112px;
  }

  .kk-portfolio-grid,
  .kk-news-grid,
  .kk-post-grid,
  .kk-site-footer__grid,
  .kk-shop-catalog ul.products {
    grid-template-columns: 1fr 1fr;
  }

  .kk-site-footer__grid {
    gap: 32px;
  }

  .kk-film-feature,
  .kk-film-single__grid,
  .kk-single-post__layout {
    grid-template-columns: 1fr;
  }

  .kk-page-entry__body {
    padding: 32px 28px;
  }

  .kk-portfolio-film-detail__grid,
  .kk-portfolio-more__grid {
    grid-template-columns: 1fr;
  }

  .kk-portfolio-film-detail__aside {
    position: static;
    gap: 22px;
  }

  .kk-portfolio-film-detail__meta-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kk-portfolio-more-card {
    min-height: 460px;
  }

  .kk-about-story-widget__layout,
  .kk-team-grid-widget__featured,
  .kk-filmmakers-widget__grid {
    grid-template-columns: 1fr;
  }

  .kk-team-grid-widget__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .kk-about-story-widget__media {
    position: static;
  }

  .kk-key-milestones__mini-nav-wrap {
    display: none;
  }

  .kk-key-milestones__pin-shell {
    display: block;
  }

  .kk-key-milestones__pin {
    overflow: visible;
  }

  .kk-key-milestones__viewport {
    overflow: visible;
  }

  .kk-key-milestones__track {
    padding: 12px 0 0;
  }

  .kk-key-milestones__progress {
    left: 18px;
    transform: none;
  }

  .kk-key-milestones__item,
  .kk-key-milestones__item.is-left,
  .kk-key-milestones__item.is-right {
    justify-content: flex-start;
  }

  .kk-key-milestones__item {
    margin-bottom: 52px;
  }

  .kk-key-milestones__card {
    width: 100%;
    max-width: none;
    padding-left: 48px;
  }

  .kk-key-milestones__dot {
    left: 18px;
    top: 28px;
  }

  .kk-gallery-carousel__image,
  .kk-gallery-carousel__placeholder {
    min-height: 420px;
  }

  .kk-film-feature__media,
  .kk-film-single__poster {
    min-height: 460px;
  }

  .kk-movie-card__body {
    align-items: start;
  }

  .kk-movie-card__details {
    max-width: 100%;
  }

  .kk-movie-card__actions {
    flex-basis: 100%;
  }

  .woocommerce-checkout .kk-page-entry__content form.checkout {
    grid-template-columns: 1fr;
  }

  .woocommerce-checkout .kk-checkout-sidebar {
    grid-column: 1;
    position: static;
    top: auto;
  }
}

@media (max-width: 767px) {
  .kk-container {
    width: min(100% - 32px, var(--kk-container));
  }

  .elementor .elementor-section.elementor-section-boxed > .elementor-container,
  .elementor .e-con-boxed > .e-con-inner {
    width: min(100% - 32px, var(--kk-container));
  }

  .kk-section {
    padding: var(--kk-section-padding-mobile) 0;
  }

  .kk-home-hero {
    min-height: 720px;
  }

  .kk-hero-video__inner {
    padding-top: 104px;
    padding-bottom: 48px;
  }

  .kk-hero-video__content {
    max-width: 100%;
  }

  .kk-hero-video__title {
    font-size: 34px;
  }

  .kk-about-intro__body {
    font-size: 28px;
  }

  .kk-about-story-widget__heading,
  .kk-team-gallery-widget__heading,
  .kk-team-grid-widget__heading,
  .kk-filmmakers-widget__heading,
  .kk-statement-cta-widget__title,
  .kk-key-milestones__heading {
    font-size: 34px;
  }

  .kk-about-story-widget__layout,
  .kk-filmmakers-widget__grid,
  .kk-team-grid-widget__grid {
    grid-template-columns: 1fr;
  }

  .kk-team-grid-widget__featured,
  .kk-team-grid-widget__grid {
    gap: 18px;
  }

  .kk-team-member--featured {
    flex-direction: column;
  }

  .kk-gallery-carousel__image,
  .kk-gallery-carousel__placeholder {
    min-height: 260px;
  }

  .kk-gallery-carousel__caption {
    flex-direction: column;
    gap: 2px;
  }

  .kk-gallery-carousel__nav {
    inset-inline: 8px;
  }

  .kk-team-member__avatar {
    width: 108px;
    height: 108px;
  }

  .kk-team-member--featured .kk-team-member__avatar {
    width: 180px;
    height: 180px;
  }

  .kk-key-milestones__header {
    margin-bottom: 32px;
  }

  .kk-key-milestones__description {
    font-size: 16px;
    line-height: 1.65;
  }

  .kk-key-milestones__card {
    padding-left: 42px;
  }

  .kk-key-milestones__card-inner {
    padding: 22px 20px 20px;
    border-radius: 22px;
  }

  .kk-key-milestones__year,
  .kk-key-milestones__year.is-compact {
    font-size: 42px;
  }

  .kk-key-milestones__title {
    font-size: 24px;
  }

  .kk-key-milestones__list li {
    font-size: 15px;
    line-height: 1.55;
  }

  .kk-section-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .kk-portfolio-grid,
  .kk-news-grid,
  .kk-post-grid,
  .kk-single-post__nav,
  .kk-site-footer__grid,
  .kk-shop-catalog ul.products {
    grid-template-columns: 1fr;
  }

  .kk-portfolio-card.is-large {
    grid-column: span 1;
    min-height: 360px;
  }

  .kk-hide-description-mobile-yes .kk-hero-video__description {
    display: none;
  }

  .kk-portfolio-card {
    min-height: 280px;
  }

  .kk-news-card {
    min-height: 240px;
  }

  .kk-news-card__title,
  .kk-post-card__title {
    font-size: 24px;
  }

  .kk-page-shell--default .kk-page-entry__title {
    font-size: 34px;
    line-height: 1;
  }

  .kk-page-entry__lede {
    font-size: 18px;
  }

  .kk-page-entry__hero {
    padding-bottom: 18px;
  }

  .kk-page-entry__media {
    margin-top: 28px;
  }

  .kk-site-footer {
    padding-top: 60px;
  }

  .kk-site-footer__bottom {
    margin-top: 36px;
  }

  .kk-shop-page {
    padding-top: 82px;
  }

  .kk-shop-hero {
    padding-bottom: 24px;
  }

  .kk-shop-hero__title,
  .kk-shop-catalog__title,
  .kk-portfolio-hero__title,
  .kk-portfolio-catalog__title,
  .kk-film-feature__title,
  .kk-film-single__title {
    font-size: 34px;
  }

  .kk-portfolio-film-hero {
    min-height: 520px;
  }

  .kk-portfolio-film-hero__inner {
    padding-top: 124px;
    padding-bottom: 40px;
  }

  .kk-portfolio-film-hero__title,
  .kk-portfolio-more__title {
    font-size: 34px;
  }

  .kk-film-feature__content,
  .kk-film-single__summary,
  .kk-film-single__tabs,
  .kk-movie-card__body,
  .kk-single-post__sidebar-inner {
    padding: 24px;
  }

  .kk-page-entry__body {
    padding: 24px 20px;
    border-radius: var(--kk-radius);
  }

  .kk-portfolio-film-detail__grid {
    gap: 30px;
  }

  .kk-portfolio-film-detail__meta-group {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .kk-portfolio-film-detail__facts,
  .kk-portfolio-film-detail__excerpt,
  .kk-portfolio-film-detail__body,
  .kk-portfolio-film-detail__status {
    margin-top: 22px;
    font-size: 16px;
  }

  .kk-portfolio-more__header {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
  }

  .kk-portfolio-more__button {
    width: 100%;
  }

  .kk-portfolio-more-card {
    min-height: 380px;
  }

  .kk-portfolio-more-card__content {
    inset-inline: 20px;
    bottom: 20px;
  }

  .kk-single-post__sidebar-inner {
    position: static;
  }

  .kk-single-post__sidebar-title {
    font-size: 24px;
  }

  .kk-film-feature__media,
  .kk-portfolio-index-card__media,
  .kk-movie-card__media,
  .kk-film-single__poster {
    min-height: 320px;
  }

  .kk-movie-card__title {
    font-size: 26px;
  }

  .kk-movie-card__inner {
    min-height: 0;
  }

  .kk-movie-card__body {
    gap: 18px;
    padding: 20px 22px 22px;
  }

  .kk-movie-card__purchase {
    font-size: 16px;
  }

  .kk-movie-card__price {
    font-size: 20px;
  }

  .kk-movie-card__trailer {
    min-height: 58px;
    padding: 14px 22px;
    font-size: 16px;
    width: 100%;
  }

  .kk-movie-card__trailer-icon {
    width: 30px;
    height: 30px;
  }

  .kk-film-feature__actions {
    align-items: stretch;
  }

  .kk-film-feature__actions .kk-button,
  .kk-film-feature__watch-link {
    width: 100%;
    justify-content: center;
  }

  .kk-video-modal__dialog {
    width: min(100% - 20px, 1100px);
    margin-top: 72px;
  }

  .kk-video-modal__close {
    top: -12px;
    right: -4px;
  }

  .woocommerce-checkout .woocommerce-billing-fields,
  .woocommerce-checkout .woocommerce-shipping-fields,
  .woocommerce-checkout .woocommerce-additional-fields,
  .woocommerce-checkout #order_review {
    padding: 22px;
  }

  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    grid-template-columns: 1fr;
  }

  .woocommerce-checkout .form-row-wide {
    grid-column: auto;
  }
}