@media only screen and (max-width: 1140px) {
  @media only screen and (max-width: 768px) {
    html,
    body {
      width: 100%;
      overflow-x: hidden;
    }
  }
  .logo img {
    margin-bottom: 400px;
    width: 190px;
  }
  .tt {
    display: block;
    text-align: left;
  }
  /*   .team {
    clear: both;
    display: ruby-base-container;
    height: 520px;
    margin-top: 163px;
  } */
  .logo1 img {
    width: 200px;
    margin-bottom: 60px;
    padding-left: 30px;
  }
  .background {
    position: fixed;
    width: 100%;
    height: 10px;
  }
  /*   .yo {
    height: 500px;
    background-image: url(/img/sky\ bg.png);
  } */
  .nav-list {
    flex-direction: column;
    height: 320px;
    position: fixed;
  }
  .ss{
        margin-bottom: 70px;
        margin-right: 20px;
    }
  .nav-list {
    flex-direction: column;
    height: 320px;
    position: fixed;
    margin-left: 70px;
  }
  .secondHalf img {
    width: 200px;
    margin-left: 90px;
    margin-top: 90px;
  }
  .roadmap img {
    width: 200px;
  }
  .l {
    text-align: center;
  }
  .okay {
    padding-left: 40px;
  }
  .navbar {
    flex-direction: column;
    height: 650px;
    transition: all 0.5s ease-out;
  }
  .rightnav {
    display: none;
  }
  .box-main {
    flex-direction: column-reverse;
    max-width: 100%;
    margin-top: 150px;
  }
  #search {
    width: 100%;
  }
  .burger {
    display: block;
  }
  .line {
    color: black;
  }
  .h-nav-resp {
    height: 72px;
    position: fixed;
    width: 100%;
  }
  .v-class-resp {
    display: none;
  }
  .section {
    flex-direction: column-reverse;
  }
  .text-small {
    text-align: center;
  }
  .text-big {
    text-align: center;
  }
  .buttons {
    text-align: center;
  }
  .paras {
    padding: 0px;
  }
  .r {
    margin: 0;
    margin-left: 43px;
    margin-top: 100px;
    font-size: 60px;
  }
  .thumbnail img {
    width: 250px;
  }
  .form-input {
    height: 40px;
    margin: 5px auto;
  }
  .tiny {
    width: 40px;
  }
  .roadmap img {
    padding-left: 30px;
  }
  .hi {
    font-size: 50px;
    margin-left: 18px;
    text-align: center;
  }
  .hi2 {
    font-size: 20px;
    padding-left: 20px;
  }
  .hi3 {
    font-size: 40px;
    padding-left: 10px;
  }
  .jaja {
    width: 20px;
  }
  .secondHalf img {
    width: 150px;
    margin-left: 35px;
    margin-top: 170px;
  }
  .mint-button {
    margin-left: 52px;
    margin-bottom: 500px;
    width: 140px;
    height: 60px;
  }
  .b {
    margin-top: 50px;
    margin-left: 5px;
  }
  .bb {
    margin-left: 5px;
  }
  .roadmap {
    height: auto;
  }
  .roadmap img {
    width: 100%;
  }
  .rightnav {
    pointer-events: none;
  }

  .rightnav {
    cursor: none;
    opacity: 0;
  }
  .footer img {
    opacity: 100;
  }
  .discord {
    float: right;
    margin-right: 60px;
    margin-top: 5px;
  }
  .opensea {
    float: left;
    margin-left: 60px;
  }
  .twitter {
    margin-left: 168px;
    margin-top: 80px;
  }
  .twitter img {
    margin-top: 120px;
  }
  .opensea img {
    margin-top: 120px;
  }
  .discord img {
    margin-top: 120px;
  }
  .footer {
    pointer-events: visible;
  }
  .layout {
    width: 340px;
  }
  .connect {
    margin-right: 220px;
    margin-bottom: 290px;
  }
  .mint img {
    margin-left: 30px;
  }
  .og {
    font-size: 6vw;
  }
  .roadmap img {
    width: 300vw;
    padding-right: 85px;
  }
  .roadmap {
    width: 120vw;
  }
  .roadmap p {
    margin-right: 65px;
  }
  .mbl img {
    width: 150px;
    margin-left: 105px;
  }
  .mbl {
    display: flex;
    background-image: url(/img/sky\ bg.png);
    height: 400px;
    flex-direction: column;
    justify-content: center;
  }
  .dev {
    margin-top: 50px;
  }

  .content {
    display: flex;
    overflow: auto;
    background-color: #abcadf;
    height: auto;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
  }
  .mint-btn{
    width: 110px;
    height: 50px;
    font-size: 20px;
    margin-left: 70px;
  }
  .sticker{
    display: none;
  }

  .sticker2{
    display: none;
  }
  .sticker3{
    width: 150px;
    margin-left: 30px;
  }
  .sticker4{
    width: 150px;
    margin-left: 0px;
  }
  .sticker5{
    display: flex;
    width: 100px;
  }
  .sticker6{
    display: flex;
    width: 100px;
    margin-left: 270px;
  }
  .firstHalf{
    height: 1000px;
  }
  .roadmap{
    margin-top: 50px;
  }
  .container{
    margin-top: 50px;
  }
  .dd{
    font-size: 20px;
  }
  .tt{
    font-size: 15px;
  }
}