@media only screen and (max-width: 992px) {
      /* lg */
      .container {
            padding: 0 72px;
      }
      .foot-container {
            padding: 40px 72px;
      }
      .foot-main {
            justify-content: flex-start;
            flex-direction: column;
      }
      .display-1 {
            font-size: 38px;
            line-height: 120%;
      }
      .fs-2 {
            font-size: 16px;
      }
      .text-content {
            font-size: 16px;
            line-height: 140%;
      }
      .py-2 {
            padding: 40px 0 40px 0;
      }
      .title h1 {
            font-size: 28px;
            font-weight: 600;
            line-height: 39.2px;
            margin-bottom: 10px;
      }
      .dn-lg {
            display: none;
      }

      /* ============================================================ Navbar: Start ============================================================ */
      .navbar {
            flex-direction: column;
      }
      .navbar a {
            display: none;
            padding: 15px 0;
            width: 100%;
      }
      .navbar .nav-button {
            padding: 0 0 20px 0;
      }
      .navbar button {
            width: 100%;
            margin-top: 10px;
            padding: 10px 0;
      }
      .navbar.expand a,
      .navbar.expand .nav-button {
            display: flex;
      }
      .navbar .nav-logo {
            width: 100%;
      }
      .navbar .nav-logo .hamburger {
            display: block;
            width: fit-content;
      }
      /* ============================================================ Navbar: End ============================================================ */

      /* ============================================================ Digital Art: Start ============================================================ */
      .heading {
            font-size: 38px;
            line-height: 120%;
      }
      .heading-button {
            margin-top: 20px;
      }
      /* ============================================================ Digital Art: Start ============================================================ */

      /* ============================================================ Top Creators: Start ============================================================ */
      #seven,
      #eight,
      #nine,
      #ten,
      #eleven,
      #twelve {
            display: none;
      }
      .creator {
            flex-direction: row;
      }
      .creator .info {
            text-align: left;
            padding-left: 20px;
      }
      .creator .profile {
            margin-bottom: 0px;
      }
      .creator .profile img {
            width: 60px;
      }
      /* ============================================================ Top Creators: End ============================================================ */

      /* ============================================================ Browse Categories: Start ============================================================ */
      .categories img {
            max-width: 148px;
      }
      .categories div span {
            padding-left: 20px;
      }
      /* ============================================================ Browse Categories : End ============================================================ */

      /* ============================================================ More NFTs : Start ============================================================ */
      #nft3 {
            display: none;
      }
      /* ============================================================ More NFTs : End ============================================================ */

      /* ============================================================ Auction: Start ============================================================ */
      .auction {
            padding: 360px 82px 60px;
      }
      .auction .details .about h1 {
            font-weight: 600;
            font-size: 38px;
            line-height: 120%;
      }
      /* ============================================================ Auction: End ============================================================ */

      /* ============================================================ How it works: Start ============================================================ */
      .cards {
            margin-top: 40px;
      }
      .card {
            padding: 30px 20px;
            max-width: 210px;
      }
      .card p {
            font-size: 12px;
      }
      /* ============================================================ How it works: End ============================================================ */

      /* ============================================================ Weekly Digest: Start ============================================================ */
      .weekly-digest {
            flex-wrap: nowrap;
            padding: 40px 30px;
      }
      .weekly-digest .photo img {
            width: 300px;
            height: 280px;
            object-fit: cover;
      }
      .weekly-digest .content {
            min-width: 200px;
      }
      .weekly-digest .content h1 {
            font-weight: 600;
            font-size: 28px;
            line-height: 140%;
            text-transform: capitalize;
      }
      .btn-input form {
            flex-direction: column;
            gap: 16px;
      }
      .btn-input input,
      .btn-input button {
            padding: 12px 20px;
            width: 100%;
      }
      .btn-input button {
            margin: 0;
      }
      /* ============================================================ Weekly Digest: End ============================================================ */

      /* ============================================================ Create Account: Start ============================================================ */
      .sign-up .form-sec {
            padding: 40px;
      }
      .form-sec h1 {
            font-weight: 600;
            font-size: 38px;
            line-height: 120%;
      }
      .sign-up .cover {
            max-width: 40%;
      }
      .sign-up .cover img {
            object-fit: cover;
      }
      .sign-up .input-field {
            display: flex;
            border-radius: 20px;
            width: fit-content;
            overflow: hidden;
            width: 100%;
      }
      /* ============================================================ Create Account: End ============================================================ */

      /* ============================================================ Artist Profile - Cover: Start ============================================================ */
      .cover-picture {
            height: 280px;
      }
      .cover-picture .profile-picture {
            left: 72px;
      }
      /* ============================================================ Artist Profile - Cover: End ============================================================ */

      /* ============================================================ Artist Profile - Details: Start ============================================================ */
      .artist-detail .highlight h1 {
            font-size: 38px;
            line-height: 120%;
      }
      /* ============================================================ Artist Profile - Cover: End ============================================================ */

      /* ============================================================ Artist Page - Nav-tabs: Start ============================================================ */
      .nav-tabs .menu-item div {
            font-size: 12px;
            line-height: 110%;
      }
      #icecream-ape,
      #dancing-robots,
      #cherry-blossom-girl {
            display: none;
      }
      /* ============================================================ Artist Page - Nav-tabs: End ============================================================ */

      /* ============================================================ NFT Page - Cover: Start ============================================================ */
      .nft-page-cover {
            height: 420px;
      }
      /* ============================================================ NFT Page - Cover: End ============================================================ */

      /* ============================================================ Orbitans: Start ============================================================ */
      .badges {
            flex-direction: column;
      }
      /* ============================================================ Orbitans: End ============================================================ */

      /* ============================================================ Rankings: Start ============================================================ */
      .content-label {
            padding: 12px 26px;
      }
      .sold {
            display: none;
      }
      .no {
            background-color: transparent;
            margin-right: 10px;
      }
      .person {
            gap: 12px;
      }
      .person img {
            width: 24px;
            height: 24px;
      }
      /* ============================================================ Rankings: End ============================================================ */
}