@extends('layouts.main')
@desktop
    @section('desktop')
        <div class="container pt-4 games-category">
            <div class="row">

                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ URL::to('/slots/game_list/pragmatic') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>
                                <video autoplay="" loop="" muted="" inline="" width="100%" height="100%"
                                    class="pgsoft_video">
                                    <source
                                        src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/PPLogo.webp?v=0.13"
                                        type="video/webp">
                                    <source
                                        src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/PPLogo.mp4?v=0.13"
                                        type="video/mp4">
                                    <img src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/slot_pp.jpg?v=9.5"
                                        alt=" PRAGMATIC">
                                </video>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>


                    </a>

                </div>

                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ URL::to('/slots/game_list/pgsoft') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>
                                <video autoplay="" loop="" muted="" inline="" width="100%" height="100%"
                                    class="pgsoft_video">
                                    <source
                                        src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/PGLogo.webp?v=0.13"
                                        type="video/webp">
                                    <source
                                        src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/PGLogo.mp4?v=0.13"
                                        type="video/mp4">
                                    <img src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/slot_pgsoft.jpg?v=0.1"
                                        alt=" PGSOFT">
                                </video>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>


                    </a>

                </div>

                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/habanero') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/slot_haba.jpg?v=9"
                                    alt=" HABANERO">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img src="https://files.sitestatic.net/assets/imgs/game_logos/200x60/hb_slot.png">
                                        </span>
                                    </div>
                                </div>


                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>


                    </a>

                </div>
                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/cq9') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/slot_cq9.jpg?v=9"
                                    alt=" cq9">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img src="https://files.sitestatic.net/assets/imgs/game_logos/200x60/cq9_slot.png">
                                        </span>
                                    </div>
                                </div>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>
                    </a>
                </div>

                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/reelkingdom') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="../../assets/reel.png" alt="Microgaming">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img src="../../assets/reel.png">
                                        </span>
                                    </div>
                                </div>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>
                    </a>
                </div>


                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/evoplay') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/evoplay.jpg"
                                    alt=" evoplay">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img
                                                src="https://files.sitestatic.net/assets/imgs/game_logos/200x60/evoplay_slot.png">
                                        </span>
                                    </div>
                                </div>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>
                    </a>
                </div>

                {{-- new --}}
                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/toptrend') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="../../assets/toptrend.jpg" alt=" evoplay">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img src="../../assets/toptrend.jpg">
                                        </span>
                                    </div>
                                </div>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/booongo') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="../../assets/booongo.jpg" alt=" evoplay">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img src="../../assets/booongo.jpg">
                                        </span>
                                    </div>
                                </div>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/dreamtech') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="../../assets/dreamtech.png" alt=" evoplay">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img src="../../assets/dreamtech.png">
                                        </span>
                                    </div>
                                </div>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/playson') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="../../assets/playson.jpeg" alt=" evoplay">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img src="../../assets/playson.jpeg">
                                        </span>
                                    </div>
                                </div>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>
                    </a>
                </div>


                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">

                    <a href="{{ URL::to('/slots/game_list/joker') }}" class="game" target="_blank">

                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/slot_joker.jpg?v=9.1"
                                    alt=" Joker GAMING">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img src="https://files.sitestatic.net/assets/imgs/game_logos/200x60/jk_slot.png">
                                        </span>
                                    </div>
                                </div>


                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>


                    </a>

                </div>

                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/advantplay') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/advantplay_slot.jpg"
                                    alt=" advantplay">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img
                                                src="https://files.sitestatic.net/assets/imgs/game_logos/200x60/advantplay_slot.png">
                                        </span>
                                    </div>
                                </div>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>
                    </a>
                </div>

                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/spadegaming') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/slot_sg.jpg?v=9"
                                    alt=" spadegaming">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img src="https://files.sitestatic.net/assets/imgs/game_logos/200x60/sg_slot.png">
                                        </span>
                                    </div>
                                </div>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>
                    </a>
                </div>
              
                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/playngo') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/slot_png.jpg?v=9.1"
                                    alt=" PLayngo">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img
                                                src="https://files.sitestatic.net/assets/imgs/game_logos/200x60/playngo_slot.png">
                                        </span>
                                    </div>
                                </div>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>
                    </a>
                </div>

                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/playstar') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/playstar.jpg?v=0.1"
                                    alt=" PLayngo">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img
                                                src="https://files.sitestatic.net/assets/imgs/game_logos/200x60/playstar_slot.png">
                                        </span>
                                    </div>
                                </div>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>
                    </a>
                </div>

                <div class="col-xs-12 col-sm-4 col-lg-3 box gamecategory-singleitem">
                    <a href="{{ url('/slots/game_list/nolimitcity') }}" rel="opener" class="game" target="_blank">
                        <div class="g-card">
                            <!-- <div class="loader-b" *ngIf="!showEle"></div> -->
                            <div class="card-img" *ngif="showEle" _games_category="">
                                <!--Game Content (repeated below)-->
                                <div class="g-overlay"></div>

                                <img src="https://files.sitestatic.net/GameImage/SlotsProviders/desktop/normal/NLC.jpg"
                                    alt=" PLayngo">
                                <div class="card-title" _games_category="">
                                    <div class="logo">
                                        <span style=" width: 200px; height: 60px; ">
                                            <img
                                                src="https://files.sitestatic.net/assets/imgs/game_logos/200x60/nolimitcity_slot.png">
                                        </span>
                                    </div>
                                </div>
                                <div class="btn-wrapper" _games_category="">
                                    <button class="btn btn-hvrplay clearfix">
                                        <div class="inner">
                                            <div class="p1">

                                                MAIN SEKARANG </div>
                                            <div class="p2"><i class="icon-play-solid "></i>
                                                <div>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                </div>
                                <!--END Game Content (repeated below)-->
                            </div>
                        </div>
                    </a>
                </div>

            </div>
        </div>
    @endsection
