<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">Live Casino</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;
                }

                @media only screen and (max-width: 500px) {

                    .slotarea,
                    .casinoarea {
                        height: 100%;
                        grid-template-columns: repeat(3, 1fr) !important;
                    }

                    .gameitem {
                        padding: 6px;
                    }


                }
            </style>


            <div style="margin-top: 10px">
                <h2 style="margin-bottom:30px"><img src="https://img.viva88athenae.com/pp.png" alt="PRAGMATIC LIVE CASINO" style="margin-top:-20px; height: 45px">Pragmatic Live Casino</h2>
                <div class="casinoarea">
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/101.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Top Games</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/104.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Baccarat Lobby</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/102.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Roulette Lobby</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/103.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Blackjack Lobby</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/1001.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Dragon Tiger</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/1024.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Andar Bahar</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/204.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Mega Roulette</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/701.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Mega Sicbo</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/801.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Mega Wheel</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/240.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Power Up Roulette</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/1101.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Sweet Bonanza Candyland</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/1302.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Spaceman</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/1401.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Boom City</figcaption>
                    </figure>
                    <figure class="gameitem casino">
                        <img src="https://img.viva88athenae.com/pp/images/1601.jpg" class="casinoimg">
                        <figcaption style="text-align:center; margin-top:5px;">Snakes &amp; Ladders Live</figcaption>
                    </figure>
                </div>
                <div style="clear:both"></div>
            </div>



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