@media only screen and (min-width: 480px) {}

@media only screen and (min-width: 576px) {}

@media only screen and (min-width: 768px) {

      
    .buySection .feeCard:first-child ul {}
.buySection .feeCard:nth-child(2) ul {
}

.buySection .feeCard:nth-child(3) ul {
}


    
    .banner .bannerText {
        display: block;
        padding: 0 30px;
        margin-bottom: 50px;
    }

    .bannerText button, .bannerText a {}

    .textCoulmn .bannerText, .nfbscolumn .bannerText {
        padding: 0 30px;
    }
}


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

    
    .buySection .feeCard:first-child ul {}
.buySection .feeCard:nth-child(2) ul {
}

.buySection .feeCard:nth-child(3) ul {
}
    

    .hideDesktop {
        display: none;
    }

    .mobileChart {
        display: flex;
        align-items: center;
    }

    .textCoulmn .bannerText, .nfbscolumn .bannerText {
        padding: 0 8%;
    }

    .chartBox .c3 {
        height: 600px !important;
    }

    .logoMobile {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
    .buySection .feeCard:first-child ul {margin: 0 5%;}
.buySection .feeCard:nth-child(2) ul {
    margin: 0 0%;
}

.buySection .feeCard:nth-child(3) ul {
    margin: 0 0%;
}
    .earnCash .rewardCard {

        padding: 0 30px;
    }

    .myMenu .headerMenu .logo {
        order: 1;
    }

    .myMenu .myNav {
        order: 3;
        width: 100%;
    }

    .myMenu .headerMenu .sponsor {
        order: 2;
        padding: 10px 5px;
    }

    .myMenu .headerMenu {
        flex-wrap: wrap;
    }

    .myMenu {
        height: auto;
    }

    .banner {
        margin: 100px 0px 0px;
    }

}

