diff --git a/production/general_elements.html b/production/general_elements.html
index dea73316..203400e5 100755
--- a/production/general_elements.html
+++ b/production/general_elements.html
@@ -340,21 +340,26 @@
 
                                             <div class="" role="tabpanel" data-example-id="togglable-tabs">
                                                 <ul id="myTab" class="nav nav-tabs " role="tablist">
-                                                    <li role="presentation" class="nav-item"><a href="#tab_content1" class="nav-link active"
-                                                                                              id="home-tab"
-                                                                                              role="tab"
-                                                                                              data-toggle="tab"
-                                                                                              aria-expanded="true">Home</a>
+                                                    <li role="presentation" class="nav-item"><a href="#tab_content1"
+                                                                                                class="nav-link active"
+                                                                                                id="home-tab"
+                                                                                                role="tab"
+                                                                                                data-toggle="tab"
+                                                                                                aria-expanded="true">Home</a>
                                                     </li>
-                                                    <li role="presentation" class="nav-item"><a href="#tab_content2" class="nav-link" role="tab"
-                                                                                        id="profile-tab"
-                                                                                        data-toggle="tab"
-                                                                                        aria-expanded="false">Profile</a>
+                                                    <li role="presentation" class="nav-item"><a href="#tab_content2"
+                                                                                                class="nav-link"
+                                                                                                role="tab"
+                                                                                                id="profile-tab"
+                                                                                                data-toggle="tab"
+                                                                                                aria-expanded="false">Profile</a>
                                                     </li>
-                                                    <li role="presentation" class="nav-item"><a href="#tab_content3" class="nav-link" role="tab"
-                                                                                        id="profile-tab2"
-                                                                                        data-toggle="tab"
-                                                                                        aria-expanded="false">Profile</a>
+                                                    <li role="presentation" class="nav-item"><a href="#tab_content3"
+                                                                                                class="nav-link"
+                                                                                                role="tab"
+                                                                                                id="profile-tab2"
+                                                                                                data-toggle="tab"
+                                                                                                aria-expanded="false">Profile</a>
                                                     </li>
                                                 </ul>
                                                 <div id="myTabContent" class="tab-content">
@@ -429,23 +434,29 @@
                                             <div class="" role="tabpanel" data-example-id="togglable-tabs">
                                                 <ul id="myTab1" class="nav nav-tabs right justify-content-end"
                                                     role="tablist">
-                                                    <li role="presentation" class="nav-item"><a href="#tab_content11" class="active nav-link"
-                                                                                              id="home-tabb" role="tab"
-                                                                                              data-toggle="tab"
-                                                                                              aria-controls="home"
-                                                                                              aria-expanded="true">Home</a>
+                                                    <li role="presentation" class="nav-item"><a href="#tab_content11"
+                                                                                                class="active nav-link"
+                                                                                                id="home-tabb"
+                                                                                                role="tab"
+                                                                                                data-toggle="tab"
+                                                                                                aria-controls="home"
+                                                                                                aria-expanded="true">Home</a>
                                                     </li>
-                                                    <li role="presentation" class="nav-item"><a href="#tab_content22" class="nav-link" role="tab"
-                                                                                        id="profile-tabb"
-                                                                                        data-toggle="tab"
-                                                                                        aria-controls="profile"
-                                                                                        aria-expanded="false">Profile</a>
+                                                    <li role="presentation" class="nav-item"><a href="#tab_content22"
+                                                                                                class="nav-link"
+                                                                                                role="tab"
+                                                                                                id="profile-tabb"
+                                                                                                data-toggle="tab"
+                                                                                                aria-controls="profile"
+                                                                                                aria-expanded="false">Profile</a>
                                                     </li>
-                                                    <li role="presentation" class="nav-item"><a href="#tab_content33" class="nav-link" role="tab"
-                                                                                        id="profile-tabb3"
-                                                                                        data-toggle="tab"
-                                                                                        aria-controls="profile"
-                                                                                        aria-expanded="false">Profile</a>
+                                                    <li role="presentation" class="nav-item"><a href="#tab_content33"
+                                                                                                class="nav-link"
+                                                                                                role="tab"
+                                                                                                id="profile-tabb3"
+                                                                                                data-toggle="tab"
+                                                                                                aria-controls="profile"
+                                                                                                aria-expanded="false">Profile</a>
                                                     </li>
                                                 </ul>
                                                 <div id="myTabContent2" class="tab-content">
@@ -521,25 +532,29 @@
                                                 <ul id="myTab2"
                                                     class="nav nav-tabs right justify-content-center"
                                                     role="tablist">
