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

@media screen and (min-width: 1700px) and (max-width: 2000px) {
    .hero-area {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        height: 558px;
        padding: 150px 0 1100px 0;
    }
}



@media screen and (min-width: 1201px) and (max-width: 1800px) {
    
.hero-area {
    height: 1050px; 
}

.hero-title h2 {
    font-size: 250px;
}

.h-audit-btn li a {
    display: block;
    background-size: 250px;
    width: 250px;
    height: 150px;
    font-size: 30px;
}
.h-audit-btn {
    position: absolute;
    top: 370px;
    right: 0;
    z-index: 9999;
}
.h-audit-btn li a span {
  position: absolute;
  top: 58px;
  left: 89px;
  transform: rotate(16deg);
}
.h-buy-btn li a {
    display: block;
    background-size: 250px;
    width: 250px;
    height: 150px;
    font-size: 30px;
}
.h-buy-btn {
    position: absolute;
    top: 344px;
    left: 0px;
    z-index: 9999;
}
.h-buy-btn li a span {
  position: absolute;
  top: 59px;
  left: 69px;
  transform: rotate(-16deg);
}

.h-social-btn li:nth-child(1) a img {
    max-width: 100px;
    width: 100%;
}

.taxes-box {
  position: absolute;
  top: 21%;
  right: 26%;
  transform: rotate(7deg);
}

.h-social-btn {
  position: absolute;
  left: 246px;
  bottom: 95px;
  z-index: 9999;
}

}

@media screen and (min-width: 1400px) and (max-width: 1800px) {
.taxes-box {
    position: absolute;
    top: 21%;
    right: 30%;
    transform: rotate(7deg);
}

.h-social-btn {
  position: absolute;
  left: 197px;
  bottom: 61px;
  z-index: 9999;
}


}

@media screen and (min-width: 1300px) and (max-width: 1450px) {

.h-social-btn {
  position: absolute;
  left: 246px;
  bottom: 95px;
  z-index: 9999;
}




    
}

