@media screen and (max-width:1918px) {
    .m-navbar{
        display: none;
    }
    .pack{
        width: 100%;
        max-width: 100%;
    }
    .vp-size{
        width: 100%;
        max-width: 100%;
        height: 56.19vw;
    }
  


/* ////////////////////////            navbar */
.navbar
{
    
height: 12.4vw;
    max-width: 100%;
    width: 100%;

}




.nav-line img{
    width: 12.4vw;
    height: 12.4vw;
}

.line2 {
    width: 9.99vw;
    height:1.30vw;
    margin-left: 9.22vw;
}

.line3{
    margin-left: 4.84vw;
    }


.line4 {
    height: 1.30vw;
    width: 6.55vw;
    margin-left: 5.16vw;
}
.line5{
    height: 1.30vw;
    width: 7.54vw;
    margin-left: 9.01vw;
} 
.nav-line ul li a{
font-size: 1.30vw;
}


/*       SHOWCASE       */



.container{
    width: 68.82vw;
}
.content{
    margin-top: 3.48vw;
    width: 28.48vw;
    
 
}
.content h3{
    font-size: 1.25vw;
}
.content p{
    font-size: 1.041vw;
}
.content  a .btn{

    margin-top: 1.66vw; 
    width: 24.42vw;
    height: 4.32vw;
    font-size: 1.66vw;
}
.immg{
    text-align: center;    
    z-index: 0;
    
}

.immg img{
   
    width: 55.16vw;
    height: 31.49vw;
margin-top: -1.33vw;
    
}



/*        About    */

.about{
    height: 23.20vw;
    width: 55.47vw;
}

.about h1{
    color: #707070;
    font-size: 2.08vw;

    padding-top: 5.42vw;
    
}
.about-content{
    width: 100%;
    margin: 1.147vw auto;
    height: 1.09vw;

}
.about-content p{
    
    font-size: 1.147vw;
    padding-left: 1.04vw;
    
}

/* artist profile */

.artist-profile{ 
    height: 24.60vw;
}

.profile-area{
    width: 68.71vw; 
    margin: 6.04vw auto 0px auto;
}


.profile-img{
    
margin-top: 3.64vw;
padding-left: 0.260vw;
      
}
.pp{
    font-size: 0.93vw; 
    font-family: Bahnschrift;
}
.left img{
    margin-top: 0.521vw;

    height: 13.19vw;
    width: 13.19vw;
}
.upper img{
    margin-top: 1.56vw;

margin-left:0.260vw;
margin-right: 0.260vw;
height: 2.81vw;
width: 2.81vw;
}
.lower{
    margin-top: 0.521vw;
}
.lower img{

margin-left:0.260vw;
margin-right: 0.260vw;
height: 2.81vw;
width: 2.81vw;
}
.right{
    margin-top: 2.08vw;
    margin-left: 1.56vw;
}
.right p{
    font-size: 0.83vw;
    
}
.right span{
    
    font-size: 1.30vw;
}


.profile-description{

    margin-top: 2.08vw;
}

.profile-description h1{
    font-size: 2.08vw;
   
}
.profile-description p{
    
    margin-top: 1.51vw;
    font-size: 1.14vw;
padding-left: 1.04vw;

}


/* road map */
/* road map */

.side-line a{
    font-size: 0.72vw;
}
.side-line p{
    
    font-size: 1.14vw;
    margin-left: 1.04vw;
    padding-top: 1.30vw;
    padding-bottom: 1.04vw;
    

}
.side-line p p{
    font-size: 0.93vw;
}
.side-line p a{
    font-size: 1.14vw;
}
.single-line p{
    
    padding-top: 0.78vw;
    font-size: 1.14vw;
    margin-left: 1.04vw;
    padding-bottom: 1.56vw;
}
.c{
    margin-top: 0.208vw;
}
.cc{
    margin-top: -0.417vw;
}
.circle 
{

    width: 0.93vw;
    height: 0.93vw;
    
    border-radius: 10px;
    
}
.roadmap h1{
    margin-top: 2.60vw;
    
    font-size: 2.08vw;
    padding-top: 2.81vw;
    
    margin-bottom: 1.30vw;
}
.roadmap h3{

    margin-left: 0.417vw;
    font-size: 1.56vw;

}

.side-line ol li{
    font-size: 1.14vw;
}

.side-line ol li a{
  
    font-size: 0.93vw

}

b{
    font-size: 1.14vw
}

.scndpack{
    width: 68.82vw;

}

/* ///////////////////       Links     ///////////////////// */

  .main-area h1{
      margin-top: 5.20vw;
    
      font-size: 2.08vw;
      
            margin-bottom: 2.81vw;
      margin-left: 0.52vw;
  
  }
  
  .links p{
  
      font-size: 1.56vw;
  
  }
  .links .twiter{

      width: 21.25vw;
      height: 6.51vw;
      
      margin-right: 2.5vw;
  }
  .links .twiter img{
    width: 6.08vw;
    height: 6.08vw;
  }
  .links .discord{

  width: 21.25vw;
  height: 6.51vw;
  
  }
  .links .discord img{
      height: 3.54vw;
      width: 3.54vw;
  }
  .links .opensea{

  
  width: 21.25vw;
  height: 6.51vw;

  border-radius: 63px;
  margin-left: 2.5vw;
  }
  .links .opensea img{
    height: 3.59vw;
    width: 3.22vw;
  }

  /* pics */

.pics{
    margin-top: 8.23vw;

}
.line-1 img{
margin-left: 0.208vw;
margin-top: 0.208vw;
    width: 22.57vw;
    height: 22.57vw;
}
.lin2{

    width: 68.82vw;
    margin-top: 0.208vw;
}
.blur{
    width:22.57vw;
    height: 22.57vw;
    margin-left: 0.208vw;
}
.blur2{
    width:22.57vw;
    height: 22.57vw;
    margin-left: 22.88vw;
    
}
.blur3{
    width:22.57vw;
    height: 22.57vw;
    margin-left: 22.83vw;
}

/* footer */
.footer{
    width: 100%;
max-width: 100%;
height:10.18vw;
}
.fc{
    width: 68.82vw; 
    
    height: 9.12vw;


}
.i p{
    
font-size:14px;
margin-top: 1.45vw;
}


.i img{
    height: 7.50vw;
    width: 5.21vw;
    margin-top: 3.8vw;
    margin-right: 1.51vw;
    margin-left: 0.15vw;
}



.fleft{
    width: 48%;
    margin-left: 0.10vw;
}
.fright{
    margin-right: 0.41vw;
    color: #707070;
}
.fright p{

    font-size: 16px;
}



.checking {
    width: 10px;
    height: 9.1vw;
    background: #00acee;
    margin-left: 100px;
}
}

