@media (min-width: 769px) {
     .responsive-container {
         width: 420px;
         margin: 0 auto;
     }

     .rectangle-2,
     .rectangle-1,
     .rectangle-3 {
         width: 50%;
         margin: 0 auto;
     }

     body::after {
         width: 28%;
         margin: 0 auto;
     }

     .ellipse,
     .ellipse1,
     .ellipse2 {
         width: 28%;
         margin: 0 auto;
         left: 50%;
         transform: translateX(-50%);
     }

     /* .nav {
                width: 28%;
                margin: 0 auto;
            } */

     .rectangle-2,
     .rectangle-4,
     .rectangle-3,
     .rectangle-1 {
         display: none;
     }

     .btn-join-now {
         width: 310px;
     }

     .popup-content {
         width: 50%;
     }

     .content-section {
         width: 420px;
         margin: 0 auto;
     }

     .nav-new {
         position: relative;
         padding: 15px 0px;
         background-color: #0c0c0c;
         z-index: 4;
         width: 420px;
         margin: 0 auto;
     }

     .login-btn {
         width: 310px !important;
     }
     body.scrolled::after{
      width: 420px;
     }

     .popup-content{
        width: 420px !important;
    left: 35% !important;
     }

 }