@media(min-width:1024px) {
    .col-lg-v {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media(max-width:1024px) {
    #lotteries-list .carousel-item .card.lottery-item {
        max-width: 170px;
        margin: 0 15px;
    }
    #lotteries-list .card.lottery-item .card-title {
        min-height: 40px;
    }
    #lotteries-list .card.lottery-item .card-text.countdown .rgb-countdown li {
        margin: 0 2.5%;
    }
}

@media(max-width:1023px) {
    #navbarNav .nav-link {
        padding: 10px 18px;
    }
    #lottery-results .container .last .lottery-results-item {
        border-bottom:1px solid #e0e0e0;
    }
    #lottery-results .container .last.lottery-results-item {
        border-bottom:none;
    }
}

@media(max-width:768px) {
    #navbarNav.scrollable {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        scrollbar-width: none; /* Firefox hide scrollbar */
        width: auto;
        max-width: 100%;
    }
    #navbarNav.scrollable::-webkit-scrollbar {
        display: none;
    }
    #navbarNav.scrollable .nav-link {
        font-size: 0.9rem;
        font-weight: normal !important;
    }
    .bet-type-container .card-title.bet_titles:before {
        width: 30% !important;
        margin-left: 35%;
    }

}

@media(max-width:767px) {
    .upcoming-lottos .rgb-countdown li {
        margin: 0 2.5%;
    }
}


@media (max-width: 992px) {
    .container {
        max-width: 95% !important;
    }
}


@media(max-width:576px) {

    .upcoming-lottos h5.title {
        line-height: normal;
    }
    .upcoming-lottos .countdown-bg1 {
        border-radius: 0 15px 0 0;
    }
    .upcoming-lottos .up_lotto .betnow a {
        border-radius: 0 0 15px 0;
        line-height: 2rem;
    }
    #results-page .nav-link {
        font-size: 1rem;
    }

    .table-responsive .table {
        border: 0;
    }
    .table-responsive .table thead {
        position: absolute;
        overflow: hidden;
        border: none;
        clip: rect(0 0 0 0);
        height: 1px; width: 1px;
        padding: 0; margin: -1px;
    }
    .table-responsive .table tr {
        border-bottom: 3px solid #dee2e6;
        display: block;
        margin-bottom: 1em;
    }
    .table-responsive .table td {
        display: block;
        text-align: right;
    }
    .table-responsive .table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
    .table-responsive .table td:last-child {
        border-bottom: 0;
    }

    .breadcrumb {
        padding: 0.25em;
        margin: 0.25em;
    }

    .bet-type-container .card-title.bet_titles {
        margin-bottom: 15px !important;
    }
    .bet-type-container .card .card-subtitle{
        font-size: 1em;
    }

    h2.bet_titles{
        line-height: 1.25em;
        font-size: 18px;
    }

    h5.bet_titles {
        font-size: 16px;
    }

    .table-responsive td {
        padding: 5px !important;
    }

    .table-responsive tr {
        margin-bottom: 20px !important;
    }
}

@media(max-width:480px) {
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 20px;
        height: 20px;
    }
    .upcoming-lottos .rgb-countdown li {
        margin: 0 5%;
    }
    #account .table th {
        font-size: 0.8rem;
    }
    #navbarNav.scrollable {
        /* iOS Safari fix to stop viewport scrolling */
        max-width: 400px;
    }
    .container {
        max-width: 98% !important;
    }
}

@media(max-width:400px) {
    #navbarNav.scrollable {
        /* iOS Safari fix to stop viewport scrolling */
        max-width: 360px;
    }
}

@media (min-width: 576px){
    .right-paddle {
        display: none ;
    }
    .paddles{
        display: none ;
    }
}
