@media (max-width:600px){
    /* -------------------header---------------- */
.header{
    background-image: url(../images/header-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 95vw;
    position: relative;
}
.txt{
    display: flex;
    flex-direction: column;
    gap: 1vw;
    /* margin: auto; */
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: auto;
    padding-top: 8vw;

}
.txt p{
    font-size: 3.5vw;
} 
.header .txt h1{
    font-size: 15VW;
    text-align: center;
    color: #fff;
    -webkit-text-stroke: 1px  #000;
    font-family:patrick;

}
.txt-2{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
}
.left img{
    width: 50vw;
    transform: translateY(7vw);
}

.rihgt p{
    text-align: center;
    color: #000;
    font-size: 3vw;
    width: 80%;
    line-height: 5vw;

}
.rihgt{
    margin-left: -2vw;
}
.links{
    display: flex;
    align-items: center;
    gap: 2.5vw;
    margin-top: 2vw;
}
.btn .buy-btn{
    display: flex;
    width: 20.5vw;
    padding: 1.5vw 1.5vw;
    transform: rotate(5deg);
    font-size: 3vw;
    text-align: center;
    border: 2px solid #000; 
    justify-content: center; 
    background-color: #eeea5a; 
    color: #000; 
    transition: .3s; 
}
.btn .buy-btn:hover{
    transform: rotate(0deg);
}

.icuns{
    display: flex;
    align-items: center;
    gap: 2.4vw;
    transition: .3s;
    margin-top: 2vw;
}
.icuns img{
    width: 6.5vw;
    transition: .3s;


}
.icuns img:hover{
    transform: translateY(-.5vw);
}
/* ------------------------links-bg----------------------- */
.links-bg-sec{
    position: relative;
    
}
.links-bg{
    width: 100%;
    

}
.face{
    position: absolute;
    width: 12vw;
    left: 55%;
    top: 56%;
    z-index: 2;
}
.insta {
    position: absolute;
    width: 14vw;
    left: 24.5%;
    top: 59%;
    z-index: 2;
}
.sol {
    position: absolute;
    width: 12vw;
    left: 5%;
    top: 63%;
    z-index: 2;
}
.tele {
    position: absolute;
    width: 14vw;
    left: 82.5%;
    top: 62%;
    z-index: 2;
}




/* -----------------------only-sec----------------- */
.only-sec{
    background-image: url(../images/bg-2.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 13vw;
}
.row{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7vw;
    transform: translateY(28vw);
    flex-direction: column;
}
.left-side{
    width: 100%;
}
.left-side p{
    font-size: 3vw;
    color: #000;
    text-align: center;
    width: 87%;
    line-height: 5vw;
    margin: auto;
}
.pr-2{
    margin-top: 1vw;
}
.right-side{
    width: 100%;
}
.right-side img{
    width: 55vw;
    display: flex;
    margin: auto;
    text-align: center;
}




/* -------------------------rules-sec----------------------- */
.rules-sec{
    background-image: url(../images/rule0bg.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 27vw;
    

}
.rule-row{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
    flex-direction: column-reverse;
    transform: translateY(14vw);

    
}
.man{
    width: 30%;
}
.man img{
    width: 42vw;
}
.cotent{
    width: 86%;
    margin: auto;
    
}
.cotent h1{
    font-size: 6vw;
    -webkit-text-stroke: 1px #000;
    color: #fff;
    /* text-align: center; */
    
}
.cotent ul{
margin-top: 3vw;
margin-left: 2vw;

}
.cotent ul li{
    font-size:3vw;
    font-family: font;
    padding: 1vw;
    list-style: none;
}




.abt-bg{
    width: 100%;
display: none;
}
.about h1{
    font-size: 8vw;
    text-align: center;
    color: #fff;
    -webkit-text-stroke: 1px #000;
    margin-top: 15vw;

}
.about-cnt{
    display: flex;
    flex-direction: column;
    gap: 3vw;
    justify-content: center;
    text-align: center;
    margin-top: 4vw;
}
.upr img{
    width: 68vw;
    margin: auto;
    text-align: center;
}
.cotnts{
    font-size: 3vw;
    line-height: 5vw;
    width: 80%;
    margin: auto;
}
.cotnts p{
    font-size: 3vw;
    line-height: 5vw;
    width: 100%;
    margin: auto;
}





* ---------------------------------token-sec-------------------- */
.token-sec{
    background-image: url(../images/token-bg.png);
    background-position:top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    /* margin-top: 20vw; */
    /* z-index: -1; */
    z-index: 1;

}
.layers{
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 20%;
}
.c1{
    position: absolute;
    width: 8vw;
    right: 1%;
    top: 85%;
    
}
.c2{
    position: absolute;
    width: 10vw;
    top: 10%;
    left: 0;
}
.toke-txt{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding-top: 17vw;
    gap: 2vw;
    z-index: 2;
}
.toke-txt h1{
    font-size: 7vw;
    color: #fff;
    -webkit-text-stroke: 1px #000;
}
.copy{
    width:97%;
    padding: 3vw 3vw;
    box-shadow: 0px 3px  #a2b4c5;
    background-color: #fff;
    border-radius: 1.3vw;
    margin: auto;

}
.copy p{
    font-size: 2.5vw;
}
.copy-click {
    font-size: 2.5vw;
    background-color: #2e2e2e;
    color: #fff;
    padding: 1.4vw 1.5vw;
    border-radius: .7vw;
    box-shadow: 0px 3px  #1b1b1b;
    margin-left: 2vw;
    z-index: 6;
    /* position: absolute; */

    z-index: 8;
}
/* -------suplyss- */
.suplyss{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.5vw;
}
.box{
    width: 37vw;
    padding: 3.5vw 3vw;
    background-color: #fdec5d;
    border: 2px solid #262107;
    border-radius: 2vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 2vw;
    margin-top: 4vw;
}
.box span{
    background-color: #fd8348;
    padding: 1vw 6vw;
    text-align: center;
    font-size: 2.8vw;
    font-family: font;
    width: 100%;
    color: #fff;
}
.box p{
    font-size: 3vw;
    text-align: center;
    font-weight: bold;
    color: #000;
}





/* -------------------road-sec----------------- */
.road-sec{
    background-image: url(../images/road-bg.png);
    background-position:top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    margin-top: 25vw;
    padding-top: 99px;
}
.lft-man{
    position: absolute;
    width: 27vw;
    left: 0;
    z-index: 2;
    top: 61%;
}
.right-man{
    position: absolute;
    width: 27vw;
    right: 0;
    top: 52%;
    margin-top: 120px;
}
.road-sec h2{
    font-size: 7vw;
    color: #fff;
    font-family: font;
    text-align: center;
    transform: translateY(-10vw)
;

}
.numbers{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 3vw;
    gap: 2vw;
    transform: translateY(-9vw)

}
.nmbr-1{
    width: 54%;
    background-color: #4d4d4d;
    box-shadow: 0px 2px #f5a14b;
    padding: 5vw 4vw;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    margin: auto;
    height: 11vw;
    border-radius: 1.5vw;
    gap: 7vw;
    z-index: 3;
    padding: 3.5vw 4vw;
    

}
.lft img{
    width: 6vw;
}
.rgt ul li{
    font-size: 2.5vw;
    list-style: disc;
    font-family: font;
    color: #fff;
    
}
/* ---------end--------- */
.end{
    width: 100%;
    background-color: #0000;
    height: 10vw;
    text-align: center;
    background-color: #000;
    padding: 3vw 3vw;

}
.end p{
    color: #FFDD00;
    font-size:2.3vw;
}



/* --------------------buy-sec-------------------- */
.buy-sec{
    position: relative;
    z-index: 2;
    margin-top: 45vw;
}
.buy-sec h2{
    font-size: 7vw;
    color: #fff;
    -webkit-text-stroke: 1px #000;
    text-align: center;
    font-size: font;
    font-family:patrick;
    

}
.buys-first{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
    margin-top:6vw;
    position: relative;
    flex-direction: column;
    margin-top: 9vw;
}
.texts-1{
    position: absolute;
    width: 13vw;
    left: 10%;
    z-index: 3;
    top: -10%;
}
.texts-2{
    position: absolute;
    width: 13.5vw;
    left: 12%;
    z-index: 3;
    top: 40%;
}
.buys-first h4{
    font-size: 3.6vw;
    color: #000;
    font-family: patrick;
    /* margin-left: 6vw; */
}
.buys-first p{
    font-size: 2.7vw;
    color: #000;
    margin-top: 2vw;
    line-height: 4vw;
}
.left-box{
    width: 85%;
    height: 35vw;
    padding: 6vw 4vw;
    border-radius: 5vw;
    border: 3px solid #000;
    background-color: #fff;
    z-index: 2;
    transform: rotate(-1deg);
    margin-top: -1vw;
}
.left-box h4{
    transform: translateX(7vw);
}
.right-box{
    width: 85%;
    height: 35vw;
    padding: 6vw 4vw;
    border-radius: 4vw;
    border: 3px solid #000;
    background-color: #fff;
    transform: rotate(5deg);
    margin-top: 4vw;

}

.right-box h4{
    transform: translateX(10vw);
}
/* --------- */
.buys-second{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
    margin-top:1vw;
    position: relative;
    flex-direction: column;
    margin-top: 1vw;
    

}

.texts-3{
    position: absolute;
    width: 13vw;
    left: 11%;
    z-index: 3;
    top: -7%;
}
.texts-4{
    position: absolute;
    width: 13.5vw;
    left: 13%;
    z-index: 3;
    top: 50%;
}
.buys-second h4{
    font-size: 3.5vw;
    color: #000;
    font-family: patrick;
    /* margin-left: 6vw; */
}
.buys-second p{
    font-size: 2.7vw;
    color: #000;
    margin-top: 2vw;
    line-height: 4vw;
}
.lefts-box{
    width: 85%;
    height: 43vw;
    padding: 6vw 4vw;
    border-radius: 5vw;
    border: 3px solid #000;
    background-color: #fff;
    z-index: 2;
    transform: rotate(-3deg);
    margin-top: 2vw;
    margin-left: 0vw;
    
}
.lefts-box h4{
    transform: translateX(7vw);
}
.rights-box{
    width: 85%;
    height: 32vw;
    padding: 9vw 4vw;
    border-radius: 4vw;
    border: 3px solid #000;
    background-color: #fff;
    transform: rotate(4deg);
    margin-top: 2vw
;

}

.rights-box h4{
    transform: translateX(6vw);
}

}