@media screen and (min-width: 992px) and (max-width: 1200px) {

.hero-title h2 {
    font-size: 200px;
}

.hero-img {
  text-align: center;
  margin-top: -105px;
  position: relative;
  z-index: 9999;
}

.hero-area {
    height: 1050px; 
}

.hero-img img {
    max-width: 380px;
    width: 100%;
}

.h-audit-btn li a {
    display: block;
    background-size: 250px;
    width: 250px;
    height: 150px;
    font-size: 30px;
}
.h-audit-btn {
    position: absolute;
    top: 370px;
    right: 0;
    z-index: 9999;
}
.h-audit-btn li a span {
  position: absolute;
  top: 58px;
  left: 89px;
  transform: rotate(16deg);
}
.h-buy-btn li a {
    display: block;
    background-size: 250px;
    width: 250px;
    height: 150px;
    font-size: 30px;
}
.h-buy-btn {
    position: absolute;
    top: 344px;
    left: 0px;
    z-index: 9999;
}
.h-buy-btn li a span {
  position: absolute;
  top: 59px;
  left: 69px;
  transform: rotate(-16deg);
}

.h-social-btn li:nth-child(1) a img {
    max-width: 100px;
    width: 100%;
}
.h-social-btn {
  position: absolute;
  left: 97px;
  bottom: 28px;
  z-index: 9999;
}
.about-cat {
    position: absolute;
    top: 30%;
    left: 9%;
}

.about-cat img {
    max-width: 250px;
    width: 100%;
}

.taxes-box {
  position: absolute;
  top: 21%;
  right: 21%;
  transform: rotate(7deg);
}

.Token_Address p {
    background-size: 800px;
    width: 800px;
    height: 120px;
    font-size: 25px;
    gap: 0 10px;
}
.Token_Address p label {
    top: 47px;
}

.Disclaimer-social {
  position: absolute;
  right: 36%;
  bottom: 15%;
}


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

@media screen and (min-width: 768px) and (max-width: 991px) {
    header {
        padding: 20px 0px;
        position: fixed;
        margin: auto;
        width: 100%;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 9999;
    }
    .hero-title h2 {
        -webkit-text-stroke-width: 3px;
        font-size: 100px;
    }
    .hero-area {
        height: 850px;
    }
    .hero-img {
        text-align: center;
        margin-top: -50px;
        position: relative;
        z-index: 9999;
    }
    .hero-img img {
        max-width: 350px;
        width: 100%;
    }
    .h-social-btn{
        position: absolute;
        left: 43px;
        bottom: -6px;
        z-index: 9999;
    }
    .h-social-btn li:nth-child(1) {
        margin-left: 35px;
        transition: .4s;
    }
    .h-social-btn li:nth-child(1) a img {
        max-width: 100px;
        width: 100%;
    }
    .h-social-btn li:nth-child(1):hover{
        transform: scale(1.1);
    }
    .h-social-btn li:nth-child(2) {
        margin-left: 112px;
           transition: .4s;
         z-index: 99;
    }
    .h-social-btn li:nth-child(2):hover{
         transform: scale(1.1);
    }
    .h-social-btn li:nth-child(3) {
         margin-left: 60px;
    }
    .h-social-btn li:nth-child(4) {
         margin-left: 125px;
    }
    .menu-item {
        padding: 23px 30px 23px 20px;
    }

    .menu-item ul li a {
        font-size: 16px;
        padding: 10px 30px;
    }
    .menu-dog {
      top: -5px;
    }
    .menu-dog img {
        max-width: 90px;
        width: 100%;
    }
    .Token_Address p {
        background-size: 700px;
        width: 700px;
        height: 100px;
        font-size: 20px;
        gap: 0 10px;
    }
    .Token_Address p label {
        top: 39px;
    }
    .Token_Address p img {
        margin-left: 8px;
        width: 15px;
    }
    .h-audit-btn li a {
        display: block;
        background-size: 220px;
        width: 220px;
        height: 136px;
        font-size: 28px;
    }
    .h-audit-btn {
        position: absolute;
        top: 295px;
        right: 0;
        z-index: 9999;
    }
    .h-audit-btn li a span {
      position: absolute;
      top: 54px;
      left: 77px;
      transform: rotate(16deg);
    }
    .h-buy-btn li a {
        display: block;
        background-size: 220px;
        width: 220px;
        height: 136px;
        font-size: 28px;
    }
    .h-buy-btn {
        position: absolute;
        top: 254px;
        left: 0px;
        z-index: 9999;
    }
    .h-buy-btn li a span {
      position: absolute;
      top: 55px;
      left: 56px;
      transform: rotate(-16deg);
    }


    .about-area{
        padding: 250px 0 28px 0;
    }
    .about-wrapper {
        max-width: 100%;
        padding: 20px 25px 13px 25px;
    }
    .about-wrapper h3 {
        font-size: 22px;
    }
    .about-wrapper h2 {
        font-size: 50px;
        -webkit-text-stroke-width: 2px;
    }
    .about-wrapper p {
        font-size: 17px;
        text-align: justify;
    }
    .about-cat {
        position: absolute;
        top: 56px;
        left: 95px;
    }
    .about-cat img {
        max-width: 160px;
        width: 100%;
    }
    
    .taxes-box {
      position: absolute;
      top: 21%;
      right: 13%;
      transform: rotate(7deg);
    }
    .client-main img {
        margin-bottom: 15px;
    }
    .Disclaimer-area {
        padding: 73px 0 350px 0;
        background-position: 62% 50%;
    }
    .Disclaimer-social {
      position: absolute;
      right: 44%;
      bottom: 14%;
    }
    .Disclaimer-social ul li a img {
        max-width: 60px;
        width: 120%;
    }
    .Disclaimer-box h2 {
        font-size: 40px;
        -webkit-text-stroke-width: 2px;
        margin-bottom: 20px;
    }

}

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

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

@media screen and (max-width: 767px) {
    header {
        padding: 20px 0px;
        position: fixed;
        margin: auto;
        width: 100%;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 9999;
    }

    .hero-title h2 {
        color: #FFF;
        text-align: center;
        -webkit-text-stroke-width: 3px;
        -webkit-text-stroke-color: #000;
        font-size: 59px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .fixed-menu {
        top: 2px;
    }
    .hero-area {
        height: 650px;
    }
    .hero-img {
        text-align: center;
        margin: auto;
        margin-top: -50px;
        position: relative;
        z-index: 9999;
        width: 250px;
    }
    .h-social-btn li:nth-child(1) {
        margin-left: 0px;
        margin-bottom: 5px;
    }
    .h-social-btn li:nth-child(2) {
        margin-left: 20px;
    }
    .h-social-btn li:nth-child(1) img {
        width: 50px;
    }
    .h-social-btn li:nth-child(2) img {
        width: 50px;
    }
    .h-social-btn li:nth-child(3),
    .h-social-btn li:nth-child(4) {
        display: none;
    }
    .menu-item {
        max-width: 100%;
        width: 100%;
        padding: 22px 10px 22px 20px;
        justify-content: flex-end;
        position: relative;
    }
    .menu-item ul li a {
        font-size: 12px;
        padding: 10px 20px;
    }
    .menu-dog {
      top: 0px;
    }
    .menu-dog img {
        max-width: 80px;
        width: 100%;
    }
    .Token_Address p {
        background-size: 320px;
        width: 320px;
        height: 50px;
        -webkit-text-stroke-width: 0.1px;
        letter-spacing: normal;
        font-size: 15px;
        gap: 0 10px;
    }
    .Token_Address p label {
        top: 17px;
    }
    .Token_Address p img {
        margin-left: 8px;
        width: 15px;
    }
    .h-audit-btn li a {
        display: block;
        background-size: 100px;
        width: 100px;
        height: 65px;
        font-size: 13px;
    }
    .h-audit-btn {
        position: absolute;
        top: 220px;
        right: 0;
        z-index: 9999;
    }
    .h-audit-btn li a span {
      position: absolute;
      top: 27px;
      left: 35px;
      transform: rotate(16deg);
    }
    .h-buy-btn li a {
        display: block;
        background-size: 100px;
        width: 100px;
        height: 65px;
        font-size: 13px;
        font-weight: 400;
    }
    .h-buy-btn {
        position: absolute;
        top: 203px;
        left: 0px;
        z-index: 9999;
    }
    .h-buy-btn li a span {
      position: absolute;
      top: 26px;
      left: 24px;
      transform: rotate(-16deg);
    }
    .h-social-btn {
      position: absolute;
      left: 0px;
      bottom: 37px;
      z-index: 9999;
    }
    .Token_Address {
      text-align: center;
      position: absolute;
      left: 50%;
      bottom: -60px;
      transform: translateX(-50%);
      z-index: 999999;
    }
    .about-area{
        padding: 200px 0 28px 0;
        background-position: 0%;
    }
    .about-wrapper {
        max-width: 100%;
        padding: 30px 15px 13px 15px;
    }
    .about-wrapper h3 {
        font-size: 20px;
    }
    .about-wrapper h2 {
        font-size: 35px;
        -webkit-text-stroke-width: 1px;
    }
    .about-wrapper p {
        font-size: 16px;
        text-align: justify;
    }
    .about-cat {
        position: absolute;
        top: 83px;
        left: 35px;
    }
    .about-cat img {
        max-width: 100px;
        width: 100%;
    }

    .taxes-area {
        background-position: 63%;
        width: 100%;
        min-height: 930px;
        position: relative;
    }

    .taxes-box {
      position: absolute;
      top: 21%;
      right: 19%;
      transform: rotate(7deg);
    }

    .client-main {
        justify-content: center;
    }

    .client-main img {
        margin-bottom: 15px;
        margin-right: 5px;
    }
    
    .Disclaimer-area {
        padding: 73px 0 350px 0;
        background-position: 62% 50%;
    }
    .Disclaimer-social {
      position: absolute;
      right: 61%;
      bottom: 15%;
    }
    .Disclaimer-social ul li a img {
        max-width: 50px;
        width: 120%;
    }
    .Disclaimer-box h2 {
        font-size: 30px;
        -webkit-text-stroke-width: 1px;
        margin-bottom: 20px;
    }

    .Disclaimer-box p {
        font-size: 16px;
    }

    .footer-container a {
        font-size: 16px;
    }







}
@media screen and (min-width:451px) and (max-width: 500px) {
    .about-area {
        padding: 10px 0 0;
        margin-top: -58px;
    }
}

@media screen and (min-width:390px) and (max-width: 450px) {
    .about-area {
        padding: 10px 0 0;
        margin-top: -100px;
    }
}