@media (max-width: 1400px) {}

@media (max-width: 1200px) {
    .container {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
    .container-sm {
        padding-right: 20px;
        padding-left: 20px;
        max-width: 100%;
    }
    .main-header {
        padding: 10px 0;
    }
    .lg-left {
        margin-bottom: 30px;
    }
    .lg-right {
        display: flex;
        justify-content: space-between;
        gap: 30px;
    }
    .box {
        margin: 0;
        flex: 1;
    }
    .copyright {
        padding: 15px 0;
    }
    #main-game,
    #support,
    #win-history {
        padding-bottom: 30px;
    }
    .win-content.box {
        padding-bottom: 0;
    }
    .input-group>.form-input {
        height: 48px;
    }
    .search-code form {
        text-align: left;
    }
}

@media (max-width: 991px) {
    .tab-pane form {
        text-align: left;
    }
    #form-send-money .custom-select.first {
        margin-bottom: 16px;
    }
}

@media (max-width: 767px) {
    .lg-right {
        flex-direction: column;
    }
    .tab-pane,
    .search-code,
    .web-stat,
    #support .box,
    .win-content.box {
        padding: 20px;
    }
    .copyright {
        background-size: cover;
    }
    .guild-mm {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }
    h3,
    .modal-title {
        font-size: 20px;
        line-height: 24px;
    }
    .user-login img {
        width: 44px;
        height: 44px;
    }
    .logo img {
        width: 67px;
    }
    .jackpot {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .jackpot>img {
        width: 44px;
    }
}

@media (max-width: 576px) {
    .btn {
        width: 100%;
    }
    .nav-tabs {
        gap: 12px;
        margin-bottom: 46px;
    }
    .accordion-button {
        font-size: 14px;
        padding: 12px;
        line-height: 22px;
        font-weight: 700;
    }
    .select-items {
        background-size: cover;
    }
    .select-selected,
    .form-input {
        padding: 10px 16px;
    }
    .input-group>.form-input {
        height: 43px;
    }
}

@media (max-width: 500px) {
    .main-header {
        background-image: url(../images/bg-header-mb.png);
    }
}

@media (max-width: 400px) {
    .row>*,
    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (max-width: 320px) {}