/* @media screen and (max-width:1550px){

    .navbar
{
height: 12.4vw;
    max-width: 100%;
    width: 100%;
}
.nav-line img{
    width: 12.4vw;
    height: 12.4vw;
}

/* .footer{
    width: 100%;
max-width: 100%;
height:9.1vw;

}
.i img{
    height: 7.5vw;
    width: 6.1vw;
    margin-top:-0.51vw;
} */




/* 1366 width                       */




@media screen and (max-width:1366px) {
    .m-navbar{
        display: none;
    }
    .pack{
        width: 100%;
        max-width: 100%;
    }
    .vp-size{
        width: 100%;
        max-width: 100%;
        height: auto;
    }
  


/* ////////////////////////            navbar */
.navbar
{
    
height: 14.72vw;
    max-width: 100%;
    width: 100%;

}
ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
   
}
.nav-line img{
    width: 14.72vw;
    height: 14.72vw;
}
.line1{
    height:1.24vw;
}

.line2 {
    width: 12.4vw;
    height:1.24vw;
    margin-left: 0vw;
}

.line3{
    margin-left: 0vw;
    }


.line4 {
    height:1.24vw;
    width: 8.05vw;
    margin-left: 0vw;
}
.line5{
    height:1.24vw;
    width: 9.25vw;
    margin-left: 0vw;
} 
.nav-line ul li a{
font-size: 1.6vw;
}


/*       SHOWCASE       */



.container{
    width: 81.66vw;
    margin: auto;
}
.content{
    margin-top: 5.40vw;
    width: 36.68vw;
    
 
}
.content h3{
    font-size: 1.5vw;
}
.content p{
    font-size: 1.2vw;
}
.content  a .btn{

    margin-top: 1.66vw; 
    width: 26.42vw;
    height: 4.32vw;
    font-size: 1.90vw;
}
.immg{
    text-align: center;    
    z-index: 0;
    
}

.immg img{
   
    width: 65vw;
    height: 35.49vw;
margin-top: 0vw;
margin-bottom: -1px;
    
}