-                                                    <li role="presentation" class="nav-item"><a href="#tab_content12" class="nav-link active"
-                                                                                              id="home-tabbb" role="tab"
-                                                                                              data-toggle="tab"
-                                                                                              aria-controls="home"
-                                                                                              aria-expanded="true">Home</a>
+                                                    <li role="presentation" class="nav-item"><a href="#tab_content12"
+                                                                                                class="nav-link active"
+                                                                                                id="home-tabbb"
+                                                                                                role="tab"
+                                                                                                data-toggle="tab"
+                                                                                                aria-controls="home"
+                                                                                                aria-expanded="true">Home</a>
                                                     </li>
-                                                    <li role="presentation" class="nav-item"><a href="#tab_content221" class="nav-link"
-                                                                                        role="tab"
-                                                                                        id="profile-tabbb"
-                                                                                        data-toggle="tab"
-                                                                                        aria-controls="profile"
-                                                                                        aria-expanded="false">Profile</a>
+                                                    <li role="presentation" class="nav-item"><a href="#tab_content221"
+                                                                                                class="nav-link"
+                                                                                                role="tab"
+                                                                                                id="profile-tabbb"
+                                                                                                data-toggle="tab"
+                                                                                                aria-controls="profile"
+                                                                                                aria-expanded="false">Profile</a>
                                                     </li>
-                                                    <li role="presentation" class="nav-item"><a href="#tab_content331" class="nav-link"
-                                                                                        role="tab"
-                                                                                        id="profile-tabbb3"
-                                                                                        data-toggle="tab"
-                                                                                        aria-controls="profile"
-                                                                                        aria-expanded="false">Profile</a>
+                                                    <li role="presentation" class="nav-item"><a href="#tab_content331"
+                                                                                                class="nav-link"
+                                                                                                role="tab"
+                                                                                                id="profile-tabbb3"
+                                                                                                data-toggle="tab"
+                                                                                                aria-controls="profile"
+                                                                                                aria-expanded="false">Profile</a>
                                                     </li>
                                                 </ul>
                                                 <div id="myTabContent3" class="tab-content">
@@ -610,44 +625,43 @@
                                             <div class="clearfix"></div>
                                         </div>
                                         <div class="x_content">
+                                            <div class="row">
+                                                <div class="col-md-2">
+                                                    <!-- required for floating -->
+                                                    <!-- Nav tabs -->
+                                                    <ul class="nav nav-tabs tabs-left flex-column" role="tablist">
+                                                        <li class="nav-item"><a class="nav-link active" href="#home" data-toggle="tab">Home</a>
+                                                        </li>
+                                                        <li class="nav-item"><a class="nav-link" href="#profile" data-toggle="tab">Profile</a>
+                                                        </li>
+                                                        <li class="nav-item"><a class="nav-link" href="#messages" data-toggle="tab">Messages</a>
+                                                        </li>
+                                                        <li class="nav-item"><a class="nav-link" href="#settings" data-toggle="tab">Settings</a>
+                                                        </li>
+                                                    </ul>
+                                                </div>
 
-                                            <div class="col-xs-3">
-                                                <!-- required for floating -->
-                                                <!-- Nav tabs -->
-                                                <ul class="nav nav-tabs tabs-left flex-column" role="tablist">
-                                                    <li class="nav-item active"><a href="#home" data-toggle="tab">Home</a>
-                                                    </li>
-                                                    <li class="nav-item"><a href="#profile" data-toggle="tab">Profile</a>
-                                                    </li>
-                                                    <li class="nav-item"><a href="#messages" data-toggle="tab">Messages</a>
-                                                    </li>
-                                                    <li class="nav-item"><a href="#settings" data-toggle="tab">Settings</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-
-                                            <div class="col-xs-9">
-                                                <!-- Tab panes -->
-                                                <div class="tab-content">
-                                                    <div class="tab-pane active" id="home">
-                                                        <p class="lead">Home tab</p>
-                                                        <p>Raw denim you probably haven't heard of them jean shorts
-                                                            Austin.
-                                                            Nesciunt tofu stumptown aliqua, retro synth master cleanse.
-                                                            Mustache
-                                                            cliche tempor, williamsburg carles vegan helvetica.
-                                                            Reprehenderit
-                                                            butcher retro keffiyeh dreamcatcher
-                                                            synth. Cosby sweater eu banh mi, qui irure terr.</p>
+                                                <div class="col-md-10">
+                                                    <!-- Tab panes -->
+                                                    <div class="tab-content">
+                                                        <div class="tab-pane active" id="home">
+                                                            <p class="lead">Home tab</p>
+                                                            <p>Raw denim you probably haven't heard of them jean shorts
+                                                                Austin.
+                                                                Nesciunt tofu stumptown aliqua, retro synth master
+                                                                cleanse.
+                                                                Mustache
+                                                                cliche tempor, williamsburg carles vegan helvetica.
+                                                                Reprehenderit
+                                                                butcher retro keffiyeh dreamcatcher
+                                                                synth. Cosby sweater eu banh mi, qui irure terr.</p>
+                                                        </div>
+                                                        <div class="tab-pane" id="profile">Profile Tab.</div>
+                                                        <div class="tab-pane" id="messages">Messages Tab.</div>
+                                                        <div class="tab-pane" id="settings">Settings Tab.</div>
                                                     </div>
