@media screen and (max-width: 991.98px) {
    .card .card-body {
        padding: 1.5rem!important;
    }
    .latest-winning p {
        text-align: center;
    }
    .latest-winning .prize-list .card .separator {
        border-width: .125rem
    }
    .daterangepicker .drp-selected {
        display: none;
    }
    main {
        margin-top: 2rem;
        margin-bottom: 3rem;
    }
    footer .copyright {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .hero .card .hero-action {
        flex-wrap: wrap;
    }
    .hero .card .hero-action .btn {
        width: 100%;
    }
    .draw-history .draw-tab .btn {
        padding: .8rem .75rem!important;
    }
    .live-draw .countdown {
        padding: 1.5rem 1rem!important;
        width: 100%;
    }
    .live-draw .lottery-banner img {
        display: none;
    }
    .live-draw .winner .card .punches-left {
        left: -3%;
    }
    .live-draw .winner .card .punches-right {
        right: -3%;
    }
    .live-draw .winner .prize {
        font-size: 1rem;
        margin-bottom: 1rem;
    }
    .live-draw .winner .winning-number .ball {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    .generator .random-ball {
        flex-wrap: wrap;
        justify-content: center;
    }
    .generator .random-ball .item-ball {
        width: 100px;
        height: 100px;
    }
    .generator .random-ball .item-ball .ball {
        max-width: 50px;
    }
    .generator .navigation {
        width: 100%;
        flex-direction: column;
    }
    .generator .navigation .btn-primary {
        width: 100%;
    }
    .generator .btn-navigation-container {
        width: 100%;
    }
    .generator .btn-navigation-container .navigation-text {
        width: 100%;
    }
    .generator .option-ball .result-ball {
        gap: 1rem;
        margin-bottom: 1rem;
        flex-wrap: wrap;
    }
    .generator .option-ball .result-ball .ball {
        max-width: 50px;
    }
}