@media (max-width: 1400px) {

    /* ------------- modal ------------- */
    .modal-half-content .modal-dialog {
        width: 90%;
        max-width: 640px;
        margin: 8% auto;
    }

    .modal-half-content .modal-body .box-left {
        display: none;
    }

    .modal-half-content .modal-body .box-right {
        width: 100%;
    }

    .box-content {
        max-width: 90%;
    }

    section.section-banner.s-2 .title-2-blue {
        text-align: center;
    }

    /* ------------- section banner ------------- */
    .wrap-banner {
        width: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .wrap-banner .title-banner-1 {
        width: 100%;
        text-align: center;
    }

    .wrap-banner .box_banner {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .wrap-banner .info-baner {
        max-width: max-content;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .wrap-banner .img-banner {
        margin-top: -20px;
        margin-bottom: -30px;
        width: 100%;
        max-width: 520px;
    }

    section.section-banner .img-title-affiliate {
        width: 100%;
        max-width: 300px;
    }

    .title-banner-gradient {
        text-align: center;
        margin: 0 0 20px 0px;
        line-height: 1.2;
        font-size: 60px;

    }

    .wrap-banner .info-baner p {
        margin: 0 0 8px;
        text-align: center;
    }

    .box-item-bright {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
    }

    .box-item-bright .items:nth-child(even) {
        border-right: none;
    }

    section.section-banner.s-2 .title-banner-2 {
        text-align: center;
    }

    section.section-banner.s-2 .wrap-banner .info-baner p {
        margin: 10px 0;
    }

    /* ------------- #End section banner ------------- */
    section.section-dedigned-for .box-content {
        flex-direction: column;
        gap: 20px;
    }

    section.section-dedigned-for .box-text-lable {
        align-items: center;

    }

    .box-dedigned-items {
        flex-wrap: wrap;
        justify-content: center;
    }

    /* ------------- section become ------------- */
    section.section-become .box-content {
        position: relative;
        flex-direction: column;
        overflow: hidden;
        /* hide img */
        padding-bottom: 32px;
        /* padding-bottom: 360px; */
    }

    section.section-become .box-text-lable h3 {
        text-align: center;
    }

    section.section-become .box-become-left,
    section.section-become .box-become-center,
    section.section-become .box-become-right {
        width: 100%;
    }

    section.section-become .box-text-lable {
        align-items: center;
    }

    .img-line-star {
        width: 100%;
        max-width: 440px;
    }

    section.section-become .box-become-left {
        position: absolute;
        display: flex;
        justify-content: center;
        bottom: 0;
        height: fit-content;
        /* hide img */
        display: none;
    }

    section.section-become .box-become-left img {
        width: 100%;
        bottom: 0;
        max-width: 340px;
    }

    section.section-become .box-become-right {
        margin: auto;
        display: flex;
        justify-content: center;
    }

    section.section-become .box-become-right img {
        max-width: 654px;
        width: 100%;
        margin-right: -8%;
    }

    section.section-become .box-items {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
        gap: 12px;
        margin: 20px 2% 30px 2%;
        /* justify-items: center; */
    }

    section.section-become .box-items .item {
        min-width: 230px;
    }

    /* ------------- section why-affiliate ------------- */
    section.section-why-affiliate .cards .info .box-image-right.img-1 {
        max-width: 240px;
        margin-top: 0;
    }

    section.section-why-affiliate .cards .info .box-image-right.img-2 {
        margin-top: -60px;
        max-width: 240px;
    }

    /* ------------- section income ------------- */
    .box-income-items {
        flex-wrap: wrap;
        justify-content: center;
    }

    .section-banner.ss-footer .wrap-banner .img-banner {
        margin-bottom: 0;
    }
}

@media (max-width: 1110px) {
    .card-infrastructure {
        min-height: 230px;
    }

    .card-infrastructure .image-right {
        bottom: 32px;
        width: 20%;
    }

}

@media (max-width: 1120px) {
    .modal-half-content .modal-dialog {
        width: 96%;
        max-width: 1060px;
    }
}

@media (max-width: 1024px) {

    .wrap-banner .title-banner-1 {
        line-height: 1.4;
    }
    .hidden-desktop {
        display: block !important;
    }

    .hidden-mobile {
        display: none !important;
    }


    /* modal-success */
    .modal-success .modal-dialog {
        width: 90%;
        margin: 10% auto;
    }

    /* ------------- why-affiliate ------------- */
    .box-why-affiliate {
        flex-direction: column;
    }

    section.section-why-affiliate .cards {
        text-align: center;
        width: auto;
    }

    section.section-why-affiliate .cards .info {
        justify-content: center;
    }

    section.section-why-affiliate .cards .info .box-image-right.img-1 {
        max-width: 240px;
        margin-top: 0;
    }

    section.section-why-affiliate .cards .info .box-image-right.img-2 {
        margin-top: -30px;
        max-width: 190px;
    }

    /* ------------- section before-after ------------- */
    .wrap-before-after {
        flex-direction: column;
    }

    .cards-before-after {
        width: 64%;
    }

    .cards-before-after.pink,
    .cards-before-after.blue {
        margin: 0;
    }

    /* ------------- section why-affiliate ------------- */
    section.section-why-affiliate .cards .info .box-image-right {
        max-width: 500px;
    }

    /* ------------- section ai-solves ------------- */
    .wrap-ai-solves {
        flex-direction: column;
        align-items: center;
        min-height: auto;
        gap: 24px;
    }

    .wrap-ai-solves .box-right {
        width: 100%;
        max-width: 420px;
    }

    .box-people-use {
        width: 100%;
    }

    .wrap-ai-solves .box-left .box-img {
        position: relative;
        bottom: 0;
        height: auto;
    }

    /* ------------- section real-success ------------- */
    .wrap-real-success {
        flex-direction: column;
    }

    .wrap-real-success .img-responsive {
        width: 100%;
        max-width: 588px;
    }

    /* ------------- section customers ------------- */
    .wrap-customers {
        flex-direction: column;
    }

    .wrap-customers .img-customers {
        width: 100%;
        max-width: 600px;
    }

    /* ------------- section which-type ------------- */
    .card-which-type,
    .card-which-type.row-reverse {
        flex-direction: column;
        padding: 30px 30px 38px 30px;
        width: 100%;
        margin: auto;
        max-width: 680px;
    }

    /* ------------- section income ------------- */
    .box-income-items {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .box-income-items .item {
        width: 100%;
    }

    /* ------------- section step-process  ------------- */
    .box-card-step-process {
        flex-direction: column;
    }

    .card-step-process {
        width: 100%;
        max-width: 588px;
        height: auto;
    }

    .card-step-process .card-body .img-step-process {
        max-height: 250px;
    }

    section.section-step-process .icon-next-step {
        transform: rotate(90deg) !important;
        margin: 16px;

    }

    /* ------------- section banner-footer  ------------- */
    .wrap-banner-footer {
        flex-direction: column-reverse;
    }

    .wrap-banner-footer .info {
        width: auto;
        z-index: 10;
    }

    .wrap-banner-footer .box-img-banner-footer {
        display: none;
        width: auto;
        margin-top: -10%;
    }

    .wrap-banner-footer .img-banner-footer {
        max-width: 130px;
    }
}

@media (max-width: 768px) {
    .section-banner.ss-footer .wrap-banner {
        padding: 20px;
    }

    .section-banner.ss-footer .wrap-banner .img-banner {
        margin-bottom: 0;
    }

    .card-infrastructure .info {
        max-width: 76%;
    }

    .title-coin-center {
        flex-direction: column;
    }

    .title-coin-center .title-text {
        font-size: 36px;
    }

    .title-coin-center .icon {
        width: 100px;
        height: 100px;
        margin-left: -10px;
    }

    .modal-success .modal-body {
        background: none !important;
    }

    .modal-success .modal-body .head-title {
        margin-top: 10px;

    }

    .modal-success .modal-body .head-title .success-icon {
        width: 100%;
        max-width: 80px;
    }

    .modal-success .modal-body .info {
        max-width: 100%;
        margin: 12px auto;
        gap: 12px;
    }

    .modal-success .modal-body .head-title .title-text {
        font-size: 48px;
    }

    .modal-success .modal-body .head-title .sub-title {
        font-size: 18px;
        text-align: center;
    }

    .modal-success .modal-body .info .desc {
        font-size: 14px;
    }

    .box-message-purple {
        padding: 12px 16px 12px 8px;
        gap: 4px;
    }

    .box-message-purple .message-info .message-title-text {
        font-size: 16px;
    }

    .box-message-purple .message-info .message-desc {
        font-size: 14px;
    }

    .wrap-package-income .box-desc {
        margin: 36px 0% 20px 0%;
    }

    .card-income {
        padding: 0;
        background: none;
    }

    .box-item-bright {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    }

    .box-item-bright .items {
        border-right: none;
    }
}

@media (max-width: 600px) {
    .wrap-banner .info-action {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-direction: column;
    }

    .wrap-banner .info-baner p {
        margin: 0 0 16px;
        text-align: center;
    }

    .box-item-built-for {
        gap: 10px;
        width: 105%;
        margin-left: -2.5%;
    }

    .box-item-built-for .items-built-for {
        width: 200px;
    }

    .btn-contact-sale {
        width: 100%;
        text-align: center;
    }

    section.section-why-mandala {
        margin-top: 20px;
    }

    .box-infrastructure {
        grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
    }

    .card-infrastructure {
        padding: 20px;
    }

    .card-infrastructure .info {
        max-width: 100%;

    }

    .card-infrastructure .box-title .text-title {
        font-size: 28px;

    }

    .card-infrastructure .image-right {
        position: relative;
        right: auto;
        bottom: auto;
        width: 70%;
        display: flex;
        margin: auto;
    }

    .title-coin-center .title-text {
        font-size: 30px;
    }

    .title-coin-center .icon {
        width: 80px;
        height: 80px;
        margin-left: 0;
    }

    .title-start-right {
        font-size: 32px;
    }

    /* ------------- section why-affiliate ------------- */
    section.section-why-affiliate .cards .title {
        font-size: 32px;
    }

    /* ------------- section why-people ------------- */
    section.section-why-people .box-content {
        padding: 0;
    }

    section.section-why-people .cards .title-text {
        font-size: 26px;
        line-height: 1.2;
    }

    section.section-why-people .cards .title-icon {
        width: 46px;
        height: 46px;
    }

    /* ------------- section before-after ------------- */
    .cards-before-after {
        width: 100%;
    }
}

@media (max-width: 580px) {
    .title-text-center {
        font-size: 32px;
        line-height: 1.2;
    }

    /* ------------- section banner ------------- */
    section.section-banner .img-title-affiliate {
        max-width: 240px;
    }

    .title-banner-gradient {
        font-size: 44px;
    }

    .wrap-banner .info-baner ul {
        margin-top: 8px;
        margin-bottom: 20px;
        padding-inline-start: 20px;
    }

    /* ------------- section why-affiliate ------------- */
    section.section-why-affiliate .cards {
        width: 100%;
    }

    section.section-why-affiliate .cards .info .box-image-right.img-1,
    section.section-why-affiliate .cards .info .box-image-right.img-2 {
        display: none;
    }

    /* ------------- section ai-solves ------------- */
    .wrap-ai-solves .box-left h3 {
        font-size: 28px;
    }

    .box-people-use .title-text {
        font-size: 26px;
        margin: 0;
    }

    /* ------------- section income ------------- */
    .card-income .card-header .info .title-text {
        font-size: 20px;
        line-height: 1.2;
    }

    /* ------------- section banner-footer ------------- */
    .wrap-banner-footer .img-banner-footer {
        max-width: 70px;
    }
}

@media (max-width: 460px) {
    .box-item-built-for .items-built-for {
        width: 90%;
    }

    /* ------------- section income ------------- */
    .title-coin-center .title-text {
        font-size: 26px;
    }

    .title-coin-center .icon {
        width: 60px;
        height: 60px;
        margin-left: 0;
    }

    .card-income .card-header {
        flex-direction: column;
    }

    .btn-pink-purple {
        font-size: 16px;
    }
}