/* ADS DISPLAYMENT */

/* @media screen and (max-width: 1450px) {
    .promotion-box {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .flexible-box {
        flex-direction: column;
    }
} */

/* @media screen and (max-width: 700px) {
    .flexible-box {
        flex-direction: column;
    }
} */

@media screen and (max-width: 560px) {
    .promotion-display {
        width: 100% !important;
    }

    .promotion-display img {
        max-width: 500px !important;
        min-width: 0px !important;
        width: 100% !important;
    }

    .promotion-boxes img {
        max-width: 480px !important;
        min-width: 0px !important;
        width: 100% !important;
    }
}



@media screen and (max-width: 1000px) {
    .justify-div-box {
        margin: 0px 20px !important;
    }

    .navigation-bar .container {
        padding: 10px 20px !important;
    }

    .navigation-bar .navigations .nav-navigations {
        display: none !important;
    }

    .section_1 .container {
        flex-wrap: wrap;
    }

    .box-something {
        max-width: none !important;
        width: 100% !important;
    }

    .promotion-box {
        flex-wrap: wrap;
    }

    .promotion-display {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .navigation-bar .navigations .ham-icon {
        display: block !important;
    }
}

/* @media screen and (max-width: 700px) {
    table th {
        font-size: 6px !important;
    }

    table td {
        font-size: 6px !important;
    }
} */


@media screen and (max-width: 1000px) {
    /* .overflow-table-box {
        overflow-x: scroll;
    } */

    .promotion-display img {
        max-height: 110px !important;
    }

    .promotion-display {
        max-height: 110px !important;
    }



    table th:nth-child(2), table th:nth-child(3), table th:nth-child(4), table th:nth-child(5) {
        display: none !important;
    }

    table tr:nth-child(1) {
        display: flex;
        flex-direction: row;
    }

    table tr {
        display: flex;
        flex-direction: column;
        padding: 10px 0px !important;
    }

    table th {
        display: flex;
        align-items: center;
        font-size: 16px !important;
        width: 100%;
    }

    table td {
        text-align: left !important;
        font-size: 11px !important;
        padding: 0px 10px !important;
    }

    table td:nth-child(1) {
        display: none !important;
    }

    table td:nth-child(2) {
        font-size: 13px !important;
        font-weight: 500;
    }

    table td:nth-child(3) {
        font-size: 10px !important;
    }

    table td:nth-child(4) {
        /* margin-top: 20px; */
        font-size: 15px !important;
    }

    table td:nth-child(5) p {
        /* margin-top: 10px; */
        font-size: 15px !important;
    }

    table td:nth-child(5) {
        margin-top: 17px;
        font-size: 12px !important;
    }

    .progress-bar-box {
        max-width: none !important;
        width: 100% !important;
    }

    .players {
        position: absolute;
        width: 90%;
        /* margin-top: 30px !important; */
    }

    .players .players-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }




    /* .players-bar {
        box-sizing: border-box;
        margin-top: 5px;
        width: 100%;
        background: rgba(0, 0, 0, 0.308);
        border-radius: 5px;
        height: 20px;
        text-align: center;
    }

    .players-data {
        box-sizing: border-box;
        position: absolute;
        z-index: 100;
        width: 84%;
        height: 20px !important;
    }

    .display-players {
        display: flex !important;
        justify-content: center;
        align-items: center;
        height: 32px;

    }
    
    .progress-bar {
        box-sizing: border-box;
        position: absolute;
        width: 60%;
        height: 17px;
        text-align: center;
        background: #4c566a;
        border-radius: 5px;
        height: 20px;
    } */

}