@media screen and (max-width: 991px) {


    .transition .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        box-sizing: border-box;
        padding: 10px;
        gap: 0.6em;
    }
    .agent .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        box-sizing: border-box;
        padding: 10px;
        gap: 0.8em;
    }
    .agent_sub .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        box-sizing: border-box;
        padding: 10px;
        gap: 0.8em;
    }
    .app .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(5,1fr);
        gap: 0.7em;
        box-sizing: border-box;
    }
    .number-list .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        box-sizing: border-box;
        gap: 0.5em;
        padding: 10px;
    }
    .details .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        box-sizing: border-box;
        gap: 0.7em;
        padding: 10px;
    }
    .learn .container {
        grid-template-columns: repeat(1,1fr);
    }
    .promotion_img .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        box-sizing: border-box;
    }
    .mont .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        box-sizing: border-box;
        gap: 0.5em;
        border-radius: 10px;
    }
    .menu_mo .wrap .container {
        grid-template-columns: repeat(4,1fr);
    }
    .exchange .container .row h2 {
        top: 10px;
    }
    .coin .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 0.5em;
    }
    .max-wrap {
        padding: 10px !important;
        margin: 0 auto;
    }
    .nav-bottom .container .row img {
        width: 40%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .menu-trade .container {
        max-width: 1280px;
        height: auto;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        box-sizing: border-box;
        background-color: #252525;
        border-radius: 10px;
        padding: 10px;
    }
    .bank-deposit .container {
        grid-template-columns: repeat(1, 1fr);
    }
    .bank-deposit .container .row img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 40%;
        border-radius: 15px;
    }
    .olcards li .content {
        padding: 7px !important;
    }
}