@media (max-width:1400px){
    .header-div a{
        font-size: 12px;
    }
    .connect-wallet a{
        font-size: 12px;
    }
    .header-drop-down-switch-lang-wrapper .el-dropdown{
        font-size: 12px;
    }
}
@media(max-width:1366px){
    .forest-management-text{
        font-size: 13px;
    }
    .el-dialog{
        width: 50% !important;
    }
    .contact-title-text{
        font-size: 80px!important;
    }
    .contact-address-title{
        font-size: 20px!important;
    }
    .contact-address-text{
        font-size: 20px!important;
    }
    .contact-social-icon{
        /* width: 20%; */
    }
 
    .footer-menu-flex{
        gap: 15px!important;
    }
    .home-swiper-title-container{
        font-size: 50px;
    }
    .home-swiper-text-container{
        font-size: 25px;
    }
    .game-core2-desctext-container{
        width: 90%!important;
    }
}
@media(max-width:1200px){
    .connect-wallet a{
        font-size: 10px;
    }
    .header-div a{
        font-size: 10px;
    }
    .header-drop-down-switch-lang-wrapper .el-dropdown{
        font-size: 10px;
    }
    .header-bar-logo{
        height: 50%;
    }
    .distribution-detail-forest-image-container{
        padding: 15px;
    }
    .game-key-desc-detail-section{
        margin-top: -5%!important;
    }
    .plant-map-arrow-container{
        padding: 1.5rem 0px;
    }
    .seed-arrow{
       transform: rotate(90deg);
    }
    .forest-management-text{
        font-size: 11px;
    }
    .forest-management-circle-section{
        margin-top: 0px!important;
    }
    .profit-doll{
        width: 50%!important;
    }


    .seed-vertical-arrow{
        width: auto!important;
    }
    .distribution-forest-img{
        width: auto!important;
    }
    .distribution-detail-container{
        padding: 20px 0px;;
    }

    
}

@media(max-width:1199px){
.flex-item {
    flex: 1 1 100%; /* Stacks items vertically on smaller screens */
}

}

@media(max-width:1024px){
    .contact-title-text{
        font-size: 60px!important;
    }
    .custom-size{
        max-width: 100%;
        width: 100%;
    }

    .footer{
        width: 100%;
        left: 0;
    }


    .el-dialog{
        width: 90% !important;
    }
    .footer-flex{
        flex-direction: column;
    }

    .footer-menu-container{
        padding-bottom: 2rem;
    }
    .footer-menu-flex{
      /* flex-direction: column; */
    }
}