@elsedesktop
    @section('content')
        <div class="container pt-1 games-category">
            <h2 class="title">slots</h2>
            <div class="row">
                <script type="text/javascript">
                    var windowNames = JSON.parse('{"lottery":"lottery","live":"king4d","togel":"king4d"}');
                </script>
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 image-grid">
                        <div class="col-xs-4 col-sm-3 col-md-2 box">
                            <div class="game-wrapper ">
                                <a href="{{ URL::to('/slots/game_list/pragmatic') }}" rel="opener" class="game ">
                                    <img class="img-fluid lazy" alt="PRAGMATIC"
                                        data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/slot_pp.jpg"
                                        src="" />
                                    <div class="g-title ">PRAGMATIC</div>
                                </a>
                            </div>
                        </div>
                        <div class="col-xs-4 col-sm-3 col-md-2 box">
                            <div class="game-wrapper ">
                                <a href="{{ URL::to('/slots/game_list/pgsoft') }}" rel="opener" class="game ">
                                    <img class="img-fluid lazy" alt="PGSOFT"
                                        data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/slot_pgsoft.jpg?v=0.1"
                                        src="" />
                                    <div class="g-title">PGSOFT</div>
                                </a>
                            </div>
                        </div>
                        <div class="col-xs-4 col-sm-3 col-md-2 box">

                            <div class="game-wrapper ">
                                <a href="{{ URL::to('/slots/game_list/habanero') }}" rel="opener" class="game">
                                    <img class="img-fluid lazy" alt="habanero"
                                        data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/slot_haba.jpg?v=9"
                                        src="" />
                                    <div class="loader-b" *ngIf="!showEle"></div>


                                    <div class="g-title">HABANERO</div>

                                </a>

                            </div>
                        </div>

                        <div class="col-xs-4 col-sm-3 col-md-2 box">
                            <div class="game-wrapper ">
                                <a href="{{ url('/slots/game_list/cq9') }}" rel="opener" class="game">
                                    <img class="img-fluid lazy" alt="CQ9"
                                        data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/slot_cq9.jpg?v=9"
                                        src="" />
                                    <div class="loader-b" *ngIf="!showEle"></div>
                                    <div class="g-title">CQ9</div>
                                </a>
                            </div>
                        </div>

                        <div class="col-xs-4 col-sm-3 col-md-2 box">

                            <div class="game-wrapper ">


                                <a href="{{ url('/slots/game_list/evoplay') }}" rel="opener" class="game">

                                    <img class="img-fluid lazy" alt="evoplay"
                                        data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/evoplay.jpg"
                                        src="" />
                                    <div class="loader-b" *ngIf="!showEle"></div>


                                    <div class="g-title">evoplay</div>

                                </a>

                            </div>
                        </div>
                        
                        <div class="col-xs-4 col-sm-3 col-md-2 box">

                            <div class="game-wrapper ">


                                <a href="{{ url('/slots/game_list/toptrend') }}" rel="opener" class="game">

                                    <img class="img-fluid lazy" alt="TOPTREND"
                                        data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/slot_ttg.jpg"
                                        src="" />
                                    <div class="loader-b" *ngIf="!showEle"></div>


                                    <div class="g-title">TOPTREND</div>

                                </a>

                            </div>
                        </div>
                        
                        {{-- new --}}
                        <div class="col-xs-4 col-sm-3 col-md-2 box">

                            <div class="game-wrapper ">


                                <a href="{{ url('/slots/game_list/playtech') }}" rel="opener" class="game">

                                    <img class="img-fluid lazy" alt="evoplay" data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/slot_pt.jpg?v=9.1"
                                        src="" />
                                    <div class="loader-b" *ngIf="!showEle"></div>


                                    <div class="g-title">PLAYTECH</div>

                                </a>

                            </div>
                        </div>
                        <div class="col-xs-4 col-sm-3 col-md-2 box">

                            <div class="game-wrapper ">


                                <a href="{{ url('/slots/game_list/microgaming') }}" rel="opener" class="game">

                                    <img class="img-fluid lazy" alt="Microgaming"
                                        data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/slot_mg.jpg?v=13"
                                        src="" />
                                    <div class="loader-b" *ngIf="!showEle"></div>


                                    <div class="g-title">Microgaming</div>

                                </a>

                            </div>
                        </div>

                        <div class="col-xs-4 col-sm-3 col-md-2 box">
                            <div class="game-wrapper ">
                                <a href="{{ url('/slots/game_list/advantplay') }}" rel="opener" class="game">
                                    <img class="img-fluid lazy" alt="advantplay"
                                        data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/advantplay_slot.jpg"
                                        src="" />
                                    <div class="loader-b" *ngIf="!showEle"></div>
                                    <div class="g-title">advantplay</div>
                                </a>
                            </div>
                        </div>

                        <div class="col-xs-4 col-sm-3 col-md-2 box">
                            <div class="game-wrapper ">
                                <a href="{{ url('/slots/game_list/spadegaming') }}" rel="opener" class="game">
                                    <img class="img-fluid lazy" alt="spadegaming"
                                        data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/slot_sg.jpg?v=9"
                                        src="" />
                                    <div class="loader-b" *ngIf="!showEle"></div>
                                    <div class="g-title">spadegaming</div>
                                </a>
                            </div>
                        </div>

                        <div class="col-xs-4 col-sm-3 col-md-2 box">
                            <div class="game-wrapper ">
                                <a href="{{ url('/slots/game_list/playngo') }}" rel="opener" class="game">
                                    <img class="img-fluid lazy" alt="Playngo"
                                        data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/slot_png.jpg?v=9.1"
                                        src="" />
                                    <div class="loader-b" *ngIf="!showEle"></div>
                                    <div class="g-title">Playngo</div>
                                </a>
                            </div>
                        </div>
                        <div class="col-xs-4 col-sm-3 col-md-2 box">
                            <div class="game-wrapper ">
                                <a href="{{ url('/slots/game_list/playstar') }}" rel="opener" class="game">
                                    <img class="img-fluid lazy" alt="playstar"
                                        data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/playstar.jpg?v=0.1"
                                        src="" />
                                    <div class="loader-b" *ngIf="!showEle"></div>
                                    <div class="g-title">Playstar</div>
                                </a>
                            </div>
                        </div>
                        
                        <div class="col-xs-4 col-sm-3 col-md-2 box">
                <div class="game-wrapper ">
                    <a href="{{ url('/slots/game_list/joker') }}" rel="opener" class="game">
                        <img class="img-fluid lazy" alt="JOKER GAMING"
                            data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/slot_joker.jpg?v=9.1"
                            src="" />
                        <div class="loader-b" *ngIf="!showEle"></div>
                        <div class="g-title">JOKER</div>
                    </a>
                </div>
            </div>

                        <div class="col-xs-4 col-sm-3 col-md-2 box">
                            <div class="game-wrapper ">
                                <a href="{{ url('/slots/game_list/nolimitcity') }}" rel="opener" class="game">
                                    <img class="img-fluid lazy" alt="No Limit City"
                                        data-src="https://files.sitestatic.net/GameImage/SlotsProviders/mobile/normal/NLC.jpg"
                                        src="" />
                                    <div class="loader-b" *ngIf="!showEle"></div>
                                    <div class="g-title">No Limit City</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
       


        <div class="mobilesite-footer">
            <div class="container">
                <style media="screen">
                    .left-custom-livechat-code {
                        bottom: 58px !important;
                    }

                    #chat-widget-container {
                        bottom: 51px !important;
                    }
                </style>
            </div>
        </div>
    @endsection
@enddesktop