/*        About    */

.about{
    height: 23.20vw;
    width: 65.0vw;
}

.about h1{
    font-size: 2.56vw;
    padding-top: 5.42vw;
    
}
.about-content{
    width: 100%;
    margin: 1.147vw auto;
    height: 1.09vw;

}
.about-content p{
    
    font-size: 1.31vw;
    padding-left: 1.04vw;
    
}

/* artist profile */

.artist-profile{ 
    height: 24.60vw;
}

.profile-area{
    width: 81.66vw; 
    margin: 6.04vw auto 0px auto;
}


.profile-img{
    
margin-top: 4.34vw;
padding-left: 0.260vw;
      
}

.left img{
    margin-top: 0.521vw;

    height: 15.19vw;
    width: 15.19vw;
}
.upper img{
    margin-top: 1.76vw;

margin-left:0.360vw;
margin-right: 0.360vw;
height: 3.31vw;
width: 3.31vw;
}
.lower{
    margin-top: 0.521vw;
}
.lower img{

margin-left:0.360vw;
margin-right: 0.360vw;
height: 3.31vw;
width: 3.31vw;
}
.right{
    margin-top: 2.08vw;
    margin-left: 1.56vw;
}
.right p{
    font-size: 0.98vw;
    
}
.pp{
    font-size: 1.09vw;
}
.right span{
    
    font-size: 1.6vw;
}


.profile-description{

    margin-top: 2.08vw;
}

.profile-description h1{
    font-size: 2.56vw;
   
}
.profile-description p{
    
    margin-top: 1.51vw;
    font-size: 1.4vw;
padding-left: 1.04vw;

}


/* road map */
/* road map */

.side-line{
    border-left: 0.5px solid #bfbebb;
    margin-left: 0.4393vw;
    
}
.side-line a{
    font-size: 0.87vw;
}
.side-line p{
    
    font-size: 1.31vw;
    margin-left: 1.04vw;
    padding-top: 1.30vw;
    padding-bottom: 1.04vw;
    

}
.side-line p p{
    font-size: 1.09vw;
}
.side-line p a{
    font-size: 1.31vw;
}
.single-line p{
    
    padding-top: 0.78vw;
    font-size: 1.31vw;
    margin-left: 1.5vw;
    padding-bottom: 1.56vw;
}

.c{
    margin-top: 0.208vw;
}
.cc{
    margin-top: -0.417vw;
}
.circle 
{

    width: 0.93vw;
    height: 0.93vw;
    
    border-radius: 10px;
    
}
.roadmap h1{
    margin-top: 2.60vw;
    
    font-size: 2.56vw;
    padding-top: 2.81vw;
    
    margin-bottom: 1.30vw;
}
.roadmap h3{

    margin-left: 0.417vw;
    font-size: 1.8vw;

}

.side-line ol li{
    font-size: 1.31vw;
}

.side-line ol li a{
  
    font-size: 1.09vw

}

b{
    font-size: 1.31vw
}

.scndpack{
    width: 81.66vw;

}

/* ///////////////////       Links     ///////////////////// */

  .main-area h1{
      margin-top: 5.20vw;
    
      font-size: 2.56vw;
      
            margin-bottom: 2.81vw;
      margin-left: 0.52vw;
  
  }
  
  .links p{
  
      font-size: 1.75vw;
  
  }
  .links .twiter{

      width: 21.25vw;
      height: 6.51vw;
      
      margin-right: 2.5vw;
  }
  .links .twiter img{
    width: 6.08vw;
    height: 6.08vw;
  }
  .links .discord{

  width: 21.25vw;
  height: 6.51vw;
  
  }
  .links .discord img{
      height: 3.54vw;
      width: 3.54vw;
  }
  .links .opensea{

  
  width: 21.25vw;
  height: 6.51vw;

  border-radius: 63px;
  margin-left: 2.5vw;
  }
  .links .opensea img{
    height: 3.59vw;
    width: 3.22vw;
  }

  /* pics */

.pics{
    margin-top: 8.23vw;

}
.line-1 img{
margin-left: 0.208vw;
margin-top: 0.208vw;
    width: 22.57vw;
    height: 22.57vw;
}
.lin2{

    width: 68.82vw;
    margin-top: 0.208vw;
}
.blur{
    width:22.57vw;
    height: 22.57vw;
    margin-left: 0.208vw;
}
.blur2{
    width:22.57vw;
    height: 22.57vw;
    margin-left: 22.89vw;
    
}
.blur3{
    width:22.57vw;
    height: 22.57vw;
    margin-left: 22.9vw;
}

