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

@media screen and (min-width: 1360px) and (max-width: 1560px) {

    /*.row .col-lg h2 {
        text-align: center;
    }*/

    .banner-nft-text1 {
        font-size: 25px;
    }

    .banner-nft-text2 {
        font-size: 18px;
    }

    .hero-launchpad {
        padding: 125px 0px;
    }

    .p5roadmap-line-ripple {
        position: absolute;
        top: 505px;
        left: 35px;
    }

    .p5roadmap-line-two .p5roadmap-line-ripple {
        position: absolute;
        top: 388px;
        right: 0;
    }

    .p5roadmap-line-left-one::after {
        top: 104px;
    }

    .p5roadmap-line-left-two::after {
        top: 272px;
    }

    .p5roadmap-line-left-new::after {
        top: 773px;
    }

    .p5roadmap-line-four .p5roadmap-line-ripple {
        left: -33px;
        bottom: 260px;
        z-index: -1;
    }

    .p5roadmap-line-three .p5roadmap-line-ripple {
        bottom: 418px;
        right: 0;
        left: inherit;
    }

    .p5roadmap-line-left-three:after {
        top: 205px;
    }

    .p5roadmap-line-left-three2:after {
        top: 518px;
    }

}


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

    .mintButtonMobile {
        margin-top: 0px;
    }

    .banner-nft-text1 {
        font-size: 25px;
    }

    .banner-nft-text2 {
        font-size: 18px;
    }

    .hero-launchpad {
        padding: 100px 0px;
    }

    .row .col-lg-3 .leader-ship-item {
        padding: 20px 28px;
    }

    .p5roadmap-line-ripple {
        position: absolute;
        top: 505px;
        left: 35px;
    }

    .p5roadmap-line-two .p5roadmap-line-ripple {
        position: absolute;
        top: 388px;
        right: 0;
    }

    .p5roadmap-line-left-one::after {
        top: 104px;
    }

    .p5roadmap-line-left-two::after {
        top: 272px;
    }

    .p5roadmap-line-left-new::after {
        top: 773px;
    }

    .p5roadmap-line-four .p5roadmap-line-ripple {
        left: -33px;
        bottom: 260px;
        z-index: -1;
    }

    .p5roadmap-line-three .p5roadmap-line-ripple {
        bottom: 418px;
        right: 0;
        left: inherit;
    }

    .p5roadmap-line-left-three:after {
        top: 205px;
    }

    .p5roadmap-line-left-three2:after {
        top: 272px;
    }

    .img-fluid-society {
        max-width: 198px;
    }

}


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

    .banner-nft-text1 {
        font-size: 25px;
    }

    .banner-nft-text2 {
        font-size: 18px;
    }

    .hero-launchpad {
        padding: 100px 0px;
    }

    .hero-left-launchpad h3 {
        font-size: 38px;
    }

    .hero-left-launchpad span {
        display: inline-block;
        margin-top: 34px;
    }

    .row .col-lg-3 .leader-ship-item {
        padding: 20px 28px;
    }


    .hero-left h3 {
        font-size: 32px;
    }

    .hero-left a {
        padding: 18px 25px;
    }

    .brand-slider-arrow .left {
        left: -20px;
    }

    .brand-slider-arrow .right {
        right: -20px;
    }

    .footer-nav ul li a {
        font-size: 17px;
    }

    .header-right ul li a {
        font-size: 15px;
        margin-left: 14px;
    }

    .checkbox-drak {
        margin-left: 20px;
    }

    .ripple-three {
        position: relative;
        left: -39px;
        top: 24px;
    }

    .about-sub-img .img img {
        width: 85px;
    }

    .leader-ship-item {
        padding: 30px 30px;
    }

    .main-img {
        height: 345px;
        overflow: hidden;
    }

    .working-item h4 {
        font-weight: 600;
        font-size: 16px;
    }

    .p4dyp-content-one-left h4 {
        font-size: 20px;
        width: 160px;
    }

    .p4dyp-content-one-left p {
        font-size: 15px;
    }

    .p5roadmap-line-ripple {
        position: absolute;
        top: 505px;
        left: 35px;
    }

    .p5roadmap-line-two .p5roadmap-line-ripple {
        position: absolute;
        top: 388px;
        right: 0;
    }

    .p5roadmap-line-left-one::after {
        top: 104px;
    }

    .p5roadmap-line-left-two::after {
        top: 272px;
    }

    .p5roadmap-line-left-new::after {
        top: 937px;
    }

    .p5roadmap-line-four .p5roadmap-line-ripple {
        left: -33px;
        bottom: 307px;
        z-index: -1;
    }

    .p5roadmap-line-three .p5roadmap-line-ripple {
        bottom: 418px;
        right: 0;
        left: inherit;
    }

    .p5roadmap-line-left-three:after {
        top: 205px;
    }

    .p5roadmap-line-left-three2:after {
        top: 372px;
    }

    .img-fluid-society {
        max-width: 198px;
    }

}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

    .mintButtonMobile {
        margin-top: 0px;
    }

    .banner-nft-text1 {
        font-size: 25px;
    }

    .banner-nft-text2 {
        font-size: 18px;
    }

    .img-fluid-society {
        max-width: 100%;
    }

    .hero-launchpad {
        background-repeat:no-repeat;
        background-position:center;
        background-size: cover;
        padding: 45px 0;
    }

    .hero-left-launchpad h3 {
        font-size: 35px;
    }

    .hero-left-launchpad span {
        margin-top: 30px;
    }

    .upcomming {
        background-position: right -40px top 150px;
        background-size: 185px;
    }

    .blockfull {
        background: var(--fullbg);
        padding: 70px 0px;
    }

    .row-flex-center {
        margin-bottom: 48px;
    }


    .wave-one {
        width: 330px;
        height: 160px;
        padding: 32px 40px;
    }

    .ripple-one {
        position: relative;
        top: 20px;
        left: -12px;
    }

    .wave-two {
        width: 289px;
        height: 122px;
        padding: 28px 35px;
        margin-left: auto;
        margin-top: 85px;
    }

    .ripple-two {
        position: relative;
        top: 36px;
        left: 3px;
    }

    .wave-three {
        width: 235px;
        height: 125px;
        padding: 32px 40px;
        margin-left: 0;
    }

    .parical {
        width: 100%;
        top: 0;
        right: 0;
        height: 65%;
    }

    .hero-right {
        padding-top: 110px;
    }

    .hero-left {
        padding: 55px 0;
    }

    .hero-left h3 {
        font-size: 29px;
        line-height: 38px;
    }

    .hero-left a {
        display: block;
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-top: 30px;
    }

    .hero-left span {
        display: none;
    }

    .brand-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .brand-slider-arrow .left {
        left: 0;
    }

    .brand-slider-arrow .right {
        right: 0;
    }

    .farming-header h2 {
        font-size: 19px;
        line-height: 25px;
    }

    .farming-header h1 {
        font-size: 32px;
        line-height: 48px;
    }

    .farming-header p {
        margin: 0;
    }

    .farming-header {
        margin-bottom: 40px;
    }

    .farming-area {
        padding: 40px 0;
    }

    .farming-area-white {
        padding: 40px 0;
    }

    .footer-area {
        padding-left: 0px;
        padding-right: 0px;
    }

    .footer-nav ul li a {
        font-weight: 400;
        font-size: 12px;
        padding: 0 5px;
    }

    .social-list ul li a {
        font-size: 16px;
    }

    .wave-three .ripple-one {
        left: 4px;
    }

    .ripple-three {
        position: relative;
        left: -29px;
        top: 36px;
    }

    .dark .wave-one p#fusone::before {
        left: 19px;
        bottom: -54px;
    }

    .dark .wave-one p#fusone::after {
        left: 8px;
        bottom: -52px;
    }

    .dark .wave-three p#fusone::before {
        left: 3px;
        bottom: -67px;
    }

    .dark .wave-three p#fusone::after {
        left: -9px;
        bottom: -67px;
    }

    .working-item {
        margin-bottom: 20px;
    }

    .about-sub-img {
        /* display: none; */
    }

    .about-hero {
        padding: 32px 0px;
        background: url(../img/sm4bg.svg);
        background-repeat: no-repeat;
        background-position: top;
    }

    .working-area {
        padding: 50px 0;
    }

    .earn-hero-btns a {
        display: block;
    }

    .participar-item {
        padding: 30px 20px;
    }

    .participar-item-header .left h3 {
        font-weight: 600;
        font-size: 20px;
    }

    .participar-item-header .right a {
        font-size: 18px;
        border-radius: 10px;
        padding: 9px 18px;
        padding-top: 13px;
    }

    .participar-item-content .left p {
        font-size: 16px;
    }

    .participar-item-content .right p {
        font-size: 16px;
        text-align: right;
    }

    .main-img {
        height: inherit;
        margin-bottom: 30px;
    }

    .about-hero .left p {
        text-align: center;
    }

    .leader-ship-item .linkedin {
        display: inline-block;
        width: 40px;
        position: absolute;
        right: 30px;
    }

    .leader-ship-area {
        /* background: var(--bg-one); */
    }

    .about-hero .left h3 {
        text-align: center;
    }

    .about-hero .left h4 {
        text-align: center;
    }

    .about-hero .left h2 {
        text-align: center;
    }

    .p4token-bg {
        padding: 40px 0;
    }

    .p4token-wrapper {
        padding: 20px;
    }

    .p4token-heading h3 {
        font-size: 28px; 
        border-bottom: 1px solid #FDC5C8;
        padding-bottom: 10px;
    }

    .p4token-content-one {
        display: block;
        margin-top: 30px;
    }

    .p4token-content-one p {
        word-break: break-all;
        margin-top: 0;
    }

    .dark .p4token-heading h3 {
        border-color: #48404F;
    }

    .p4dyp-wrapper {
        padding: 20px;
    }

    .p4dyp-heading h3 {
        font-size: 28px;
    }

    .p4dyp-content-one-left {
        display: block;
        border-color: #FDC5C8;
    }
    
    .dark .p4dyp-content-one-left {
        border-color: #48404F;
    }

    .p4dyp-content {
        margin-top: 25px;
    }

    .p4dyp-can p {
        word-break: break-all;
    }

    .p4token-sap-wrapper {
        padding: 25px;
    }

    .p4token-sap-cotnent {
        position: absolute;
        right: 25px;
        top: 60px;
    }

    .p4token-sap-img img {
        margin-top: 45px;
    }

    .p4token-sap-cotnent ul li span {
        margin-right: 6px;
        position: relative;
        top: -1px;
        width: 10px;
        height: 10px;
    }

    .p5roadmap-ripple-left {
        display: none;
    }

    .p5roadmap-text h3 {
        font-size: 32px;
        padding-bottom: 30px;
        border-bottom: 1px solid #FDC5C8;
    }
    
    .dark .p5roadmap-text h3 {
       border-bottom: 1px solid #48404F;
    }

    .p5roadmap-line-wrapper {
        margin-top: 34px;
    }

    .p5roadmap {
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top;
        background-image: url(../img/p5smbg.png);
    }

    .p5roadmap-line-left {
        padding: 30px 20px;
        margin-top: 100px !important;
    }

    .p5roadmap-line-left-two {
        margin-top: 100px!important;
    }

    .p5roadmap-line-left-two::after {
        content: none;
    }

    .p5roadmap-line-left-new {
        margin-top: 100px!important;
    }

    .p5roadmap-line-left-new::after {
        content: none;
    }

    .p5roadmap-line-left-one::before {
        content: "";
        display: block;
        width: 2px;
        height: 100px;
        position: absolute;
        left: 49%;
        bottom: -102px;
        border-right: var(--border-right);
    }

    .p5roadmap::after {
        content: none;
    }

    .p5roadmap-line-left-one::after {
        content: none;
    }

     .p5roadmap-line-left-three {
        margin-top: 100px!important;
    }

    .p5roadmap-line-left-three2 {
        margin-top: 100px!important;
    }

    .p5roadmap-line-left-two::before {
        content: "";
        display: block;
        width: 2px;
        height: 100px;
        position: absolute;
        left: 49%;
        bottom: -102px;
        border-right: var(--border-right);
    }

    .p5roadmap-line-left-new::before {
        content: "";
        display: block;
        width: 2px;
        height: 100px;
        position: absolute;
        left: 49%;
        bottom: -102px;
        border-right: var(--border-right);
    }

    .p5roadmap-line-two {
        display: none;
    }

    .p5roadmap-line-ripple {
        position: absolute;
        top: 55%;
        left: inherit;
        right: 0;
        z-index: -1;
    }

    .p5roadmap-line-three .p5roadmap-line-ripple {
        position: absolute;
        top: 76%;
        left: 38px;
        right: inherit;
        z-index: -1;
    }

    .p5roadmap-line-four .p5roadmap-line-ripple {
        display: none;
    }





}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (min-width: 576px) and (max-width: 767px) {

    .mintButtonMobile {
        margin-top: 0px;
    }

    .img-fluid-society {
        max-width: 100%;
    }

    .hero-launchpad {
        background-image: var(--herosm);
        padding: 170px 0;
    }

    .hero-left-launchpad h3 {
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 0px;
        width: 270px;
    }

    .hero-left-launchpad span {
        display: none;
    }

    .upcomming {
        background: none;
        padding-bottom: 60px;
    }

    .upcomming-heading-launchpad h3 {
        font-size: 30px;
    }

    .hero {
        background-image: url(../img/dmb.png);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: cover;
    }

    .copyright {
        font-size: 12px;
    }

    .row-flex-center {
        margin-bottom: 48px;
    }

    .row .col-lg h2 {
        text-align: center;
    }

    .wave-one {
        width: 330px;
        height: 160px;
        padding: 32px 40px;
    }

    .ripple-one {
        position: relative;
        top: 20px;
        left: -11px;
    }

    .wave-two {
        width: 289px;
        height: 122px;
        padding: 28px 35px;
        margin-left: auto;
        margin-top: 85px;
    }

    .ripple-two {
        position: relative;
        top: 37px;
        left: 4px;
    }

    .wave-three {
        width: 235px;
        height: 125px;
        padding: 32px 40px;
        margin-left: 0;
    }

    .parical {
        width: 100%;
        top: 0;
        right: 0;
        height: 63%;
    }

    .hero-right {
        padding-top: 110px;
    }

    .hero-left {
        padding: 55px 0;
    }

    .hero-left h3 {
        font-size: 29px;
        line-height: 38px;
    }

    .hero-left a {
        display: block;
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-top: 30px;
    }

    .hero-left span {
        display: none;
    }

    .brand-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .brand-slider-arrow .left {
        left: 0;
    }

    .brand-slider-arrow .right {
        right: 0;
    }

    .farming-header h2 {
        font-size: 19px;
        line-height: 25px;
    }

    .farming-header p {
        margin: 0;
    }

    .farming-header {
        margin-bottom: 40px;
    }

    .farming-area {
        padding: 40px 0;
    }

    .farming-area-white {
        padding: 40px 0;
    }

    .footer-area {
        padding-left: 0px;
        padding-right: 0px;
    }

    .footer-nav ul li a {
        font-weight: 400;
        font-size: 12px;
        padding: 0 5px;
    }

    .social-list ul li a {
        font-size: 16px;
    }

    .wave-three .ripple-one {
        left: 5px;
    }

    .ripple-three {
        position: relative;
        left: -29px;
        top: 36px;
    }

    .dark .hero {
        background-image: url(../img/smb.png);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: cover;
    }

    .dark .wave-one p#fusone::before {
        left: 19px;
        bottom: -53px;
    }

    .dark .wave-one p#fusone::after {
        left: 9px;
        bottom: -53px;
    }

    .dark .wave-three p#fusone::before {
        left: 3px;
        bottom: -67px;
    }

    .dark .wave-three p#fusone::after {
        left: -9px;
        bottom: -67px;
    }

    .wave-one::before {
        left: -3px;
        top: -4.09px;
    }

    .wave-two::before {
        top: -4.09px;
    }

    /* Earn-page-css-start  */
    .earn-hero-content h2 {
        font-size: 28px;
    }


    .earn-hero-content h5 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .earn-hero-btns a:first-child {
        margin-bottom: 20px;
    }

    .earn-hero-area {
        padding: 50px 0;
        background: url(../img/p2bx.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }



    .participar-item-content .left {
        margin-bottom: 15px;
    }



    .participar-area {
        padding: 50px 0;
    }

    .dyp-content h2 {
        font-size: 28px;
    }

    .dyp-area {
        padding: 50px 0;
    }

    /* about-page-responsive-start  */
    .about-sub-img {
        flex-wrap: wrap;
        justify-content: space-between;
        /* display: none; */
    }

    .about-sub-img img {
        margin: 2px;
    }

    .about-hero .left h2 {
        font-size: 48px;
        position:inherit;
        margin-left: 0;
        margin-top: 5px;
        margin-bottom: 0;
        text-align: center;
    }

    .about-hero .left h3 {
        font-size: 32px;
        text-align: center;
    }

    .about-hero .left h4{
        text-align: center;
    }

    .brand-header h3 {
        font-size: 28px;
    }

    .working-header h3 {
        font-size: 32px;
    }

    .working-item {
        margin-bottom: 20px;
    }

    .about-hero {
        padding: 50px 0;
    }

    .working-area {
        padding: 50px 0;
    }

    .leader-ship-item {
        padding: 30px 30px;
    }

    .earn-hero-btns a {
        display: block;
    }

    .participar-item {
        padding: 30px 20px;
    }

    .participar-item-header .left h3 {
        font-weight: 600;
        font-size: 20px;
    }

    .participar-item-header .right a {
        font-size: 18px;
        border-radius: 10px;
        padding: 9px 18px;
        padding-top: 13px;
    }

    .participar-item-content .left p {
        font-size: 16px;
    }

    .participar-item-content .right p {
        font-size: 16px;
        text-align: right;
    }

    .about-hero {
        padding: 32px 0;
        background: url(../img/sm4bg.svg);
        background-repeat: no-repeat;
        background-position: top;
    }

    .working-area {
        padding: 50px 0;
    }

    .earn-hero-btns a {
        display: block;
    }

    .participar-item {
        padding: 30px 20px;
    }

    .participar-item-header .left h3 {
        font-weight: 600;
        font-size: 20px;
    }

    .participar-item-header .right a {
        font-size: 18px;
        border-radius: 10px;
        padding: 9px 18px;
        padding-top: 13px;
    }

    .participar-item-content .left p {
        font-size: 16px;
    }

    .participar-item-content .right p {
        font-size: 16px;
        text-align: right;
    }

    .main-img {
        height: inherit;
        margin-bottom: 30px;
    }

    .about-hero .left p {
        text-align: center;
    }

    .leader-ship-item .linkedin {
        display: inline-block;
        width: 40px;
        position: absolute;
        right: 30px;
    }

    .leader-ship-area {
        /* background: var(--bg-one); */
    }

    /* about-page-responsive-end   */


    .p4token-bg {
        padding: 40px 0;
    }

    .p4token-wrapper {
        padding: 20px;
    }

    .p4token-heading h3 {
        font-size: 28px; 
        border-bottom: 1px solid #FDC5C8;
        padding-bottom: 10px;
    }

    .p4token-content-one {
        display: block;
        margin-top: 30px;
    }

    .p4token-content-one p {
        word-break: break-all;
        margin-top: 0;
    }

    .dark .p4token-heading h3 {
        border-color: #48404F;
    }

    .p4dyp-wrapper {
        padding: 20px;
    }

    .p4dyp-heading h3 {
        font-size: 28px;
    }

    .p4dyp-content-one-left {
        display: block;
        border-color: #FDC5C8;
    }
    
    .dark .p4dyp-content-one-left {
        border-color: #48404F;
    }

    .p4dyp-content-one-left h4 {
        font-size: 22px;
    }

    .p4dyp-content {
        margin-top: 25px;
    }

    .p4dyp-can p {
        word-break: break-all;
    }

    .p4token-sap-wrapper {
        padding: 25px;
    }

    .p4token-sap-cotnent {
        position: absolute;
        right: 25px;
        top: 60px;
    }

    .p4token-sap-img img {
        margin-top: 45px;
    }

    .p4token-sap-cotnent ul li span {
        margin-right: 6px;
        position: relative;
        top: -1px;
        width: 10px;
        height: 10px;
    }

    .p5roadmap-ripple-left {
        display: none;
    }

    .p5roadmap-text h3 {
        font-size: 32px;
        padding-bottom: 30px;
        border-bottom: 1px solid #FDC5C8;
    }
    
    .dark .p5roadmap-text h3 {
       border-bottom: 1px solid #48404F;
    }

    .p5roadmap-line-wrapper {
        margin-top: 34px;
    }

    .p5roadmap {
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top;
        background-image: url(../img/p5smbg.png);
    }

    .p5roadmap-line-left {
        padding: 30px 20px;
        margin-top: 100px !important;
    }

    .p5roadmap-line-left-two {
        margin-top: 100px!important;
    }

    .p5roadmap-line-left-two::after {
        content: none;
    }

    .p5roadmap-line-left-new {
        margin-top: 100px!important;
    }

    .p5roadmap-line-left-new::after {
        content: none;
    }

    .p5roadmap-line-left-one::before {
        content: "";
        display: block;
        width: 2px;
        height: 100px;
        position: absolute;
        left: 49%;
        bottom: -102px;
        border-right: var(--border-right);
    }

    .p5roadmap::after {
        content: none;
    }

    .p5roadmap-line-left-one::after {
        content: none;
    }

     .p5roadmap-line-left-three {
        margin-top: 100px!important;
    }

    .p5roadmap-line-left-three2 {
        margin-top: 100px!important;
    }

    .p5roadmap-line-left-two::before {
        content: "";
        display: block;
        width: 2px;
        height: 100px;
        position: absolute;
        left: 49%;
        bottom: -102px;
        border-right: var(--border-right);
    }

    .p5roadmap-line-left-new::before {
        content: "";
        display: block;
        width: 2px;
        height: 100px;
        position: absolute;
        left: 49%;
        bottom: -102px;
        border-right: var(--border-right);
    }

    .p5roadmap-line-two {
        display: none;
    }

    .p5roadmap-line-ripple {
        position: absolute;
        top: 54%;
        left: inherit;
        right: 0;
        z-index: -1;
    }

    .p5roadmap-line-three .p5roadmap-line-ripple {
        position: absolute;
        top: 76%;
        left: 38px;
        right: inherit;
        z-index: -1;
    }

    .p5roadmap-line-four .p5roadmap-line-ripple {
        display: none;
    }

     .p5roadmap-line-left-onex {
        margin-top: 20px!important;
    }






}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 576px) {

    .ctabtn {
        width: 112px;
    }

    .mintButtonMobile {
        margin-top: 0px;
    }

    .banner-nft-button {
        height: 30px;
        width: 110px;
        font-size: 15px;
    }

    .banner-nft-text3 {
        font-size: 15px;
    }

    .banner-nft-intern {
        padding-left: 20px;
    }

    .banner-nft-text1 {
        font-size: 15px;
    }

    .banner-nft-text2 {
        font-size: 13px;
    }

    .img-fluid-society {
        max-width: 100%;
    }

    .hero-launchpad {
        background-image: var(--herosm);
        padding: 170px 0;
    }

    .hero-left-launchpad h3 {
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 0px;
        width: 270px;
    }

    .hero-left-launchpad span {
        display: none;
    }

    .hero-left p {
        margin-bottom: 3rem;
    }

    .upcomming {
        background: none;
        padding-bottom: 60px;
    }

    .upcomming-heading-launchpad h3 {
        font-size: 30px;
    }

    .hero {
        background-image: url(../img/dmb.png);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: cover;
    }

    .copyright {
        font-size: 10px;
    }

    .row .col-lg-3 .leader-ship-item {
        padding: 20px 28px;
    }

    .row-flex-center {
        margin-bottom: 48px;
    }

    .row .col-lg h2 {
        margin-top: 0px;
        text-align: center;
    }

    .row .col-lg p {
        text-align: center;
    }

    .wave-one {
        width: 330px;
        height: 160px;
        padding: 32px 40px;
    }

    .ripple-one {
        position: relative;
        top: 23px;
        left: -13px;
    }

    .wave-two {
        width: 289px;
        height: 122px;
        padding: 28px 35px;
        margin-left: auto;
        margin-top: 85px;
    }

    .ripple-two {
        position: relative;
        top: 36px;
        left: 3px;
    }

    .wave-three {
        width: 235px;
        height: 125px;
        padding: 32px 40px;
        margin-left: 0;
    }

    .parical {
        width: 100%;
        top: 0;
        right: 0;
        height: 45%;
    }

    .hero-right {
        padding-top: 110px;
    }

    .hero-left {
        padding: 55px 0;
        padding-bottom: 70px;
    }

    .hero-left h3 {
        font-size: 29px;
        line-height: 38px;
    }

    .hero-left a {
        display: block;
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-top: 30px;
    }

    .hero-left span {
        display: none;
    }

    .brand-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .brand-slider-arrow .left {
        left: 0;
    }

    .brand-slider-arrow .right {
        right: 0;
    }

    .farming-header h2 {
        font-size: 19px;
        line-height: 25px;
    }

    .farming-header h1 {
        font-size: 32px;
        line-height: 48px;
    }

    .farming-header p {
        margin: 0;
    }

    .farming-header {
        margin-bottom: 40px;
    }

    .farming-area {
        padding: 40px 0;
    }

    .farming-area-white {
        padding: 40px 0;
    }

    .footer-area {
        padding-left: 0px;
        padding-right: 0px;
    }

    .footer-nav ul li a {
        font-weight: 400;
        font-size: 12px;
        padding: 0 5px;
    }

    .social-list ul li a {
        font-size: 16px;
    }

    .wave-three .ripple-one {
        left: 4px;
    }

    .ripple-three {
        position: relative;
        left: -30px;
        top: 37px;
    }

    .dark .hero {
        background-image: url(../img/smb.png);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: cover;
    }

    .dark .wave-one p#fusone::before {
        left: 19px;
        bottom: -53px;
    }

    .dark .wave-one p#fusone::after {
        left: 9px;
        bottom: -52px;
    }

    .dark .wave-three p#fusone::before {
        left: 3px;
        bottom: -67px;
    }

    .dark .wave-three p#fusone::after {
        left: -9px;
        bottom: -67px;
    }

    .wave-one::before {
        left: -3px;
        top: -4.09px;
    }

    .wave-two::before {
        top: -4.09px;
    }



    /* Earn-page-css-start  */
    .earn-hero-content h2 {
        font-size: 28px;
    }


    .earn-hero-content h5 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .earn-hero-btns a:first-child {
        margin-bottom: 20px;
    }

    .earn-hero-area {
        padding: 50px 0;
        background: url(../img/p2bx.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .partipar-header {
        flex-direction: column;
        margin-bottom: 55px;
    }

    .participar-area {
        padding: 50px 0;
    }

    .dyp-content h2 {
        font-size: 28px;
    }

    .dyp-area {
        padding: 50px 0;
    }

    /* about-page-responsive-start  */
    .about-sub-img {
        /* display: none; */
    }

    .about-sub-img img {
        margin: 2px;
    }

    .about-hero .left h2 {
        font-size: 48px;
        position:inherit;
        margin-left: 0;
        margin-top: 5px;
        margin-bottom: 0;
        text-align: center;
    }

    .about-hero .left h3 {
        font-size: 28px;
        text-align: center;
    }

    .about-hero .left h1 {
        text-align: center;
    }


    .about-hero .left h4{
        text-align: center;
    }

    .brand-header h3 {
        font-size: 28px;
    }

    .working-header h3 {
        font-size: 32px;
    }

    .working-item {
        margin-bottom: 20px;
    }

    .about-hero {
        padding: 120px 0px;
        background: url(../img/sm4bg.svg);
        background-repeat: no-repeat;
        background-position: top;
    }

    .working-area {
        padding: 50px 0;
    }

    .earn-hero-btns a {
        display: block;
    }

    .participar-item {
        padding: 30px 20px;
    }

    .participar-item-header .left h3 {
        font-weight: 600;
        font-size: 20px;
    }

    .participar-item-header .right a {
        font-size: 18px;
        border-radius: 10px;
        padding: 9px 18px;
        padding-top: 13px;
    }

    .participar-item-content .left p {
        font-size: 16px;
    }

    .participar-item-content .right p {
        font-size: 16px;
        text-align: right;
    }

    .main-img {
        height: inherit;
        margin-bottom: 30px;
    }

    .about-hero .left p {
        text-align: center;
    }

    .leader-ship-item .linkedin {
        display: inline-block;
        width: 40px;
        position: absolute;
        right: 30px;
    }

    .leader-ship-area {
        /* background: var(--bg-one); */
    }

    /* about-page-responsive-end   */


    .p4token-bg {
        padding: 40px 0;
    }

    .p4token-wrapper {
        padding: 20px;
    }

    .p4token-heading h3 {
        font-size: 28px; 
        border-bottom: 1px solid #FDC5C8;
        padding-bottom: 10px;
    }

    .p4token-content-one {
        display: block;
        margin-top: 30px;
    }

    .p4token-content-one p {
        word-break: break-all;
        margin-top: 0;
    }

    .dark .p4token-heading h3 {
        border-color: #48404F;
    }

    .p4dyp-wrapper {
        padding: 20px;
    }

    .p4dyp-heading h3 {
        font-size: 28px;
    }

    .p4dyp-content-one-left {
        display: block;
        border-color: #FDC5C8;
    }
    
    .dark .p4dyp-content-one-left {
        border-color: #48404F;
    }

    .p4dyp-content-one-left h4 {
        font-size: 22px;
    }

    .p4dyp-content {
        margin-top: 25px;
    }

    .p4dyp-can p {
        word-break: break-all;
    }

    .p4token-sap-wrapper {
        padding: 25px;
    }

    .p4token-sap-cotnent {
        position: absolute;
        right: 25px;
        top: 60px;
    }

    .p4token-sap-img img {
        margin-top: 45px;
    }

    .p4token-sap-cotnent ul li span {
        margin-right: 6px;
        position: relative;
        top: -1px;
        width: 10px;
        height: 10px;
    }




    .p5roadmap-ripple-left {
        display: none;
    }

    .p5roadmap-text h3 {
        font-size: 32px;
        padding-bottom: 30px;
        border-bottom: 1px solid #FDC5C8;
    }
    
    .dark .p5roadmap-text h3 {
       border-bottom: 1px solid #48404F;
    }

    .p5roadmap-line-wrapper {
        margin-top: 34px;
    }

    .p5roadmap {
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: top;
        background-image: url(../img/p5smbg.png);
    }

    .p5roadmap-line-left {
        padding: 30px 20px;
        margin-top: 100px !important;
    }

    .p5roadmap-line-left-two {
        margin-top: 100px!important;
    }

    .p5roadmap-line-left-two::after {
        content: none;
    }

    .p5roadmap-line-left-new {
        margin-top: 100px!important;
    }

    .p5roadmap-line-left-new::after {
        content: none;
    }

    .p5roadmap-line-left-one::before {
        content: "";
        display: block;
        width: 2px;
        height: 100px;
        position: absolute;
        left: 49%;
        bottom: -102px;
        border-right: var(--border-right);
    }

    .p5roadmap::after {
        content: none;
    }

    .p5roadmap-line-left-one::after {
        content: none;
    }

     .p5roadmap-line-left-three {
        margin-top: 100px!important;
    }

    .p5roadmap-line-left-three2 {
        margin-top: 100px!important;
    }

    .p5roadmap-line-left-two::before {
        content: "";
        display: block;
        width: 2px;
        height: 100px;
        position: absolute;
        left: 49%;
        bottom: -102px;
        border-right: var(--border-right);
    }

    .p5roadmap-line-left-new::before {
        content: "";
        display: block;
        width: 2px;
        height: 100px;
        position: absolute;
        left: 49%;
        bottom: -102px;
        border-right: var(--border-right);
    }

    .p5roadmap-line-two {
        display: none;
    }

    .p5roadmap-line-ripple {
        position: absolute;
        top: 53%;
        left: inherit;
        right: 0;
        z-index: -1;
    }

    .p5roadmap-line-three .p5roadmap-line-ripple {
        position: absolute;
        top: 75%;
        left: 38px;
        right: inherit;
        z-index: -1;
    }

    .p5roadmap-line-four .p5roadmap-line-ripple {
        display: none;
    }

    .p5roadmap-line-left-onex {
        margin-top: 20px!important;
    }





}


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

@media screen and (min-width: 1360px) and (max-width: 1560px) {

    /*.hero {*/
    /*    padding: 125px 0px;*/
    /*}*/

    .p2main::before {
        content: none;
    }

    .p2main::after {
        content: none;
    }

    .wallet::after {
        content: none;
    }

    .p3main::after {
        content: none;
    }

    .p3dyp-left {
        padding-right: 0px;
    }

}

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

    /*.hero {*/
    /*    padding: 100px 0px;*/
    /*}*/

    .p2main::before {
        content: none;
    }

    .p2main::after {
        content: none;
    }


    .p2process-block-one::after , .p2process-block-one-fill::before {
        width: 265px;
    }

    .p2total-block-one h3 {
        /* font-size: 30px; */
    }

    .p2total-block-one p {
        font-size: 15px;
    }

    .countdown-container li span {
        font-size: 40px;
    }

    .wallet::after {
        content: none;
    }

    .p3main::after {
        content: none;
    }

    .p3dyp-left {
        padding-right: 0px;
    }

    .totalbar {
        width: 959px;
        margin-left: 32px;
    }

    .totalbar-block {
        width: 940px;
    }

    .p2process-blocks-devide-blocks {
        width: 1030px;
    }

    .totalbar-block-one {
        width: 250px;
    }

    .p2process-blocks-devides {
        white-space: nowrap;
        overflow: auto;
        padding-top: 20px;
    }


    .p2process-blocks-devides::-webkit-scrollbar {
        display: none;
    }

    .p2process-blocks-devides {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

}


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

    .header-right ul li a {
        font-size: 15px;
        font-weight: 500;
        margin-left: 8px;
    }

    .hero-left h3 {
        font-size: 38px;
    }

    /*.hero {*/
    /*    padding: 100px 0px;*/
    /*}*/

    .hero-left span {
        display: inline-block;
        margin-top: 34px;
    }

    .upcomming-blcok-bottom-one p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .upcomming-blcok-bottom-one h5 {
        font-size: 16px;
    }

    .footer-nav ul li a {
        font-size: 17px;
    }

    .p2process-blocks {
        padding: 45px 20px;
    }

    .p2process-block-one::after {
        width: 230px;
    }

    .p2main::before {
        content: none;
    }

    .p2main::after {
        content: none;
    }

    .p2process-text h4 {
        font-size: 18px;
    }

    .prodet-left, .prodet-right, .reward-counter-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .p2total-block-one h3 {
        /* font-size: 24px; */
    }

    .p2total-block-one p {
        margin-bottom: 6px;
        font-size: 14px;
    }

    .countdown-container li span {
        font-size: 50px;
    }

    .wallet::after {
        content: none;
    }

    .p3main::after {
        content: none;
    }

    .p3dyp-left {
        padding-right: 0px;
    }

    .totalbar {
        width: 770px;
        margin-left: 32px;
    }

    .totalbar-block {
        width: 800px;
    }

    .p2process-blocks-devide-blocks {
        width: 912px;
    }

    .totalbar-block-one {
        width: 210px;
    }

    .p2process-blocks-devides {
        white-space: nowrap;
        overflow: auto;
        padding-top: 20px;
    }


    .p2process-blocks-devides::-webkit-scrollbar {
        display: none;
    }

    .p2process-blocks-devides {
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-left: 15px;
    }






















}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

    /*.hero {*/
    /*    background-repeat:no-repeat;*/
    /*    background-position:center;*/
    /*    background-size: cover;*/
    /*    padding: 45px 0;*/
    /*}*/

    .hero-left h3 {
        font-size: 35px;
    }

    .hero-left span {
        margin-top: 30px;
    }

    .upcomming {
        background-position: right -40px top 150px;
        background-size: 185px;
    }

    .blockfull {
        background: var(--fullbg);
        padding: 70px 0px;
    }

    .p2process-blocks {
        padding: 45px 20px;
    }


    .p2process-block-one::after {
        width: 190px;
    }

    .p2process-block-one-fill::before {
        width: 190px;
    }

    .p2process-text h4 {
        font-size: 19px;
    }

    .p2process-text p {
        margin-bottom: 0;
        font-size: 17px;
        left: 4px;
    }

    .p2main::after {
        content: none;
    }

    .wallet::after {
        content: none;
    }

    .p3main::after {
        content: none;
    }

    .p3dyp-left {
        padding-right: 0px;
    }

    .footer-nav ul li a {
        font-size: 17px;
    }

    .p4main::before {
        content: none;
    }

    .p4main::after {
        content: none;
    }

    .footer-nav ul li a {
        font-size: 12px;
        padding: 0 5px;
        font-weight: 400;
    }

    .social-list ul li a {
        padding: 0px 11px;
        font-size: 16px;
    }

    .totalbar-block {
        width: 800px;
    }

    .p2process-blocks-devide-blocks {
        width: 885px;
        margin-top: -30px;
    }

    .totalbar-block-one {
        width: 210px;
    }

    .p2process-block-bar {
        white-space: nowrap;
        overflow: auto;
        padding-top: 20px;

    }
    .p2process-block-bar::-webkit-scrollbar {
        display: none;
    }

    .p2process-block-bar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .p2p2process-block-bar-block {
        width: 770px;
        height: 10px;
    }

    .p2process-text h4 {
        font-size: 17px;
    }





















}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (min-width: 576px) and (max-width: 767px) {

    /*.hero {*/
    /*    background-image: var(--herosm);*/
    /*    padding: 170px 0;*/
    /*}*/

    .banner-nft-text1 {
        font-size: 20px;
    }

    .banner-nft-text2 {
        font-size: 14px;
    }

    .hero-left h3 {
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 0px;
        width: 270px;
    }

    .hero-left span {
        display: none;
    }

    .blockfull {
        padding-top: 60px;
        padding-bottom: 0;
        overflow: hidden;
    }

    .upcomming-heading h3 {
        font-size: 30px;
    }

    .upcomming-block-one {
        margin-top: 25px;
    }

    .upcomming-blcok-middle h3 {
        font-size: 25px;
    }

    .upcomming-blcok-bottom-one h5 {
        font-size: 17px;
    }

    .upcomming {
        background: none;
        padding-bottom: 60px;
    }

    .previous::before {
        width: 285px;
        height: 429px;
        position: absolute;
        left: -25px;
        top: 323px;
        background: var(--sd1);
        background-size: auto;
        background-size: 100% 100%;
        z-index: -1;
    }

    .previous::after {
        width: 265px;
        height: 405px;
        position: absolute;
        left: inherit;
        bottom: 367px;
        background: var(--sd2);
        background-size: 100% 100%;
        z-index: -1;
        right: -24px;
    }

    .footer-area {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer-nav ul li a {
        font-size: 12px;
        padding: 0 5px;
        font-weight: 400;
    }

    .social-list ul li a {
        padding: 0px 11px;
        font-size: 16px;
    }

    .p2main {
        padding-top: 41px;
        padding-bottom: 45px;
    }

    .p2process-reports p {
        cursor: pointer;
        padding: 14px 25px;
        padding-top: 14px;
        padding-top: 17px;
        font-size: 16px;
    }

    .p2process-blocks {
        padding: 30px 0px;
    }

    .p2process-blocks-devide {
        white-space: nowrap;
        overflow: auto;
        overflow-y: hidden;
    }

    .blockred {
        width: 165px;
    }

    .p2process-block-one::after {
        width: 170px;
        height: 10px;
        top: 22px;
    }

    .p2process-block-one-half::before {
        width: 114px;
        height: 10px;
        top: 22px;
    }

    .p2process-block-one-fill::before {
        height: 10px;
        top: 22px;
    }

    .p2process-block-heading h4 {
        padding-left: 25px;
    }

    .p2process-blocks-devide::-webkit-scrollbar {
        display: none;
    }

    .p2process-blocks-devide {
        -ms-overflow-style: none;
    }

    .prodet-left {
        padding: 40px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

    .prodet-left-heading h4 {
        font-size: 22px;
    }

    .prodet-left-heading {
        display: block;
    }

    .prodet-para p {
        font-size: 14px;
    }

    .prodet-link a {
        font-size: 14px;
    }

    .prodet-link a img {
        display: inline-block;
        width: 26px;
    }

    .prodet-bar {
        height: 10px;
    }

    .prodet-date-left h4 {
        font-size: 16px;
    }

    .prodet-date-left p {
        font-size: 14px;
    }

    .p2total {
        margin-top: 15px;
        padding-top: 15px;
    }

    .p2total-heading p {
        font-size: 12px;
        margin-bottom: 35px;
    }

    .p2total-block-one {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        border-bottom: 2px solid var(--border-eth);
    }

    .p2total-block-one h3 {
        /* font-size: 25px; */
    }

    .p2total-block-one p {
        font-size: 14px;
    }

    .p2total-block-two::before {
        content: none;
    }

    .p2total-block-two::after {
        content: none;
    }

    .p2total-block-onex {
        position: relative;
    }

    .p2total-block-onex:after {
        content: "";
        display: block;
        width: 2px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: var(--border-eth);
    }

    .p2total-block-three {
        position: relative;
    }

    .p2total-block-three:after {
        content: "";
        display: block;
        width: 2px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: var(--border-eth);
    }

    .customboefc {
        position: relative;
    }

    .customboefc:before {
        content: "";
        display: block;
        width: 2px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: var(--border-eth);
    }

    .pop {
        border-bottom: 0;
    }

    .prodet-right {
        padding: 40px;
        padding-right: 40px;
        padding-left: 40px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        z-index: 9999;
    }

    .prodet-right-heading h3 {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .prodet-right-link a {
        border-radius: 8px;
        font-size: 15px;
        font-weight: 400;
        padding-top: 11px!important;
    }

    .reward-counter-wrapper {
        padding: 40px;
        padding-right: 40px;
        padding-left: 40px;
        padding-right: 40px;
        padding-left: 40px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }



    .reward-heading h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .countdown-container {
        border-radius: 8px;
        padding: 15px;
        padding-bottom: 15px;
        padding-bottom: 6px;
    }

    .countdown-container li {
        font-size: 15px;
    }

    .countdown-container li span {
        font-size: 30px;
        font-weight: 600;
        line-height: 1;
        margin-top: 6px;
    }

    .dyp-token p {
        margin-top: 15px;
    }

    .dyp-token-link a {
        margin-top: 10px;
        color: #fff;
        padding: 8px 0px;
        border-radius: 8px;
        font-size: 15px;
        font-weight: 400;
        padding-top: 11px !important;
    }

    .p2main::after {
        background-image: url(../img/ovalbg1.svg);
        right: 1px;
        top: -20px;
        opacity: .5;
        width: 68px;
        height: 201px;
    }

    .p2main::before {
        width: 30px;
        height: 330px;
        background-image: var(--pinkbg);
        left: -10px;
        top: 13%;
    }

    .prodet-sm-bg {
        position: relative;
    }

    .prodet-sm-bg:after {
        content: "";
        display: block;
        width: 20px;
        height: 68%;
        position: absolute;
        right: 0px;
        top: 15%;
        background: url(../img/epips.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        opacity: .5;
    }

    .prodet-left:before {
        content: "";
        display: block;
        width: 27px;
        height: 330px;
        background-image: var(--pinkbg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        left: -22px;
        position: absolute;

        top: 55%;
        z-index: -214;
    }

    .prodet-right:before {
        content: "";
        display: block;
        width: 27px;
        height: 330px;
        background-image: var(--pinkbg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        left: -20px;
        position: absolute;

        top: -1%;
        z-index: -1;
    }

    .reward-counter-wrapper:after {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-image: url(../img/half.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        opacity: .5;
        position: absolute;
        left: -23px;
        bottom: -44px;
    }

    .wallet-left p strong {
        display: block;
        font-size: 18px;
    }

    .wallet-left p {
        font-size: 16px;
    }


    .wallet::before {
        content: "";
        display: block;
        position: absolute;
        background-image: url(../img/ovalbg1.svg);
        background-repeat: no-repeat;
        position: center;
        background-size: 100% 100%;
        right: 1px;
        top: -70px;
        opacity: .5;
        width: 68px;
        height: 201px;
    }

    .balance {
        padding: 30px 20px;
        position: relative;
    }

    .balance-content h3 {
        font-size: 22px;
    }

    .balance-content input {
        padding: 10px 20px;
    }

    .balance-para p {
        font-size: 13px;
        padding-top: 20px;
        letter-spacing: inherit;
    }

    .p3dyp {
        padding: 30px 20px;
        background: none;
        background-color: #fff;
        position: relative;
    }

    .p3dyp-left-heading h3 {
        font-size: 22px;
        margin-bottom: 16px;
    }

    .p3dyp-left {
        padding-right: 0px;
    }

    .p3dyp-left-block p {
        font-size: 18px;
    }

    .wallet {
        position: relative;
        z-index: 999;
    }

    .wallet:after {
        content: "";
        display: block;
        position: absolute;
        width: 30px;
        height: 280px;
        background-image: var(--pinkbg);
        left: -10px;
        top: 33%;
        z-index: -1;
    }

    .p3main::after {
        content: none;
    }

    .balance:after {
        content: "";
        display: block;
        width: 80px;
        height: 210px;
        background-image: url(../img/perbg.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        bottom: -34px;
        right: -20px;
        position: absolute;
        z-index: -1;
    }

    .p3dyp::after {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-image: url(../img/half.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        opacity: .5;
        position: absolute;
        left: -23px;
        bottom: -44px;
    }

    .p3main {
        padding-bottom: 42px;
    }

    .p4main {
        padding-top: 41px;
        padding-bottom: 110px;
        z-index: 111;
    }

    .p4main:after {
        background-image: url(../img/ovalbg1.svg);
        right: 1px;
        top: -20px;
        opacity: .5;
        width: 68px;
        height: 201px;
    }

    .p4main::before {
        content: "";
        display: block;
        width: 100px;
        height: 200px;
        position: absolute;
        background-image: url(../img/exx.svg);
        position: absolute;
        left: -24px;
        bottom: 0;
        z-index: -1;
    }

    .p4main-wrapper {
        max-width: 700px;
        margin: auto;
        margin-top: auto;
        background: var(--headerbg);
        padding: 25px 15px;
    }

    .p4main-wrapper-heading h3 {
        font-size: 22px;
    }

    .p4main-wrapper-heading-form-input label {
        font-size: 16px;
    }

    .p4main-wrapper-heading-form-input input {
        font-size: 16px;
        font-weight: 400;
        padding: 10px 20px;
        padding-top: 10px;
        padding-top: 15px;
    }

    .p4main-wrapper-select #a img, .btn-select img {
        width: 16px;
        margin-right: 5px;
    }

    .p4main-wrapper-select .btn-select {
        font-size: 16px;
        font-weight: 400;
        padding: 15px 20px;
        padding-bottom: 15px;
        height: inherit;
        padding-bottom: 35px;
    }

    .p4main-wrapper-select .btn-select {
        background-size: 15px;
    }

    .p4main-wrapper-select-defult select {
        font-size: 16px;
        font-weight: 400;
        padding: 10px 20px;
        padding-top: 10px;
        padding-top: 15px;
        background-size: 15px;
        background-position: top 23px right 20px;
    }

    .p4main-wrapper-select-defult label {
        font-size: 16px;
    }

    .p4main-wrapper-heading-form-input {
        margin-top: 30px;
    }

    .p4main-save .prodet-right-link {
        margin-top: 34px;
    }

    .copyline p {
        font-size: 10px;
    }

    .footer-area {
        padding-top: 50px;
        padding-bottom: 65px;
    }

    .totalbar-block {
        width: 800px;
    }

    .p2process-blocks-devide-blocks {
        width: 885px;
        margin-top: -30px;
    }

    .totalbar-block-one {
        width: 210px;
    }

    .p2process-block-bar {
        white-space: nowrap;
        overflow: auto;
        padding-top: 20px;

    }
    .p2process-block-bar::-webkit-scrollbar {
        display: none;
    }

    .p2process-block-bar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .p2p2process-block-bar-block {
        width: 770px;
        height: 10px;
    }

    .p2process-text h4 {
        font-size: 17px;
    }

















}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 576px) {

    /*.hero {*/
    /*    background-image: var(--herosm);*/
    /*    padding: 170px 0;*/
    /*}*/

    .hero-left h3 {
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 0px;
        width: 270px;
    }

    .hero-left span {
        display: none;
    }

    .blockfull {
        padding-top: 60px;
        padding-bottom: 0;
        overflow: hidden;
    }

    .upcomming-heading h3 {
        font-size: 30px;
    }

    .upcomming-block-one {
        margin-top: 25px;
    }

    .upcomming-blcok-middle h3 {
        font-size: 25px;
    }

    .upcomming-blcok-bottom-one h5 {
        font-size: 17px;
    }

    .upcomming {
        background: none;
        padding-bottom: 60px;
    }

    .previous::before {
        width: 285px;
        height: 429px;
        position: absolute;
        left: -25px;
        top: 323px;
        background: var(--sd1);
        background-size: auto;
        background-size: 100% 100%;
        z-index: -1;
    }

    .previous::after {
        width: 265px;
        height: 405px;
        position: absolute;
        left: 122px;
        bottom: 367px;
        background: var(--sd2);
        background-size: 100% 100%;
        z-index: -1;
    }

    .footer-area {
        padding-top: 50px;
        padding-bottom: 65px;
    }

    .footer-nav ul li a {
        font-weight: 400;
        font-size: 12px;
        padding: 0 5px;
    }

    .social-list ul li a {
        padding: 0px 11px;
        font-size: 16px;
    }

    .p2main {
        padding-top: 41px;
        padding-bottom: 45px;
    }

    .p2process-reports p {
        cursor: pointer;
        padding: 14px 25px;
        padding-top: 14px;
        padding-top: 17px;
        font-size: 16px;
    }

    .p2process-blocks {
        padding: 30px 0px;
    }

    .p2process-blocks-devide {
        white-space: nowrap;
        overflow: auto;
        overflow-y: hidden;
    }

    .blockred {
        width: 165px;
    }

    .p2process-block-one::after {
        width: 170px;
        height: 10px;
        top: 22px;
    }

    .p2process-block-one-half::before {
        width: 114px;
        height: 10px;
        top: 22px;
    }

    .p2process-block-one-fill::before {
        height: 10px;
        top: 22px;
    }

    .p2process-block-heading h4 {
        padding-left: 25px;
    }

    .p2process-blocks-devide::-webkit-scrollbar {
        display: none;
    }

    .p2process-blocks-devide {
        -ms-overflow-style: none;
    }

    .prodet-left {
        padding: 40px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

    .prodet-left-heading h4 {
        font-size: 22px;
    }

    .prodet-left-heading {
        display: block;
    }

    .prodet-para p {
        font-size: 14px;
    }

    .prodet-link a {
        font-size: 14px;
    }

    .prodet-link a img {
        display: inline-block;
        width: 26px;
    }

    .prodet-bar {
        height: 10px;
    }

    .prodet-date-left h4 {
        font-size: 16px;
    }

    .prodet-date-left p {
        font-size: 14px;
    }

    .p2total {
        margin-top: 15px;
        padding-top: 15px;
    }

    .p2total-heading p {
        font-size: 12px;
        margin-bottom: 35px;
    }

    .p2total-block-one {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        border-bottom: 2px solid var(--border-eth);
    }

    .p2total-block-one h3 {
        /* font-size: 25px; */
    }

    .p2total-block-one p {
        font-size: 14px;
    }

    .p2total-block-two::before {
        content: none;
    }

    .p2total-block-two::after {
        content: none;
    }

    .p2total-block-onex {
        position: relative;
    }

    .p2total-block-onex:after {
        content: "";
        display: block;
        width: 2px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: var(--border-eth);
    }

    .p2total-block-three {
        position: relative;
    }

    .p2total-block-three:after {
        content: "";
        display: block;
        width: 2px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: var(--border-eth);
    }

    .customboefc {
        position: relative;
    }

    .customboefc:before {
        content: "";
        display: block;
        width: 2px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: var(--border-eth);
    }

    .pop {
        border-bottom: 0;
    }

    .prodet-right {
        padding: 40px;
        padding-right: 40px;
        padding-left: 40px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        z-index: 9999;
    }

    .prodet-right-heading h3 {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .prodet-right-link a {
        border-radius: 8px;
        font-size: 15px;
        font-weight: 400;
        padding-top: 11px!important;
    }

    .reward-counter-wrapper {
        padding: 40px;
        padding-right: 40px;
        padding-left: 40px;
        padding-right: 40px;
        padding-left: 40px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }



    .reward-heading h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .countdown-container {
        border-radius: 8px;
        padding: 15px;
        padding-bottom: 15px;
        padding-bottom: 6px;
    }

    .countdown-container li {
        font-size: 15px;
    }

    .countdown-container li span {
        font-size: 30px;
        font-weight: 600;
        line-height: 1;
        margin-top: 6px;
    }

    .dyp-token p {
        margin-top: 15px;
    }

    .dyp-token-link a {
        margin-top: 10px;
        color: #fff;
        padding: 8px 0px;
        border-radius: 8px;
        font-size: 15px;
        font-weight: 400;
        padding-top: 11px !important;
    }

    .p2main::after {
        background-image: url(../img/ovalbg1.svg);
        right: 1px;
        top: -20px;
        opacity: .5;
        width: 68px;
        height: 201px;
    }

    .p2main::before {
        width: 30px;
        height: 280px;
        background-image: var(--pinkbg);
        left: -10px;
        top: 13%;
    }

    .prodet-sm-bg {
        position: relative;
    }

    .prodet-sm-bg:after {
        content: "";
        display: block;
        width: 20px;
        height: 68%;
        position: absolute;
        right: 0px;
        top: 15%;
        background: url(../img/epips.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        opacity: .5;
    }

    .prodet-left:before {
        content: "";
        display: block;
        width: 27px;
        height: 330px;
        background-image: var(--pinkbg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        left: -22px;
        position: absolute;

        top: 55%;
        z-index: -214;
    }

    .prodet-right:before {
        content: "";
        display: block;
        width: 27px;
        height: 265px;
        background-image: var(--pinkbg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        left: -20px;
        position: absolute;

        top: -1%;
        z-index: -1;
    }

    .reward-counter-wrapper:after {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-image: url(../img/half.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        opacity: .5;
        position: absolute;
        left: -23px;
        bottom: -44px;
    }

    .wallet-left p strong {
        display: block;
        font-size: 18px;
    }

    .wallet-left p {
        font-size: 16px;
    }

    .wallet::before {
        content: "";
        display: block;
        position: absolute;
        background-image: url(../img/ovalbg1.svg);
        background-repeat: no-repeat;
        position: center;
        background-size: 100% 100%;
        right: 1px;
        top: -70px;
        opacity: .5;
        width: 68px;
        height: 201px;
    }

    .balance {
        padding: 30px 20px;
        position: relative;
    }

    .balance-content h3 {
        font-size: 22px;
    }

    .balance-content input {
        padding: 10px 20px;
    }

    .balance-para p {
        font-size: 13px;
        padding-top: 20px;
        letter-spacing: inherit;
    }

    .p3dyp {
        padding: 30px 20px;
        background: none;
        background-color: var(--headerbg);
        position: relative;
    }

    .p3dyp-left-heading h3 {
        font-size: 22px;
        margin-bottom: 16px;
    }

    .p3dyp-left {
        padding-right: 0px;
    }

    .p3dyp-left-block p {
        font-size: 18px;
    }

    .wallet {
        position: relative;
        z-index: 999;
    }

    .wallet:after {
        content: "";
        display: block;
        position: absolute;
        width: 30px;
        height: 280px;
        background-image: var(--pinkbg);
        left: -10px;
        top: 33%;
        z-index: -1;
    }

    .p3main::after {
        content: none;
    }

    .balance:after {
        content: "";
        display: block;
        width: 80px;
        height: 210px;
        background-image: url(../img/perbg.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        bottom: -34px;
        right: -20px;
        position: absolute;
        z-index: -1;
    }

    .p3dyp::after {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-image: url(../img/half.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        opacity: .5;
        position: absolute;
        left: -23px;
        bottom: -44px;
    }

    .p3main {
        padding-bottom: 42px;
    }

    .p4main {
        padding-top: 41px;
        padding-bottom: 110px;
        z-index: 111;
    }

    .p4main:after {
        background-image: url(../img/ovalbg1.svg);
        right: 1px;
        top: -20px;
        opacity: .5;
        width: 68px;
        height: 201px;
    }

    .p4main::before {
        content: "";
        display: block;
        width: 100px;
        height: 200px;
        position: absolute;
        background-image: url(../img/exx.svg);
        position: absolute;
        left: -24px;
        bottom: 0;
        z-index: -1;
    }

    .p4main-wrapper {
        max-width: 700px;
        margin: auto;
        margin-top: auto;
        background: var(--headerbg);
        padding: 25px 15px;
    }

    .p4main-wrapper-heading h3 {
        font-size: 22px;
    }

    .p4main-wrapper-heading-form-input label {
        font-size: 16px;
    }

    .p4main-wrapper-heading-form-input input {
        font-size: 16px;
        font-weight: 400;
        padding: 10px 20px;
        padding-top: 10px;
        padding-top: 15px;
    }

    .p4main-wrapper-select #a img, .btn-select img {
        width: 16px;
        margin-right: 5px;
    }

    .p4main-wrapper-select .btn-select {
        font-size: 16px;
        font-weight: 400;
        padding: 15px 20px;
        padding-bottom: 15px;
        height: inherit;
        padding-bottom: 35px;
    }

    .p4main-wrapper-select .btn-select {
        background-size: 15px;
    }

    .p4main-wrapper-select-defult select {
        font-size: 16px;
        font-weight: 400;
        padding: 10px 20px;
        padding-top: 10px;
        padding-top: 15px;
        background-size: 15px;
        background-position: top 23px right 20px;
    }

    .p4main-wrapper-select-defult label {
        font-size: 16px;
    }

    .p4main-wrapper-heading-form-input {
        margin-top: 30px;
    }

    .p4main-save .prodet-right-link {
        margin-top: 34px;
    }

    .copyline p {
        font-size: 10px;
    }



    .totalbar-block {
        width: 800px;
    }

    .p2process-blocks-devide-blocks {
        width: 885px;
        margin-top: -30px;
    }

    .totalbar-block-one {
        width: 210px;
    }

    .p2process-block-bar {
        white-space: nowrap;
        overflow: auto;
        padding-top: 20px;

    }
    .p2process-block-bar::-webkit-scrollbar {
        display: none;
    }

    .p2process-block-bar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .p2p2process-block-bar-block {
        width: 770px;
        height: 10px;
    }

    .p2process-text h4 {
        font-size: 17px;
    }


















}