/* Responsiveness */

@media (min-width: 700px) {
  .obj-sol-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: var(--s-sm);
    gap: var(--s-xl);
  }

  .detail-container {
    flex-direction: row;
  }

  .main-image-wrapper {
    gap: var(--s-lg);
  }

  .image-container-wrapper {
    display: flex;
    flex: 0 0 calc(50% - (var(--s-lg) / 2));
    flex-direction: column;
    position: relative;
    gap: var(--s-sm);
  }

  .detail-divider {
    width: 1px;
    height: 100%;
    border-left: 1px dotted hsla(0, 0%, 0%, 0.4);
  }

  .thumbnail-container-wrapper {
    display: flex;
    flex: 0 0 calc((100% / 3) - (var(--s-sm) / 1.5));
  }

  .footer-nav-label {
    font-size: var(--fs-md);
    line-height: var(--lh-md);
  }

  .footer-nav-title {
    font-size: var(--fs-lg);
    line-height: var(--lh-lg);
  }

  .footer-nav-indent-left {
    padding: 0 var(--s-xl);
  }

  .footer-nav-indent-right {
    padding: 0 var(--s-xl);
  }

  .footer-nav-icon {
    height: 24px;
    width: 24px;
  }
}