@media screen and (max-width: 768px){
    body{
        background:radial-gradient(circle at top,#3a2a00 0%,#0b0903 38%,#000 100%) fixed;
        background-size:cover;
        background-color:#000;
    }

    .headerfull{
        padding:10px 8px;
    }

    .logo{
        height:48px;
    }

    .banner-full{
        max-width:220px;
        margin:10px auto 8px;
    }

    .top{
        max-width:94%;
        font-size:16px;
        padding:10px 8px;
        margin:8px auto 12px;
    }

    .menu-select{
        max-width:95%;
    }

    .open-modal-btn{
        max-width:100%;
        font-size:14px;
        padding:12px 16px;
    }

    .promo-section{
        width:92%;
        padding:12px 10px 16px;
    }

    .promo-banner-img{
        max-width:100%;
    }

    .promo-btn{
        min-width:100px;
        font-size:14px;
        padding:10px 12px;
    }

    .menu-btn{
        min-width:140px;
        font-size:14px;
        padding:12px 10px;
    }

    .winner-box{
        flex-direction:column;
        align-items:stretch;
    }

    .winner-label,
    .winner-text{
        text-align:center;
    }

    .box{
        max-width:92%;
        padding:16px 8px 18px;
        border-radius:12px;
    }

    .tanggal{
        font-size:16px;
        margin-bottom:14px;
    }

    .bola{
        gap:10px;
    }

    .bola span{
        width:46px;
        height:46px;
        line-height:46px;
        font-size:24px;
    }

    .tbl{
        width:92%;
    }

    .tbl td{
        font-size:13px;
        padding:8px 8px;
    }

    .tbl td:first-child{
        width:42%;
    }

    .bottom-buttons{
        width:92%;
        gap:10px;
    }

    .bottom-btn-img{
        height:92px;
    }

    .modal-box{
        max-width:95%;
    }

    .modal-header h3{
        font-size:18px;
    }

    .modal-search-input{
        font-size:14px;
        padding:12px 14px;
    }

    .modal-pasaran-item{
        font-size:14px;
        min-height:44px;
    }
}