@media only screen {

    div.leagueTableWrapper {
        display: block;
        margin-top: 50px;
        width: 80%;
        margin-left: 10%;
        margin-bottom: 25px;
    }

    ul.leagueTable {
        display: block;
        overflow: hidden;
        width: 100%;
        padding: 0;
        margin: 0;
        border: solid 1px var(--lightgrey);
        background-color: var(--white);
    }

    div.wrap ul.leagueTable {
        font-size: 13px;
        border: none;
        width: 98%;
        margin: 0 auto;
        scrollbar-width: none;
        overflow-y: scroll;
        height: 100%;
        background-color: var(--white);
        padding-bottom: 100px;
    }

    li.leagueTable {
        height: 55px;
        display: block;
        overflow: hidden;
        float: left;
        width: 100%;
        padding: 5px 0;
        border-bottom: solid 1px #e6e3e3;
        background: rgba(255, 255, 255, 0.3);
        line-height: 30px;
    }




    div.wrap li.leagueTable {
        height: 40px;
        line-height: 30px;
    }

    li.leagueTable:nth-child(2n+1) {
        background-color: rgba(239, 239, 239, 0.3);
    }

    li.leagueTable.selected {
        background-color: #af9647;
    }

    li.leagueTable div {
        display: block;
        float: left;
        overflow: hidden;
        width: 0%;
        margin: 0;
        height: 55px;
        text-align: center;
    }

    li.leagueTable.header {
        font-weight: bold;
        background-color: var(--darkblue);
        color: var(--white);

    }

    div.wrap li.leagueTable.header {
        height: 50px;
        margin-top: 10px;
        border: solid 1px #e6e3e3;
        background-color: transparent;
    }

    li.leagueTable div.teamName {
        width: 50%;
        text-align: left;
        padding-left: 10px;
        background: transparent;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
        text-transform: uppercase;
    }

    div.wrap li.leagueTable div.teamName {
        font-weight: normal;
        color: #000;
    }

    div.wrap li.leagueTable.selected div.teamName {
        font-weight: 700;
    }

    li.leagueTable div.teamLogo {
        width: 0%;
    }

    div.fixture-wrap li.leagueTable.header {
        height: 100px;
    }

    div.fixture-wrap li.leagueTable.header div.teamLogo {
        background-color: var(--whitesmoke);
        margin-left: -3%;
        width: 0%;
    }

    div.fixture-wrap li.leagueTable.header div.teamLogo {

        background-position: center;
        background-repeat: no-repeat;
        background-size: 90%;
        padding: 5px;

    }


    li.leagueTable div.teamLogo img {
        height: 100%;
    }

    li.leagueTable div.played,
    li.leagueTable div.dif,
    li.leagueTable div.tally {
        width: 5%
    }

    li.leagueTable div.points {
        font-weight: bold;
        width: 10%;
    }
}

.fixture-wrap li.leagueTable div.dif {
    width: 0;
}

.fixture-wrap li.leagueTable div.points {
    width: 14%;
}

/* .fixture-wrap .leaguetable_home
{
    overflow: hidden;
    overflow-y: scroll;
} */

@media screen and (min-width:765px) {

    li.leagueTable div.teamName {
        width: 40%;
    }

    li.leagueTable div.teamLogo {
        width: 10%;
    }

    div.fixture-wrap li.leagueTable.header div.teamLogo {
        width: 9%;
        margin-left: 1%;
    }



}