@media screen and (min-width: 1921px) {
    .ranking__page {
        height: 100vh;
    }
    .ranking__page .mainvs__img img {
        width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .sp1200 {
        display: none;
    }

    .pc1200 {
        display: block;
    }

    .menu-list {
        column-gap: 50px;
    }

    .ttl_sub {
        margin-bottom: 0;
    }

    .gold__frame {
        flex-direction: row;
    }

    .gold__content {
        max-width: 1050px;
    }

    .gold__info .col {
        font-size: 18px;
    }

    .products__tabs .ttl_sub {
        margin-bottom: 65px;
    }

    .products__frame {
        flex-direction: row;

        margin-bottom: 43px;
    }

    .products__tabs {
        max-width: 725px;
    }

    .products .title {
        width: 50%;

        max-width: 855px;
    }

    .products__content {
        padding: 33px 41px;
    }

    .about__frame {
        flex-direction: row;
    }

    .about__content {
        width: 50%;

        max-width: 850px;
    }

    .about__card .item {
        --space-left-right: 35px;
    }

    .about__card .item.item2 .cnt {
        margin-bottom: 61px;
    }

    .about__card .item.item2 .avatar__list {
        margin-bottom: 78px;
    }

    .simple__frame {
        padding: 166px 19px 0 125px;
    }

    .empowered__frame {
        padding: 112px 93px 30px;
    }

    .empowered__list {
        gap: 104px;
    }

    .empowered__list .item {
        font-size: 22px;
    }

    .traders__frame {
        padding: 116px 103px;
    }

    .faq__content {
        margin: 74px 128px 74px 71px;
    }

    .our__content .item__main {
        --space-bottom: 89px;

        padding: 89px 71px var(--space-bottom);
    }

    .our__content .item__sub .box {
        padding: 55px 43px 32px;
    }

    .ft__info {
        flex-direction: row;
    }

    .ft__info--right {
        width: 100%;

        max-width: 900px;
    }

    .ready__frame {
        flex-direction: row;
    }

    .ready__content {
        width: 50%;

        max-width: 875px;
    }

    .ready__form {
        width: 47%;

        max-width: 820px;
    }

    .ready__map iframe {
        height: 1073px;
    }

    .platform__content {
        max-width: 1540px;

        margin: 0 auto;

        padding-bottom: 130px;

        padding-right: 50px;
    }

    .platform__content .img {
        width: 100%;

        max-width: 100%;
    }

    .platform__content ul li {
        position: absolute;

        font-size: 25px;

        padding: 33px 39px;
    }

    .platform__content ul li:nth-child(1) {
        top: 12%;

        left: 0;
    }

    .platform__content ul li:nth-child(2) {
        bottom: 5%;

        left: 12%;
    }

    .platform__content ul li:nth-child(3) {
        top: 0;

        right: 5%;
    }

    .platform__content ul li:nth-child(4) {
        bottom: 22%;

        right: 0;
    }

    .platform__content ul li:nth-child(5) {
        bottom: 0;

        right: 35%;
    }

    .platform__content ul li .icon {
        margin-bottom: 50px;
    }

    .download {
        --space-left-right: 120px;
    }
}

@media screen and (min-width: 993px) {
    .pc992 {
        display: block;
    }

    .dropdown:hover > .sub-menu {
        transform: translateY(0);

        pointer-events: auto;

        opacity: 1;

        visibility: visible;

        z-index: 1;
    }

    .sub-menu {
        position: absolute;

        top: 100%;

        left: 0;

        min-width: 200px;

        transition: all 0.3s ease;

        transform: translateY(10px);

        pointer-events: none;

        opacity: 0;

        visibility: hidden;

        box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.16);
    }

    .dropdown.item__promo:hover > .sub-menu {
        transform: translate(-50%, 0);
    }

    .item__promo .sub-menu {
        left: 50%;

        transform: translate(-50%, 10px);

        background-color: var(--main-cl) !important;

        padding: 10px;
    }

    .item__promo .sub-menu li a {
        border-bottom: unset;
    }

    .header-act {
        display: none;
    }

    .simple__frame {
        flex-direction: row;
    }

    .simple__content {
        width: 80%;

        max-width: 725px;

        padding-bottom: 60px;
    }

    .simple__content .tabs__content::before {
        width: 160%;
    }

    .simple__bnr {
        justify-content: flex-start;
    }

    .simple__img {
        width: 54%;

        max-width: 880px;

        margin: 0;
    }

    .partner__frame {
        flex-direction: row;
    }

    .partner__title {
        width: 51%;

        max-width: 900px;
    }

    .partner__title .title {
        margin-bottom: 84px;
    }

    .partner__content {
        width: 50%;

        max-width: 580px;
    }

    .partner__content .list__count li {
        gap: 64px;
    }

    .partner__img {
        margin-top: -27%;

        width: 100vw;
    }

    .transactions__frame {
        display: flex;

        align-items: flex-start;

        flex-direction: row-reverse;
    }

    .transactions .title {
        margin-bottom: 61px;
    }

    .transactions .title .ttl_sub {
        position: absolute;

        top: 0;

        left: 0;
    }

    .transactions__content {
        width: 43%;

        max-width: 750px;

        margin-left: auto;
    }

    .transactions__step {
        margin-bottom: 52px;

        max-width: 492px;
    }

    .transactions__step::before {
        left: 73px;
    }

    .transactions__step li::before {
        width: 60px;

        font-size: 45px;
    }

    .transactions__step li:not(:last-child) {
        margin-bottom: 52px;
    }

    .transactions__step li h3 {
        font-size: 25px;
    }

    .transactions__step li h3::before {
        left: -52px;
    }

    .transactions__step li .cnt {
        margin-top: 9px;

        padding-left: 52px;
    }

    .transactions__img {
        margin-top: 30px;
    }

    .transactions .btn {
        text-align: left;
    }

    .our__content {
        flex-direction: row;
    }

    .our__content .item__main,
    .our__content .item__sub {
        width: 50%;
    }

    .our__title {
        margin-bottom: 98px;
    }

    .our__title .ttl_sub {
        position: absolute;

        left: 0;
    }

    .our__title .title {
        width: 52%;

        max-width: 874px;

        margin-left: auto;
    }

    .ourProducts__content {
        flex-direction: row;
    }

    .ourProducts__img {
        width: 42%;

        max-width: 742px;
    }

    .transactions {
        padding-top: 100px;
    }

    .empowered__bg .btn {
        top: 82px;

        right: 42px;
    }

    .monthly__list .list_dot {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (min-width: 769px) {
    .have_sticky #wrapper {
        overflow: visible;
    }

    .sp {
        display: none !important;
    }

    a:hover {
        text-decoration: none;

        color: var(--main-cl);
    }

    .licenses__content .item {
        transition: 0.3s all ease-in-out;
    }

    .licenses__content .item:hover {
        opacity: 0.8;
    }

    .to-top:hover {
        background: var(--main-cl);
    }

    .no-scroll {
        overflow: hidden;

        -ms-touch-action: none;

        touch-action: none;

        -webkit-overflow-scrolling: auto;
    }

    .menu-list .menu-tt:hover {
        color: var(--main-cl);
    }

    .sub-menu a:hover {
        background-color: #e7d1a4 !important;
    }

    .breadcrumbs li a:hover {
        color: #333;
    }

    .documents__content .item:hover h3 {
        color: var(--main-cl);
    }

    .btn a:hover {
        --clr-btn: linear-gradient(130deg, #cf9b21 0%, #cf9b21 50%, #cf9b21 100%);

        color: #fff;
    }

    .hide__icon.btn a:hover {
        background: linear-gradient(130deg, #cf9b21 0%, #c8a759 50%, #e7d1a4 100%);

        border: 1px solid rgba(0, 0, 0, 0);
    }

    .hide__icon.btn a:hover:hover span {
        padding-right: 36px;
    }

    .hide__icon.btn a:hover:hover span::before {
        opacity: 1;
    }

    .advantageEnergy__content .cnt:hover .ttl > * {
        color: var(--main-cl);
    }

    .simple__bnr p:hover {
        transform: translateY(-5px);
    }

    .normal__link a:hover {
        text-decoration: underline;
    }

    .licenses__img img {
        transition: 0.3s all ease-in-out;
    }

    .licenses__img img:hover {
        opacity: 0.8;
    }

    .multiply__content {
        padding: 0 0 102px;

        border-bottom: 1px solid rgba(38, 37, 42, 0.2);
    }

    .multiply__boxs .item {
        width: 272px;

        padding: 44px 32px 41px;
    }

    .multiply__boxs .item h3 {
        font-size: 25px;
    }

    .partner__title {
        padding-bottom: 80px;
    }

    .partner__title .cnt {
        flex-direction: row;

        gap: 30px;
    }

    .partner__title .cnt .item h3 {
        font-size: 25px;

        margin-bottom: 16px;
    }

    .partner__list li .num::before,
    .partner__list li img {
        transition: all 0.3s ease-in-out;
    }

    .partner__list li:hover {
        color: var(--main-cl);
    }

    .partner__list li:hover h2 {
        color: var(--main-cl);
    }

    .partner__list li:hover .num::before,
    .partner__list li:hover .num img {
        transform: translateX(60px);
    }

    .empowered__content {
        width: 61%;

        max-width: 963px;
    }

    .empowered__bg .shadow1 {
        position: absolute;

        background-color: #fef9ed;

        width: 38%;

        max-width: 575px;

        height: 182px;

        top: -1px;

        right: -1px;

        border-bottom-left-radius: 30px;
    }

    .empowered__bg .shadow1::before {
        content: "";

        position: absolute;

        background-color: rgba(0, 0, 0, 0);

        box-shadow: 10px -10px 0px 10px #fef9ed;

        width: 30px;

        height: 30px;

        border-top-right-radius: 30px;

        left: -30px;

        top: 0px;

        z-index: 0;
    }

    .empowered__bg .shadow1::after {
        content: "";

        position: absolute;

        background-color: rgba(0, 0, 0, 0);

        box-shadow: 10px -10px 0px 10px #fef9ed;

        width: 30px;

        height: 30px;

        border-top-right-radius: 30px;

        right: 0;

        bottom: -30px;

        z-index: 0;
    }

    .traders__frame::after {
        width: 246px;

        height: 474px;

        top: 0;
    }

    .traders__content {
        width: 60%;

        max-width: 790px;
    }

    .traders__content::before {
        width: 324px;

        height: 325px;

        bottom: -25%;

        left: 0;
    }

    .traders__img {
        position: absolute;

        top: 0;

        left: 0;

        width: max(75%, 700px);

        max-width: 1324px;

        margin-left: 0;
    }

    .faq__frame {
        display: flex;
    }

    .faq__content {
        width: 50%;

        max-width: 688px;
    }

    .faq__list h3 {
        cursor: pointer;
    }

    .faq__list h3:hover {
        color: var(--main-cl);
    }

    .ft__company a:hover {
        color: var(--main-cl) !important;
    }

    .address__copy .terms a:hover {
        color: #211161 !important;
    }

    .contact__page .mainvs__h1 .btn {
        position: static;

        align-self: flex-end;
    }

    .products__page {
        margin-top: 98px;
    }

    .ourProducts__tabs--pagination ul li:hover {
        border: 1.5px solid #e4e4e4;

        background-color: #f9fafc;
    }

    .ourProducts__tabs .item:hover {
        background-color: #fff;

        color: var(--main-cl);
    }

    .topTrader .title {
        display: flex;

        justify-content: space-between;

        gap: 30px;
    }

    .promotionsList__list .item:hover img {
        transform: scale(1.1);
    }

    .promotionsList__list .item:hover .ttl {
        color: var(--main-cl);
    }

    .advantageForex__boxs .item:hover {
        transform: translateY(-100px) !important;
    }

    .roadmap__content .item:hover .cnt .year {
        color: var(--main-cl);
    }

    .potential__tabs .item:hover {
        color: var(--main-cl);

        border-color: var(--main-cl);

        opacity: 1;
    }

    .advantages__content .item__center .playvideo:hover span::before {
        animation: ripple 1.5s ease-out infinite;
    }

    .leaderboard__tools .find {
        width: 208px !important;
    }
    .leaderboard__tools .find .txt {
        opacity: 1 !important;
        transform: translateX(0) !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1560px) {
    .howCopyTrading__frame {
        justify-content: space-between;

        padding: 40px;

        gap: 30px;
    }

    .stepCopyTrading {
        padding: 69px 15px;
    }

    .stepCopyTrading .title h2 {
        font-size: 38px;
    }

    .stepCopyTrading__tabs--content .col2 {
        max-width: 234px;
    }

    .stepCopyTrading__tabs--content .col2::before {
        width: 272px;

        height: 538px;
    }

    .advantage__content {
        padding: 0 0 0 15px;
    }

    .advantage__list ul {
        gap: 20px;
    }

    .advantage__list {
        padding: 50px 0;
    }

    .wgproducts__content .item {
        padding: 0 15px 20%;
    }

    .wgproducts__content .item .txt {
        font-size: 24px;
    }

    .promotionsList__list {
        gap: 25px;
    }

    .promotionsList__list .img {
        height: 210px;
    }

    .aboutstep__content .item {
        --width-item: 200px;
    }

    .potential__frame {
        padding: 30px;
    }

    .referring__content {
        width: 63%;
    }

    .referring__list {
        gap: 45px;
    }

    .referring__list .item .desc p {
        font-size: 16px;
    }

    .referring__list .item h3 {
        font-size: 20px;
    }

    .style__list td {
        font-size: 16px;
    }

    .style__list .btn a {
        width: 140px;
    }

    .style__list tbody td:first-child {
        padding: 20px;
    }

    .leaderboard__content {
        padding: 30px 20px;
    }

    .leaderboard__body {
        margin: 0 -20px;
    }

    .user .avt {
        width: 62px;

        height: 62px;
    }

    .style__list .col_user,
    .style__list .col_user .user {
        gap: 10px;
    }

    .style__list .tbl__scroll table {
        min-width: 1200px;
    }

    .comparison__content table thead th {
        font-size: 20px;
    }

    .comparison__content table tbody td {
        font-size: 16px;
    }

    .earn {
        padding-top: 30px;
    }

    .ranking__page {
        height: auto;
    }

    .ranking__page .mainvs__h1 {
        margin: 0;
        padding: 150px 15px;
        align-items: flex-start;
        transform: unset;
    }

    .ranking__page .mainvs__h1 .desc p {
        font-size: 24px;
    }

    .ranking__page .mainvs__h1 .btn a {
        font-size: 24px;
    }
    .join__frame {
        padding: 30px;
    }
    .title__ranking h2 {
        font-size: 50px;
    }

    .programForm__frame::before {
        height: 55vw;
    }
}

@media screen and (max-width: 1200px) {
    .none1200 {
        display: none;
    }

    .overview__content {
        flex-direction: column;
    }

    .licenses__content {
        grid-template-columns: repeat(2, 1fr);

        gap: 15px;
    }

    /* Platform Trading */

    .copytrading__frame {
        flex-direction: column;
    }

    .copytrading__frame .title {
        width: 100%;

        max-width: 100%;
    }

    .copytrading__content {
        width: 100%;

        max-width: 100%;
    }

    .copytrading__content .item {
        padding: 20px 0;
    }

    .copytrading__content .item .txt {
        font-size: 20px;
    }

    .copytrading__content .item .num {
        font-size: max(min(calc(80 / 1200 * 100vw), 80px), 50px);
    }

    .whyCopyTrading {
        padding: 50px 0;
    }

    .whyCopyTrading__title {
        flex-direction: column;

        margin-bottom: 30px;

        text-align: center;
    }

    .whyCopyTrading__title .tabs {
        align-self: center;

        justify-content: center;

        flex-wrap: wrap;
    }

    .whyCopyTrading__title .tabs > * {
        order: 1;
    }

    .whyCopyTrading__title .tabs .youare {
        width: 100%;

        margin-right: 0;

        order: 2;

        text-align: center;
    }

    .whyCopyTrading__content {
        padding: 20px;
    }

    /* End Platform Trading */

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

    .promotions__page .mainvs__img {
        background: url(../images/mainvs_promotions.jpg) right -70px top no-repeat;

        background-size: cover;
    }

    .product__title {
        flex-direction: column;
    }

    .product__content--tabs,
    .dynamic__content {
        padding: 20px;
    }

    .product__content--tabs .tbl__scroll,
    .dynamic__content .tbl__scroll {
        overflow-x: auto;
    }

    .product__content--tabs .tbl__scroll table,
    .dynamic__content .tbl__scroll table {
        min-width: 1000px;
    }

    .product__content--tabs th,
    .dynamic__content th {
        font-size: 20px;
    }

    .product__content--tabs th,
    .product__content--tabs td,
    .dynamic__content th,
    .dynamic__content td {
        padding: 15px;
    }

    /* Indices  */

    .indices__page .mainvs__h1 {
        justify-content: center;

        margin: 0 auto 8.2%;
    }

    /* End Indices */

    .advantageForex__boxs {
        flex-wrap: wrap;

        gap: 30px;
    }

    .advantageForex__boxs .item {
        width: calc((100% / 2) - 20px);

        max-width: 100%;

        min-height: 300px;

        flex: unset;
    }

    .advantageStock__frame {
        flex-direction: column;
    }

    .advantageStock__content {
        width: 100%;

        max-width: 100%;
    }

    .advantageStock__frame {
        gap: 50px;
    }

    .advantageStock__img {
        width: 100%;
    }

    .advantageStock__content {
        margin-right: 0;
    }

    .advantageStock__title {
        margin-bottom: 30px;
    }

    .advantageStock__content .swiper {
        padding-top: 60px;
    }

    .advantageStock__arrow {
        right: 15px;
    }

    .advantageStock__slide::after {
        top: 65px;
    }

    .symbol::before {
        width: 300px;

        height: 333px;

        right: -7%;

        top: 0;
    }

    .promotions__page {
        height: 75vh;
    }

    .promotions__page .mainvs__h1 {
        padding-top: 100px;
    }

    .todo__list.todo__ladi .txt {
        font-size: 20px;
    }

    .aboutus__frame {
        flex-direction: column-reverse;

        margin-bottom: 40px;
    }

    .aboutus__title {
        max-width: 100%;
    }

    .active__user {
        justify-content: center;
    }

    .aboutus {
        padding: 50px 0 0;
    }

    .aboutus__img {
        margin-top: 0;

        margin-left: auto;

        margin-right: auto;
    }

    .system__content {
        gap: 30px;
    }

    .become__frame {
        padding: 30px 0 50px 50px;
    }

    .become__content h2 {
        font-size: 35px;
    }

    .awards__frame {
        flex-direction: column;

        gap: 30px;
    }

    .awards__content {
        max-width: 100%;
    }

    .awards__slide {
        width: calc(100% + 30px);

        margin-right: 0;

        margin-left: -15px;

        padding: 0 15px;
    }

    .awards__slide .swiper {
        overflow: visible;
    }

    .awards__content .title .desc {
        margin-bottom: 20px;
    }

    .awards__slide .item {
        width: 300px;

        max-width: 100%;
    }

    .awards__slide .item {
        padding-bottom: 50px;
    }

    .user .avt {
        width: 60px;

        height: 60px;
    }

    .style__grid--frame > .item {
        padding: 15px;
    }

    .documents__frame {
        padding: 40px 20px;
    }

    .documents__content {
        gap: 20px;
    }

    .documents__content .item h2 {
        font-size: 32px;
    }

    .faqPage__page {
        gap: 30px;
    }

    .faqPage__tabs {
        max-width: 220px;
    }

    .faqPage__page .faqCopyTrading__content {
        padding: 30px;

        width: calc(220px + 30px);
    }

    .howmt5__step {
        padding: 40px 20px;
    }

    .howmt5__step--content {
        padding: 40px 20px;
    }

    .howmt5__step .item {
        font-size: 20px;
    }

    .howmt5__step .item span {
        top: -11px;
    }

    .contactus__page .ready__frame {
        flex-direction: column;
    }

    .contactus__page .ready__content {
        width: 100%;

        max-width: 100%;
    }

    .contactus__page .ready__form {
        width: 100%;

        max-width: 100%;

        padding: 20px;
    }

    .official__content ul {
        gap: 10px;
    }

    .official__content ul li {
        width: calc((100% / 3) - 7px);

        gap: 20px;
    }

    .reward__page .mainvs__h1 {
        left: 15px;
    }

    .join__frame {
        padding: 30px;
        flex-direction: column;
    }

    .join__left {
        max-width: 100%;
        padding-right: 0;
    }

    .join__left {
        text-align: center;
    }
    .title__ranking {
        margin-bottom: 30px;
    }
    .title__ranking h2 {
        font-size: max(min(calc(50 / 1200 * 100vw), 50px), 32px) !important;
        margin-bottom: 20px;
    }
    .title__ranking h2 img {
        width: 80px;
    }
    .join__step .item .cnt h3 {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .join__step .item .cnt .desc p {
        font-size: 16px;
    }
    .join__right {
        padding-left: 20px;
    }
    .join__right::before {
        left: 0;
    }
    .join__step .item .num .txt::before {
        left: -23px;
        top: 0;
    }
    .join__step .item .num {
        margin-right: -25px;
    }
    .join__step .item .num .txt {
        font-size: 18px;
        gap: 5px;
    }
    .join__step .item .num .txt span {
        width: 48px;
        height: 48px;
        font-size: 24px;
    }
    .join__step .item .cnt {
        padding: 20px 20px 20px 40px;
    }
    .join {
        padding-top: 50px;
    }
    
    .ranking {
        padding-top: 50px;
    }
    .ranking__table {
        padding: 30px 15px;
        border-radius: 30px;
    }
    .ranking__table .ranking__table--bg {
        border-radius: 30px;
        margin-bottom: 20px;
    }
    .ranking__page .mainvs__h1 {
        padding: 100px 15px 150px;
    }
    .ranking__table .tbl__scroll th {
        font-size: 22px;
    }
    .ranking__table .tbl__scroll td {
        font-size: 18px;
    }
    .ranking__table .tbl__scroll {
        padding: 20px;
    }
    .ranking .title__ranking {
        margin-bottom: 40px;
    }
    .ranking__table .note {
        margin-bottom: 20px;
    }
    .ranking__table .note span {
        width: 100%;
        max-width: 100%;
        border: 0;
        margin-bottom: 0;
        height: auto;
    }
    .ranking__table--box {
        padding: 20px;
        border-radius: 15px;
    }
    .ranking__table--box li {
        font-size: 18px;
    }
    .ranking__table--box li::before {
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    :root {
        --heightHeader: 70px;
    }

    .sp992 {
        display: block;
    }

    #header {
        padding: 10px 0;
    }

    #header .container {
        height: 100%;
    }

    /*.dropdown > a {*/

    /*    pointer-events: none;*/

    /*}*/

    .dropdown.open .sub-menu {
        transform: translateY(0);

        pointer-events: auto;

        opacity: 1;

        visibility: visible;

        z-index: 1;

        display: block;
    }

    .sub-menu .col2 {
        width: 100%;
    }

    .header-menu {
        position: fixed;

        top: 100%;

        left: 0;

        right: 0;

        width: 100%;

        height: 100%;

        text-align: left;

        transition: all 0.3s ease;

        z-index: 99;

        background-color: rgba(0, 0, 0, 0.7);

        overflow-x: hidden;

        overflow-y: auto;

        height: calc(100vh - 70px);

        padding-bottom: 180px;

        opacity: 0;

        visibility: hidden;

        padding: 0 15px 100px;
    }

    .menu-list {
        display: block;
    }

    .menu-list > li {
        padding: 10px 0;

        border-bottom: 1px solid #ebebeb;
    }

    .menu-list .btn {
        text-align: left;
    }

    .menu-list > li.active > a {
        color: var(--main-cl);
    }

    .menu-list > li:last-child {
        border-bottom: 0;
    }

    .menu-list > li > a,
    .menu-list > li > p {
        font-weight: 700;

        padding: 0;

        position: relative;

        z-index: 3;

        font-size: 18px;

        display: inline-block;
    }

    .menu-list .menu-tt {
        padding: 0;
    }

    .menu-list .menu-tt::before {
        display: none;
    }

    .dropdown .open::before {
        transform: scale(-1);
    }

    .dropdown > p::before {
        content: "";

        position: absolute;

        top: calc(50% - 5px);

        right: 20px;

        border-left: 10px solid rgba(0, 0, 0, 0);

        border-right: 10px solid rgba(0, 0, 0, 0);

        border-top: 10px solid #333;

        transition: all 0.3s ease;
    }

    .sub-menu {
        display: none;

        margin-top: 10px;
    }

    .sub-menu .col2 > ul .ttl {
        height: 100%;

        padding: 10px;

        margin-bottom: 0;
    }

    .sub-menu .col2 > ul > li:nth-child(2) {
        flex-grow: 1;
    }

    .sub-menu a {
        padding: 5px 10px;

        transition: none;

        display: flex;

        align-items: center;

        height: 100%;

        line-height: 1.2em;
    }

    .item__promo .sub-menu {
        left: 50%;

        transform: translate(-50%, 10px);

        background-color: var(--main-cl) !important;

        padding: 10px;
    }

    .sub-menu .col2 > ul {
        gap: 10px;
    }

    .btn a {
        padding: 10px 20px;
    }

    .hamburger-btn {
        display: block;
    }

    .open-nav .header-menu {
        top: var(--heightHeader);

        opacity: 1;

        visibility: visible;

        z-index: 99;
    }

    .promotions__page .mainvs__h1--date {
        background: linear-gradient(to right, rgba(203, 145, 82, 0.5) 0%, rgba(231, 209, 164, 0) 100%);

        font-size: 16px;

        padding: 14px 16px;
    }

    .mainvs__h1 {
        flex-direction: column;

        align-items: center;

        gap: 20px;

        transform: translateY(-10%);
    }

    .mainvs__h1 h1 {
        letter-spacing: -1px;
    }

    .mainvs__h1 h1 span {
        text-align: center !important;
    }

    .mainvs__h1 .btn {
        position: static;
    }

    .licenses__img {
        flex-direction: column;

        width: 100%;

        order: 1 !important;
    }

    .licenses__content {
        flex-direction: column;

        width: 100%;
    }

    .licenses__slide,
    .licenses__desc {
        width: 100%;
    }

    .licenses__content > * {
        order: 2;
    }

    .todo__list li {
        padding-right: 20px;
    }

    .todo__list li .txt {
        font-size: 16px;

        line-height: 1.5em;
    }

    /* Platform Trading */

    .platformtrade__page .mainvs__h1 {
        gap: 40px;
    }

    .platformtrade__page .mainvs__h1 .desc {
        align-self: center;
    }

    .aboutCopyTrading__frame {
        flex-direction: column;
    }

    .aboutCopyTrading__content {
        width: 100%;

        max-width: 100%;
    }

    .howCopyTrading__frame {
        flex-direction: column;
    }

    .howCopyTrading__content {
        max-width: 100%;
    }

    .howCopyTrading__img {
        max-width: 600px;

        margin: 0 auto;
    }

    .howCopyTrading__content .title {
        margin-bottom: 10px;
    }

    .howCopyTrading__content .desc {
        margin-bottom: 20px;
    }

    .stepCopyTrading .cnt {
        position: static;

        display: block;
    }

    .stepCopyTrading {
        padding: 50px 0;
    }

    .stepCopyTrading__tabs--content .item .col1 {
        margin-top: 40px;

        padding-top: 20px;
    }

    .stepCopyTrading .cnt .item[data-index="0"] .col3,
    .stepCopyTrading .cnt .item[data-index="1"] .col3,
    .stepCopyTrading .cnt .item[data-index="2"] .col3 {
        position: static;
    }

    .stepCopyTrading__tabs--content .item .col1,
    .stepCopyTrading__tabs--content .item .col3 {
        max-width: 100% !important;

        text-align: center;
    }

    .stepCopyTrading__tabs--content .item .col3 {
        margin-top: 30px;
    }

    .step-pagination {
        flex-direction: column;

        align-items: flex-start;

        width: max-content;

        margin: 40px auto 0;
    }

    .step-pagination__item .text {
        opacity: 0.4;

        transform: unset;

        max-width: unset;
    }

    /* End Platform Trading */

    /* Platform List */

    .promotionsList__page .mainvs__h1 {
        --space-left-right: 0;
    }

    .promotionsList__page .mainvs__h1--date {
        width: max-content;

        margin: 0 auto 40px;

        display: block;
    }

    .promotionsList__page .mainvs__h1--sub {
        text-align: center;
    }

    .promotionsList__page .mainvs__h1 .btn {
        text-align: center;
    }

    .promotionsList__list .img {
        height: 180px;
    }

    /* End Platform List */

    .promotions__page .mainvs__h1 {
        padding-top: 0;

        text-align: center;

        top: -25%;
    }

    .reward__page .mainvs__h1 {
        width: 100%;

        left: 0;
    }

    .promotions__page .mainvs__img {
        width: 100%;

        height: 50vw;

        background: url(../images/mainvs_promotions.jpg) center top no-repeat;

        background-size: cover;
    }

    .promotions__page {
        display: flex;

        height: 100vh;
    }

    .dropdown::before {
        top: 20px;

        margin: unset;
    }

    .dropdown.open::before {
        transform: rotate(-180deg);
    }

    /* Indices */

    .indices__page {
        flex-direction: column-reverse;

        padding-top: 100px;

        height: auto;
    }

    .indices__page .mainvs__video {
        position: static;
    }

    .indices__page .mainvs__h1 {
        align-items: center;

        gap: 10px;

        margin: 0 auto 30px;
    }

    .indices__page .mainvs__h1 .btn {
        text-align: center;
    }

    .indices__page .mainvs__h1 .desc {
        gap: 10px;

        text-align: center;
    }

    .advantage__content {
        flex-direction: column;

        padding: 0 15px;

        overflow: hidden;
    }

    .advantage__img {
        margin-left: auto;

        margin-top: 0;

        margin-right: -15px;

        width: 100%;

        max-width: 600px;
    }

    .advantage__list {
        padding: 50px 0;
    }

    .advantage__list ul {
        flex-direction: column;

        gap: 20px;
    }

    .advantage__list li {
        width: 100%;

        max-width: 100%;

        padding-left: 40px;
    }

    .advantage__list ul:not(:last-child) {
        margin-bottom: 20px;
    }

    .advantage__frame .title {
        margin-bottom: 30px;
    }

    .advantage {
        padding-top: 50px;
    }

    .advantage__list li .ttl {
        font-size: 20px;
    }

    .gold__page .mainvs__video {
        width: 100%;

        min-width: 250px;

        margin: 0 auto;
    }

    /* End Indices */

    /* Gold */

    .advantageGold__content {
        gap: 20px;
    }

    /* End Gold */

    /* Advantage Gold */

    .advantageGold {
        padding-top: 50px;
    }

    /* End Advantage Gold */

    /* Forex */

    .forex__page {
        height: auto !important;
    }

    .forex__page .mainvs__h1 {
        margin-left: auto !important;
    }

    .advantageForex__img {
        padding-top: 14%;
    }

    .advantageForex {
        padding-top: 50px;
    }

    /* End Forex */

    /* Energy */

    .energy__page .mainvs__h1 {
        margin-left: auto !important;
    }

    .energy__page .mainvs__video {
        width: 100% !important;
    }

    /* End Energy */

    .cryptocurrency__page {
        height: auto !important;
    }

    .product__tabs--title {
        gap: 10px;
    }

    .product__tabs--title .item {
        min-width: 110px;
    }

    .advantage__img > div a {
        font-size: min(2vw, 15px);
    }

    .advantage__img > div a span {
        padding-right: min(3vw, 20px);
    }

    .advantageEnergy__content--sticky img {
        width: 80px;

        height: 80px;
    }

    .promotionsList {
        padding: 50px 0;
    }

    .promotionsList .title h2 {
        margin-bottom: 30px;
    }

    .structure .goldrush__phone a {
        font-size: 18px;
    }

    .structure .goldrush {
        padding: 40px 0 40px;

        margin-bottom: 40px;
    }

    .ladi__page {
        align-items: flex-end;

        height: auto !important;

        flex-direction: column-reverse;

        padding-top: 100px;

        padding-bottom: 50px;

        gap: 30px;
    }

    .ladi__page .mainvs__img {
        width: min(78.13vw, 370px);

        max-width: 100%;

        height: min(71.25vw, 300px);

        margin-right: auto;
    }

    .ladi__page .mainvs__h1 {
        top: -35%;

        position: relative;

        padding-top: 0 !important;
    }

    .promotionsList__list .ttl {
        font-size: 20px;
    }

    .contact__page .mainvs__h1 .btn {
        align-self: center;
    }

    .why__frame .title {
        margin-bottom: 50px;
    }

    .why__content .item {
        font-size: 16px;
    }

    .ib__page {
        justify-content: flex-start;

        align-items: flex-start;

        height: auto !important;

        flex-direction: column-reverse;
    }

    .ib__page .mainvs__video {
        position: relative;
    }

    .ib__page .mainvs__h1 {
        margin-left: auto;

        margin-right: auto;

        text-align: center;

        gap: 0;

        margin-bottom: 10px;

        margin-top: 100px;

        left: 0;
    }

    .ib__page .mainvs__h1 .desc .percent {
        margin: 20px 0 0;
    }

    .ib__page .mainvs__h1 .partners {
        margin-bottom: 20px;
    }

    .ib__page .mainvs__h1 .desc .percent span {
        font-size: 250%;
    }

    .potential__content .item {
        flex-direction: column;
    }

    .potential__content .item__left {
        max-width: 100%;
    }

    .potential__content .item__right {
        max-width: 100%;
    }

    .advantages__content .item__center .playvideo {
        font-size: 120%;
    }

    .advantages__content .item__left p,
    .advantages__content .item__right p {
        font-size: 16px;
    }

    .referring__frame {
        flex-direction: column;
    }

    .referring__content {
        width: 100%;
    }

    .referring__img {
        width: 100%;

        margin-left: 0;

        margin-right: -15px;

        margin-top: 0;
    }

    .referring__content .btn {
        text-align: center;
    }

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

    .leaderboard__tools > div > div > p {
        font-size: 16px;
    }

    .leaderboard__tools .select select {
        font-size: 16px;
    }

    .leaderboard__tools > div {
        gap: 15px;
    }

    .leaderboard__tools {
        flex-direction: column;

        align-items: flex-start;
    }

    .certification__frame .item .img {
        margin: 0 auto -380px;
    }

    .certification {
        padding-top: 50px;
    }

    .certification__frame .item {
        flex-direction: column !important;
    }

    .certification__frame .item .item__content {
        width: 100%;

        max-width: 100%;
    }

    .whatmt5__page .desc {
        text-align: center;

        max-width: 100%;
    }

    .whatmt5__page .mainvs__h1 {
        align-items: center;
    }

    .whatmt5__frame {
        flex-direction: column;
    }

    .whatmt5__content {
        width: 100%;

        max-width: 100%;
    }

    .whatmt5__img {
        width: 100%;
    }

    .choosemt5 {
        padding-top: 50px;
    }

    .choosemt5__content .item .info {
        padding: 20px;
    }

    .choosemt5__content .item .img {
        margin-bottom: 30px;

        height: 21vw;
    }

    .metatrader__frame {
        flex-direction: column;
    }

    .key__content .item h3 {
        font-size: 25px;
    }

    .metatrader__content {
        width: 100%;

        max-width: 100%;

        padding: 50px 0 30px;
    }

    .metatrader__content .desc p {
        max-width: 100%;
    }

    .metatrader__content h2 {
        margin-bottom: 30px;
    }

    .metatrader__img {
        align-self: center;

        width: 65%;

        order: 2;
    }

    .metatrader__download {
        order: 1;

        margin-left: 0;

        width: 100%;

        flex-direction: row;

        flex-wrap: wrap;

        justify-content: center;

        gap: 15px;
    }

    .comparison__content {
        padding: 0 20px;
    }

    .howmt5 {
        padding-top: 50px;
    }

    .howmt5__content {
        flex-direction: column;
    }

    .howmt5__step {
        width: 100%;

        max-width: 100%;
    }

    .howmt5__step .item {
        display: flex;
    }

    .howmt5__step--content {
        width: 100%;

        max-width: 100%;
    }

    .rewardToDo__content {
        gap: 35px;
    }

    .rewardTodo {
        padding-top: 50px;
    }

    .monthly {
        padding-top: 50px;

        margin-bottom: 20px;
    }

    .monthly__table table thead th {
        font-size: 20px;
    }

    .monthly__table table th,
    .monthly__table table td {
        padding: 15px;
    }

    .monthly__table {
        padding: 20px;
    }

    .program__frame {
        flex-direction: column;
    }

    .program__frame .title {
        position: static;

        width: 100%;

        max-width: 100%;
    }

    .program__content {
        width: 100%;

        max-width: 100%;
    }

    .program__frame {
        padding: 50px 20px 0;
    }

    .program__bg {
        border-radius: 20px;
    }

    .program {
        padding-top: 50px;
    }

    .reward__page .mainvs__img::before {
        width: 460px;

        max-width: 100%;

        height: min(74vw, 345px);

        bottom: 0;

        right: 0;

        left: 0;

        margin: auto;
    }

    .reward__page {
        padding-top: 0 !important;
    }

    .monthly__content::before {
        width: 324px;

        height: 166px;

        bottom: 0;

        right: -50px;
    }

    .floating-contact {
        bottom: 81px;

        right: 8px;
    }

    .earn__img {
        position: relative;

        z-index: 1;

        width: 55%;

        left: 0;

        right: 0;

        margin: auto;
    }

    .earn__frame {
        --radius: 30px;

        display: flex;

        flex-direction: column-reverse;

        padding: 50px 20px 0;

        margin: 0;

        overflow: hidden;
    }

    .earn__content {
        width: 100%;

        margin: 0 0 30px;

        flex-direction: column;
    }

    .earn__content ul {
        width: 100%;

        max-width: 100%;
    }

    .earn__content ul li .desc {
        max-width: 100%;
    }

    .earn__frame::before {
        width: 123px;

        height: 181px;
    }

    .earn__content h3 {
        font-size: 22px;
    }

    .earn__content ul::before {
        display: none;
    }

    .earn__content {
        position: relative;

        z-index: 1;
    }

    .earn__content::before {
        content: "";

        position: absolute;

        background: #2a0aa9;

        background: linear-gradient(
            0deg,
            rgba(42, 10, 169, 1) 0%,

            rgba(207, 155, 33, 1) 33%,

            rgba(244, 189, 61, 1) 52%,

            rgba(207, 155, 33, 1) 70%,

            rgba(42, 11, 164, 1) 100%
        );

        width: 1px;

        height: 100%;

        opacity: 0.2;

        left: 52px;

        top: 0px;

        bottom: 0;

        margin: auto;

        z-index: -1;
    }

    .earn__frame::after {
        width: 75%;
    }

    .earn__content ul li .num {
        font-size: 30px;

        top: -7px;

        width: 40px;
    }

    .earn__content ul li {
        gap: 30px;
    }

    .earn__content ul li .num::before {
        right: -18px;

        left: unset;

        top: 16px;
    }

    .program::before {
        height: 140px;
    }


    /* Influencer Program */
    .program__page--frame {
        flex-direction: column-reverse;
    }
    .program__page .mainvs__h1 {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: -60px;
        transform: unset;
    }
    .program__page .mainvs__video {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .program__page .mainvs__h1 h1 {
        font-size: 52px;
    }
    .program__page .mainvs__h1 p {
        margin-bottom: 15px;
    }
    .program__page .mainvs__h1 .desc {
        margin-bottom: 15px;
    }

    .programAbout__content {
        flex-wrap: wrap;
        gap: 24px;
    }

    .programAbout__item {
        width: calc((100% / 2) - 12px);
        max-width: 100%;
    }
    .collaborate .btn a {
        font-size: 22px;
    }

    .collaborate__option--item {
        padding: 20px;
    }
    .programPartner__content {
        flex-wrap: wrap;
        gap: 20px;
    }
    .programPartner__col {
        width: 100%;
        max-width: calc((100% / 2) - 10px);
        order: 1;
        gap: 20px;
    }

    .programPartner__col.--main {
        width: 100%;
        max-width: 100%;
        order: 0;
    }
    .programPartner__col.--main .programPartner__item--img {
        padding: 50px 20px 0;
        width: 100%;
        max-width: 100%;
    }
    .programPartner__item {
        padding: 15px;
    }
    .programPartner__item h3 {
        font-size: 20px;
    }
    .programFor__content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
    }
    .programFor__item {
        width: 50%;
        max-width: 300px;
    }
    .programForm__frame {
        padding: 30% 20px 20px;
    }
    .programForm__frame::before {
        /* display: none; */
    }

    .programForm__content {
        max-width: 100%;
        margin-right: auto;
    }
    .programForm__form .form__row.col2 .form__col {
        max-width: 48%;
    }

    .programForm__content .title h2 {
        font-size: 26px;
    }
    
    
    /* QUIZ */
    .quizBanner__frame .quizBanner__mascot {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .quizBanner__content {
        width: 100%;
        max-width: 536px;
    }

    .quizBanner__content .title h2 {
        font-size: 48px;
        color: #fff;
        margin-bottom: 18px;
    }

    .quizBanner__content .desc p {
        color: #fff;
    }

    .quizStart {
        padding: 48px 0;
        margin-top: 48px;
    }
    .quizBanner {
        padding: 48px 0;
    }
    .quiz__main--frame {
        flex-direction: column-reverse;
        gap: 20px;
    }
    .quiz__page .mainvs__video {
        justify-content: center;
    }
    .quiz__page .mainvs__h1 {
        transform: unset;
    }
    .quiz__page .mainvs__h1 h1 {
        font-size: 40px;
    }

    .quizWhy__content .title h2 {
        font-size: 38px;
    }
    .quizQuestion__content {
        gap: 30px;
    }
    .quizBanner__frame .quizBanner__mascot {
        position: static;
        text-align: right;
        transform: scaleX(-1);
        margin-left: -37px;
        margin-bottom: -44px;
    }
    .quizBanner__frame {
        padding: 44px 37px;
        overflow: hidden;
    }

    .quizBanner__content {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .quizBanner__content .title h2 {
        font-size: 30px;
    }
    
    .leaderboard__tools {
        align-items: flex-start;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --heightHeader: 70px;
    }

    #wrapper {
        min-width: unset !important;
    }

    .pc {
        display: none !important;
    }

    .container {
        width: 100%;
    }

    .no-scroll {
        overflow: hidden;
    }

    .to-top {
        bottom: 90px;

        right: 20px;
    }

    address {
        font-size: 14px !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    button,
    textarea,
    select,
    p,
    blockquote,
    th,
    td,
    pre,
    address,
    li,
    dt,
    dd {
        font-size: 160%;
    }

    .btn {
        text-align: center;
    }

    .title .desc p {
        font-size: 18px;
    }

    h2 {
        font-size: 30px;
    }

    .index-visual {
        height: 80vh;
    }

    .gold {
        padding: 80px 0 50px;
    }

    .gold::before {
        width: 149px;

        height: 156px;

        right: -60px;

        top: -60px;
    }

    .gold__frame {
        gap: 0;
    }

    .gold__content .desc p {
        font-size: 18px;
    }

    .gold__info {
        gap: 10px;

        max-width: 500px;

        margin: 0 auto;
    }

    .gold__info .col {
        font-size: min(3.75vw, 18px);
    }

    .gold__info .num {
        font-size: 2.5em;
    }

    .gold__info .txt {
        margin-bottom: 2em;
    }

    .gold__info .ttl {
        font-size: 1em;
    }

    .about {
        padding: 50px 0;
    }

    .about__frame {
        margin-bottom: 30px;
    }

    .about__card {
        padding-bottom: 50px;
    }

    .about__card .item {
        width: 100%;

        max-width: 100%;
    }

    .about__card .item.item2 .transactions {
        font-size: 18px;
    }

    .about__card .item .cnt {
        --space-left-right: 20px;

        padding-top: 20px;
    }

    .transactions {
        padding-top: 30px;
    }

    .products__tabs .tabs {
        flex-wrap: wrap;

        gap: 20px;
    }

    .products__tabs .tabs .item {
        width: calc(50% - 10px);
    }

    .simple__frame {
        padding: 50px 20px 0;
    }

    .simple__bnr {
        flex-wrap: wrap;

        gap: 20px;
    }

    .simple__bnr p {
        width: calc(50% - 20px);

        display: flex;

        align-items: center;

        justify-content: center;
    }

    .simple__content .title {
        margin-bottom: 30px;
    }

    .simple__content .tabs {
        gap: 10px;

        margin-bottom: 20px;
    }

    .simple__content .tabs .item {
        font-size: 18px;
    }

    .simple__content .tabs__content {
        padding-bottom: 40px;

        margin-bottom: 40px;
    }

    .partner__slide {
        gap: 50px;
    }

    .partner__slide li {
        font-size: 60px;
    }

    .empowered__bg video {
        width: 100%;
    }

    .empowered__frame {
        padding: 50px 30px 25px;

        min-height: auto;
    }

    .empowered__content .btn {
        text-align: center;
    }

    .empowered__list {
        margin-bottom: 50px;
    }

    .empowered__slide {
        margin-top: 50px;
    }

    .empowered__logo li {
        margin: 0 20px !important;
    }

    .funded__bg {
        width: 100%;
    }

    .faq__content {
        margin: 0;

        padding: 30px;
    }

    .faq__list h3 {
        font-size: 18px;
    }

    .faq__img {
        width: 100%;
    }

    .our {
        padding: 50px 0;
    }

    .our__content .item__main h3 {
        font-size: 30px;

        text-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
    }

    .our__content .item__main .desc p {
        font-size: 18px;
    }

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

    .our__content .item__sub .box h3 {
        font-size: 22px;
    }

    #footer {
        margin: 50px 0 0;
    }

    .ft__info {
        gap: 20px;
    }

    .ft__info--logo {
        max-width: 300px;
    }

    .ft__info--right .input__mail {
        padding-top: 15px;

        margin-bottom: 30px;
    }

    .ft__info--right .input__mail .ttl {
        font-size: 28px;
    }

    .ft__info--right .input__mail input {
        font-size: 18px;
    }

    .ft__info--web .col2 {
        flex-direction: column;

        margin-top: 20px;

        gap: 20px;
    }

    .ft__company {
        flex-direction: column;

        gap: 30px;
    }

    .ft__address {
        max-width: 100%;
    }

    .ft__menu {
        flex-wrap: wrap;
    }

    .address__copy {
        text-align: center;

        padding-top: 12px;
    }

    .address__copy .terms {
        justify-content: center;
    }

    .address__copy .container {
        flex-direction: column-reverse;

        gap: 0;
    }

    .ready {
        padding: 50px 0;
    }

    .ready::before {
        width: 149px;

        height: 156px;

        right: -60px;

        top: -60px;
    }

    .ready__content .title {
        margin-bottom: 30px;
    }

    .ready__company {
        flex-wrap: wrap;
    }

    .ready__company ul {
        min-width: unset;

        max-width: 100%;
    }

    .ready__company ul li .ttl {
        font-size: 20px;
    }

    .ready__slide .endless_slide li {
        font-size: 60px;
    }

    .platform {
        margin-top: -200px;

        margin-bottom: 0;
    }

    .platform__page .mainvs__h1 {
        gap: 0;
    }

    .platform__page .mainvs__h1 .desc p {
        font-size: 18px;
    }

    .platform__content {
        padding-bottom: 0;
    }

    .platform__content .img {
        max-width: 500px;
    }

    .platform__content ul {
        flex-direction: column;

        align-items: center;

        gap: 20px;
    }

    .platform__content ul li {
        width: 100%;

        text-align: center;

        font-size: 18px;
    }

    .download {
        --space-top-bot: 40px;

        padding: 50px 0;
    }

    .download__content {
        width: 100%;

        max-width: 100%;

        margin-top: 0;
    }

    .download__content .title h2 {
        font-size: 30px;
    }

    .download .copy__img {
        position: relative;

        width: 74%;

        top: 0;

        margin-top: 0;
    }

    .download__frame {
        padding: 35px var(--space-left-right) 0;
    }

    .ourProducts__tabs {
        flex-wrap: wrap;
    }

    .ourProducts__tabs .item {
        flex-grow: unset;
    }

    .ourProducts__tabs--content .item {
        overflow-x: auto;
    }

    .ourProducts__tabs--content .item table {
        min-width: 600px;
    }

    .ourProducts__table {
        padding: 15px;
    }

    .ourProducts__content {
        padding: 50px 0;
    }

    .note {
        color: #d3d3d3;

        font-size: 14px;

        line-height: 1.2em;

        margin-bottom: 10px;
    }

    .regulations {
        padding: 50px 0;
    }

    .regulations .partner__content .partner__list h2 {
        font-size: 16px;
    }

    .regulations .partner__content .partner__list li .num {
        width: 30px;
    }

    .regulations .partner__content .partner__list li .num::before {
        width: 30px;

        font-size: 20px;
    }

    .regulations .partner__content .partner__list li .num::before,
    .regulations .partner__content .partner__list li .num img {
        transform: translateX(30px);
    }

    .regulations__frame {
        flex-direction: column;
    }

    .regulations__tabs {
        width: 100%;

        max-width: 100%;

        position: static;
    }

    .regulations__content {
        width: 100%;
    }

    .regulations__content .item .cnt .desc h2,
    .regulations__content .item .cnt .desc .ttl {
        font-size: 24px;

        line-height: 1.2em;

        margin-bottom: 10px;
    }

    .regulations__content .item .cnt .desc h3 {
        font-size: 16px;
    }

    .regulations__content .item .cnt .desc p {
        font-size: 16px;
    }

    .regulations__content .item .cnt .desc ul li {
        font-size: 16px;
    }

    .regulations__content .item .cnt .desc ul li::before {
        top: 13px;
    }

    .copy__img {
        position: relative;

        width: 74%;

        top: 0;

        margin-top: 0;
    }

    .copy__img--dc img {
        width: 25%;
    }

    .copy__img--dc .dc1 {
        left: 6%;
    }

    .copy__img--dc .dc3 {
        right: 2%;
    }

    .copy {
        padding-top: 50px;
    }

    .copy .title {
        margin-bottom: 30px;
    }

    .copy__frame {
        flex-direction: column;

        gap: 50px;

        padding-bottom: 30px;
    }

    .copy__content {
        width: 100%;

        max-width: 100%;
    }

    .copy__plan {
        flex-direction: column;

        gap: 20px;
    }

    .copy__plan .item {
        width: 100%;
    }

    .copy__plan .item:not(:last-child) {
        padding-right: 0;

        margin-right: 0;

        padding-bottom: 30px;

        border-right: 0;

        border-bottom: 1px solid #e3e3e3;
    }

    .copy__plan .item .normal__link a {
        display: inline-block;
    }

    .list li::before {
        top: 2px;
    }

    .overview {
        padding-bottom: 50px;
    }

    .overview__table {
        overflow-x: auto;
    }

    .overview__table table {
        min-width: 800px;
    }

    .overview__table.col2 table {
        width: 100%;

        min-width: auto;
    }

    .overview .ourProducts__table .ttl {
        font-size: 18px;
    }

    .fancybox-inner,
    .fancybox-outer,
    .fancybox-stage {
        width: calc(100% - 30px);

        margin: auto;
    }

    .licenses__content {
        flex-direction: column;

        width: 100%;
    }

    .licenses__content > * {
        order: 2;
    }

    .licenses__slide {
        width: 100%;
    }

    .licenses__img {
        width: 100%;

        order: 1 !important;
    }

    .licenses__desc {
        width: 100%;
    }

    .promotions__page {
        display: flex;

        padding-top: 100px;
    }

    .promotions__page .mainvs__h1 {
        --space-left-right: 0;

        width: 100%;

        bottom: unset;

        text-align: center;

        padding-top: 150px;

        top: 0;
    }

    .promotions__page::before {
        width: min(100vw, 410px);

        height: min(26vw, 185px);

        top: 30px;
    }

    .promotions__page .mainvs__h1--sub {
        font-size: 24px;
    }

    .promotions__page .mainvs__h1 h1 {
        font-size: 30px;
    }

    .promotions__page .mainvs__h1--date {
        margin-bottom: 20px;
    }

    .todo {
        margin-top: 0;
    }

    .todo__frame {
        flex-direction: column;

        width: 100%;
    }

    .todo__img {
        margin: 0 auto;
    }

    .todo__content {
        width: 100%;
    }

    .todo__content .title {
        margin-bottom: 30px;
    }

    .todo__list ul {
        flex-direction: column;

        gap: 30px;
    }

    .todo__list ul::before {
        width: 1px;

        height: calc(100% - 45px);

        left: 17px;
    }

    .todo__list li {
        gap: 10px;

        padding-right: 0;

        flex-direction: row;

        max-width: 100%;
    }

    .todo__list li::before {
        top: 20px;

        width: 1px;

        height: 100%;
    }

    .todo__list li::after {
        top: 7px;

        left: 12px;
    }

    .todo__list li.active::before {
        left: 17px;

        height: calc(100% + 30px);
    }

    .todo__list li.active + li .num {
        top: -5px;
    }

    .todo__list li .num {
        width: 35px;

        height: 35px;

        top: -5px;
    }

    .todo__list--btn {
        justify-content: center;

        position: static;

        margin-top: 20px;
    }

    .goldrush {
        margin-bottom: -60px;
    }

    .goldrush::before {
        width: 750px;

        height: 50vw;
    }

    .goldrush__phone {
        width: 90.63vw;
    }

    .goldrush__phone--bnr {
        border-radius: 20px;

        font-size: 3.13vw;

        top: 12%;
    }

    .goldrush__phone--bnr .item:not(:last-child) {
        padding-right: 1em;

        margin-right: 1em;
    }

    .goldrush__phone--bnr .item .num,
    .goldrush__phone--bnr .item .txt2 {
        font-size: 2.2em;
    }

    .bonus {
        padding-bottom: 0;

        position: relative;

        z-index: 2;
    }

    .bonus__content ol li .frame {
        padding: 20px;

        border-radius: 20px;
    }

    /* Platform Trading */

    .copytrading {
        padding: 50px 0;
    }

    .copytrading__frame::before {
        width: 360px;

        height: 351px;

        bottom: -70px;

        animation: unset;
    }

    .copytrading__content .item {
        flex-direction: column;

        gap: 10px;

        text-align: center;
    }

    .aboutCopyTrading {
        padding-bottom: 160px;
    }

    .aboutCopyTrading::after {
        width: 328px;

        height: 320px;
    }

    .aboutCopyTrading__frame {
        gap: 0;
    }

    .aboutCopyTrading__content .title {
        margin-bottom: 30px;
    }

    .aboutCopyTrading__boxs {
        flex-direction: column;
    }

    .aboutCopyTrading__boxs .item .info {
        --space-left: 15px;

        padding: 20px 15px;
    }

    .aboutCopyTrading__boxs .item .info > .ttl {
        font-size: 22px;
    }

    .aboutCopyTrading__boxs .item .info .desc {
        margin-bottom: 15px;
    }

    .aboutCopyTrading__boxs .item {
        max-width: 100%;

        width: 100%;

        border-radius: 20px;
    }

    .aboutCopyTrading__boxs .item img {
        width: 100%;
    }

    .aboutCopyTrading__boxs .item .info .list .ttl {
        font-size: 20px;
    }

    .aboutCopyTrading__boxs .item .info > .ttl::before {
        width: 10px;

        height: 10px;

        top: 37%;
    }

    .whyCopyTrading__content .tbl__scroll {
        overflow-x: auto;
    }

    .whyCopyTrading__content table {
        min-width: 800px;
    }

    .whyCopyTrading__content table th {
        font-size: 20px;
    }

    .whyCopyTrading__content table th,
    .whyCopyTrading__content table td {
        padding: 15px;
    }

    .txt__scroll {
        font-size: 14px;

        opacity: 0.7;
    }

    .howCopyTrading {
        padding: 50px 0;
    }

    .howCopyTrading__frame {
        padding: 20px;

        border-radius: 20px;

        gap: 30px;
    }

    .howCopyTrading__content .desc p {
        font-size: 18px;
    }

    .howCopyTrading .container {
        padding-bottom: 50px;
    }

    .faqCopyTrading__frame {
        flex-direction: column;
    }

    .faqCopyTrading__content .item {
        border-radius: 15px;

        padding: 15px;
    }

    .faqCopyTrading__content .item .ttl::before {
        width: 30px;

        height: 30px;

        font-size: 40px;

        padding-bottom: 0;
    }

    .faqCopyTrading__content .item .ttl {
        font-size: 18px;
    }

    .faqCopyTrading__content .item.open .ttl::before {
        padding-bottom: 6px;
    }

    .stepCopyTrading__tabs--content .col2 {
        max-width: 194px;
    }

    .stepCopyTrading__tabs--content .col2::before {
        width: 218px;

        height: 430px;

        top: 42%;
    }

    .stepCopyTrading__tabs--content h3 {
        font-size: 24px;
    }

    .stepCopyTrading .title h2 {
        font-size: 24px;
    }

    /* End Platform Trading */

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

        gap: 40px;
    }

    .product {
        padding-top: 50px;
    }

    .product__banner--left {
        width: 40%;

        margin-top: 4%;
    }

    .product__banner--center {
        width: 40%;
    }

    .product__banner--right {
        width: 45%;
    }

    .product__title {
        margin-bottom: 30px;
    }

    .product__tabs--title {
        display: grid;

        width: 100%;

        gap: 10px;

        grid-template-columns: repeat(3, 1fr);

        margin-bottom: 0;
    }

    .product__tabs--title .item {
        padding: 10px;

        min-width: 90px;
    }

    .wgproducts__bg {
        display: none;
    }

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

    .wgproducts {
        margin-top: 50px;

        margin-bottom: -50px;

        background: transparent;
    }

    .wgproducts .item {
        padding: 20px;

        justify-content: center;

        align-items: center;
    }

    .wgproducts .item::before {
        opacity: 1;
    }

    .wgproducts__title {
        position: static;

        max-width: 100%;

        padding: 0 15px;

        margin-bottom: 20px;
    }

    .wgproducts__title h2 {
        color: #211161 !important;
    }

    .wgproducts__title .desc {
        color: #000;
    }

    .wgproducts__content {
        height: auto;

        position: static;

        pointer-events: all;
    }

    .wgproducts__content .item .txt {
        font-size: 24px;
    }

    .indices__page .mainvs__video {
        width: 87%;
    }

    .symbol {
        padding-top: 50px;
    }

    .advantageGold__content {
        flex-direction: column;
    }

    .advantageGold__content .cnt {
        width: 100%;

        max-width: 100%;

        text-align: center !important;
    }

    .advantageGold__content .cnt ul {
        gap: 30px;
    }

    .advantageGold__content .cnt ul li::after {
        background: linear-gradient(to right, rgba(0, 0, 0, 0), #cf9b21, rgba(0, 0, 0, 0));
    }

    .advantageForex__boxs .item {
        width: 100%;

        transform: unset !important;

        padding: 20px;

        min-height: auto;
    }

    .advantageForex__content .btn {
        margin-bottom: 0;
    }

    .energy__page {
        height: auto;
    }

    .advantageEnergy {
        padding-top: 50px;
    }

    .advantageEnergy__content::after {
        width: 50px;

        height: 50px;
    }

    .advantageEnergy__content .item .img img {
        width: 80%;
    }

    .advantageEnergy__mockup {
        padding-top: 100px;
    }

    .advantageEnergy__mockup--dc {
        width: 25.377%;

        height: 98.777%;
    }

    .advantageEnergy__mockup .box {
        padding: 10px;

        height: auto;

        width: auto;
    }

    .advantageEnergy__content .cnt h3 {
        font-size: 20px;
    }

    .advantageEnergy .title {
        margin-bottom: 30px;
    }

    .advantageEnergy__box--sticky::after {
        width: 304px;

        height: 333px;

        right: -190px;
    }

    .advantageEnergy::after {
        width: 289px;

        height: 295px;

        left: -180px;
    }

    .advantageGold.style__cryptocurrency .img {
        margin-top: 150px;

        margin-bottom: 0;

        width: 300px;
    }

    .advantageGold.style__cryptocurrency img {
        top: unset;
    }

    .advantageGold.style__cryptocurrency .img::before {
        top: -60px;
    }

    .stock__page {
        height: auto;
    }

    .advantageStock {
        padding-top: 50px;
    }

    .symbol::before {
        width: 200px;

        height: 223px;
    }

    .dynamic__content .tbl__scroll table {
        min-width: 600px;
    }

    .wgproducts__content .item .icon {
        width: 100%;

        text-align: center;
    }

    .todo__list.todo__ladi li {
        flex-wrap: wrap;
    }

    .todo__list li .desc {
        width: 100%;

        margin-top: 0;

        margin-left: 45px;
    }

    .product-page #footer {
        padding-top: 50px;
    }

    .promotionsList__list .img {
        height: 60vw;

        border-radius: 10px;
    }

    .promotionsList__list .img picture {
        width: 100%;

        height: 100%;
    }

    .mission_vision {
        flex-direction: column;

        padding: 20px 20px 0;

        border-radius: 10px;

        width: 100%;

        margin-bottom: 120px;
    }

    .mission_vision_content {
        width: 100%;

        max-width: 100%;

        margin-bottom: 40px;
    }

    .mission_vision_img {
        position: relative;

        right: unset;

        bottom: -1px;

        margin: 0 auto;

        width: 100%;

        max-width: 500px;
    }

    .mission_vision_img::before {
        width: 25%;

        height: auto;

        aspect-ratio: 1 / 1;

        bottom: -17%;

        right: 0%;
    }

    .mission_vision_img::after {
        right: -5%;
    }

    .mission_vision_content .item:not(:last-child) {
        margin-bottom: 40px;
    }

    .mission_vision_content .item {
        flex-direction: column;

        gap: 10px;
    }

    .mission_vision_content .ttl {
        font-size: 24px;
    }

    .mission_vision_content .ttl::before {
        height: 100%;
    }

    .mission_vision_content .desc {
        width: 100%;

        max-width: 100%;
    }

    .active__user .txt {
        width: 90px;

        height: 90px;

        font-size: 14px;

        flex-shrink: 0;

        padding-top: 0;
    }

    .active__user .txt span {
        font-size: 150%;

        margin-bottom: 5px;
    }

    .roadmap__title {
        flex-direction: column;

        margin-bottom: 30px;

        gap: 15px;
    }

    .roadmap__content .item {
        max-width: 200px;
    }

    .wegolden__sec {
        padding: 50px 0;

        margin-bottom: -50px;
    }

    .wegolden__slide li {
        font-size: 40px;

        margin: 0 10px !important;

        gap: 20px;
    }

    .wegolden__slide li img {
        width: 40px;
    }

    .wegolden__img {
        margin-top: 50px;
    }

    .wegolden__img .dc img {
        animation: unset;
    }

    .aboutstep__content {
        flex-direction: column;

        align-items: center;

        gap: 30px;
    }

    .aboutstep__frame {
        padding: 30px 15px;
    }

    .aboutstep__content .item h4 {
        font-size: 20px;
    }

    .why {
        padding-bottom: 50px;
    }

    .roadmap__content .item .img {
        min-height: 194px;
    }

    .roadmap__content .item .cnt {
        min-height: 150px;
    }

    .roadmap__content .item .cnt .year {
        font-size: 24px;
    }

    .roadmap__content::before {
        top: 194px;
    }

    .ibTotal {
        padding: 40px 0;

        text-align: center;
    }

    .ibTotal__frame {
        flex-direction: column;

        font-size: 14px;

        gap: 15px;
    }

    .ibTotal__frame .item .num {
        font-size: 4em;
    }

    .potential__frame {
        padding: 20px 20px 30px;

        border-radius: 20px;
    }

    .potential__content {
        margin-bottom: 20px;
    }

    .potential__content .item__right {
        padding: 20px 20px 30px;
    }

    .potential__content .item__right .group {
        margin-bottom: 20px;

        padding: 10px;
    }

    .potential__content .item__right .group .num {
        font-size: 30px;
    }

    .potential__content .item__left .ttl {
        font-size: 16px;
    }

    .potential__content .item__right .item__right--sub p span {
        font-size: 140%;

        margin-top: 5px;
    }

    .potential {
        padding-bottom: 50px;
    }

    .advantages__content {
        flex-direction: column;

        gap: 10px;
    }

    .advantages__content .item__left,
    .advantages__content .item__right {
        width: 100%;

        gap: 20px;
    }

    .advantages__content .item__left p,
    .advantages__content .item__right p {
        padding-bottom: 10px;
    }

    .advantages__content .item__left p span,
    .advantages__content .item__right p span {
        width: 50px;
    }

    .advantages__content .item__center {
        width: 100%;
    }

    .advantages__frame .title {
        margin-bottom: 30px;
    }

    .potential__content .item__right .item__right--sub {
        flex-direction: column;
    }

    .potential__content .item__right .item__right--sub > p {
        width: 100%;
    }

    input[type="range"]::-webkit-slider-thumb {
        width: 20px;

        height: 20px;

        border-width: 2px;
    }

    input[type="range"]::-moz-range-thumb {
        width: 20px;

        height: 20px;

        border-width: 2px;
    }

    .chooseus {
        padding-bottom: 50px;
    }

    .chooseus__content {
        padding: 20px;
    }

    .potential__tabs {
        flex-direction: column;

        align-items: center;

        margin-bottom: 30px;
    }

    .potential__tabs .item {
        min-width: 220px;

        text-align: center;
    }

    .referring__list {
        flex-direction: column;

        gap: 30px;
    }

    .referring__list .item .icon {
        margin-bottom: 15px;

        width: 50px;
    }

    .referring__list .item {
        max-width: 100%;

        display: flex;

        gap: 20px;
    }

    .referring__list .item .info {
        padding-top: 8px;
    }

    .referring__list .item .icon {
        flex-shrink: 0;
    }

    .referring__list .item h3 {
        font-size: 22px;
    }

    .referring__content .title {
        margin-bottom: 30px;
    }

    .referring__list::before {
        width: 1px;

        height: 78%;

        left: 25px;
    }

    .system {
        padding-bottom: 50px;
    }

    .system__content {
        margin-bottom: 0;

        flex-direction: column;
    }

    .system__list {
        width: 100%;

        max-width: 100%;
    }

    .system__img {
        width: 100%;
    }

    .btn.col2 {
        flex-direction: column;
    }

    .testimonials {
        padding-bottom: 50px;
    }

    .contests__content {
        padding: 30px 0;
    }

    .range__info .status {
        padding: 10px;
    }

    .contests__content .range {
        margin: -50% auto 50px;
    }

    .contests__fund--prize {
        top: 2%;

        font-size: min(4vw, 16px);
    }

    .contests__info--time p {
        padding-bottom: 15px;

        margin-bottom: 15px;

        padding-right: 0;

        margin-right: 0;

        width: 100%;

        flex-direction: column;

        text-align: center;
    }

    .ic_rank img {
        width: 60px;
    }

    .reward__content table th {
        font-size: 18px;
    }

    .reward__content table th,
    .reward__content table td {
        padding: 15px;
    }

    .reward__content .tbl__scroll {
        padding-right: 0;
    }

    .reward__content .tbl__scroll table {
        min-width: 900px;
    }

    .reward {
        padding: 50px 0 0;
    }

    .become__frame {
        padding: 20px 20px 0;

        border-radius: 20px;

        flex-direction: column;
    }

    .become__content {
        width: 100%;

        max-width: 100%;
    }

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

    .become__img {
        position: relative;

        width: 100%;

        max-width: 400px;

        margin: 0 auto;
    }

    .become__frame::after {
        border-bottom-right-radius: 20px;
    }

    .become {
        padding-top: 50px;
    }

    .awards {
        padding-top: 50px;
    }

    .link__download a,
    .link__download button {
        font-size: 12px;
    }

    .leaderboard__content {
        padding: 15px;
    }

    .leaderboard__tools {
        flex-direction: column;

        align-items: center;
    }

    .leaderboard__tools .group1 {
        flex-direction: column;

        gap: 10px;
    }

    .leaderboard__head {
        padding: 0 15px 15px;

        margin: 0 -15px 30px;
    }

    .leaderboard__head .ttl {
        font-size: 20px;
    }

    .leaderboard__body {
        margin: 0 -15px;
    }

    .style__list tbody td:first-child {
        padding: 15px;
    }

    .style__list .col_user .user .avt {
        width: 60px;

        height: 60px;
    }

    .style__list table {
        min-width: 1000px;
    }

    .style__list .chart_img {
        width: 80px;
    }

    .style__list thead tr th {
        font-size: 16px;
    }

    .style__list td {
        font-size: 18px;
    }

    .style__list .col_user .user .info .sub__name {
        font-size: 18px;
    }

    .style__list .col_user .user .info .name {
        font-size: 16px;
    }

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

    .style__grid {
        padding: 0 15px;
    }

    .leaderboard {
        padding-bottom: 50px;
    }

    .leaderboard__frame .title {
        margin-bottom: 30px;

        gap: 0;

        flex-direction: column;
    }

    .leaderboard__frame .title h2 {
        width: 100%;

        max-width: 100%;
    }

    .further__content .item {
        height: auto;
    }

    .further__content .item .icon {
        width: 70px;
    }

    .further__content .item .ttl {
        font-size: 22px;
    }

    .further__frame .title {
        margin-bottom: 30px;
    }

    .further {
        margin-bottom: 50px;
    }

    .ic_rank {
        font-size: 16px;
    }

    .ic_rank img {
        width: 50px;

        height: 50px;
    }

    .faq__page {
        align-items: center;
    }

    .faqPage {
        padding-top: 50px;
    }

    .faqPage__page {
        flex-direction: column;
    }

    .faqPage__tabs {
        max-width: 300px;

        flex-direction: column;

        flex-wrap: wrap;

        justify-content: center;

        text-align: center;

        margin: 0 auto;
    }

    .faq__page::before {
        width: 80px;

        height: 83px;

        bottom: -45px;
    }

    .certification__frame .item .img {
        margin: 0 auto -55%;
    }

    .certification__frame .item .link__download {
        text-align: center;
    }

    .certification__frame .item .link__download a {
        padding: 10px 20px;
    }

    .licenses__page {
        align-items: center;
    }

    .documents__content {
        flex-wrap: wrap;

        justify-content: center;

        align-items: center;

        flex-direction: column;

        gap: 30px;
    }

    .documents__content .item {
        width: 100%;
    }

    .legal {
        padding-top: 50px;
    }

    .documents {
        padding-top: 50px;
    }

    .documents__frame .title {
        margin-bottom: 30px;
    }

    .legal__frame h2 {
        font-size: 30px;

        padding-top: 60px;
    }

    .legal__frame h2::before {
        width: 60px;

        height: 40px;
    }

    .legal__logo {
        padding-top: 125px;
    }

    .legal__logo img {
        width: 180px;
    }

    .legal__logo::before {
        height: 100px;
    }

    .choosemt5__content {
        flex-direction: column;
    }

    .choosemt5__content .item {
        width: 100%;

        max-width: 100%;

        border-radius: 20px;
    }

    .choosemt5__content .item .img {
        height: min(55vw, 340px);
    }

    .key {
        padding-top: 50px;
    }

    .comparison {
        padding-top: 50px;

        padding-bottom: 50px;
    }

    .comparison__frame .title {
        margin-bottom: 30px;
    }

    .mt5faqs {
        padding-top: 50px;
    }

    .mt5faqs .faqCopyTrading__frame {
        padding-bottom: 50px;
    }

    .contactus__page .ready__company ul {
        gap: 30px;
    }

    .contactus__page .contact__form tr {
        flex-direction: column;

        gap: 0;
    }

    .contactus__page .contact__form td {
        width: 100% !important;
    }

    .phone-code .iti {
        width: 100%;
    }

    .official__content ul li {
        width: 100%;
    }

    .branch__content {
        flex-direction: column;
    }

    .branch__list {
        width: 100%;

        max-width: 100%;
    }

    .branch__map {
        width: 100%;

        max-width: 100%;
    }

    .branch__map iframe {
        height: 400px;

        border-radius: 10px;
    }

    .branch__frame {
        padding: 15px;

        border-radius: 10px;
    }

    .branch {
        padding-top: 50px;
    }

    .branch .title {
        margin-bottom: 30px;
    }

    .rewardToDo__content {
        flex-direction: column;
    }

    .rewardToDo__content .item {
        width: 100%;

        padding-left: 30px;

        padding-top: 0;
    }

    .rewardToDo__content .item::before {
        top: 5px;
    }

    .rewardToDo__content::before {
        width: 1px;

        height: 100%;

        left: 9px;

        transform: translate(0);
    }

    .rewardToDo__content .item .img {
        max-width: 300px;

        margin: 0 auto;
    }

    .program__tabs .item h3 .icon {
        width: 40px;

        height: 40px;
    }

    .program__tabs .item.active {
        padding: 20px;
    }

    .faqPage__page .faqCopyTrading__content {
        width: 100%;
    }

    .reward__page {
        flex-direction: column-reverse;

        height: auto;
    }

    .reward__page .mainvs__h1,
    .reward__page .mainvs__img::before {
        position: static;
    }

    .reward__page .mainvs__img {
        height: auto;
    }

    .promotions__page .mainvs__h1--sub {
        font-size: 18px;
    }

    .ranking__page {
        height: auto;
    }
    .ranking__page .mainvs__h1 h1 {
        margin-bottom: 0;
        text-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
    }
    .ranking__page .mainvs__h1 {
        padding: 100px 15px 300px;
        align-items: flex-start;
        transform: unset;
    }
    .ranking__page .mainvs__h1 .desc p {
        font-size: 22px;
        text-shadow: 0 0 2px rgba(255, 255, 255, 0.9);
    }
    .ranking__page .mainvs__h1 .btn a {
        font-size: 22px;
        padding: 15px 20px;
    }
    .ranking__page .mainvs__h1 .desc .cash {
        margin: 15px 0 30px;
    }
    .ranking__page .mainvs__img img {
        object-position: center bottom;
    }
    .termRanking__frame {
        flex-direction: column;
        gap: 0;
    }
    .termRanking {
        padding-top: 50px;
    }
    .termRanking__left {
        text-align: center;
    }
    .termRanking__right {
        width: 100%;
        max-width: 100%;
    }
    .termRanking__right--content ol > li {
        font-size: 18px;
        padding-left: 25px;
    }
    .termRanking__right--content ol:not(:last-child) {
        margin-bottom: 20px;
    }
    .ranking__table .note span::before {
        font-size: 18px;
    }
    .termRanking__right--content > ol > li > p + ul {
        margin-top: 10px;
    }



    /* Influencer Program */
    .collaborate__option {
        flex-direction: column;
        margin-bottom: 30px;
    }
    .collaborate__option--cnt:not(:last-child) {
        margin-bottom: 30px;
    }
    .title__h3 h3 {
        font-size: 26px;
    }
    .collaborate__option--item ul li::before {
        top: -2px;
    }
    .collaborate .btn a {
        font-size: 18px;
    }

    .started__step {
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }
    .started__step .item {
        max-width: 100%;
        position: relative;
        z-index: 1;
    }
    .started__step .item.item:not(:last-child)::before {
        content: '';
        position: absolute;
        width: 1px;
        height: 30px;
        border-left: 1px dashed var(--main-cl);
        left: 50%;
        top: calc(100% + 10px);
        transform: translate(-50%, 0);
    }
    .started__step--arrow {
        display: none;
    }
    .started__step .item .icon {
        margin-bottom: 15px;
    }
    .started__step h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    section {
        padding: 30px 0 !important;
    }
    .started__frame h2 {
        margin-bottom: 10px;
    }
    .started__frame .title {
        margin-bottom: 30px;
    }
    .programPartner__content {
        flex-direction: column;
    }
    .programPartner__col {
        width: 100%;
        max-width: 100%;
    }
    .programPartner__item--img {
        width: 100%;
        max-width: 100%;
    }
    .programPartner .title {
        margin-bottom: 30px;
    }
    .programPartner .title h2 {
        margin-bottom: 15px;
    }
    .programFor .title {
        margin-bottom: 30px;
    }
    .programQuestion__frame {
        flex-direction: column;
    }
    .programQuestion__title {
        max-width: 100%;
        text-align: center;
    }
    .programQuestion__title h2 {
        margin-bottom: 20px;
    }
    .programQuestion__content {
        max-width: 100%;
    }
    .programForm__frame::before {
        height: 55vw;
    }

    .programForm__form input[type="text"], .programForm__form input[type="email"], .programForm__form textarea {
        font-size: 16px;
        padding: 15px 20px;
    }
    .programForm__form .form__row.col2 {
        flex-direction: column;
    }
    .programForm__form .form__row.col2 .form__col {
        max-width: 100%;
    }
    
    
    /* QUIZ */
    .quizAbout__frame {
        padding: 20px;
    }
    .sec__bg {
        padding: 20px;
        margin: 0 20px;
    }

    .quizWhy {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .quizWhy__frame {
        margin-bottom: 20px;
        padding-bottom: 20px;
        flex-direction: column;
        gap: 20px;
    }

    .quizQuestion {
        padding: 0 !important;
    }
    .quizQuestion__content {
        flex-direction: column;
        gap: 20px;
    }
    .quizQuestion__content .item {
        max-width: 100%;
    }

    .sec__bg {
        max-width: 100%;
        width: calc(100% - 40px);
    }

    .quizWhy__mascot {
        text-align: center;
    }

    .quizWhy__content .title {
        margin-bottom: 15px;
    }
    .quizWhy__content .title h2 {
        font-size: 28px;
    }
    .quizWhy__content .desc p {
        margin-bottom: 15px;
    }
    .quizWhy__content .desc li:not(:last-child) {
        margin-bottom: 15px;
    }
    .quizWhy__content .desc li {
        gap: 15px;
    }
    .quizQuestion__frame .title {
        margin-bottom: 20px;
    }

    .quizQuestion__content .item {
        text-align: center;
    }

    .quizQuestion__content .item .icon {
        margin-bottom: 5px;
    }
    .quizQuestion__content .item h3 {
        margin-bottom: 5px;
    }
    
    .leaderboard__tools .group1 {
        flex-direction: row;
    }
    .leaderboard__tools .sort p,
    .leaderboard__tools .filter p {
        font-size: 0;
    }
    .leaderboard__tools {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
    }
    
    .leaderboard__tools .find:not(.open) .txt {
        opacity: 1;
        transform: translateX(0);
    }
    .leaderboard__tools .find {
        margin-top: -4px;
    }
}

@media screen and (min-width: 375px) and (max-width: 768px) {
    .sp320 {
        display: none;
    }

    /* .programPartner__content {
        flex-direction: row;
    }
    .programPartner__col {
        width: 100%;
        max-width: calc((100% / 2) - 10px);
    } */
}

@media screen and (min-width: 475px) and (max-width: 768px) {
    .our__content .item__sub {
        grid-template-columns: repeat(2, 1fr);
    }

    .platform__content ul {
        flex-direction: row;

        gap: 20px;
    }

    .platform__content ul li {
        width: calc(50% - 10px);
    }

    .licenses__slide {
        width: 100%;
    }

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

    .promotionsList__list .img {
        height: 30vw;
    }

    .aboutstep__content {
        flex-direction: row;
    }

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

    .leaderboard__tools .group1 {
        flex-direction: row;
    }

    .official__content ul li {
        width: calc(50% - 5px);
    }

    .contactus__page .ready {
        padding-bottom: 50px;
    }
}

@media screen and (min-width: 525px) and (max-width: 768px) {
    .sp425 {
        display: none;
    }

    .licenses__img {
        flex-direction: row;
    }

    .contests__content .range {
        margin: -250px auto 50px;
    }

    .documents__content {
        flex-direction: row;

        align-items: flex-start;

        gap: 20px;
    }

    .documents__content .item {
        width: calc(50% - 10px);
    }
}

@-moz-document url-prefix() {
}