@media screen and (max-width: 1400px) {
      .landing {
          max-width: 1000px;
      }

      .discover {
          max-width: 1000px;
      }

      .hotcoins {
          max-width: 1000px;
      }

      .launches {
          max-width: 1000px;
      }

      .explore {
          max-width: 1000px;
      }

      .chain p {
          font-size: 16px;
      }

      .keyless h2 {
          max-width: 1000px;
      }

      .inside {
          max-width: 1000px;
      }

      .learn {
          max-width: 1000px;
      }

      .joinus {
          max-width: 1000px;
      }

      .link {
          font-size: 14px;
      }

      .top {
          max-width: 1000px;
      }
  }

  @media screen and (max-width: 1000px) {
      .header nav {
          display: none;
      }

      .landing {
          flex-direction: column-reverse;
          margin-top: 0;
      }

      .landing img {
          width: 100%;
      }

      .landing .text {
          width: 90%;
          margin: 0 auto;
      }

      .landing .text h1 {
          font-size: 26px;
          margin-top: 15px;
      }

      .discover {
          width: 90%;
      }

      .discover h2 {
          font-size: 26px;
      }

      .hotcoins {
          width: 90%;
          flex-direction: column;
          gap: 40px;
      }

      .coins {
          padding: 20px;
          width: 100%;
      }

      .coinstats div {
          width: 80px;
      }

      .coinstats div:first-child {
          width: 150px;
      }

      .tags span:first-child {
          width: 150px;
      }

      .launches {
          width: 90%;
      }

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

      .explore {
          width: 90%;
      }

      .links {
          overflow: scroll;
          padding-bottom: 15px
      }

      .control {
          display: none;
      }

      .chainlist {
          overflow-x: scroll;
          padding-bottom: 10px;
      }

      .chain div p {
          text-wrap: nowrap;
      }

      .chain div span {
          text-wrap: nowrap;
      }

      .links a {
          text-wrap: nowrap;
      }

      .keyless h2 {
          width: 90%;
      }

      .inside {
          width: 90%;
          flex-direction: column;
          z-index: 1;
      }

      .aftermage {
          pointer-events: none;
          z-index: -1;
          opacity: 0.1;
      }

      .learn {
          width: 90%;
      }

      .threadlist {
          grid-template-columns: 1fr;
      }

      .joinus {
          width: 90%;
      }

      .join {
          grid-template-columns: 1fr;
      }

      .top {
          width: 90%;
          flex-direction: column;
          gap: 50px;
      }

      modal {
          width: 100%;
          height: 100%;
          border-radius: 0;
          justify-content: center;
      }
  }