@media only screen and (min-width: 1200px) {
.buySection .buyBg {
    padding: 80px 50px;
}
  
.buySection .gridCard {
    margin: 0 0%;
}
    

    .buySection .feeCard:first-child ul {}
.buySection .feeCard:nth-child(2) ul {
}

.buySection .feeCard:nth-child(3) ul {
}

    
    .countDownArea {
        column-gap: 24%;
    }

    .myMenu .myNav {
        width: 55%;
    }

    .myMenu .headerMenu .nav {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .textCoulmn .bannerText, .nfbscolumn .bannerText {
        padding: 0 8%;
    }

    .banner .bannerText {
        display: block;
        padding: 0 50px;
    }
}

@media only screen and (min-width: 1400px) {
    .buySection .gridCard {
        margin: 0 4%;
    }
   
    

    .buySection .feeCard:first-child ul {}
.buySection .feeCard:nth-child(2) ul {
}

.buySection .feeCard:nth-child(3) ul {
}
    

    .buySection .feeCard ul {
    }

    .myMenu .myNav {
        width: 65%;
    }


    .banner .bannerText {
        display: block;
        padding: 0 70px;
    }

    .nfbscolumn, .textCoulmn {
        margin: 70px 50px 0px 50px;
    }

    .countDownArea {
        column-gap: 26%;
        padding: 0px 4%;
    }

    .textCoulmn .bannerText, .nfbscolumn .bannerText {
        padding: 0 7%;
    }

}

@media only screen and (min-width: 1600px) {

    

    .buySection .feeCard:first-child ul {}
.buySection .feeCard:nth-child(2) ul {
}

.buySection .feeCard:nth-child(3) ul {
}
    

    .buySection .gridCard {
        margin: 0 10%;
    }

    .buySection .feeCard ul {
    }

    .myMenu .myNav {
        width: 70%;
    }


    .banner .bannerText {
        display: block;
        padding: 0 70px;
    }

    .countDownArea {
        column-gap: 29%;
        padding: 0px 5%;
    }

    .textCoulmn .bannerText, .nfbscolumn .bannerText {
        padding: 0 10%;
    }
}

@media only screen and (min-width: 1800px) {

    .buySection .gridCard {
        margin: 0 15%;
    }
    

    .buySection .feeCard:first-child ul {}
.buySection .feeCard:nth-child(2) ul {
}

.buySection .feeCard:nth-child(3) ul {
}

    .chartBlock {
        margin-bottom: 80px;
        width: 70%;
    }

    .myMenu .myNav {
        width: 70%;
    }

    .banner .videoCont {
        padding: 20px 20px 20px;
    }

    .banner .bannerText {
        display: block;
        padding: 0 70px;
    }

    .countDownArea {
        column-gap: 31%;
        padding: 0px 5.5%;
    }

    .textCoulmn .bannerText, .nfbscolumn .bannerText {
        padding: 0 15%;
    }

}

@media only screen and (min-width: 2000px) {

    .buySection .gridCard {
        margin: 0 17%;
    }
}



/* max queries */

@media only screen and (max-width: 1199px) {
    .textCoulmn .textWithImg figure img, .textWithImg figure img {
        width: 480px;
    }

    .counterArea {
        position: static;
    }

    .counterArea .countGrid {
        grid-template-columns: repeat(3, 1fr);
    }

    .counterArea .countGrid .counterItem {
        margin-bottom: 50px;
    }

    .countDownArea {
        margin-top: 25px;
    }

    .countSec .quote .quoteText h4 {
        margin: 40px 0px 0px;
    }

    .counterArea .updatesField {
        width: 80%;
    }

    .earnCash {
        margin-top: 50px;
    }

    .connectSection .gridCard {
        grid-template-columns: repeat(2, 1fr);
    }

    .connectSection .gridCard .myCard {
        margin-bottom: 30px;
    }

    .buySection .feeCard ul {
        margin: 0px 10px;
    }

    .buySection .feeCard {
        padding: 2em;
    }

    .buySection .buyBg {
        padding: 60px;
    }

    .counterArea .countSec {
        padding: 4em 2em;
    }


}

@media only screen and (max-width: 991px) {

    .buySection .feeCard ul {
        width: fit-content;
        margin: 0 auto;
    }

    .displayMobile {
        display: block;
    }

    .hideMobile {
        display: none;
    }

    .buySection .buyBg {
        border-radius: 50px 50px 0px 0px;
    }


    .buySection .buyBg {
        margin-top: 60px;
    }

    .leftData {

        width: 50%;

        order: 2;
    }

    .rightData {
        order: 3;
    }

    .chartBlk {
        width: 100%;
        order: 1;
    }

    .mobileChart {

        flex-wrap: wrap;

        display: flex;
    }

    .bannerText button, .bannerText a {
        margin: 0 auto;
    }

    .banner .bannerText button, .banner .bannerText a {

        margin: 0;

    }

    .bannerText p:last-child {
        margin: 0 0 0 0;
    }

    .myMenu .headerMenu .nav .dropDown .subMenu ul li {
        margin: 0px 25px 0 13px;
        padding: 10px 30px;
    }

    .myMenu .headerMenu .nav .dropDown .subMenu {
        width: -webkit-fill-available;
        position: static;
        padding: 0;
    }

    .myMenu .headerMenu .nav li.dropDown::after {
        right: 15px;
    }

    .openMenu {
        display: contents;
    }

    .myMenu .myNav {
        background: 0% 0% / cover no-repeat white;
        padding: 35px;
        visibility: hidden;
        position: fixed;
        left: 100%;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9;
        transition: all 0.5s ease 0s;
        opacity: 0;
        display: block;
    }

    .myMenu .myNav.active {
        visibility: visible;
        left: 0px;
        z-index: 999999;
        opacity: 1;
        background: rgb(254, 255, 255);
    }

    .myMenu .headerMenu .nav {
        margin: 0;
        display: flex;
        position: fixed;
        top: 0px;
        left: 0px;
        height: -webkit-fill-available;
        width: 100%;
        background: rgb(246, 255, 251);
        flex-direction: column;
        padding: 10px 0 0 0;
    }


    .textCoulmn .bannerText, .nfbscolumn .bannerText {
        padding: 0 30px;
        text-align: center;
    }

    .nfbscolumn {
        margin: 70px 0;
    }



    .textCoulmn .bannerText:nth-of-type(1) {
        order: 2;
    }

    .nfbscolumn .textWithImg {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .textCoulmn .textWithImg {
        grid-template-columns: repeat(1, 1fr);
    }

    .textCoulmn .textColumnImg {
        /* margin-bottom: 50px; */
    }

    .textWithImg figure {
        margin-bottom: 0;
        text-align: center;
    }

    .textCoulmn {
        margin: 50px 0px;
    }

    .banner .videoCont {
        margin-top: 30px;
    }

    .countDownArea {
        padding: 0px;
    }

    .countDownArea .counters .counterBlock h3 {
        width: 70px;
        margin: 0px;
        font: bold 48px / 60px Poppins;
    }

    .countDownArea .counters .counterBlock h3::before {
        content: ":";
        position: absolute;
        right: -9%;
        top: -4px;
        font-size: 28px;
    }

    .counters h3 {
        margin: 26px 0px 0px;
        font: bold 48px / 60px Poppins;
        letter-spacing: 0px;
        color: rgb(36, 193, 111);
    }

    .buySection .gridCard {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .buySection .feeCard {
        min-height: auto;
        margin-bottom: 15px;
    }

    .buySection .viewMore {
        margin-top: 50px;
    }

    .chartPie {
        padding: 0px 0px;
    }

    .earnCash .rewardCard {
        grid-template-columns: repeat(2, 1fr);
    }

    .bannerText h1 {
        margin: 0 0 20px 0;
        font: 600 36px / 48px Poppins;
    }

    .bannerText p {
        margin: 0 0 15px 0px;
    }

    .myMenu .headerMenu .nav li.dropDown::after {
        top: 8px;
    }

    .myMenu .headerMenu .nav .dropDown .subMenu ul li a {
        font-size: 13px;
    }

    .myMenu .myNav .closeMe .hideMe {
        display: block;
    }
}

@media only screen and (max-width: 767px) {

    .connectSection .gridCard .myCard::before {
        right: auto;
        transform: rotate(90deg);
        content: url(../images/image 124 (Traced).png);
        position: absolute;
        bottom: -32px;
        z-index: 0;
        left: 47.5%;
        top: auto;
    }

    .mobileChart {
        margin: 0;
        width: 100%;
        padding: 0;
    }



    .countDownArea .counters .counterBlock {
        margin: 0 auto;
    }

    .bannerText p br {
        display: inline;
        clear:
            none;
        display: block;
        display: contents;
    }

    .banner .bannerText {
        display: block;
        padding: 0 30px;
        margin-bottom: 50px;
    }

    .bannerText button, .bannerText a {
        margin: 0 auto;
    }

    .bannerText button, .bannerText a .chartPie canvas {
        width: 78%;
        width: 100% !important;
        height: 100% !important;
        margin: 0 auto;
    }


    .mobCont {
        width: 100%;
    }

    .myMenu .headerMenu .sponsor {
        display: none;
    }

    .buySection .buyBg {
        padding: 40px;
        border-radius: 50px 50px 0px 0px;
    }


    .buySection .viewMore {
        display: flex;
        flex-direction: column;
    }

    .buySection .viewMore button {
        margin-bottom: 20px;
    }

    .textCoulmn .textWithImg figure img, .textWithImg figure img {
        width: 80%;
    }

    .counterArea .updatesField {
        width: 100%;
    }

    .connectSection .gridCard {
        border-radius: 50px 50px 0px 0px;
        grid-template-columns: repeat(1, 1fr);
        padding: 40px;
    }

    .earnCash .rewardCard {
        grid-template-columns: repeat(1, 1fr);
    }

    .counterArea .countGrid {
        grid-template-columns: repeat(1, 1fr);
    }

    .countDownArea {
        grid-template-columns: repeat(1, 1fr);
        padding: 0px;
        margin-top: 0px !important;
    }

    .countDownArea p {
        text-align: center;
    }

    .counters h3 {
        margin: 0px;
        text-align: center;
    }

    .countDownArea .counters .contNum {
        margin-bottom: 30px;
    }


}

@media only screen and (max-width: 575px) {
    .leftData, .rightData {
        width: 100%;
        padding: 0 5%;
    }

    .myChart .myData .text h3 {
        margin: 0px 0 5px 0;
        font-size: 18px;
    }

    .leftCol, .rightCol {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .leftData .myData {
        text-align: left;
        flex-direction: row-reverse;
    }

    .leftData .myData .text, .rightCol .myData .text {
        margin-right: 0;
        margin-left: 15px;
    }

    .leftData .myData, .leftRight .myData {
        margin-bottom: 10px;
    }

    .myChart .myData .text p {
        font-size: 14px;
    }

    .chartBlk {
        margin-bottom: 15px;
    }

}

@media only screen and (max-width: 479px) {}