@media only screen and (min-width:1400px) {
    .frame_video ul.slick-dots{
        bottom: -45px;

}
.section6__cntntTitle {
    
    font-size: 47px;
}
.game_slide .slick-slide.slick-center video {
    height: 205px;
}
.navbarMain .greenBtn.layerHover {
    color: #fff;
    /* margin-left: 61px; */
}
.navbarMain .container {
    max-width: 1467px;
}
}
@media only screen and (min-width:1200px) {
    .algorithmHeading .commonHeading__title {
        font-size: 61px;
    }

    .evolutionHolder__cntnt .evolutionHolder__large {
        font-size: 89px;
        line-height: 90px;
    }

    .evolutionHolder__cntnt .evolutionHolder__smalltitle {
        font-size: 47px;
    }
}

@media only screen and (min-width:992px) {
    .navbarBtn {
        display: none;
    }
    li.hasDropDown.display_none_mb {
        display: none;
    }
    .navMenu>li:hover .navMenu__downArrow {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

   
    .navMenu__dropdown {
        padding: 0;
        position: absolute;
        top: 100%;
        left: 10px;
        width: 198px;
        background: rgb(0, 0, 0 ,0.9);
        padding: 20px 15px;
        -webkit-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
        visibility: hidden;
        border-radius: 7px;
        opacity: 0;
        z-index: 9;

    }
    /* .mobile_toggle +  .navMenu__dropdown {
       left:73px 
    } */
    
    
    .navMenu>li:hover .navMenu__dropdown {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }

    .section6__cntnt .greenBtn {
        font-size: 16px;
        font-weight: 700;
        width: 200px;
        height: 60px;
    }

}

@media only screen and (max-width:1600px) {
    
    .heading-sub h2 {
        font-size: 42px;
    }
    .nfts_text h2 {
        font-size: 17px;
        letter-spacing: 1px;
    }
    .game_points h3 {
        font-size: 29px;
    }
    .gameplay figure img {
        height: 148px;
        margin: 0;
    }
    .game_points {
        max-width: 83%;
        margin: 62px auto;
    }
    .nft p,
    .game_points p {
        font-size: 19px;
    }
    .section6__cntntTitle {
        font-size: 40px;
}

.section6__cntnt p,
.section7 .commonHeading p {
    font-size: 19px 
}
.slick-slider .slick-slide.slick-center .tab_bounty{

    min-height: 316px;
}
}

@media only screen and (max-width:1400px) {
    html {
        font-size: 15px;
    }
    .slick-slider .slick-slide.slick-center .tab_bounty{

        min-height: 261px;
    }
    .inner_gamePlay{
        padding: 115px 0 50px;


    }
    .teamBox__designation br {
        display: none;
    }
    .teamBox__designation {
        padding-right: 13px;
    }
    .slick-slider .slick-slide.slick-center video {

        top:31px
    }
    .featured_wrapper h3{
        font-size: 37px;
    
    }
   
    .homeBanner__diamond img {
        max-width: 145px;
    }
    
    .homeBanner__cntnt {
        padding: 40px 0;
        height: calc(100vh - 75px);
        min-height: 632px;
    }

    .section5Box__img {
        max-width: 238px;
    }

    .scrollDesignBtn {
        font-size: 16px;
    }

    .scholarshipBox__img img {
        max-width: 195px;
        max-height: 130px;
    }

    .scholarshipBox .algorithmPageBox__title {
        top: -2px;
    }
}

@media(max-width:1399px) {
    .navMenu>li>a{
        font-size: 13px;
    }
    .navMenu>li {
        padding: 0 4px;
    }

    /* 26 - march */

    .navMenu .staking-Btn .greenBtn {
        width: 110px;
    }
    .navMenu .greenBtn {
        width: 168px;
    }
}
/* 1400 */
@media only screen and (max-height:767px) {}

/* height: 767px */
@media only screen and (max-width:1300px) {
    .homeBanner__text img {
        width: 380px;
    }
    .contactOutrCntanr.Details_j .vice_developer {
        max-width: 1100px;
    
    }
    label.Attachments_s {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-width: calc(100% - 135px);
    }
    h1.commonHeading__title img {
        max-width: 574px;
        width: 100%;
    }
   
}

@media only screen and (max-width:1199px) {
    .navbarMain__logo img {
        width: 120px;
    }
    .btn-connected {
        width: 160px !important;
    }
    .gamePlay_data br{
        display: none;
    }
    .spin_data h4 {
        font-size: 23px;
    }
    .spin_data p {
        font-size: 17px;
    } 
    
    .Joins_data h3{

        margin-bottom: 20px;

    }
    .tabBountyBtn {
        display: block;
      }
   
    .game_play_mechanics .heading-sub h2 {
        font-size: 26px;
    }  
    .info_line {
        height: 145px;
        overflow: auto;
    }
    .featured_wrapper h3 {
        font-size: 30px;
    }
    .top_data_space_d {
        margin-top: 22px;
        margin-bottom: 15px;
    }
    .teamBox .info_content{
        padding: 25px;
    }
    .navMenu>li {
        padding: 0 7px;
    }

    .navMenu>li>a {
        font-size: 12px;
    }

    .navMenu {
        margin: 0 5px 0 0;
    }

    .pinkBtn {
        width: 133px;
        height: 55px;
        font-size: 22px;
    }

    .joinusnowBox__character img {
        width: 321px;
    }

    .teamrow {
        -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
        grid-template-columns: repeat(3, 1fr);
    }

    .gameplayboxcntnt__icon img {
        max-width: 148px;
    }

    .gameplayboxcntnt {
        bottom: 30px;
    }

    .gameplayboxcntnt p {
        height: 130px;
    }

    .roadmap__holder {
        max-width: 960px;
    }

    .roadmapGrid__inner {
        padding: 24px 15px 15px;
    }

    .roadmap__holder {
        max-width: 980px;
    }

    .roadmap__wave {
        width: 1350px;
        left: -300px;
    }

    .roadmapGrid__box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
        flex: 0 0 140px;
        max-width: 140px;
    }

    .roadmapGrid__box.roadmapGrid__box1 {
        margin-top: 29px;
    }

    .roadmapGrid__box.roadmapGrid__box2 {
        margin-top: 139px;
    }

    .roadmapGrid__box.roadmapGrid__box3 {
        margin-top: 85px;
    }

    .roadmapGrid__box.roadmapGrid__box4 {
        margin-top: 118px;
    }

    .roadmapGrid__box.roadmapGrid__box5 {
        margin-top: 2px;
    }

    .roadmapGrid__box.roadmapGrid__box6 {
        margin-top: 145px;
    }

    .section5Box__img {
        max-width: 198px;
    }

    .section6__cntnt p {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        -moz-text-align-last: auto;
        text-align-last: center;
    }

    .algorithmPageBox__right li, .algorithmPageBox__right p {
        font-size: 15px;
    }

    .algorithmPageBox__left {
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        max-width: 120px;
    }

    .algorithmPageBox__right {
        -ms-flex: 0 0 calc(100% - 120px);
        flex: 0 0 calc(100% - 120px);
        max-width: calc(100% - 120px);
    }

    .scholarshipBox .algorithmPageBox__frame {
        display: none;
    }

    .scholarshipBox .scholarshipBox__text {
        max-height: inherit;
    }

    .scholarshipBox .scholarshipBox_cntnt {
        position: static;
        max-width: 100%;
    }

    .scholarshipBox .algorithmPageBox__title {
        position: relative;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

    }

    .sectoion5tab__leftTitle span {
        font-size: 23px;
    }

    .startedBox__absImg {
        width: 150px;
    }

    .startedBox__absCntnt {
        max-width: calc(100% - 150px);
    }

    .topArtworkbox__boardText {
        margin-top: -430px;
    }
    .teamBox__content {
        top: 20px;
    }
    .game_slide .slick-slide.slick-center video {
        height: 137px;
    }
    .slick-slider .slick-slide.slick-center .tab_bounty {
        min-height: 228px;
    }
    .box_btm_hover p{
        font-size: 14px;

    }
    .section6__cntntTitle {
        font-size: 35px;
    }
    .section6__cntnt.gs_reveal{
        padding-left: 69px;

    }
    .Overview_contact {
        padding-top: 114px!important
    }
    .user_data h2 {
        font-size: 30px;
        line-height: normal;
    }
    .wallet_address p {
        font-size: 16px;
    }
    .tokens_details_balance {
        grid-template-columns: repeat(3 , 1fr);
    }
    .sub_inner_box a {
        font-size: 23px;
        padding: 15px 36px;
    }

    .contactOutrCntanr.Details_j .vice_developer {
        max-width: 900px;
        padding: 0px 60px;


    }
    .discordBtn.Lines {
        width: 124px;
        height: 52px;
        font-size: 17px;

    }
    .formControl:not(textarea) {
        height: 55px;
    }
    .game_developer_section input.formControl {
        font-size: 19px;
    }
    .contactHeading {
        font-size: 41px;
    }
    .vice_developer .contactHeading {
        padding: 108px 0px 10px 0px;
    }
    .job_desciption p,
    .company p {
        line-height: 24px;
        font-size: 17px;
    }
    .Experience_drama p, .Experience_drama label {
        margin-bottom: 0;
        font-size: 18px;
        color: #b3abff;
    }
    .formControl.data_lines_co{
        max-width: 106px;
        font-size: 13px;
        right: 5px;
        top: 4px;
        padding: 0;


    }
    .teams_points .formControl {
        font-size: 18px;
    }
    label.Attachments_s{
        font-size: 18px;
        transform: translate(26px, -16px);

    }
    .formGroup.d-flex.one-line p {
        font-size: 17px;
    }
    .contactOutrCntanr{
        padding-bottom: 147px;

    }
    .stable_utility_token ul li {
        font-size: 16px;
    }
    .contact_simple_details .contactOutrCntanr {
        padding-bottom: 0;
        padding: 0 29px;

    }

    /* 26 - march */
    .navMenu .staking-Btn .greenBtn {
        width: 80px;
    }
}

