/* Mobile chrome: footer can grow; navbar stays visible at every width. */

@media screen and (max-width: 991px) {
  .n-navbar {
    height: auto !important;
    min-height: var(--size--56);
    overflow: visible !important;
    z-index: 1000001;
  }

  .n-navbar-content-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
  }

  .navbar-left-wrapper {
    max-height: none;
    overflow: visible;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
  }

  .n-navbar-right {
    min-width: auto;
    width: auto;
  }

  .lanscape-and-below,
  .landscape-and-below {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .n-test-item,
  .n-nav-left-decription {
    display: none;
  }

  .n-footer {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .n-footer-parent-wrapper {
    height: auto !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 1.5rem !important;
  }

  .n-footer-marquee-container {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    margin-top: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end;
    order: 2;
  }

  .n-footer-image-carousel-box {
    position: relative !important;
    inset: auto !important;
    width: min(70vw, 18rem) !important;
    min-width: 0 !important;
    margin-top: 0 !important;
  }

  .n-footer-bottom-qrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    gap: 2rem !important;
    order: 1;
  }

  .n-footer-top,
  .n-footer-right {
    width: 100%;
    min-width: 0;
  }

  .n-footer-top {
    padding-top: 0;
  }
}

@media screen and (max-width: 479px) {
  .n-footer {
    height: auto !important;
    overflow: visible !important;
  }

  .n-footer-parent-wrapper {
    height: auto !important;
    justify-content: flex-start !important;
  }

  .n-footer-marquee-container {
    position: relative !important;
    height: auto !important;
    margin-top: 1.25rem !important;
    order: 2;
  }

  .n-footer-image-carousel-box {
    position: relative !important;
    inset: auto !important;
    width: min(78vw, 20rem) !important;
  }

  .n-footer-bottom-qrapper {
    order: 1;
  }
}