@media screen and (max-width: 1360px) {
    .highlight-item {
        padding-top: 190px;
        max-width: 240px;
    }

    .highlight-row-left {
        max-width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .highlight-item.item-02 {
        margin-top: 0;
        left: 0;
    }

    .highlight-item.item-03 {
        position: relative;
        bottom: 0;
        right: 0;
    }

    .highlight-item.item-04 {
        margin-top: 0;
        right: 0;
    }

    .highlight-row-right {
        margin: auto;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row-reverse;
    }

    .highlight-item.item-06 {
        margin-top: 0;
    }

    .highlight-item.item-05 {
        bottom: 0;
        right: 0;
    }

    .highlight-item.item-02::before,
    .highlight-item.item-02::after,
    .highlight-item.item-04::before,
    .highlight-item.item-04::after {
        display: none;
    }

    .location {
        height: 530px;
        overflow: hidden;
    }

    .location-inform {
        max-width: 530px;
    }

    .location::after {
       display: none;
    }

    .map {
        max-width: 720px;
        min-height: 530px;
    }

}

@media screen and (max-width: 1080px) {
    .burger {
        position: relative;
        display: block;
        width: 30px;
        height: 20px;
    }

    .burger span {
        position: absolute;
        display: block;
        width: 100%;
        height: 3px;
        border-radius: 3px;
        background: #fff;

        transition: all .12s linear;
    }

    .burger span:first-child {
        top: 0;
    }

    .burger span:nth-child(2) {
        top: 8px;
        right: 0;
    }

    .burger span:last-child {
        bottom: 0;
    }

    .burger.active span {
        transition: all .12s linear;
    }

    .burger.active span:first-child {
        top: 50%;
        transform: rotate(45deg);
    }

    .burger.active span:nth-child(2) {
        top: 8px;
        width: 0;
    }

    .burger.active span:last-child {
        bottom: auto;
        transform: rotate(-45deg);
        top: 50%;
    }

    main {
        padding-top: 52px;
    }

    header {
        padding: 10px 0;
    }

    .header-logo {
        max-width: 170px;
    }

    .header-menu {
        position: absolute;
        right: -100%;
        opacity: 0;
        visibility: hidden;
        top: 45px;
        background: rgb(9 63 68 / 97%);
        padding: 24px 30px;
        height: 100vh;

        transition: all .12s linear;
    }

    .header-menu.active {
        right: 0;
        opacity: 1;
        visibility: visible;

        transition: all .12s linear;
    }

    .header-opts {
        display: none;
    }

    .header-menu > ul {
        flex-direction: column;
        width: 320px;
        align-items: flex-end;
    }

    .header-menu > ul > li > a {
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
    }

    .block__container {
        flex-wrap: wrap;
        justify-content: center;
    }

    /* .bison {
        right: auto;
        max-width: 698px;
        left: 0;
    } */
    /* .bison {
        display: none;
    } */

    .bear {
        display: none;
    }

    .bison {
        top: -24px;
        top: 96%;
        width: 90%;
        left: 0;
    }

    .statlist {
        flex-wrap: wrap;
        gap: 20px;
    }

    .eval-bind {
        position: absolute;
        top: -73px;
        max-width: 366px;
        width: 100%;
        left: 186px;
    }

    .eval-bind span::after {
        left: calc(50% + 1.4px);
        transform: translate(-50%, 12px);
    }

    .eval-card {
        max-width: 318px;
    }

    .eval-head {
        margin-bottom: 23px;
    }

    .eval-desc {
        font-size: 14px;
    }

    .eval-title {
        font-size: 20px;
    }

    .system-img {
        left: -395px;
    }

    .footer-middle {
        flex-wrap: wrap;
    }

    .footer-mright {

        margin: 0;
    }

    .button.btn-bl {
        display: none;
    }

    .textcontent span,
    .textcontent a {
        color: #fff;
    }

    .faq {
        padding: 30px 0 30px 0;
    }

    .faq-lists {
        margin: 35px -17.5px 0 -17.5px;
    }

    .faq-search {
        margin-top: 25px;
    }

    .faq-block {
        max-width: initial;
        width: calc(100% / 2 - 35px);
    }

    .scalingplan {
        position: relative;
        padding: 30px 0 90px 0;
        margin-bottom: 70px;
    }

    .block-title {
        font-size: 30px;
        text-align: center;
        width: 100%;
    }

    .page-title {
        font-size: 28px;
        text-align: center;
        width: 100%;
    }

    .scalingplan-info {
        margin: 25px 0;
        font-size: 16px;
        line-height: 20px;
    }

    .highlights__list {
        margin-bottom: 45px;
    }

    .highlights-table {
        margin-bottom: 60px;
    }

    .highlight-name {
        font-size: 18px;
        line-height: 22px;
    }

    .scalingplan-tradingbox__col {
        padding-left: 0;
        text-align: center;
        font-size: 18px;
        line-height: 32px;
    }

    .scalingplan-tradingbox__col:first-child::after {
        height: 87px;
    }

    .about-main__img {
        max-width: 375px;
        max-height: 315px;
        width: 100%;
        height: 100%;
        flex-shrink: 0;
        margin-left: 35px;
        border-radius: 10px;
        overflow: hidden;
    }

    .about-main__info .page-title {
        text-align: left;
    }

    .ouroffice__img {
        display: none;
    }

    .ouroffice__info {
        max-width: 100%;
        width: 100%;
    }

    .ourteam {
        margin-bottom: 88px;
    }
    
    .ourmission {
        padding: 32px 0 52px 0;
    }

    .ourmission  .block-title {
        text-align: center;
    }

    .ourmission__container {
        gap: 12px;
    }

    .ouroffice {
        padding: 51px 0 0 0;
    }

    .simplepage {
        padding-top: 22px;
    }

    .simplepage
    .page-title {
        text-align: left;
        display: inline;
        font-size: 32px;;
    }

    .simplepage__wrapper {
        padding-top: 20px;
    }

    .simplepage__textcontainer {
        margin-bottom: 40px;
    }
   

    .partnermain__left {
        margin-right: 30px;
    }

    .partnermain__left .page-title {
        text-align: left;
        font-size: 32px;
        line-height: 36px;
        display: inline;
    }

    .partnermain__logos span {
        font-size: 24px;
        line-height: 26px;
        max-width: initial;
    }

    .partnermain__logos {
        flex-wrap: wrap;
        gap: 20px 0;
    }

    .partnercard {
        max-width: initial;
        width: calc(100% / 2 - 36px);
    }

    .partnermain__logoslist {
        flex-wrap: wrap;
    }

    .beapartner
    .page-title {
        text-align: left;
        width: auto;
        line-height: 38px;
    }

    .medals__list {
        justify-content: center;
        gap: 25px;
    }

    .medal-item {
        flex: 0 0 50%;
    }

    .beapartner__wrapper {
        flex-wrap: wrap;
    }

    .beapartner__content {
        max-width: 100%;
    }

    .beapartner__left {
        margin-bottom: 25px;
        margin-right: 0;
    }

    .becomepartner {
        padding: 25px 0 25px 0;
        margin-bottom: 80px;
    }

    .faq-box {
        flex-wrap: wrap;
    }

    .answer-question {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .learnmain-trading {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .joinrow__container {
        flex-wrap: wrap;
        gap: 20px;
    }

}


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


    .homebase {
        padding-top: 0px;
    }

    .system-img {
        display: none;
    }

    .system-inner {
        max-width: 100%;
        width: 100%;
    }

    /* .information-card {
        width: calc(100% / 2 - 34.5px);
    } */

    .information-card__head {
        flex-direction: row;
        width: 100%;
        pointer-events: all;
    }

    

    /* .information-card_img {
        width: 100%;
        height: 100%;
        margin: 0 10px 0 0;
        max-width: 40px;
        max-height: 40px;
    } */

    .information-card_img {
        width: 100%;
        height: 100%;
        margin: 0 25px 0 0;
        max-width: 58px;
        max-height: 58px;
    }

    .information-card_img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .information-list {
        margin: 75px 0 0 0;
    }

    .information-card {
        width: calc(100% / 1);
        margin: 0 0 30px 0;
        max-width: 100%;
    }

    .information-card_text {
        display: none;
    }

    .eval-box_base {
        gap: 35px 25px;
    }

    .eval-bind {
        top: -64px;
        max-width: 355px;
    }

    .bear {
        left: 8%;
        /* bottom: 140px; */
    }

    /* .bison {
        top: -86px;
    } */

    .block {
        padding: 60px 0 90px;
    }

    
    .section-title {
        font-size: 33px;
    }

    .section-desc {
        font-size: 18px;
    }

    .information-card__head::after {
        display: block;
        transition: all .12s ease;
        right: 20px;
    }

    .information-card__head.active::after {
        transform: translate(0, -50%) scale(1, -1);
        transition: all .12s ease;
    }

    .information-card_title {
        font-size: 22px;
        margin-bottom: 0px;
        text-align: left;
    }

    .information-card_text {
        font-size: 14px;
        text-align: left;
        padding-top: 20px;
        /* max-width: 280px; */
        padding-left: 84px;
    }

    .system {
        position: relative;
        padding: 56px 0 64px 0;
    }

    .joinbox-otps {
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .join {
        padding: 110px 0 100px 0;
    }

    .evaluation__container .section-desc {
        display: none;
    }

    .evaluation-list {
        margin-top: 24px;
    }


    .about-main {
        padding: 34px 0 0 0;
        margin-bottom: 32px;
    }

    .about-main__wrapper {
        flex-direction: column-reverse;
    }

    .about-main__text {
        margin-top: 22px;
    }

    .swiper-slide.story-item {
        max-width: 100%;
    }

    .story-item__image img {
        width: 100%;
    }

    .ouroffice .block-title {
        font-size: 30px;
    }

    .teamlist-card {
        width: calc(100% / 4 - 35px);
    }

    .partnermain__wrapper {
        flex-wrap: wrap;
    }

    .partnermain__img {
        max-width: 330px;
        margin: 20px auto 0 auto;
    }
}


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

    .site-title {
        font-size: 50px;
        line-height: 52px;
    }


    /* .eval-bind {
        display: none;
    } */

    .eval-bind {
        position: static;
        margin-bottom: 14px;
    }

    .eval-bind span::after {
        display: none;
    }

    .bear {
        left: 8%;
        /* bottom: 103px; */
        bottom: -208px;
    }

    /* .bison {
        top: -24px;
    } */

    .stat-item span {
        font-size: 20px;
        line-height: 24px;
    }

    .statlist {
        gap: 12px;
    }

    .stat-item p {
        font-size: 14px;
        line-height: 16px;
    }

    .block-img {
        display: none;
    }

    .eval-card {
        max-width: 100%;
        -webkit-mask-image: none;
    }

    .eval-inner {
        padding: 30px 40px 25px 33px;
    }


    .faq-lists {
        margin: 35px 0 0 0;
    }

    .faq-search {
        margin-top: 25px;
    }

    .faq-block {
        max-width: initial;
        width: calc(100% / 1);
        margin: 0 0 35px 0;
    }

    .teamlist-card {
        width: calc(100% / 3 - 35px);
    }

    .about-main__info .page-title {
        line-height: 40px;
    }

    .about-main__lnks {
        flex-wrap: wrap;
    }

    .ourteam__opt {
        flex-wrap: wrap;
        justify-content: center;
    }

    .about-main__img {
        margin-left: 0;
    }

    .partnermain__content {
        max-width: initial;
    }

    .partnercard {
        width: calc(100% / 1);
        margin: 0 0 36px 0;
    }

    .partnercards__list {
        margin: 0;
    }

    .partnercards {
        margin-bottom: 30px;
    }

    .input-item {
        max-width: 100%;
        width: 100%;
    }

    .form-row {
        gap: 15px;
    }

    .form-row:not(:last-child) {
        margin-bottom: 15px;
    }

    .registration {
        margin-bottom: 85px;
    }

    .becomepartner__content {
        margin-bottom: 40px;
    }

    .learnmain {
        padding-top: 20px;
    }

}


@media screen and (max-width: 520px) {
    .statlist {
        padding: 0;
    }

    .information-card {
        width: calc(100% / 1);
    }

    .foot-menus {
        column-count: 1;
        column-gap: 0;
        padding-top: 20px;
    }

    .balance-buttons .button {
        margin: auto;
    }
    
    .scalingplan-tradingbox__inner {
        flex-wrap: wrap;
    }

    .scalingplan-tradingbox__col:first-child::after {
        bottom: 0;
        right: auto;
        width: 80%;
        height: 1px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .scalingplan-tradingbox__col {
        width: calc(100% / 1);
    }

    .highlight-row-right {
        flex-direction: column-reverse;
        align-items: center;
    }

    .teamlist-card {
        width: calc(100% / 2 - 35px);
    }

    .story-item__info {
        bottom: 0;
    }

    .story-item__infoname {
        font-size: 16px;
        line-height: 20px;
    }

    .story-item__infodesc {
        font-size: 14px;
        line-height: 18px;
    }

    .information-card_title {
        padding-right: 30px;
    }

    .information-card__head::after {
        right: 10px;
    }
 
}