/* footer */
.footer{
    width: 100%;
max-width: 100%;
height:10.18vw;
}
.fc{
    width: 68.82vw; 
    
    height: 9.12vw;


}
.i p{
    
font-size:14px;
margin-top: 1.45vw;
}


.i img{
    height: 7.50vw;
    width: 5.21vw;
    margin-top: 3.8vw;
    margin-right: 1.51vw;
    margin-left: 0.15vw;
}



.fleft{
    width: 48%;
    margin-left: 0.10vw;
}
.fright{
    margin-right: 0.41vw;
    color: #707070;
}
.fright p{

    font-size: 16px;
}
}

@media screen and (max-width:1200px) {
    .m-navbar{
        display: none;
    }

    .fright p{

    font-size: 14px;
}
}
@media screen and (max-width:1044px) {
    .m-navbar{
        display: none;
    }
    .i p{
    
        font-size:12px;
    }
    .fright p{

    font-size: 12px;
}
}
@media screen and (max-width:894px) {
    .m-navbar{
        display: none;
    }
    
    .fright{
 width: 40%;
}
        .i p
        {
    
            font-size:12px;
        }
        .fright p{
    
        font-size: 12px;
    }
}
@media screen and (max-width:854px) {
    .m-navbar{
        display: none;
    }
    .blur2{
        margin-left: 22.95vw;
    }
    .blur3{
        margin-left: 22.96vw;
    }
}
@media screen and (max-width:794px) {


    .about-content p{
        font-size: 1.63vw;
    }

    .right p{
    font-size: 1.3vw;
    
}
.pp{
    font-size: 1.5vw;
}
.right span{
    
    font-size: 2.0vw;
}
    .profile-description p{
        font-size: 1.53vw; 
    }
}

@media screen and (max-width:764px) {
    .m-navbar{
        display: none;
    }
    
        .i p
        {
            font-size:1.57vw;
        }
        .fright p{
        font-size: 1.57vw;
    }
}

