/* 1199 */
@media only screen and (max-width:991px) {
    ul.navMenu.last-menu.d-flex li {
        display: none;
    }
    ul.navMenu.last-menu.d-flex {
        display: none!important;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        margin-bottom: 0.8rem;
    }

    h1, .h1 {
        font-size: 46px;
    }

    h2, .h2 {
        font-size: 38px;
    }

    h3, .h3 {
        font-size: 34px;
    }

    h4, .h4 {
        font-size: 28px;
    }

    h5, .h5 {
        font-size: 24px;
    }

    h6, .h6 {
        font-size: 19px;
    }

    .navbarHeight {
        height: 67px;
    }

    .navbarMain__left {
        width: 100%;
    }

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

    .toggleMenu {
        width: 280px;
        max-height: 100vh;
        background: #000;
        padding: 15px;
        padding-top: 67px;
        border-right: 1px solid var(--yellow);
        overflow: hidden;
        overflow-y: auto;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 99;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .showmenu .toggleMenu {
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .navMenu, .toggleMenu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .navMenu>li {
        display: block;
    }

    .navMenu>li>a {
        display: block;
        width: 100%;
    }

    
    .btn-connected {
        width: 200px !important;
    }

    .featured_wrapper h3 {
        font-size: 17px;
    }
    .navMenu__dropdown {
        padding: 0;
        margin: 0;
        width: 100%;
        display: none;
    }

    .navMenu__downArrow {
        width: 30px;
        height: 42px;
        cursor: pointer;
        margin: 0;
        position: absolute;
        right: 0;
        top: 2px;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .navMenu__downArrow.active {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .topArtworkbox__boardText {
        margin-top: -340px;
        max-width: 431px;
    }

    .gameplayRow {
        -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    /*  */
    .roadmap__wave, .roadmapGrid__diamond,
    .roadmapGrid__row .roadmapGrid__inner::before,
    .roadmapGrid__row .roadmapGrid__inner::after {
        display: none;
    }

    .roadmap__holder {
        padding: 0;
    }

    .roadmapGrid__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .roadmapGrid__box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .roadmapGrid__row .roadmapGrid__box {
        margin: 0;
    }

    .roadmapGrid__row .roadmapGrid__box .roadmapGrid__inner {
        padding-top: 0;
        min-height: auto;
    }

    .roadmapGrid__inner {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border: 0;
    }

    .roadmapGrid__box .roadmapGrid__head {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 5px;
    }

    .roadmapGrid__box ul {
        padding-left: 14px;
        padding-right: 3px;

    }

    .joinusnowBox__character img {
        width: 251px;
    }

    .joinusnowBox__tenticals {
        max-width: 300px;
    }

    .joinusnowBox__tenticals.toptenticals1 {
        right: -100px;
    }

    .joinusnowBox__tenticals.toptenticals2 {
        right: -120px;
    }

    .joinusnowBox__tenticals.bottomtenticals1 {
        right: -150px;
        bottom: -50px;
    }

    .joinusnowBox__tenticals.bottomtenticals2 {
        right: -200px;
        bottom: -50px;
    }

    .joinusnowBox__buttons .greenBtn+.greenBtn {
        margin-top: 8px;
    }

    .teamrow {
        -ms-grid-columns: 1fr 15px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .teamBox__container {
        max-width: calc(100% - 30px);
    }

    .teamBox__img img {
        width: 140px;
        height: 140px;
    }

    .teamBox__designation {
        font-size: 11px;
    }

    .teamBox__designation {
        margin: 0;
    }

    .teamBox__img {
        margin-bottom: 3px;
    }

    .section6__cntnt p {
        font-size: 16px;
        line-height: 20px;
        text-align: left;
    }

    .gameplayRow {
        -ms-grid-columns: 1fr 15px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .gameplaybox {
        position: relative;
        max-width: 305px;
        margin: 0 auto;
    }

    .section5__row {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 15px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        
    }

    .joinusnowBox__contentRight {
        padding: 50px 0 0;
    }

    .footermain__nav li a, .footermain__contact li a {
        font-size: 16px;
    }

    .socialRow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
    }

    .bottomShowcaseContainer__btnHldr {
        top: 15px;
        bottom: 15px;
    }

    .scrollDesignBtn {
        width: 161px;
        height: 42px;
        font-size: 16px;
        background-size: 130px;
        padding: 11px 32px;
    }

    .section5Box__img {
        max-width: 250px;
    }

    .homeBanner__diamond img {
        max-width: 115px;
    }

    .homeBanner__cntnt {
        min-height: 500px;
        padding: 10px 0 40px;
    }

    .privacyContent {
        font-size: 18px;
    }

    .getStrtdStpBx__img {
        height: 190px;
    }

    .getStrtdStpBx__img img {
        max-width: 175px;
        max-height: 190px;
        width: auto;
    }

    .getStrtdStpBx__title {
        font-size: 19px;
    }

    .algorithmPageBox__frame, .algorithmPageBox__titleFrame {
        display: none;
    }

    .algorithmPageBox__row, .algorithmPageBox__titleCntnt {
        position: static;
    }

    .algorithmPageBox__row {
        max-width: 100%;

    }

    .algorithmPageBox__title {
        position: relative;
        top: 0;
        margin: 0 auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .algorithmPageBox__right {
        max-height: inherit;
    }

    .algorithmPageBox {
        margin-bottom: 20px;
    }

    .scholarshipBox .algorithmPageBox__titleCntnt br {
        display: none;
    }

    .sectoion5tab__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .progressbar__body {
        font-size: 18px;
    }
    .gameplay{
        padding: 10px 17px;
    }
    .roadmapGrid__box4 .roadmapGrid__inner {
        flex-direction: column;
    }
    .inner_details {
        opacity: 1;
        margin-top: 42px;

    }
    .roadmapGrid__box4 .roadmapGrid__headCntnt span::before {
        background-image: url("drop.svg");
        top: -16px;
    }
    .roadmapGrid__box5 .roadmapGrid__headCntnt span:hover::before {
        content: '';
        background-image: url("whitedropdown.svg");
    }
    .roadmapGrid__box4 .roadmapGrid__headCntnt span:hover::before {
        content: '';
        background-image: url("whitedropdown.svg");
    }
    .joinusnowBox__contentRight::before{
        display: none;
    }
    .commonPadding {
        padding: 36px 0;
    
    }
    .roadmapGrid__box.roadmapGrid__box4.phase2 .roadmapGrid__head:hover {
        transform: translateY(0);
    }
    .roadmapGrid__box.roadmapGrid__box4 .roadmapGrid__head:hover {
        transform: translateY(0);
    }
    .game_points {
        max-width: 100%;
}
.game_points p{
    text-align: left;
    padding: 0;


}
.roadmap__holder {
    padding-top: 50px;
}
.roadmapGrid__box ul{
    line-height: 16px;
}
.roadmapGrid__box.roadmapGrid__box4 .roadmapGrid__inner {
    height: 334px;
}
.section5 {
    padding: 80px 0;
}
.heading-sub h2,
.section6__cntntTitle {

    font-size: 32px;
}
.nfts_text h2 {
    font-size: 17px;

}
.section6__cntnt.gs_reveal {
    padding-left: 49px;
}
.section7 .commonHeading {
    margin-bottom: 30px;
    margin-top: 37px;
}
.game_slide .slick-slide.slick-center video {
    height: 101px;
}
.slick-slider .slick-slide.slick-center video {
    top: 50px;
}
.frame_video video{
    background-color: transparent;

}
.logo_slider .slick-next, .logo_slider .slick-prev{
    transform: translate(4%, -50%);
  
}
.frame_video ul.slick-dots {
    padding: 0;
    bottom: -22px;
}

.tokens_details_balance {
    grid-template-columns: repeat(2 , 1fr);
}
.vested_data.tokend .tokens_details_balance {
    grid-template-columns: repeat(2 , 1fr);
}
.gameplay_common,
.contact_lift {
    padding-top: 135px!important;
}
.contact_lift .commonHeading__subtitle{
    font-size: 19px;

}
.contact_simple_details .contactinnrContanr{

    max-width: 567px;

}
.logo_large {
    max-width: 126px!important;
    height: 63px;
    object-fit: contain;
    padding-bottom: 10px;

}

/* 21-03-24 */

.navMenu .staking-Btn .greenBtn {
    width: 100%;
    margin-bottom: 5px;
}
.navMenu .greenBtn {
    width: 100%;
}


.binanceSmart-head .heading-frame {
    height: 90px;
}
.binanceSmart-head h5 {
    bottom: 0px;
}

}

/* @media only screen and (min-width: 1200px) and (max-width: 1470px) {
    .navbarMain .greenBtn.layerHover {
        margin-left: 22px;
    }
} */

@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .roadmapGrid__box.roadmapGrid__box4 .roadmapGrid__inner {
        height: 311px;
        padding: 0;
    }
    .roadmapGrid__box.roadmapGrid__box5 .roadmapGrid__inner {
        height: 363px;
        padding: 0;
    }
    .roadmapGrid__box.roadmapGrid__box4 {
        margin-top: 3px;
    }
    .roadmapGrid__box.roadmapGrid__box5 .inner_details{

        margin-top: 188px;

    }
    .roadmapGrid__box.roadmapGrid__box4 .inner_details {
        position: relative;
        top: -62px;
    }
    .roadmapGrid__box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
        max-width: 160px;
    }
    .roadmap__wave {
        width: 965px;
        left: 17px;
        top: 39%;

    }
    .phase2 span {
        position: relative;
        right: 8px;
    }
    .navbarMain .greenBtn {
        width: 154px;
        height: 49px;
        font-size: 10px;
    }
    .navMenu>li>a {
        font-size: 10px;
    }
    /* 21-03-24 */

    .staking-Btn .greenBtn {
        width: 120px;
    }
}

/* 991 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .mainsite {
        overflow-x: hidden;
    }
}

@media only screen and (max-width:767px) {
    
    .ourpartnerSlider.availableNow-grid a:nth-child(2) img {
  position: relative;
  top: 14px;
}

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        margin-bottom: 0.6rem;
        line-height: 1.2;
    }

    h1, .h1 {
        font-size: 36px;
    }

    h2, .h2 {
        font-size: 32px;
    }

    h3, .h3 {
        font-size: 30px;
    }

    h4, .h4 {
        font-size: 26px;
    }

    h5, .h5 {
        font-size: 22px;
    }

    h6, .h6 {
        font-size: 18px;
    }
    
    .nft{
        margin-bottom: 33px;
    }
    .frame_video video {
        width: 100%;
        height: 211px;
    }
    .teamrow {
        -ms-grid-columns: 1fr 15px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .section5Box__img {
        max-width: 220px;
    }
    .ourpartnerSlider__slide {
        text-align: center;
        padding: 13px 4px;
    }
    .joinusnowBox__character, .joinusnowBox__frame {
        display: none;
    }

    .joinusnowBox__contentRight {
        padding: 0;
    }

    .topArtworkbox__boardText {
        margin-top: -220px;
        max-width: 271px;
    }

    .topArtworkbox__boardCntnt {
        bottom: 50px;
        max-width: calc(100% - 110px);
    }
    .greenBtn{
        width: 230px;
    }

    .section6__hopImg img {
        max-width: 370px;
        margin: 0 auto;
        max-width: clamp(300px, 60%, 410px);
    }

    .section6__cntnt p {
        text-align: center;
    }

    .bottomShowcaseContainer {
        flex-direction: column-reverse;
    }

    .bottomShowcaseContainer__board>img {
        display: none;
    }

    .bottomShowcaseContainer__board {
        margin-left: 0;
        max-width: 100%;
        position: static;
    }

    .bottomShowcaseContainer__btnHldr {
        position: static;
        max-width: 100%;
        width: 100%;
        display: block;
    }

    .bottomShowcaseContainer__btnHldr {
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

    .scrollDesignBtn {
        width: auto;
        padding: 16px 21px;
        background-size: 100%;
        height: auto;
        font-size: 14px;
        white-space: nowrap;
    }

    .featuredOnlogo {
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }

    .gameplayboxcntnt p {
        -moz-text-align-last: center;
        text-align-last: center;
        text-align: center;
    }

    .gameplayboxcntnt__icon img {
        max-width: 100px;
    }

    .gameplayboxcntnt {
        bottom: 20px;
        top: 20px;
        max-width: calc(100% - 40px);
    }

    .mediaHolder {
        width: calc(100% - 110px);
        height: calc(100% - 160px);
    }

    .featuredOnBox_frame {
        display: none;
    }

    .featuredOnlogo {
        max-width: 100%;
    }

    .roadmap__headingB {
        max-width: 300px;
    }

    .roadmap__heading .commonHeading__title {
        top: 35px;
        max-width: 200px;
        margin: auto;
    }

    .privacyContent {
        font-size: 16px;
    }

    .getStrtdStpBx__img img {
        max-width: 265px;
        max-height: 140px;
        width: auto;
    }

    .getStrtdStpBx__img {
        height: 150px;
    }

    .getStrtdStpBx__title {
        font-size: 17px;
    }

    .evolutionHolder__cntnt {
        top: 42px;
    }

    .sectoion5tab__right {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .sectoion5tab__rightTop {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .pinkBtn {
        width: 111px;
        height: 45px;
        font-size: 18px;
    }

    .homeBanner__cntnt {
        padding: 80px 0 40px 0;
    }
    .heading-sub h2,
    .section6__cntntTitle {
        font-size: 23px;
    }
    .nft p, .game_points p {
        font-size: 16px;
        line-height: 19px;
        padding: 0px 30px;
        text-align: center;
    }
    .inner_gamePlay{
        background-size: auto;
    }
    .game_points{
        grid-template-columns: repeat(2, 1fr);

    }
    .game_points h3 {
        font-size: 21px;
    }
    #game_slide .slick-next {
        right: 0;
        top: 40%;
        left: unset;

    }
    #game_slide .slick-prev {
        right: unset;
        top: 40%;
        left: 0;
    }
    .gameplay figure img {
        height: 108px;
    }
    .section6__titleHolder::after{
        width: 81%;
    background-size: contain;
    }
    .section6__cntnt p, .section7 .commonHeading p {
        font-size: 16px;
    }
    .slick-slider .slick-slide.slick-center .tab_bounty {
        min-height: auto;
    }
    .slick-slider .slick-slide.slick-center video {
        top: 0;
        background-color: #000;

    }
    div#game_slide {
        height: auto;
    }
    .game_slide .slick-slide.slick-center{
        margin-top: 0;
    }
   
    .frame_video video {
        width: 100%;
        /*height: auto;*/

}
.section6__cntnt.gs_reveal {
    position: relative;
    padding-left: 45px;

}
.commonBackground.commonPadding.section7 {
    padding: 88px 18px;
    margin: 0 11px;
}
.team_wrapper{

    padding: 40px 22px;
    background-image: url("team_bg-res.png");

}
.teamBox__title{
    font-size: 13px;

}
.teamBox__content {
    top: 12px;
}
.ourpartnerSliderholder{
    padding: 70px 23px 40px;

}
.featured_wrapper h3 {
    font-size: 23px;
}
.game_slide .slick-slide.slick-center{
    transform: none;


}
.game_slide .slick-slide.slick-center video {
    height: 218px;
}
.inner_gamePlay {
    padding: 44px 0 50px;
}
.vested_data.tokend .tokens_details_balance {
    grid-template-columns: repeat(1 , 1fr);
    gap: 21px;
}
.vested_data.tokend {
    padding: 48px 60px;
}
.vested_data.tokend .contactHeading {
    font-size: 27px;
}

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

.user_data h2 {
    line-height: normal;
    font-size: 22px;
}
.wrapper_tumb_data .user_data p {

    margin-bottom: 0;
}
.tumbnail_image img {
    width: 150px;
    min-width: 150px;
    height: 150px;
}
.wallet_address p {
    margin-bottom: 0;
}
.user_tumb_wrapper {
    justify-content: end;
    flex-direction: column;
    align-items: baseline;
    margin-top: 60px;
}
.vested_data.tokend {
    padding: 48px 30px;
    margin: 25px 11px;
}
.vacancies .vice_developer .contactHeading {
    font-size: 33px;
    line-height: 49px;
}
.sub_inner_box a {
    font-size: 19px;

}
.inner_box {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.one_line-row {
    gap: 0px;
    flex-direction: column;
}
.evolutionHolder .data_content.dreams h3 {
    text-align: left;
    font-size: 26px;
}
.frame_evolution.property,
.frame_evolution.scholar_ship {
    background-image: none;
    background-color: #18122a;
    border: 2px solid #dc7927;

}
.stable_utility_token{
    margin-top: 28px;
    background-size: 100% 100%;
    margin-left: 6px;
    margin-right: 6px;
    height: auto;
    padding-right: 29px;




}
.slick_token .slick-next,
.slick_token .slick-prev{
    right: 45px;

}
    
    .commonBackground.commonPadding.gs_reveal.section7.brdrShapeBttm.brdrShapeBttm-2 {
  margin-top: 40px;
}
    
    .tab_bounty {
  position: relative;
}
    .hasDropDown.display_none_mb {
  margin-top: 20px;
}

.homeBanner__btnHolder .greenBtn+.greenBtn {
    margin-left: 0;
}

/* */
.featured img {
    height: 50px;
}
.availableNow-grid .ourpartnerSlider__slide img {
    height: 23px;
}
.availableNow-grid .ourpartnerSlider__slide p {
    font-size: 15px;
}
.availableNow-head .heading-frame {
    height: 70px;
}
.binanceSmart-head .heading-frame {
    height: 80px;
}
.binanceSmart-head h5 {
    bottom: 6px;
}
.binanceSmart .heading-sub h2 {
    font-size: 23px;
} 
.contractAddress-btn p {
    font-size: 16px;
}
.contractAddress-btn h5::after {
    content: '';
    background-image: url("tokenAddress-line.png");
    width: calc(100% - 24px);
    height: 18px;
    display: block;
    background-size: 287px;
    left: 24px;
}
.availableNow-head h5, .binanceSmart-head h5 {
    font-size: 20px;
}

}

/* max-767 */

@media only screen and (max-width:1024px) and (max-height: 500px) and (orientation:landscape) {}

/* orientation:landscape */

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

    h1, .h1 {
        font-size: 32px;
    }

    h2, .h2 {
        font-size: 30px;
    }

    h3, .h3 {
        font-size: 28px;
    }

    h4, .h4 {
        font-size: 24px;
    }

    h5, .h5 {
        font-size: 20px;
    }

    h6, .h6 {
        font-size: 17px;
    }
  
   
    .ourpartnerSlider{

        grid-template-columns: repeat(2, 1fr);
        margin-top: 0;
        gap: 4px;
    }.ourpartnerSliderholder {
        padding: 80px 18px 0px;
        padding-bottom: 25px;
    }


    .gameplaybox__bg {
        display: none;
    }

    .gameplayboxcntnt__icon img {
        max-width: 140px;
    }

    .gameplayboxcntnt {
        position: static;
        background: #000;
        max-width: 100%;
        padding: 20px 15px 10px;
        border: 2px solid var(--yellow);

    }

    .gameplayboxcntnt p {
        height: auto;
    }

    .mediaHolder {
        width: calc(100% - 21vw);
        height: calc(100% - 30vw);
    }

    .section5Box__img {
        max-width: 200px;
    }

    .section5Box__btn {
        bottom: 50px;
    }

    .roadmapGrid__row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .roadmapGrid__box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .partnerLogoHolder {
        -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;

    }

    .brdrShapeBttm::after {
        background-size: 700px;
        bottom: -42px;
    }

    .contactinnrContanr {
        padding: 0 5px;
    }

    .getStrtdStpBx__title {
        font-size: 17px;
    }

    .getStrtdStpBx__img img {
        height: 110px;
    }

    .getStrtdStpBx__img img {
        max-width: 165px;
        max-height: 110px;
    }

    .evolutionHolder__frame {
        display: none;
    }

    .evolutionHolder__cntnt {
        position: static;
    }

    .algorithmPageBox__left {
        -ms-flex: 0 0 90px;
        flex: 0 0 90px;
        max-width: 90px;
    }

    .algorithmPageBox__right {
        -ms-flex: 0 0 calc(100% - 90px);
        flex: 0 0 calc(100% - 90px);
        max-width: calc(100% - 90px);
    }

    .scholarshipBox .scholarshipBox__text {
        max-width: 330px;
        margin: 0 auto;
    }

    .nftPage__row {
        gap: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sectoion5tab__rightCntntFame {
        display: none;
    }

    .sectoion5tab__rightCntntholder {
        position: static;
        max-width: 100%;
        display: block;
    }

    .sectoion5tab__leftTitle span {
        font-size: 18px;
    }

    .sectoion5tab__leftTitle span {

        width: 204px;
        height: 66px;
    }

    .progressbar__body {
        font-size: 16px;
    }

    .startedBox__body {
        padding: 20px 10px;
    }
    .roadmapGrid__row{
        margin-left: 14px;

    }
    .inner_details h4 {
        font-size: 16px;
        text-decoration: none;
    }
    .teamBox__content {
        top: 20px;
    }
    .teamBox__title {
        font-size: 12px;
    }
    .teamBox__container {
        max-width: calc(100% - 1px);
    }
    .contactOutrCntanr.Details_j .vice_developer {
        padding: 0px 22px;
    }
    .contactOutrCntanr,
    .contactOutrCntanr.contact_details_1{
        background-image: none;
        background-color: #140f27;
        padding-bottom: 0;
        border: 2px solid #6d1a97;


    }
    .vice_developer .contactHeading {
        padding: 0 0px 10px 0px;
    }
    .contactHeading {
        font-size: 26px;
    }
    .evolutionHolder .data_content.dreams h3 {
        font-size: 18px;
        padding: 21px 24px;
    }
    .slick_token .slick-next, .slick_token .slick-prev {
        right: 19px;
    }

    .binanceSmart-head {
        margin-top: 20px;
    }
    .availableNow-head h5, .binanceSmart-head h5 {
        font-size: 18px;
    }
    
}

/* 575 */
@media only screen and (min-width: 497px) and (max-width: 557px) {
    .game_slide .slick-slide.slick-center video {
        height: 195px;
    }
   
}
@media only screen and (min-width: 481px) and (max-width: 510px) {
    .game_slide .slick-slide.slick-center video {
        height: 174px;
    }
}
@media only screen and (min-width: 479px) and (max-width: 550px) {
    .teamBox__content {
        top: 15px;
    }
   
}
@media only screen and (min-width: 390px) and (max-width: 480px) {
    .teamBox__container {
    max-width: calc(100% - 108px);
}
}
@media only screen and (max-width:480px) {
    .homeBanner__btnHolder .greenBtn+.greenBtn {
        margin: 10px 0 0 0;
    }
    .game_slide .slick-slide.slick-center video {
        height: 162px;
    }
    .game_slide .slick-slide.slick-active {
        opacity: 1;
    }
    .game_points{
        grid-template-columns: repeat(1, 1fr);

    }
    span.discordBtn__cntnt {
        white-space: nowrap;
    }
    .teamBox__content {
        top: 27px;
    }

    .homeBanner__btnHolder .greenBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .gameplayRow {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .brdrShapeBttm::after {
        background-size: 500px;
        bottom: -42px;
    }

    .topArtworkbox__boardText {
        margin-top: -49vw;
        max-width: 60vw;
    }


    .section5__row, .teamrow {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .section5Box__img {
        max-width: 250px;
    }

    .section5Box__btn {
        bottom: 80px;
    }

    .ourpartnerSliderholder {
        padding: 70px 22px 0px;
        margin-top: 0px;
        padding-bottom: 25px;

    }
    .featured img {
        height: 50px;
    }

    .featuredOnlogo__slide img {
        max-height: 50px;
        margin: 0 auto;
    }

    .partnerLogoHolder {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .roadmap__heading .commonHeading__title {
        top: 29px;
    }

    .scrollDesignBtn {
        padding: 15px 11px;
    }

    .formControl.formGroupFile__label {
        font-size: 14px;
    }

    .privacyContent {
        font-size: 14px;
    }

    .downloadSetup__row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .startedBox .btnBlack {
        display: block;
    }

    .progressbar__body {
        font-size: 14px;
        line-height: 19px;
    }

    .startedBox__absImg {
        width: 80px;
    }

    .startedBox__absCntnt {
        max-width: calc(100% - 80px);
    }

    .startedBox__body p .btnBlack {
        margin: 5px;
    }

    .homeBanner__cntnt p {
        font-size: 15px;
        line-height: 17px;
        margin-bottom: 10px;
    }

    .homeBanner__diamond img {
        max-width: 140px;
    }

    .homeBanner__btnHolder .greenBtn+.greenBtn {
        margin: 5px 0 0 0;
    }

    .homeBanner.brdrShapeBttm::after {
        bottom: -30px;
        z-index: 10;
    }

    .roadmapGrid__inner {
        padding: 15px 5px 20px;
    }

    .roadmapGrid__headFrame {
        width: 130px;
    }

    .roadmapGrid__headCntnt {
        font-size: 15px;
        line-height: 16px;
        top: 10px;
        left: 10px;
    }
    /* .game_slide .slick-slide.slick-center video {
        height: 121px;
    } */
    .logo_slider .slick-slide img{

        padding: 0px 52px;

    }
    .ourpartnerSlider__slide img{
        width: 100%;

    }
    .tumbnail_image img {
        width: 100px;
        min-width: 100px;
        height: 100px;
    }
    .tumbnail_image img{
        position: relative;
        top: 0;
    }
    .bg_temple img {
        height: 120px;
    }
    .user_data h2 {
        font-size: 17px;
    }
    .wrapper_tumb_data .user_data p {
        font-size: 15px;
    }
    .design_points_upper_tabs ul li a {
        padding: 0px 0.2vw;
    }
    .frame_video video {
        width: 100%;
        height: 202px;
    }
    
    .availableNow-head .heading-frame {
        height: 65px;
    }
    .binanceSmart-head .heading-frame {
        height: 70px;
    }
    .availableNow-grid .ourpartnerSlider__slide img {
        max-width: 130px;
        height: auto;
        margin-bottom: 6px;
    }
    .availableNow-grid .ourpartnerSlider__slide p {
        margin-top: auto;
    }
    .contractAddress-btn p {
        font-size: 14px;
    }
    .contractAddress-btn h5::after {
        background-size: 243px;
        left: 26px;
    }
    .availableNow-head h5, .binanceSmart-head h5 {
        font-size: 16px;
    }
   
}
@media only screen and (max-width:479px) {
    .slick-slide.slick-current.slick-active .tab_bounty video{
        margin: auto;
        background-image: url("image-frame.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 169px;
        padding: 14px;
        background-position: center;

    }
    
     .section5 {
    padding: 40px 0;
  }
    
    .commonBackground.commonPadding.gs_reveal.section7.brdrShapeBttm.brdrShapeBttm-2 {
  opacity: 1 !important;
}
    
}



/* 480 */
@media only screen and (min-width: 390px) and (max-width: 435px) {
    .teamBox__content {
        top: 17px;
    }
    .frame_video video {
        width: 100%;
        height: 198px;
    }
}
@media screen and (max-width:340px) {
    .teamBox__content {
        top: 16px;
    }
    .frame_video video {
        width: 100%;
        height: 190px;
    }
  
    
}