@media (min-width: 1400px) {
    .wrap-bg18 {
        width: 178px;
        height: 145px;
    }

    .download-client {
        left: 1074px;
    }

    .bg-side-left .wrap-bg18-left {
        display: none;
    }

    .top-social-row .container_social {
        left: -50px;
    }

}

@media (min-width: 1200px) and (max-width: 1400px) {
    .bg-side-left .wrap-logo {
        width: 250px;
        height: 130px;
    }

    .bg-side-right .wrap-bg18-right {
        display: none;
    }

    .bg-side-left .wrap-bg18-left {
        width: 134px;
        height: 100px;
    }

    .bg-side-right .top-social-row {
        position: absolute;
        left: 0 !important;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        top: 7px;
    }

    .top-social-row .star_img {
        position: absolute;
        transform: none;
        left: auto;
        right: auto;
        margin-bottom: 8px;
        left: 50px;
        top: -10px;
    }

    .top-social-row .container_social {
        position: relative;
        top: 30px;
    }

    .menu {
        width: max-content;
        margin-top: 0;
    }

    .menu li a {
        display: block;
        top: 18px;
    }

    .btn-recharge {
        width: 290px;
        height: 305px;
    }

    .bg-side-right .download-client {
        width: 302px;
        height: 45px;
    }

    .qr-code {
        width: 256px;
        height: 323px;
    }

    .qr-content {
        width: 165px;
        height: 165px;
        margin-top: 47px;
        margin-left: 42px;
    }
}

@media (min-width: 1110px) and (max-width: 1200px) {
    .wrap-logo {
        width: 210px;
        height: 120px;
    }

    .bg-side-right .wrap-bg18-right {
        display: none;
    }

    .bg-side-left .wrap-bg18-left {
        width: 134px;
        height: 100px;
    }

    .bg-side-right .top-social-row {
        position: absolute;
        left: 0 !important;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        top: 7px;
    }

    .top-social-row .star_img {
        position: absolute;
        transform: none;
        left: auto;
        right: auto;
        margin-bottom: 8px;
        left: 50px;
        top: -10px;
    }

    .top-social-row .container_social {
        position: relative;
        top: 30px;
    }

    .btn-group,
    .btn-discord {
        display: none;
    }

    .btn-recharge {
        width: 220px;
        height: 225px;
    }

    .bg-side-right .download-client {
        width: 302px;
        height: 45px;
    }

    .qr-code {
        width: 206px;
        height: 273px;
        top: 480px;
    }

    .giftcode-use {
        width: 168px;
        height: 50px;
        top: 355px;
    }

    .qr-content {
        margin-top: 50px;
        margin-left: 40px;
    }
}

@media (max-width: 1110px) {

    .bg-side-right .wrap-bg18-right,
    .bg-side-left .wrap-bg18-left,
    .bg-side-right .giftcode-use,
    .bg-side-left .wrap-logo,
    .btn-recharge,
    .download-client,
    .qr-code,
    .container_social {
        display: none;
    }
}