<div class="menu-content mobile-only">
                            <div id="main-content" style="background: var(--content-box-background)"><div id="mobile-content" style="padding: 24px; box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;">    <div class="panel panelbg">
       <div class="desktop-only"><h3 class="pb-4">Arcade</h3></div>
           <div class="panel-body">
           
                <style>
    
    .slotarea {
        height: 800px;
         overflow:auto;
        width: 100%; 
        display: grid; 
        grid-template-columns: repeat(5, 1fr);
        gap-y: 25px;
        margin-bottom: 40px;
    }
    
    .casinoarea {
        overflow:auto;
        width: 100%; 
        display: grid; 
        grid-template-columns: repeat(4, 1fr);
        gap-y: 25px;
        margin-bottom: 24px;
    }
    
    .five {
        grid-template-columns: repeat(5, 1fr);
    }
    
    .gameitem {
        padding: 20px;
        padding-top: 0px;
    }
    
    .gameitem>img {
        width: 100%;
        max-width: 100%;
        object-fit: contain;
    }
    
    .gameitem>figcaption {
        overflow-wrap: break-word;
    }
    
    .casinoimg {
        border-radius: 10px;
        border: 1px solid #000; 
        box-shadow:rgba(0,0,0,.1) 0px 2px 5px 5px;
    }
    
    .gameitem {
            padding: 6px;
        }

   
    
</style>


<div><h2 style="margin-bottom:30px;  display: flex; gap: 5px; align-items: center"><img src="https://img.viva88athenae.com/jl.png" alt="JILI" style="height: 24px">JILI</h2><div class="casinoarea five"><figure class="gameitem casino"><img src="https://img.viva88athenae.com/jl/images/212.png" class="casinoimg"><figcaption style="text-align:center; margin-top:5px;">Dinosaur Tycoon II</figcaption></figure><figure class="gameitem casino"><img src="https://img.viva88athenae.com/jl/images/32.png" class="casinoimg"><figcaption style="text-align:center; margin-top:5px;">Jackpot Fishing</figcaption></figure><figure class="gameitem casino"><img src="https://img.viva88athenae.com/jl/images/82.png" class="casinoimg"><figcaption style="text-align:center; margin-top:5px;">Happy Fishing</figcaption></figure><figure class="gameitem casino"><img src="https://img.viva88athenae.com/jl/images/119.png" class="casinoimg"><figcaption style="text-align:center; margin-top:5px;">All-star Fishing</figcaption></figure><figure class="gameitem casino"><img src="https://img.viva88athenae.com/jl/images/1.png" class="casinoimg"><figcaption style="text-align:center; margin-top:5px;">Royal Fishing</figcaption></figure><figure class="gameitem casino"><img src="https://img.viva88athenae.com/jl/images/71.png" class="casinoimg"><figcaption style="text-align:center; margin-top:5px;">Boom Legend</figcaption></figure><figure class="gameitem casino"><img src="https://img.viva88athenae.com/jl/images/74.png" class="casinoimg"><figcaption style="text-align:center; margin-top:5px;">Mega Fishing</figcaption></figure><figure class="gameitem casino"><img src="https://img.viva88athenae.com/jl/images/42.png" class="casinoimg"><figcaption style="text-align:center; margin-top:5px;">Dinosaur Tycoon</figcaption></figure><figure class="gameitem casino"><img src="https://img.viva88athenae.com/jl/images/20.png" class="casinoimg"><figcaption style="text-align:center; margin-top:5px;">Bombing Fishing</figcaption></figure><figure class="gameitem casino"><img src="https://img.viva88athenae.com/jl/images/60.png" class="casinoimg"><figcaption style="text-align:center; margin-top:5px;">Dragon Fortune</figcaption></figure></div><div style="clear:both"></div></div>
            


    	</div>
    </div>
    </div>


<script>
    
    function loadGame(type, provider) {
        
        var file = `/new-webpages.php?content=${type}&provider=${provider}`;
        
        $('#mobile-content').load(file); 
    }
    
</script></div>
                    </div>