@media screen and (max-width:500px) {
    
    .navbar{
        display: none;
    }

    .m-navbar{
        display: block;
        top: 0px;
        left: 0px;
        height: 40vw;
            max-width: 100%;
            width: 100%;
            margin: auto;
        background: #000000 0% 0% no-repeat;
        color: antiquewhite;
        text-align: center;
        opacity: 1;
    }
    .m-navbar img{
        width: 22vw;
        height: 22vw;
    }
    .m1 ul li{
        list-style: none;
    }
    .m2 ul li{
        list-style: none;
    }
    .m1 ul li a{
        text-decoration: none;
        text-transform: uppercase;
        color: #707070;
    font-size: 5vw;
    font-family: Summer Square, Regular;
    }
    .m2 ul li a{
        text-decoration: none;
        text-transform: uppercase;
    color: #707070;
    font-size: 5vw;
    font-family: Summer Square, Regular;
    }
    .m1{
        width: 81.8vw;
        margin: auto;
        margin-top: 2vw;
    }

    .m2{
        width: 81.8vw;
        margin: auto;
        margin-top: 2vw;
    }


   /*       SHOWCASE       */



.container{
    width: 81.66vw;
    margin: auto;
}
.content{
    margin-top: 7.4vw;
    width: 88.68vw;
    
 
}
.content h3{
    font-size: 3.5vw;
}
.content p{
    font-size: 2.8vw;
}
.content  a .btn{

    margin-top: 2.66vw; 
    width: 60.42vw;
    height: 9.32vw;
    font-size: 3.3vw;
}


/*        About    */

.about{
    height: 107.20vw;
    width: 65.0vw;
}

.about h1{
    font-size: 5vw;
    padding-top: 11vw;
    
}
.about-content{
    width: 100%;
    margin: 3.147vw auto;
    height: 1.09vw;

}
.about-content p{
    
    font-size: 3.5vw;
    padding-left: 2.04vw;
    
}
/* artist profile */

.artist-profile{ 
    height: 100%;
}

.profile-area{
    width: 81.66vw; 
    margin: auto;
    flex-direction: column;
    align-items:center;
}


.profile-img{
    
    margin-top: 10vw;
padding-left: 0.260vw;
width: 100%;
      
}

.left img{
    margin-top: 0.921vw;

    height: 29.19vw;
    width: 29.19vw;
}
.upper img{
    margin-top: 1.76vw;

margin-left:1.360vw;
margin-right: 1.360vw;
height: 8.31vw;
width: 8.31vw;
}
.lower{
    margin-top: 0.521vw;
}
.lower img{

    margin-left:1.360vw;
    margin-right: 1.360vw;
    height: 8.31vw;
    width: 8.31vw;
}
.right{
    margin-top: 2.08vw;
    margin-left: 1.56vw;
}
.right p{
    font-size: 2.98vw;
    
}
.pp{
    font-size: 3.09vw;
}
.right span{
    
    font-size: 4.5vw;
}


.profile-description{

    margin-top: 10vw;
    width: 100%;
    padding-bottom: 20px;
}

.profile-description h1{
    font-size: 5vw;
   
}
.profile-description p{
    
    margin-top: 1.51vw;
    font-size: 3.5vw;
padding-left: 2.04vw;

}

/* road map */

.side-line{
    border-left: 0.5px solid #bfbebb;
    margin-left: 1vw;
    
}
.side-line a{
    font-size: 3vw;
}
.side-line p{
    
    font-size: 3.5vw;
    margin-left: 2.04vw;
    padding-top: 1.30vw;
    padding-bottom: 2.04vw;
    

}
.side-line p p{
    font-size: 3.09vw;
}
.side-line p a{
    font-size: 3.31vw;
}
.single-line p{
    
    padding-top: 0.78vw;
    font-size: 3.5vw;
    margin-left: 3.7vw;
    padding-bottom: 1.56vw;
}

.c{
    margin-top: 0.208vw;
}
.cc{
    margin-top: -0.417vw;
}
.circle 
{

    width: 2vw;
    height: 2vw;
    
    border-radius: 10px;
    
}
.roadmap h1{
    margin-top: 2.60vw;
    
    font-size: 5vw;
    padding-top: 2.81vw;
    
    margin-bottom: 1.30vw;
}
.roadmap h3{

    margin-left: 1.417vw;
    font-size: 4vw;

}

.side-line ol li{
    font-size: 3.3vw;
}

.side-line ol li a{
  
    font-size: 3vw

}

b{
    font-size: 2.8vw
}

.roadmap{
    
    width: 83%;
    margin: auto;
}
.scndpack{
    width: auto;

}
/* ///////////////////       Links     ///////////////////// */

.main-area h1{
    margin-top: 9.20vw;
  
    font-size: 5vw;
    
          margin-bottom: 2.81vw;
    margin-left: 0.52vw;

}

.links p{

    font-size: 3vw;

}
.links .twiter{

    width: 30.25vw;
    height: 7.51vw;
    
    margin-right: 1.5vw;
}
.links .twiter img{
  width: 6.08vw;
  height: 6.08vw;
}
.links .discord{

    width: 30.25vw;
    height: 7.51vw;

}
.links .discord img{
    height: 3.54vw;
    width: 3.54vw;
}
.links .opensea{

    width: 30.25vw;
    height: 7.51vw;

border-radius: 63px;
margin-left: 1.5vw;
}
.links .opensea img{
  height: 3.59vw;
  width: 3.22vw;
}

/* pics */

.pics{
    margin-top: 8.23vw;

}
.line-1 img{
margin-left: 0.208vw;
margin-top: 0.208vw;
    width: 27.57vw;
    height: 27.57vw;
}
.lin2{

    width: 68.82vw;
    margin-top: 0.208vw;
}
.blur{
    width:27.57vw;
    height: 27.57vw;
    margin-left: 0.208vw;
}
.blur2{
    width:27.57vw;
    height: 27.57vw;
    margin-left: 28vw;
    
}
.blur3{
    width:27.57vw;
    height: 27.57vw;
    margin-left: 28vw;
}
    
    
          /* /footer*  */ 
.fright p{
    font-size:2.4vw ;
}

.i p{
    font-size:2.5vw ;
}

    .i img{
display: none;
    }   



    .footer{
        width: 100%;
    max-width: 100%;
    height:10.18vw;
    }
    .fc{
        width: 80%; 
            height: 9.12vw;
    }
    .fleft{
        width: 58%;
        margin-left: 0.10vw;
    }
    .fright{
        width: 50%;
        margin-right: 0.41vw;

    }
    
}