@media (max-width: 860px) {
  .vs-header-inner {
    align-items: flex-start;
    flex-direction: column;
    padding: 14px 0;
  }

  .vs-nav {
    width: 100%;
  }

  .vs-nav a {
    flex: 1;
    text-align: center;
  }

  .vs-hero-grid,
  .vs-offer,
  .vs-grid,
  .vs-bio-wrap,
  .woocommerce-checkout form.checkout,
  .vs-order-bump {
    grid-template-columns: 1fr;
  }

  .woocommerce-checkout form.checkout {
    grid-template-areas:
      "details"
      "heading"
      "review";
  }

  .vs-order-bump-action strong {
    text-align: left;
  }

  .vs-portrait {
    min-height: 380px;
  }

  .vs-bio-photo,
  .vs-bio-photo img {
    min-height: 360px;
  }

  .vs-hero {
    padding-top: 34px;
  }
}