/*
====================================
Medium Screen - Others
====================================
*/

@media screen and (min-width: 1700px) and (max-width: 2000px) {
  .about-area {
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-tx-1 h1 {
    font-size: 236.836px;
  }
}

/*
====================================
Small Screen - Tablate
====================================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {
  .menu-bar {
    display: block !important;
  }

  .menu-item {
    display: none !important;
  }

  header {
    padding: 10px 0px;
    position: fixed;
    margin: auto;
    width: 100%;
    top: 0px;
    left: 0;
    right: 0;
  }

  .hero-area {
    padding: 170px 0 0;
    height: 700px;
  }

  .hero-img {
    text-align: center;
    margin-top: -136px;
    margin-left: 0px;
    position: relative;
    z-index: 9999999999;
  }

  .hero-container {
    max-width: 1300px !important;
    margin: auto;
    height: 345px;
    position: relative;
  }
  .hero-social-icon-left {
    bottom: 109px;
  }
  .hero-social-icon-right {
    bottom: 70px;
  }
  .hero-social-icon-left ul li a img {
    width: 50px;
  }
  .hero-social-icon-right ul li a img {
    width: 50px;
  }

  .hero-title ul li a {
    font-size: 19.375px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding: 8px 5px;
    transition: 0.3s;
    text-align: center;
    display: block;
    color: #fff;
    width: 144px;
  }

  .hero-social-icon ul li a img {
    transition: 0.2s;
    width: 40px;
  }

  .hero-social-icon ul li:last-of-type {
    margin-top: -28px;
  }

  .hero-social-icon {
    position: absolute;
    right: 44px;
    bottom: 30px;
  }

  .hero-tx-1 h1 {
    font-size: 129.836px;

    line-height: 11%;
  }

  .about-area {
    padding: 60px 0 100px 0;
    position: relative;
    margin-top: -57px;
  }
  .ab-light-left {
    width: 70px;
    position: absolute;
    left: 10px;
    top: -30px;
  }
  .ab-light-right {
    width: 100px;
    position: absolute;
    right: 0px;
    top: 0px;
  }

  .about-wrapper {
    width: 348px;
    height: 384px;
    max-width: auto;
    margin: auto;
    padding: 0 50px;
  }

  .a-3 {
    display: none;
  }
  .ds__1 {
    display: none;
  }

  .about-title p {
    text-align: center;
    font-size: 20px;
  }
  .a-1 {
    width: 150px;
    position: absolute;
    top: 1px;
    left: -50px;
  }
  .a-2 {
    width: 150px;
    position: absolute;
    top: -3px;
    right: -36px;
  }
  .a-3 {
    width: 150px;
    position: absolute;
    bottom: 3px;
    left: -36px;
  }
  .a-4 {
    width: 150px;
    position: absolute;
    bottom: 3px;
    right: -36px;
  }

  .about-title img {
    width: 30px;
  }

  .t1 {
    width: 150px;
    position: absolute;
    left: -35px;
    top: -9px;
  }
  .t2 {
    width: 150px;
    position: absolute;
    right: -35px;
    top: -6px;
  }

  .ab-ts-main {
    padding-top: 97px;
  }
  .ab-right {
    padding-left: 0px;
  }
  .about-title h2 {
    font-size: 34px;
  }
  .ab-box h3 {
    color: #000;
    font-family: MUSASHI;
    font-size: 25px;
  }
  .ab-box p {
    color: #000;
    font-family: "GoodDog New";
    font-size: 15px;
  }
  .about-2 {
    right: 27px;
  }
  .about-1 img {
    width: 150px;
  }
  .about-2 img {
    width: 100px;
  }

  .ab-btn a {
    color: #fff;
    font-family: "GoodDog New";
    font-size: 14px;
  }

  .ab-right p {
    font-size: 17px;
  }

  .buy-left {
    margin-bottom: 22px;
  }
  .toko-item h2 {
    font-size: 30px;
  }

  .tk-left-item {
    margin-top: 1px;
    margin-right: 0px;
    position: relative;
    z-index: 99999999;
  }

  .tk-title h2 {
    font-size: 82px;
    margin-bottom: 173px;
  }
  .tk-box1 h2 {
    color: #ff0d42;
    text-align: center;
    font-family: "Midorima - Personal Use";
    font-size: 38.027px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 20px;
  }

  .tk-box1 {
    padding: 38px 0 22px 36px;
  }

  .tk-box2 {
    margin-top: 30px;
    margin-left: 0px;

    background-position: center center;
    padding: 23px 9px;
  }
  .tk-box2 a {
    font-size: 18px;
    margin-top: 5px;
  }
  .tk-box2 a img {
    width: 20px;
  }
  .Token_Address {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .Token_Address small {
    font-size: 15px;
  }
  .Token_Address span img {
    margin-left: 0px;
    width: 16px;
  }
  .Token_Address p {
    padding: 4px 20px;
  }

  .tokenomics-area {
    padding: 70px 0 0px;
    position: relative;
  }

  .Token_Address {
    height: 197px;
    margin: 87px auto;
    padding: 25px 3px 15px;
    position: relative;
    z-index: 999999;
  }

  .dis-img img {
    position: inherit;
  }
  .ds-area {
    padding: 40px 0;
    background-size: 100%;
    background-position: bottom center;
  }
  .ds-wrapper h2 {
    font-size: 30px;
  }
  .ds-inner-wrapper {
    padding: 5px 30px;
  }
  .ds-inner-wrapper {
    margin-top: 0px;
  }
  .ds-wrapper {
    height: inherit;
    padding: 40px 0px;
  }
  .ds-wrapper p {
    color: #000;
    text-align: center;
    font-family: Boogaloo;
    font-size: 18px;
  }
  .ds-wrapper::before {
    content: "";
    width: 2px;
    height: 764px;
    background-color: #fbb924;
    display: block;
    position: absolute;
    margin: auto;
    left: -11px;
    right: 0px;
    top: -279%;
  }
  .ft ul li a img {
    transition: 0.3s;
    width: 48px;
  }
  .coppyright-text {
    display: block;
    align-items: center;
    justify-content: space-between;
    text-align: center;
  }
  .ft ul {
    justify-content: center;
  }
  .ft ul {
    margin-top: 24px;
  }
  .tk-wrapper {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 399px;
    padding: 39px 30px;
    padding-left: 31px;
    position: relative;
    max-width: 1100px;
    margin: auto;
  }
  .t5 {
    display: none;
  }
  .ff1 {
    width: 100px;
    position: absolute;
    bottom: 20px;
    left: 0px;
  }
  .ff2 {
    width: 100px;
    position: absolute;
    bottom: 20px;
    right: 0px;
  }

  .coppyright-text p {
    font-size: 16px;
  }

  .ds__2 {
    position: absolute;
    bottom: 370px;
    width: 200px;
  }
  .ds__2 img {
    width: 100px;
  }
  .ds__3 img {
    width: 100px;
  }

  .ds__3 {
    position: absolute;
    right: 0px;
    top: -74px;
  }
  .scrolltotop img {
    width: 50px;
  }

  .fixed-menu {
    padding-top: 6px;
  }
}

/*
====================================
Small Screen - Mobile
====================================
*/

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/

@media screen and (max-width: 767px) {
  .menu-bar {
    display: block !important;
  }

  .menu-item {
    display: none !important;
  }

  header {
    padding: 10px 0px;
    position: fixed;
    margin: auto;
    width: 100%;
    top: 0px;
    left: 0;
    right: 0;
  }

  .hero-area {
    padding: 170px 0 0;
    height: 700px;
  }

  .hero-img {
    text-align: center;
    margin-top: 100px;
    margin-left: 0px;
    position: relative;
    z-index: 9999999999;
  }

  .hero-container {
    max-width: 1300px !important;
    margin: auto;
    height: 345px;
    position: relative;
  }
  .hero-social-icon-left {
    bottom: 109px;
  }
  .hero-social-icon-right {
    bottom: 70px;
  }
  .hero-social-icon-left ul li a img {
    width: 50px;
  }
  .hero-social-icon-right ul li a img {
    width: 50px;
  }

  .hero-title ul li a {
    font-size: 19.375px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding: 8px 5px;
    transition: 0.3s;
    text-align: center;
    display: block;
    color: #fff;
    width: 144px;
  }

  .hero-social-icon ul li a img {
    transition: 0.2s;
    width: 40px;
  }

  .hero-social-icon ul li:last-of-type {
    margin-top: -28px;
  }

  .hero-social-icon {
    position: absolute;
    right: 44px;
    bottom: 30px;
  }

  .hero-tx-1 h1 {
    font-size: 109.836px;

    line-height: 11%;
  }

  .about-area {
    padding: 60px 0 100px 0;
    position: relative;
    margin-top: -57px;
  }
  .ab-light-left {
    width: 70px;
    position: absolute;
    left: 10px;
    top: -30px;
  }
  .ab-light-right {
    width: 100px;
    position: absolute;
    right: 0px;
    top: 0px;
  }

  .about-wrapper {
    width: 348px;
    height: 384px;
    max-width: auto;
    margin: auto;
    padding: 0 50px;
  }

  .a-3 {
    display: none;
  }
  .ds__1 {
    display: none;
  }

  .about-title p {
    text-align: center;
    font-size: 20px;
  }
  .a-1 {
    width: 150px;
    position: absolute;
    top: 1px;
    left: -50px;
  }
  .a-2 {
    width: 150px;
    position: absolute;
    top: -3px;
    right: -36px;
  }
  .a-3 {
    width: 150px;
    position: absolute;
    bottom: 3px;
    left: -36px;
  }
  .a-4 {
    width: 150px;
    position: absolute;
    bottom: 3px;
    right: -36px;
  }

  .about-title img {
    width: 30px;
  }

  .t1 {
    width: 150px;
    position: absolute;
    left: -35px;
    top: -9px;
  }
  .t2 {
    width: 150px;
    position: absolute;
    right: -35px;
    top: -6px;
  }

  .ab-ts-main {
    padding-top: 97px;
  }
  .ab-right {
    padding-left: 0px;
  }
  .about-title h2 {
    font-size: 34px;
  }
  .ab-box h3 {
    color: #000;
    font-family: MUSASHI;
    font-size: 25px;
  }
  .ab-box p {
    color: #000;
    font-family: "GoodDog New";
    font-size: 15px;
  }
  .about-2 {
    right: 27px;
  }
  .about-1 img {
    width: 150px;
  }
  .about-2 img {
    width: 100px;
  }

  .ab-btn a {
    color: #fff;
    font-family: "GoodDog New";
    font-size: 14px;
  }

  .ab-right p {
    font-size: 17px;
  }

  .buy-left {
    margin-bottom: 22px;
  }
  .toko-item h2 {
    font-size: 30px;
  }

  .tk-left-item {
    margin-top: 1px;
    margin-right: 0px;
    position: relative;
    z-index: 99999999;
  }

  .tk-title h2 {
    font-size: 82px;
    margin-bottom: 173px;
  }
  .tk-box1 h2 {
    color: #ff0d42;
    text-align: center;
    font-family: "Midorima - Personal Use";
    font-size: 38.027px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 20px;
  }

  .tk-box1 {
    padding: 38px 0 22px 36px;
  }

  .tk-box2 {
    margin-top: 30px;
    margin-left: 0px;

    background-position: center center;
    padding: 23px 9px;
  }
  .tk-box2 a {
    font-size: 18px;
    margin-top: 5px;
  }
  .tk-box2 a img {
    width: 20px;
  }
  .Token_Address {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .Token_Address small {
    font-size: 15px;
  }
  .Token_Address span img {
    margin-left: 0px;
    width: 16px;
  }
  .Token_Address p {
    padding: 4px 20px;
  }

  .tokenomics-area {
    padding: 70px 0 0px;
    position: relative;
  }

  .Token_Address {
    height: 197px;
    margin: 87px auto;
    padding: 25px 3px 15px;
    position: relative;
    z-index: 999999;
  }

  .dis-img img {
    position: inherit;
  }
  .ds-area {
    padding: 40px 0;
    background-size: 100%;
    background-position: bottom center;
  }
  .ds-wrapper h2 {
    font-size: 30px;
  }
  .ds-inner-wrapper {
    padding: 5px 30px;
  }
  .ds-inner-wrapper {
    margin-top: 0px;
  }
  .ds-wrapper {
    height: inherit;
    padding: 40px 0px;
  }
  .ds-wrapper p {
    color: #000;
    text-align: center;
    font-family: Boogaloo;
    font-size: 18px;
  }
  .ds-wrapper::before {
    content: "";
    width: 2px;
    height: 764px;
    background-color: #fbb924;
    display: block;
    position: absolute;
    margin: auto;
    left: -11px;
    right: 0px;
    top: -279%;
  }
  .ft ul li a img {
    transition: 0.3s;
    width: 48px;
  }
  .coppyright-text {
    display: block;
    align-items: center;
    justify-content: space-between;
    text-align: center;
  }
  .ft ul {
    justify-content: center;
  }
  .ft ul {
    margin-top: 24px;
  }
  .tk-wrapper {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 399px;
    padding: 39px 30px;
    padding-left: 31px;
    position: relative;
    max-width: 1100px;
    margin: auto;
  }
  .t5 {
    display: none;
  }
  .ff1 {
    width: 100px;
    position: absolute;
    bottom: 20px;
    left: 0px;
  }
  .ff2 {
    width: 100px;
    position: absolute;
    bottom: 20px;
    right: 0px;
  }

  .coppyright-text p {
    font-size: 16px;
  }

  .ds__2 {
    position: absolute;
    bottom: 370px;
    width: 200px;
  }
  .ds__2 img {
    width: 100px;
  }
  .ds__3 img {
    width: 100px;
  }

  .ds__3 {
    position: absolute;
    right: 0px;
    top: -74px;
  }
  .scrolltotop img {
    width: 50px;
  }

  .fixed-menu {
    padding-top: 6px;
  }
}