@media (max-width:600px){
    .nav{
        display: flex;
        justify-content: space-around;
        align-items: center;
        gap: 50vw;
    
    
    }
    .left img{
        width: 14vw;
        transform: translateX(-5vw);
    
    }
    .right{
        display: flex;
        align-items: center;
        gap: 1.6vw;

    
    
    }
    .right .icn1 img{
        width: 4vw;
        transition: .3s;
    
    }
    .right .icn2 img{
        width: 4vw;
        transition: .3s;
    
    }
    .text{
        width: 20vw;
        display: flex;
        margin: auto;
        
    }
    .bnr-bg{
        background-image: url(../images/bnr.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 155vw;
    }
    .bnr-gfs{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 7vw;
    }
    .gif1{
        background: url("../images/left.gif");
        background-size: cover;
        background-position: center;
        width: 15%;
        height: 15vw;
        transform: translateY(18vw);
    
    }
    .gif2{
        background: url("../images/banner.gif");
        background-size: cover;
        background-position: center;
        width: 26%;
        height: 24vw;
        transform: translateY(20vw);
    
    }
    .gif3{
        background: url("../images/right.gif");
        background-size: cover;
        background-position: center;
        width: 22%;
        height: 15vw;
        transform: translateY(19vw);
    
    }
    .logos-sec{
        /* margin-top: 3vw; */
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        justify-content: center;
        margin-top: -33vw;
        gap: .2vw;
    
    }
    .fst-row{
        display: flex;
        align-items: center; 
        justify-content: center;
        gap: .2vw;
    
    }
    .fst-row img{
        width: 10vw;
    }
    .scnd-row{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1vw;
    
    }
    .scnd-row img{
        width: 10vw;
    }
    .thrd-row{
        display: flex;
      align-items: center;
        justify-content: center;
        /* gap: 1vw; */
    
    }
    .thrd-row img{
        width: 11vw;
    }
    .for-row{
        display: flex;
      align-items: center;
        justify-content: center;
        /* 
         */
    
    }
    .for-row img{
        width: 11vw;
    }
    .five-row{
        display: flex;
      align-items: center;
        justify-content: center;
        gap: 2vw;
    
    }
    .five-row img{
        width: 7vw;
    }
    .left-text h4{
        font-size: 3.4vw;
        color: #fff;
        font-family: chil;
        -webkit-text-stroke: 1px #3189f1;
    
    }
    .left-text p{
        font-size: 1.8vw;
        color: #fff;
        font-family: patrick;
        transform: translateY(3.7vw);
        width: 100%;
        line-height: 2.5vw;
        
    }
    .about-bx{
        background-image: url(../images/about.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 65%;
        height: 46vw;
        margin: auto;
        position: relative;
        
    }
    .left-text{
        position: absolute;
        top: 25%;
        width: 45%;
        left: 15%;
    }
    .gif5{
        background: url("../images/about-main.gif");
        background-size: cover;
        background-position: center;
        width: 29%;
        height: 21vw;
        position: absolute;
        left: 60%;
        top: 30%;
    
    }
    .gif4{
        background: url("../images/about1.gif");
        background-size: cover;
        background-position: center;
        width: 15%;
        height: 15vw;
        position: absolute;
        left: 0%;
        z-index: 2;
        top: -78%;
        transform: translateX(-1vw);
    
    
    }




    .token-box{
        background-image: url(../images/token.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 70%;
        height: 50vw;
        margin: auto;
        position: relative;
        margin-top: -4vw;
    
    }
    .left-tkn{
        background: url("../images/token.gif");
        background-size: cover;
        background-position: center;
        width: 30%;
        height: 20vw;
        position: absolute;
        left: 10%;
        top: 40%;
    
    }
    .right-tkn {
        position: absolute;
        left: 50%;
        top: 43%;
    }
    .right-tkn ul li{
        font-size: 1.9vw;
        line-height: 4.3vw;
        color: #fff;
        font-family: patrick;
    }
    .gif6{
        background: url("../images/token-right.gif");
        background-size: cover;
        background-position: center;
        width: 12%;
        height: 12vw;
        position: absolute;
        right: 0;
        z-index: 2;
        top:70%;
    
    }
    /* ------------------------------ */
    .road-sec{
        background-image: url(../images/road.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 70%;
        height: 110vw;
        margin: auto;
        position: relative;
        margin-top: -2vw;
    }
    .img1{
        background: url("../images/road-map1.gif");
        background-size: cover;
        background-position: center;
        width: 19%;
        height: 14vw;
        position: absolute;
        left: 20%;
        top: 20%;
    }
    .img2{
        background: url("../images/road-map2.gif");
        background-size: cover;
        background-position: center;
        width: 27%;
        height: 17vw;
        position: absolute;
        left: 56%;
        top: 18%;
    }
    .img3{
        background: url("../images/road-map3.gif");
        background-size: cover;
        background-position: center;
        width: 16%;
        height: 12vw;
        position: absolute;
        left: 20%;
        top: 60%;
    }
    .img4{
        background: url("../images/road-map4.gif");
        background-size: cover;
        background-position: center;
        width: 20%;
        height: 13vw;
        position: absolute;
        left: 59%;
        top: 60%;
    }
    /* ---phs-- */
    #phs1{
        position: absolute;
        left: 18%;
        top: 39%;
        
    }
    #phs2{
        position: absolute;
        left: 58%;
        top: 39%;
    }
    #phs3{
        position: absolute;
        left: 18%;
        top:78%;
    }
    #phs4{
        position: absolute;
        left: 58%;
        top: 78%;
    }
    .phs h4{
        font-size: 2.1vw;
        color:#242b5b;
        font-family: chil;
        line-height: 4.5vw;
    }
    .phs ul li{
        font-size: 1.9vw;
        color:#040505;
        font-family: patrick;
        line-height: 2.4vw;
        list-style: disc;
    
    }
    .phs ul{
        transform: translateX(2vw);
    
    }
    /* -------------------- */
    .ftr-sec{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 3vw;
        text-align: center;
        
    }
    .up{
        background: url("../images/footer.gif");
        background-size: cover;
        background-position: center;
        width: 12%;
        height: 12vw;
        transform: translateY(1vw);
    
    }
    .cntr img{
        width: 13vw;
        
    }
    .line{
        width: 74%;
        height: 1px;
        background-color:#404783;
        margin: auto;
    
    }
    .end{
        font-size: 2vw;
        color:#fff;
        font-family: patrick;
        padding-bottom: 1.5vw;
        margin-top: 2vw;
    }
    .main-bg{
        background-image: url(../images/mobile.html\ view\ bg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height:100%;
    }
}