@media(max-width:992px){
    .contact-section-2{
        align-items: start!important;
    }
    .contact-detail-width{
        width: auto!important;
    }
    .ecosystem-detail{
        padding-bottom: 2.5rem;
    }
    .game-step-img-container{
        padding:20px;
    }
    .game-step-arrow-wrapper{
        padding:.5rem 0px;
    }
    .forest-container{
        padding: .5rem 0px;
    }
    .forest-column-reverse{
        display: flex;
        flex-direction: column-reverse;
    }
    .news-list-wrapper{
        padding-bottom: 2.5rem;
    }
    .whitepaper-wrapper{
        padding-bottom: 2.5rem;
    }
    .moble-profit-img,.mobile-profit-doll{
        display: block!important;
    }
    .game-key-nft-text-container{
        padding-bottom: 20px;
    }
    .profit-title-container{
        padding: 0px!important;
    }
    .profit-img-container{
        display: none!important;
    }
    .profit-model-detail-container-section{
        padding-top: 0px!important;
    }
    .profit-img-container{
        display: flex;
        justify-content: center;
    }

    .profit-model-title {
        padding:.5rem 0px!important;
      }
    .eco-system-detail-text-container{
        padding: 0px!important;
    }
    .eco-system-detail-img-wrapper{
        margin-top: 5rem!important;
    }
    .game-key-nft{
        padding: 0px!important;
    }
    .key-nft{
        transform: scale(1)!important;
    }
    .character-icon-container{
        padding: 20px 0px;
    }
    .character-icon-wrapper{
        width: 60%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .forest-management-text{
        font-size: 15px;
    }
    .header-bar-logo-text{
        font-size: 15px;
    }
    .header-bar-logo{
        height: 60%;
    }
    .home-swiper-logo-green{
        width: 60%;
    }
    .planet-img-section{
        display: flex;
        justify-content: center;
    }
    .earth{
        width: 90%;
    }
    .technical-text-title,.planet-big-text,.business-wrapper{
        font-size: 50px;
    }
    .technical-text-desc{
        width: 100%;
    }
    .business-img-container{
        height: 20rem;
    }
    .business-image{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .business-wrapper{
        padding-bottom: 20px;
    }
    .business-container{
        display: flex;
        flex-direction: column-reverse;
    }
    .business-container{
        object-fit: cover;
    }
    .header-div{
        display: none!important;
    }
    .connect-wallet{
        display: none!important;
    }
    .header-drop-down-mobile-text-container{
        display: flex!important;
    }
    .header-drop-down-mobile-text-wrapper{
        display: flex!important;
    }
    .game-key-desc-detail-section{
        margin-top: 0!important;
    }
    .top-card-flex{
        flex-direction: column;
    }
    .seed-vertical-arrow{
        width: auto
    }
    .game-step-arrow{
        margin-top: 0px!important;
        transform: rotate(90deg);
    }
    .game-play-step-flex{
        flex-direction: column;
        align-items: center;
      
    }
    .forest-management-circle-section{
        padding:10px 0px
    }
    .forest-management-circle-wrapper{
        width: 200px!important;
        height: 200px
    }
    .mission-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .contact-wrapper{
        flex-direction: column;
    }
    .contact-section-2{
        height: auto!important;
    }
    .contact-social-media-wrapper{
        flex-direction: column;
        align-items: start!important;
    }
    .team-img-center-wrapper{
        padding: 15px 0px;
    }
    .game-step-circle-wrapper{
        width: auto!important;
    }
}
@media (max-width:850px){
    .mobile-eco-img{
        display: block!important;
        width: 15%;
        position: absolute;
        left: 0;
        top:50%;
        transform: (0,-50%);
    }
    .eco-img{
        display: none!important;
    }
    .character-text-container{
        padding: 20px 0px;
    }
    .footer-flex{
        flex-direction: column;
    }
    .footer-menu-container{
        padding-bottom: 2rem;
    }
    .footer-menu-flex{
      flex-direction: column;
    }
    .img-profit-doll-wrapper{
        margin-right: 0px!important;
        right:0;
    }
    .core-desc-container{
        flex-direction: column;
    }
    .technical-text-desc{
        width: 100%;
    }
    .key-nft{
        transform: scale(1)!important;
    }
    .core-gameplay-img-container{
        width: 50%;
    }
}
@media(max-width:665px){
    .dropdown-content {
        margin-left: -35px;
    }

    .new-wrapper{
        flex-direction: column;
    }
    .mobile-eco-img {
        display: block !important;
        width: 20%;
        position: absolute;
        left: 0;
        top: -10px;
    }
    .eco-system-detail-img-wrapper{
        margin-left: -5rem!important;
    }
    .game-top-container{
        display: none;
    }
    .mobile-top-forest{
        display: block!important;
        position: absolute;
        height: 25%;
        right: 0;
        top: -5rem;
    }
    .seed-selection-title{
        font-size: 40px!important;
    }
    .character-icon-wrapper{
        width: 80%;
    }
    .earth-doll{
        width: 15rem;
        margin-left: -3rem;
    }
    .header-bar-logo-flex{
        padding-left: 2rem;
    }
    .business-image{
        margin-left: -2rem;
    }
    .business-img-container{
        height: auto!important;
    }
    .nft-img{
        margin-left: 0px;
    }
    .home-swiper-green-planet-container{
        left: 5px!important;
    }
    .home-swiper-title-container{
        font-size: 40px;
    }
    .home-swiper-text-container{
        font-size: 20px;
    }
    .blockchain-title{
        /* width: 100%; */
    }
    .white-paper-english-text{
        font-size: 30px!important;
    }
    .whitepaper-container{
        padding: 1.5rem 0px;
    }
    .view-text{
        font-size: 15px!important;
    }
    .contact-title-text{
        font-size: 45px!important;
    }
    .contact-address-title{
        font-size: 18px!important;
    }
    .contact-address-text{
        font-size: 18px!important;
    }

    .custom-size{
        max-width: 100%;
        width: 100%;
    }

    .last-row{
        flex-direction: column;
    }

    .last-row-item .custom-button{
        font-size: 13px;
        margin-top: 18px !important;
        padding: 8px;
    }

    .profile-head{
        padding: 7px 20px 25px;
        margin: 0 15px 0;
    }

    .login-form{
        padding: 20px 0;
    }

    .login-area{
        margin: 20px 15px;
    }

    .dashboard-head{
        margin-top: 4px;
    }

    .custom-page-content,.custom-content{
        padding: 15px;
    }

    .contact-head{
        padding: 20px 15px;
    }

    .contact-content{
        margin: 0 15px 10px;
    }

    .el-message-box{
        width: 90%;
    }

    .el-message{
        width: 200px;
        height: 200px;
    }

    .custom-input .el-input-group__prepend{
        padding: 10px 0px 10px 15px;
    }

    .custom-input .el-input__wrapper{
        padding: 5px 5px 5px 13px;
    }

    .custom-input .el-input__wrapper input{
        font-size: 13px;
    }

    .sidebar{
        width: 80%;
        max-width: 310px;
    }

    .sidebar-header{
        padding: 20px;
    }

    .custom-page-bg{
        padding: 15px 15px 0;
    }

    .custom-page-bg.px-0 .custom-header-title{
        padding: 0 15px;
    }

    .footer .item i{
        font-size: 20px;
    }
    
    .footer p{
        font-size: 12.5px;
        line-height: 14px;
        font-weight: 400;
        margin: 3px 0 0;
    }

    .footer .item{
        padding: 14px 0 13px;
    }

    .custom-title{
        font-size: 19px;
        margin-bottom: 0;
    }

    .custom-title-big .left i{
        font-size: 20px;
        margin-right: 5px;
    }

    .custom-icon{
        font-size: 20px;
    }

    .custom-button{
        font-size: 13.5px;
        padding: 10px;
    }

    .login-form .custom-button{
        margin-top: 45px;
    }

    .custom-submit-form .el-form-item{
        padding: 8px 13px;
        margin-bottom: 16px;
    }

    .custom-submit-form .el-form-item__label{
        font-size: 13px !important;
    }

    .custom-submit-form .el-input__inner{
        font-size: 13px !important;
    }

    .custom-outline-button{
        font-size: 14.5px;
    }

    .custom-submit-form .append .el-input-group__append{
        font-size: 16px;
        padding: 0;
    }

    .custom-submit-form .append.el-form-item{
        padding-left: 13px;
    }

    .custom-submit-form .append .el-input__wrapper{
        padding: 8px 12px 8px 0 !important;
    }

    .custom-submit-form .append label{
        padding: 8px 0;
    }

    .custom-row-form .el-form-item__label{
        /* width: 50%; */
        font-size: 14px;
    }

    .custom-row-form .el-form-item__content{
        font-size: 14px;
    }

    .custom-header{
        font-size: 15px;
    }

    .custom-header i{
        font-size: 17px;
    }

    .record-area .item .item-button i{
        font-size: 27px;
    }

    .record-area .item .item-button i.edit{
        margin: 0 0 12px 0 !important;
    }

    .record-area .item .item-content{
        /* margin-right: 15px; */
    }

    .record-area .item .item-button{
        text-align: right;
    }

    .record-area .item .item-content .subtitle{
        font-size: 14px;
        line-height: 16px;
    }

    .record-area{
        margin-top: 10px;
        overflow: auto;
    }

    .record-area .item .item-content .date,.receipt-form-item .el-form-item__label,.record-area .item .item-content .subtitle{
        font-size: 13px;
    }

    .record-area .item .item-content .title,.record-area .item .item-value{
        font-size: 15.4px;
    }

    .receipt-title{
        font-size: 21px;
    }

    .record-area .item .item-img{
        height: 40px;
        margin-right: 15px;
    }

    .record-area-date .item-date{
        font-size: 13px;
        line-height: 16px;
    }

    .record-area-date .item-content{
        padding: 12px 15px;
    }

    .record-area-date .item .item-content .date{
        font-size: 13px;
    }

    .record-area-date .item .item-content .title{
        font-size: 16px;
        margin-bottom: 3px;
    }

    .record-area-date .item .item-content .subtitle{
        font-size: 14px;
        line-height: 16.5px;
    }

    .qr-area .qr-link{
        font-size: 15px;
        text-align: center;
        margin: 10px 0 30px;
    }

    .custom-submit-form.mobile .el-form-item{
        flex-direction: column;
    }

    .custom-submit-form.mobile .el-form-item__label{
        width: 100%;
        display: none;
    }

    .custom-submit-form.mobile .el-input__wrapper{
        padding: 0;
    }

    .custom-submit-form.mobile .el-input__inner{
        text-align: left;
    }

    .record-area .item{
        padding: 13px 14px;
    }

    .login-form-subtitle{
        font-size: 13.5px;
        margin-bottom: 18px;
    }

    .login-form-title{
        font-size: 20px;
    }

    .record-area .item .item-value p{
        text-align: right;
    }

    .record-area .item .item-value{
        min-width: 70px;
    }

    .record-area .item .item-content .subtitle{
        word-break: break-word;
    }

    .dashboard-wallet{
        margin-top: 18px;
        padding: 20px 15px 15px;
    }

    .dashboard-wallet .top img{
        height: 35px;
    }

    .dashboard-wallet-bg .button-area .custom-button{
        margin-left: 10px;
        min-width: 100px;
        padding: 8px;
        font-size: 13px;
    }

    .dashboard-wallet .center .title{
        margin-top: 25px;
        font-size: 14px;
    }

    .dashboard-wallet .center .subtitle{
        font-size: 23px;
    }

    .dashboard-wallet .bottom{
        margin-top: 23px;
    }

    .dashboard-wallet .bottom .item{
        padding-left: 0px;
    }

    .dashboard-wallet .bottom .title{
        font-size: 16px;
    }

    .custom-input-title p,.ads-result .center .item .title,.team-detail .item .title,.ico-list .item .top,.ico-summary-bg .desc,.pool-result .item-area .item,.pool-summary-bg .title,.staking-summary .item .left,.staking-summary .item .right,.staking-detail .bottom .left .title, .staking-detail .bottom .center .title,.mission-list .item p,.subscribe-list .item .center .center-item .title,.assets-total,.dashboard-wallet .bottom .subtitle,.dashboard-invite .subtitle,.dashboard-staking .item-area .item .item-subtitle{
        font-size: 14px;
    }

    .custom-select .el-input{
        height: 42px;
    }

    .dashboard-invite,.dashboard-staking{
        margin-top: 10px;
    }

    .dashboard-invite,.dashboard-staking{
        padding: 14px;
    }

    .dashboard-invite .title{
        font-size: 18px;
        margin-bottom: 0;
    }

    .dashboard-invite .custom-button{
        min-width: 70px;
        padding: 5px;
        font-size: 13px;
    }
    
    .dashbaord-menu{
        gap: 7px;
        margin-top: 10px;
    }

    .dashbaord-menu .item{
        min-height: 100px;
    }

    .dashbaord-menu .item img{
        min-height: 21px;
    }

    .dashbaord-menu .item p{
        font-size: 12.5px;
        font-weight: 300;
    }

    .dashboard-staking .custom-button{
        min-width: 95px;
        padding: 7px;
        font-size: 13px;
    }
    
    .dashboard-staking .left .title{
        font-size: 15px;
        margin-bottom: 10px;
    }

    .dashboard-staking .item-area .item .item-title{
        font-size: 17px;
    }

    .custom-header-title p{
        font-size: 20px;
    }

    .custom-header-title i{
        font-size: 19px;
    }

    .assets-summary{
        margin-top: 15px;
        padding: 15px;
    }

    .assets-summary-bg .assets-value{
        font-size: 21px;
    }

    .assets-summary-bg .assets-earn{
        font-size: 15.5px;
    }

    .assets-summary-bg .item-area{
        margin-top: 20px;
    }

    .assets-summary-bg .item-area .subtitle{
        font-size: 15px;
    }

    .assets-summary-bg .item-area .title{
        font-size: 13.3px;
    }

    .assets-wallet{
        padding: 13px;
    }

    .assets-wallet p{
        font-size: 15px;
    }

    .assets-wallet .right .subtitle{
        text-align: end;
        font-weight: 300;
        font-size: 14px;
    }

    .subscribe-bg{
        padding: 15px;
    }

    .subscribe-bg .title{
        font-size: 15px;
        margin-bottom: 8px;
    }

    .subscribe-package{
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        gap: 6px;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        flex-wrap: unset;
    }

    .subscribe-package .item{
        font-size: 13px;
        padding: 4px 1px;
        min-width: 30%;
    }

    .subscribe-progress{
        margin-top: 13px;
    }

    .subscribe-amount{
        margin-top: 4px;
        font-size: 18px;
    }

    .subscribe-amount span{
        font-size: 15px;
    }

    .subscribe-bottom .left .title, .subscribe-bottom .center .title{
        font-size: 13px;
    }

    .subscribe-bottom .left .subtitle, .subscribe-bottom .center .subtitle{
        font-size: 17px;
    }

    .subscribe-bottom .right .custom-button{
        font-size: 13.5px;
        padding: 8px;
        min-width: 97px;
    }

    .subscribe-list .item{
        padding: 15px;
    }

    .subscribe-list .item .top .title{
        font-size: 20px;
        line-height: 23px;
    }

    .subscribe-list .item .top .subtitle{
        font-size: 14px;
        line-height: 16px;
    }

    .subscribe-list .item .top img{
        height: 65px;
    }

    .subscribe-list .item .top .unit-price{
        font-size: 14px;
    }

    .subscribe-list .item .center{
        margin-top: -4px
    }

    .subscribe-list .item .center .center-item .subtitle{
        font-size: 15.5px;
    }

    .profile-detail{
        margin-top: 15px;
        padding: 15px;
    }

    .profile-detail-bg .top .left .name{
        font-size: 16.5px;
        margin-bottom: 5px;
    }

    .profile-detail-bg .top .left .email{
        font-size: 15px;
    }

    .profile-detail-bg .top .left .refer{
        font-size: 15px;
    }

    .profile-detail-bg .top .right i{
        font-size: 18px;
        padding: 20px;
    }

    .profile-detail-bg .bottom .custom-button{
        font-size: 13px;
        padding: 9px;
    }

    .profile-detail-bg .bottom .custom-button i{
        font-size: 13.5px;
    }

    .profile-list .item{
        padding: 15px;
        font-size: 14px;
    }

    .profile-logout{
        margin-top: 35px;
    }

    .profile-detail-bg .bottom{
        margin-top: 25px;
    }

    .custom-tab .el-tabs__item{
        font-size: 13px;
    }

    .mission-list .item{
        padding: 15px;
    }

    .mission-list .item .custom-button{
        padding: 7px;
        min-width: 88px;
    }

    .guide-item{
        min-height: 180px;
    }

    .guide-item .item{
        padding: 10px;
        font-weight: 400;
        font-size: 15px;
    }

    .staking-amount{
        font-size: 18px;
        margin-top: 5px;
    }

    .staking-detail .bottom .left .subtitle, .staking-detail .bottom .center .subtitle{
        font-size: 16px;
    }

    .staking-detail .bottom .right .custom-button{
        padding: 8px;
        font-size: 13px;
        min-width: 105px;
    }

    .staking-list .staking-item .top .custom-button{
        padding: 6px;
        min-width: 100px;
    }

    .staking-list .staking-item .bottom{
        margin-top: 20px;
    }

    .staking-list .staking-item .center .item .title{
        font-size: 16px;
    }

    .staking-list .staking-item .bottom .area .amount{
        font-size: 16px;
    }

    .staking-list .staking-item .bottom .area .date{
        font-size: 13px;
    }

    .staking-detail-area .custom-form-title{
        margin-top: 15px;
    }

    .custom-form-title{
        margin-bottom: 9px;
        font-size: 14px;
    }

    .staking-available{
        font-size: 13.5px;
    }

    .staking-desc{
        font-size: 14px;
        margin-bottom: 9px;
    }

    .staking-summary-title .title{
        font-size: 17.5px;
    }

    .staking-summary-title .span{
        font-size: 14px;
    }

    .staking-summary{
        padding: 15px;
    }

    .staking-summary-terms{
        font-size: 13.5px;
        line-height: 20px;
    }

    .pool-summary{
        padding: 30px;
    }

    .pool-summary-bg .subtitle{
        font-size: 21px;
    }

    .pool-result .item-area{
        margin-bottom: 18px;
    }

    .dashboard-head-icon{
        margin-bottom: 7px;
    }

    .dashboard-head-icon i{
        font-size: 18px;
    }

    .ico-summary{
        margin-top: 20px;
        padding: 15px;
    }

    .ico-summary-bg .desc{
        margin-bottom: 4px;
    }

    .ico-summary-bg .title{
        font-size: 21px;
    }

    .ico-summary-bg .title-desc{
        font-size: 13.5px;
    }

    .ico-progress{
        margin-top: 12px;
    }

    .ico-progress .el-progress-bar__inner .el-progress-bar__innerText{
        font-size: 11px;
        font-weight: 300;
    }

    .ico-summary-bg .bottom{
        margin-top: 22px;
    }

    .ico-summary-bg .bottom .bottom-title{
        font-size: 17px;
    }

    .ico-summary-bg .bottom .bottom-desc{
        font-size: 13px;
    }

    .ico-summary-bg .bottom .custom-button{
        padding: 7px;
        min-width: 100px;
    }

    .ico-list .item{
        padding: 13px 15px 18px;
    }

    .ico-list .item .center .left .title{
        font-size: 19px;
        margin-bottom: 7px;
    }

    .ico-list .item .center .left .desc{
        font-size: 13px;
    }

    .ico-list .item .center .right .custom-button{
        font-size: 13px;
        padding: 7px;
        min-width: 95px;
    }

    .leader-card .leader-item .bottom{
        font-size: 14px;
    }

    .leader-card .leader-item .bottom .right{
        font-size: 16px;
    }

    .leader-reward .item{
        padding: 15px;
        margin-bottom: 15px;
    }

    .leader-reward .item .left{
        font-size: 14px;
    }

    .leader-reward .item .right .custom-button{
        min-width: 85px;
        padding: 7px;
        font-size: 13px;
    }

    .leader-terms-title{
        font-size: 19px;
    }

    .leader-terms{
        font-size: 13.5px;
    }

    .subscribe-list .item .bottom{
        margin-top: 25px;
    }

    .subscribe-list .item .bottom .custom-button{
        padding: 8.5px;
        font-size: 13px
    }

    .team-summary{
        margin-top: 20px;
        padding: 30px;
    }

    .team-summary-bg .right i{
        font-size: 18px;
        padding: 18px;
    }

    .team-summary-bg .title{
        font-size: 14px
    }

    .team-summary-bg .subtitle{
        font-size: 18.5px;
    }

    .team-detail,.team-level{
        margin-top: 5px;
    }

    .team-detail .item .subtitle{
        font-size: 15.5px;
    }

    .team-level .item{
        margin-bottom: 15px;
        font-size: 14px;
    }
    
    .membership-rank{
        margin-top: 30px;
    }

    .membership-rank img{
        height: 150px;
    }

    .membership-detail{
        margin-top: 3px;
    }

    .membership-detail img{
        min-height: 200px;
    }

    .membership-detail .detail .title{
        font-size: 20px;
        margin-top: 13px;
    }

    .membership-detail .detail .custom-button{
        margin-top: 15px;
        padding: 7px;
        font-size: 13px;
        min-width: 100px;
    }

    .membership-condition{
        font-size: 13.5px;
    }

    .ads-result{
        margin-bottom: 30px;
        padding: 15px;
        margin-top: 20px;
    }

    .ads-result .top .title{
        font-size: 14px;
        margin-bottom: 5px;
    }

    .ads-result .top .subtitle{
        margin-bottom: 5px;
        font-size: 20px;
    }

    .ads-result .center .item .subtitle{
        font-size: 16px;
    }

    .ads-result .bottom .custom-button{
        font-size: 13px;
        padding: 7.5px;
    }

    .customer-card{
        padding: 15px;
        margin-top: 15px;
        font-size: 14px;
    }

    .customer-card img{
        height: 30px;
        margin-right: 11px;
    }

    .custom-select .el-input__wrapper,.custom-input-title .custom-upload{
        padding: 0 13px;
    }

    .custom-upload input{
        font-size: 14px;
    }

    .deposit-qr{
        margin-top: 17px;
    }

    .deposit-qr .deposit_address{
        margin-top: 8px;
        font-size: 14px;
    }

    .deposit-qr .deposit_copy{
        margin-bottom: 16px;
        font-size: 15.5px;
    }

    .custom-input-title{
        margin-bottom: 20px;
    }

    .custom-tel-input{
        height: 42px;
    }

    .acceptor-list .item{
        padding: 15px;
    }

    .acceptor-list .item .title{
        font-size: 18px;
    }

    .acceptor-list .item i{
        font-size: 15px;
    }

    .acceptor-list .acceptor-wallet{
        font-size: 18px;
    }

    .acceptor-list .acceptor-wallet span,.acceptor-list .acceptor-desc{
        font-size: 14px;
    }

    .acceptor-list .custom-button{
        margin-top: 24px;
        padding: 9.5px;
        font-size: 13px;
    }

    .dashboard-qrshare .title{
        font-size: 21px;
    }

    .dashboard-qrshare .subtitle{
        font-size: 13.5px;
    }

    .dashboard-qrshare .qr-code{
        width: 170px !important;
        height: 170px !important;
    }

    .login-bg{
        padding-bottom: 70px;
    }

    .custom-tel-input input{
        font-size: 13px;
    }

    .profile-update{
        margin: 20px;
    }

    .profile-update .user-icon{
        padding: 24px;
        font-size: 28px;
    }

    .profile-update .pen-icon{
        width: 30px;
        height: 30px;
        font-size: 10px;
        bottom: -5px;
        right: 5px;
    }

    .membership-home-card .small{
        font-size: 14px;
    }

    .membership-detail .detail .title span{
        font-size: 14px;
    }

    .membership-modal .custom-button{
        margin-top: 29px;
        padding: 8=9px;
    }

    .membership-modal .item{
        font-size: 14px
    }

    .staking-list .staking-item .center .item .subtitle{
        font-size: 13.5px;
    }

    .register_text{
        margin-bottom: 70px;
    }

    .introduction-page .bottom{
        bottom: 70px;
    }

    .introduction-swiper .swiper-pagination{
        bottom: 115px;
    }

    .profile-update .user-profile{
        height: 75px;
        width: 75px;
    }

    .profile-avatar{
        height: 60px;
        width: 60px;
    }

    .ads-modal .title{
        text-align: center;
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .ads-modal .subtitle{
        font-size: 14px;
        margin-bottom: 22px;
    }

    .bank-hint{
        font-size: 14px;
    }

    .withdraw-model-msg{
        font-size: 15.5px;
    }

    .custom-tab.my-team .el-tabs__item{
        padding: 0 18px !important;
    }

    .receipt-area .receipt-img{
        height: 200px;
        max-width: 100%;
    }

    .leader-comingsoon{
        padding: 30px 20px 45px;
    }

    .leader-comingsoon .center .item{
        font-weight: 300;
        font-size: 14px;
    }

    .leader-comingsoon .title{
        font-size: 18px;
        margin-bottom: 18px;
    }

    .staking-detail .head-title{
        font-size: 15px;
    }

    .share-item{
        min-width: 100%;
    }

    .deposit-term{
        font-size: 14px;
    }

    .dashboard-qrshare .bottom .copy-text{
        font-size: 13px;
    }

    .ads-mission{
        margin-top: 20px;
        padding: 15px;
    }

    .ads-mission .center{
        margin-left: 10px;
        margin-right: 4px;
    }

    .ads-mission .center p{
        font-size: 14.5px;
        line-height: 17px;
    }

    .ads-mission .center .box{
        font-weight: 500;
        font-size: 13px;
    }

    .ads-mission .right{
        padding: 5px 10px;
        font-size: 13px;
    }

    .ads-mission .logo img{
        height: 50px;
        width: 50px;
    }

    .ads-mission .logo .blur-area{
        height: 60px;
        width: 56px;
    }
}

@media(max-width:505px){
    .nft-bg-wrapper{
        margin-left: -3rem!important;
    }
    .ecosystem-development-title{
        font-size: 40px!important;
    }
    .mobile-top-forest{

        position: absolute;
        height: 15%;
        right: 0;
        top: -5rem;
    }
    .earth-doll{
        width: 10rem;
        margin-left: -3rem;
    }
    .blockchain-title{
        width: 100%;
        font-size: 15px;
    }
    .technical-text-title,.planet-big-text,.business-wrapper{
        font-size: 40px;
    }
}

@media(max-width:425px){
    .player-img,.seed-img{
        width: 40px!important;
    }
}