-                                                    <div class="tab-pane" id="profile">Profile Tab.</div>
-                                                    <div class="tab-pane" id="messages">Messages Tab.</div>
-                                                    <div class="tab-pane" id="settings">Settings Tab.</div>
                                                 </div>
                                             </div>
-
-                                            <div class="clearfix"></div>
-
                                         </div>
                                     </div>
                                 </div>
@@ -678,42 +692,42 @@
                                             <div class="clearfix"></div>
                                         </div>
                                         <div class="x_content">
-
-                                            <div class="col-xs-9">
-                                                <!-- Tab panes -->
-                                                <div class="tab-content">
-                                                    <div class="tab-pane active" id="home-r">
-                                                        <p class="lead">Home tab</p>
-                                                        <p>Raw denim you probably haven't heard of them jean shorts
-                                                            Austin.
-                                                            Nesciunt tofu stumptown aliqua, retro synth master cleanse.
-                                                            Mustache
-                                                            cliche tempor, williamsburg carles vegan helvetica.
-                                                            Reprehenderit
-                                                            butcher retro keffiyeh dreamcatcher
-                                                            synth. Cosby sweater eu banh mi, qui irure terr.</p>
+                                            <div class="row">
+                                                <div class="col-md-10">
+                                                    <!-- Tab panes -->
+                                                    <div class="tab-content">
+                                                        <div class="tab-pane active" id="home-r">
+                                                            <p class="lead">Home tab</p>
+                                                            <p>Raw denim you probably haven't heard of them jean shorts
+                                                                Austin.
+                                                                Nesciunt tofu stumptown aliqua, retro synth master
+                                                                cleanse.
+                                                                Mustache
+                                                                cliche tempor, williamsburg carles vegan helvetica.
+                                                                Reprehenderit
+                                                                butcher retro keffiyeh dreamcatcher
+                                                                synth. Cosby sweater eu banh mi, qui irure terr.</p>
+                                                        </div>
+                                                        <div class="tab-pane" id="profile-r">Profile Tab.</div>
+                                                        <div class="tab-pane" id="messages-r">Messages Tab.</div>
+                                                        <div class="tab-pane" id="settings-r">Settings Tab.</div>
                                                     </div>
-                                                    <div class="tab-pane" id="profile-r">Profile Tab.</div>
-                                                    <div class="tab-pane" id="messages-r">Messages Tab.</div>
-                                                    <div class="tab-pane" id="settings-r">Settings Tab.</div>
+                                                </div>
+                                                <div class="col-md-2">
+                                                    <!-- required for floating -->
+                                                    <!-- Nav tabs -->
+                                                    <ul class="nav nav-tabs flex-column tabs-right">
+                                                        <li class="nav-item"><a class="active nav-link" href="#home-r" data-toggle="tab">Home</a>
+                                                        </li>
+                                                        <li class="nav-item"><a class="nav-link" href="#profile-r" data-toggle="tab">Profile</a>
+                                                        </li>
+                                                        <li class="nav-item"><a class="nav-link" href="#messages-r" data-toggle="tab">Messages</a>
+                                                        </li>
+                                                        <li class="nav-item"><a class="nav-link" href="#settings-r" data-toggle="tab">Settings</a>
+                                                        </li>
+                                                    </ul>
                                                 </div>
                                             </div>
-
-                                            <div class="col-xs-3">
-                                                <!-- required for floating -->
-                                                <!-- Nav tabs -->
-                                                <ul class="nav nav-tabs tabs-right">
-                                                    <li class="active"><a href="#home-r" data-toggle="tab">Home</a>
-                                                    </li>
-                                                    <li><a href="#profile-r" data-toggle="tab">Profile</a>
-                                                    </li>
-                                                    <li><a href="#messages-r" data-toggle="tab">Messages</a>
-                                                    </li>
-                                                    <li><a href="#settings-r" data-toggle="tab">Settings</a>
-                                                    </li>
-                                                </ul>
-                                            </div>
-
                                         </div>
 
                                     </div>