@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;
    }
    .bonus__deposit__page .mainvs__h1 {
        margin-left: 20px;
    }
    .mainvs__valid {
        left: 20px;
    }
    .hiw__frame {
        padding: 0 20px;
    }
    .multi__frame {
        padding: 50px;
    }
    .feature__frame {
        padding: 30px;
    }
    .feature__frame .item {
        margin-right: 20px;
        padding-right: 20px;
    }
    .feature__frame h2,
    .feature__frame p {
        font-size: 16px;
    }
    .deposit__content .item {
        padding: 20px;
    }
    .announcement__detail--content {
        padding: 30px;
    }
    .announcement__detail--frame {
        gap: 10px;
    }
    .announcement__detail--content .cnt table tr:first-child td {
        font-size: 18px;
    }
    .announcement__detail--content .cnt table tr td {
        font-size: 16px;
    }
}
@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;
    }
    .rebonus {
        margin-bottom: -5%;
    }
    .announcement__detail--content .cnt table {
        display: block;
        overflow-x: scroll;
        width: 100%;
        margin: 0 !important;
        padding: 30px 24px;
    }
    .announcement__detail--content .cnt table::before {
        width: 100%;
        min-width: 1048px;
        height: 100%;
        left: 0;
        top: 0;
        inset: 0;
    }
    .announcement__detail--content .cnt table tbody {
        display: block;
        min-width: 1000px;
    }
}
@media screen and (max-width: 1200px) {
    .announcement__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }
}
@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;
        margin: 0 !important;
    }
    .sub-menu .col2 {
        width: 100%;
    }
    .dropdown.lang-dropdown .sub-menu {
        border-radius: 0;
        padding: 0;
        gap: 0;
    }
    .lang-dropdown .sub-menu li a {
        padding: 10px 16px !important;
        border-bottom: 1px solid #fff;
    }
    .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;
    }
    .dropdown.lang-dropdown .sub-menu {
        display: none;
        grid-template-columns: repeat(2fr, 1);
        
    }
    .dropdown.lang-dropdown.open .sub-menu {
        display: grid;
    }
    .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;
    }
    .bonus__deposit__page {
        flex-direction: column-reverse;
        padding-bottom: 50px;
        margin-bottom: 50px;
        height: auto;
    }
    .bonus__deposit__page .mainvs__h1 {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 100px 20px 0;
        transform: unset;
        text-align: center;
    }
    .bonus__deposit__page .mainvs__h1 .btn {
        justify-content: center;
    }
    .bonus__deposit__page .mainvs__video {
        margin: 0 auto;
        width: 100%;
        max-width: 500px;
    }
    .mainvs__valid {
        position: static;
        text-align: center;
        width: 100%;
        display: block;
        max-width: 500px;
        margin: 15px auto 0;
    }
    .hiw .todo__list ul li h3 {
        font-size: 20px;
    }
    .hiw__content {
        flex-direction: column;
        gap: 20px;
    }
    .multi__frame {
        flex-direction: column-reverse;
        padding: 30px;
    }
    .multi__content {
        width: 100%;
        max-width: 100%;
    }
    .multi__img {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    .multi__frame::after {
        right: 0;
    }
    .multi__content ul {
        flex-direction: column;
        gap: 20px;
    }
    .volume__frame {
        flex-direction: column;
    }
    .volume__content {
        width: 100%;
    }
    .volume__img {
        margin: 0 auto;
        width: 500px;
        max-width: 100%;
    }
    .activation__content {
        grid-template-columns: repeat(2, 1fr);
    }
    .termConditions__content {
        width: 60%;
    }
    .termConditions__img {
        margin-left: -15px;
        width: 400px;
        max-width: 100%;
    }
    .termConditions__tabs h3 {
        font-size: 20px;
    }
    .banner__frame {
        flex-direction: column;
        gap: 30px;
        padding: 20px 20px 0;
        overflow: hidden;
        border-radius: 30px;
    }
    .banner__img {
        position: static;
        width: 325px;
        max-width: 100%;
        margin: 0 auto;
    }
    .banner__frame::before {
        background: url(../images/banner_dc_sp.png) bottom right no-repeat;
        background-size: cover;
        width: 150%;
        border-radius: 30px;
    }
    .banner__content {
        width: 100%;
        max-width: 100%;
    }
    .banner__logo {
        top: 15px;
        right: 5%;
        width: 150px;
    }
    .banner__frame::after {
        display: none;
    }
    .bonus20__page {
        height: auto;
    }
    .rebonus__frame {
        flex-direction: column;
    }
    .rebonus__left,
    .rebonus__right {
        width: 100%;
        max-width: 100%;
    }
    .rebonus__right li {
        padding-left: 75px;
    }
    .rebonus {
        margin-bottom: 0;
        padding-bottom: 30px;
    }
    .bonus20__sec.termConditions .termConditions__img {
        width: 600px;
        max-width: 100%;
    }
    .rebonus__content {
        flex-direction: column;
        gap: 20px;
    }
    .rebonus__content .box {
        width: 100%;
    }
    .rebonus__left .title {
        margin-bottom: 30px;
    }
    .feature {
        margin-bottom: 0;
    }
    .deposit__content {
        flex-direction: column;
    }
    .deposit__content .item {
        width: 100%;
        padding: 20px;
    }
    .deposit__content .item .item__rate {
        font-size: min(8vw, 100px);
    }
    .deposit__content .btn {
        position: static;
        margin-top: 20px;
        margin-left: -56px;
    }
    .bonus100__page .mainvs__video {
        position: static;
        margin: 0 auto;
    }
    .bonus100__page {
        height: auto !important;
    }
    .bonus100 .termConditions__frame {
        flex-direction: column;
    }
    .bonus100.termConditions .termConditions__img {
        margin-right: auto;
        margin-left: auto;
        width: 600px;
    }
    .bonus100 .termConditions__content {
        width: 100%;
        max-width: 100%;
    }
    .bonus100 .termConditions__tabs--content {
        margin-bottom: 0;
    }
    .termofuse {
        margin-top: -160px;
    }
    .announcement__page .mainvs__video {
        margin: 0 auto -70px;
        width: 100%;
        max-width: 500px;
        position: static;
    }
    .announcement__page {
        padding-bottom: 0;
    }
    .announcement__tabs {
        gap: 12px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .announcement__tabs .item {
        padding: 10px 20px;
        font-size: 15px;
    }
    .announcement__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }
    .announcement__box {
        padding: 20px;
        gap: 20px;
    }
    .announcement__box .date__column {
        min-width: 90px;
        width: 90px;
        max-width: 90px;
        flex-shrink: 0;
        padding: 16px 10px;
    }
    .announcement__box .date__column .day {
        font-size: 34px;
    }
    .announcement__box .date__column .month,
    .announcement__box .date__column .year {
        font-size: 15px;
    }
    .announcement__box .info__column .title {
        font-size: 20px;
    }
    .announcement__box .info__column .desc {
        font-size: 16px;
    }
    .article__sidebar--list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0 20px;
    }
    .announcement__detail--title {
        margin-bottom: 40px;
    }
    .announcement__time {
        gap: 20px;
    }
    .announcement__time p {
        font-size: 18px;
    }
    .announcement__detail--content .thumbnail img {
        max-height: 400px;
    }
    .announcement__detail--content {
        padding: 20px;
    }
    .announcement__detail--content .cnt table tr:first-child td {
        font-size: 18px;
    }
    .announcement__detail--content::before {
        border-radius: 20px;
    }
    .announcement__detail--content .cnt h2 {
        font-size: 25px;
    }
}
@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;
    }
    .hiw .todo__list li::before {
        width: 1px;
    }
    .hiw__frame {
        padding: 0 15px;
    }
    .hiw .todo__list ul li {
        width: 100%;
        max-width: 100%;
    }
    .hiw .todo__list li .desc {
        margin-left: 0;
    }
    .hiw__box ul {
        flex-direction: column;
        gap: 10px;
    }
    .hiw__box ul li br {
        display: none;
    }
    .activation__content {
        grid-template-columns: repeat(1, 1fr);
    }
    .activation__content .item {
        padding: 20px;
        min-height: auto;
    }
    .activation__content .item .icon {
        margin-bottom: 30px;
    }
    .activation__content .item h3 {
        font-size: 22px;
    }
    .termConditions__frame {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .termConditions__content {
        width: 100%;
        max-width: 100%;
    }
    .termConditions__img {
        width: 100%;
        max-width: 100%;
    }
    .banner__logo {
        right: 5%;
        width: 110px;
    }
    .termConditions__tabs--content {
        margin-bottom: 0;
    }
    .feature__frame {
        padding: 20px;
        border-radius: 20px;
        flex-direction: column;
    }
    .feature__frame .item {
        max-width: 100%;
        padding-right: 0;
        margin-right: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .feature__frame .item::before {
        width: 200px;
        height: 1px;
        top: unset;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .feature__frame .item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .bonus100.termConditions {
        padding-top: 0;
        margin-top: -80px;
    }
    .termofuse {
        --height-dc: 160px;
        margin-top: -140px;
    }
    .termofuse::before {
        width: 100%;
    }
    .bonus__deposit__page {
        height: auto;
    }
    .termConditions__tabs--content .item {
        height: auto;
        overflow-y: unset;
    }
    .announcement__detail {
        padding: 100px 0 0 !important;
    }
    .article__sidebar--list li .date {
        margin-bottom: 5px;
    }
    .article__sidebar--list li a {
        margin-bottom: 5px;
    }
}
@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;
    }
    .activation__content {
        grid-template-columns: repeat(2, 1fr);
    }
}
@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);
    }
}
@media screen and (max-width: 768px) {
    .announcement__tabs {
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 8px;
        gap: 10px;
        margin-top: 20px;
        margin-bottom: 25px;
        -webkit-overflow-scrolling: touch;
        width: calc(100% + 40px); /* Bleeds edge-to-edge for premium scroll effect */
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .announcement__tabs::-webkit-scrollbar {
        display: none;
    }
    .announcement__tabs .item {
        padding: 8px 16px;
        font-size: 14px;
        flex-shrink: 0;
    }
    .announcement__list {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .announcement__box {
        width: 100%;
        padding: 16px;
        gap: 16px;
    }
    .announcement__box .date__column {
        padding: 12px 8px;
        min-width: 75px;
        width: 75px;
        max-width: 75px;
        flex-shrink: 0;
    }
    .announcement__box .date__column .day {
        font-size: 28px;
    }
    .announcement__box .date__column .month {
        font-size: 13px;
    }
    .announcement__box .date__column .year {
        font-size: 11px;
    }
    .announcement__box .info__column .category {
        font-size: 12px;
        margin-bottom: 4px;
    }
    .announcement__box .info__column .title {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .announcement__box .info__column .desc {
        font-size: 14px;
        line-height: 1.5;
        -webkit-line-clamp: 4;
    }
}
/* =============================================
   ANNOUNCEMENT DETAIL - RESPONSIVE
   ============================================= */
/* Tablet lớn: thu hẹp cột sidebar */
@media screen and (max-width: 1200px) {
    .announcement__detail--frame {
        grid-template-columns: 2fr 1fr;
        gap: 30px;
    }
}
/* Tablet: 1 cột, sidebar xuống dưới */
@media screen and (max-width: 992px) {
    .announcement__detail {
        padding-top: 100px;
        padding-bottom: 60px;
    }
    .announcement__detail--frame {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    /* Sidebar không còn sticky khi 1 cột */
    .announcement__detail--article {
        position: static;
    }
    .article__sidebar {
        padding: 24px 20px;
    }
    .article__sidebar--title {
        font-size: 20px;
        margin-bottom: 16px;
    }
    /* Sidebar hiển thị dạng list ngang (grid 2 cột) */
    .article__sidebar--list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 20px;
    }
    .article__sidebar--list li {
        border-bottom: 1px solid #f0f0f0;
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .announcement__detail {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .announcement__detail--content h1 {
        font-size: max(min(calc(40 / 768 * 100vw), 40px), 26px);
        margin-bottom: 18px;
    }
    .announcement__detail--content .thumbnail {
        margin-bottom: 24px;
        border-radius: 8px;
    }
    .announcement__detail--content .cnt p {
        font-size: 16px;
        line-height: 1.7;
    }
    /* Sidebar trên mobile: list 1 cột lại, có max-height + scroll nếu nhiều bài */
    .article__sidebar--list {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }
    .article__sidebar {
        padding: 20px 16px;
        border-radius: 10px;
    }
    .article__sidebar--title {
        font-size: 18px;
    }
}
@-moz-document url-prefix() {
}