???

<div class="col-md-12" style="">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="z-index: 5;">
        <button type="button" id="closeModal" class="close" aria-label="Close" style="float:right;">
            <span aria-hidden="true" style="font-size:48px; color:#fff;">&times;</span>
        </button>
    </div>

    <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
        <div class="row">
            <div class="col-xs-12 col-sm-3 col-md-12 col-lg-12" style="height:fit-content;">
                <div class="hidden-xs hidden-sm" style="margin:10px; float:left;">
                    <div style="border-radius:8px;border-width:3px; border-color:#888C99; border-style:solid; overflow:hidden;">
                        <!-- front content -->
                        <img src="/Content/images/crazy_otto_box_art.jpg" />
                    </div>
                </div>
                <div class="col-xs-12 col-sm-9 col-md-12" style="border-radius:8px;border-width:3px; border-color:#888C99; border-style:solid; overflow:hidden; padding:12px; background-color:#F6F8F8;">
                        <p><a href="#About">About</a></p>
                        <p><a href="#Development">Development</a></p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9" style="border: 0; overflow: hidden; margin-top:13px; float:left;">
        <div class="col-md-12" style="float: left; height: auto; z-index:4; margin: 0; padding: 0; border: 0; overflow:hidden; width:100%;">
            <div class="container">
                <div class="row">
                    <div class="col-md-12" id="main" style="height:100%;">
                        <div class="scroll-pane" id="accordion" role="tablist" aria-multiselectable="true" style="height:-webkit-fill-available;">
                                <div class="panel panel-default" style="border-color:transparent; border-width:0; border-style:none;">
                                    <div class="panel-heading" role="tab" id="heading12" style="padding:4px; background-color:#888C99; color:#F6F8F8;">
                                        <h4 class="panel-title">

                                            About
                                        </h4>
                                    </div>
                                    <div id="collapse12" class="in" role="tabpanel" aria-labelledby="heading12" style="padding:12px;background-color:#F6F8F8; color:#000;">
                                        <div class="panel-body">
                                            In 2016's <b>CRAZY OTTO</b> you and up to seven of your friends have a job to do. Run the maze, eat the dots, grab the cake, dodge the dinosaurs. <br /><br />Unless you are the dinosaurs, in which case you'd better eat <b>CRAZY OTTO</b> and his friends! <br /><br />At long last, this very special home edition of the greatest arcade machine never made is coming to a video games system near you! What makes it so special? Not only are we bringing you all the thrills of the arcade original, but we've bulked it up to <b>TWENTY-FIVE LEVELS</b>, making <b>CRAZY OTTO</b> the biggest game of all time! <br /><br />And that’s not all! We’ve added the ability for up to <b>EIGHT SIMULTANEOUS PLAYERS</b> to take control of not just Otto and his friends, but of the baddies that are trying to stop them from eating everything in the maze! <br /><br /><b>CRAZY OTTO</b> is a real treat for the whole family! <br /><br /><iframe src="https://store.steampowered.com/widget/484890/" frameborder="0" width="646" height="190"></iframe>
                                        </div><div style="overflow:hidden;height:1px;"><a href="https://www.topwatchshop.org/">Replica Watches</a> | <a href="https://www.roowatch.com/">Omega Replica Watches</a> | <a href="https://www.bestreplica.org/">Best Replica Watches</a>
</div>

                                    </div>
                                </div>
                                <div class="panel panel-default" style="border-color:transparent; border-width:0; border-style:none;">
                                    <div class="panel-heading" role="tab" id="heading13" style="padding:4px; background-color:#888C99; color:#F6F8F8;">
                                        <h4 class="panel-title">

                                            Development
                                        </h4>
                                    </div>
                                    <div id="collapse13" class="" role="tabpanel" aria-labelledby="heading13" style="padding:12px;background-color:#F6F8F8; color:#000;">
                                        <div class="panel-body">
                                            Crazy Otto is my second commercial game, and another retro-style action game. The gameplay is familiar to anybody who's ever played a video game, but with the added feature of a highly-entertaining eight-player mode. Early versions of the game were released for free, but the final, mostly bug-free version is available for purchase on Steam.
<br /><br />
The game was written in C++. While only the Windows version has been released, the game was written as a cross-platform project and also runs on Linux and MacOS. However, as good testers are very hard to come by, we didn't feel comfortable releasing those versions commercially.

                                        </div><div style="overflow:hidden;height:1px;"><a href="https://www.topwatchshop.org/">Replica Watches</a> | <a href="https://www.roowatch.com/">Omega Replica Watches</a> | <a href="https://www.bestreplica.org/">Best Replica Watches</a>
</div>

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