more responsive fixes / bootstrap classes completion / minor menu bug fix / custom.css fixes

build/css/custom.css

@@ -427,6 +427,9 @@ body .container-fluid.body .right_col {
     .nav-md .container-fluid .right_col {
         width: 100%;
     }
+    .nav > li > a {
+        padding:10px !important;
+    }
 }
 
 @media (max-width: 1200px) {

build/js/custom.js

@@ -67,6 +67,41 @@
     // smartresize
     jQuery.fn[sr] = function(fn){  return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
 
+})(jQuery,'smartresize');
+/**
+ * Resize function without multiple trigger
+ *
+ * Usage:
+ * $(window).smartresize(function(){
+ *     // code here
+ * });
+ */
+(function($,sr){
+    // debouncing function from John Hann
+    // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
+    var debounce = function (func, threshold, execAsap) {
+        var timeout;
+
+        return function debounced () {
+            var obj = this, args = arguments;
+            function delayed () {
+                if (!execAsap)
+                    func.apply(obj, args);
+                timeout = null;
+            }
+
+            if (timeout)
+                clearTimeout(timeout);
+            else if (execAsap)
+                func.apply(obj, args);
+
+            timeout = setTimeout(delayed, threshold || 100);
+        };
+    };
+
+    // smartresize
+    jQuery.fn[sr] = function(fn){  return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
+
 })(jQuery,'smartresize');
 /**
  * Resize function without multiple trigger
@@ -199,7 +234,7 @@ $(document).ready(function () {
             $('.main_container > .row > .left_col').removeClass('col-md-2 col-lg-2').addClass('col-md-1 col-lg-1 col-2');
             if ($('.main_container > .row > .left_col.menu_fixed').length) {
                 if ($(window).width() < 992) {
-                    $('.main_container > .row > .right_col_wrapper').addClass('offset-2');
+                    $('.main_container > .row > .right_col_wrapper').addClass('offset-2 offset-md-1');
                 } else {
                     $('.main_container > .row > .right_col_wrapper').removeClass('offset-md-2 offset-lg-2').addClass('offset-md-1');
                 }
@@ -212,7 +247,7 @@ $(document).ready(function () {
             $('.main_container > .row > .left_col').removeClass('col-lg-1 col-2 col-md-1').addClass('col-lg-2 col-md-2');
             if ($('.main_container > .row > .left_col.menu_fixed').length) {
                 if ($(window).width() < 992) {
-                    $('.main_container > .row > .right_col_wrapper').removeClass('offset-2');
+                    $('.main_container > .row > .right_col_wrapper').removeClass('offset-2 offset-md-1');
                 } else {
                     $('.main_container > .row > .right_col_wrapper').removeClass('offset-1').addClass('offset-md-2');
                 }

production/calendar.html

@@ -290,7 +290,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">

production/chartjs.html

@@ -289,7 +289,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div cass="row">
-                                        <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">

production/chartjs2.html

@@ -294,7 +294,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
@@ -309,7 +309,7 @@
                             <div class="clearfix"></div>
 
                             <div class="row">
-                                <div class="col-md-4 col-sm-6 col-12">
+                                <div class="col-lg-6 col-md-6 col-sm-6 col-12">
                                     <div class="x_panel">
                                         <div class="x_title">
                                             <h2>Line Graph
@@ -340,7 +340,7 @@
                                     </div>
                                 </div>
 
-                                <div class="col-md-4 col-sm-6 col-12">
+                                <div class="col-lg-6 col-md-6 col-sm-6 col-12">
                                     <div class="x_panel">
                                         <div class="x_title">
                                             <h2>Bar Graph
@@ -371,7 +371,7 @@
                                     </div>
                                 </div>
 
-                                <div class="col-md-4 col-sm-6 col-12">
+                                <div class="col-lg-6 col-md-6 col-sm-6 col-12">
                                     <div class="x_panel">
                                         <div class="x_title">
                                             <h2>Donut Chart Graph
@@ -402,7 +402,7 @@
                                     </div>
                                 </div>
 
-                                <div class="col-md-4 col-sm-6 col-12">
+                                <div class="col-lg-6 col-md-6 col-sm-6 col-12">
                                     <div class="x_panel">
                                         <div class="x_title">
                                             <h2>Radar Chart
@@ -433,7 +433,7 @@
                                     </div>
                                 </div>
 
-                                <div class="col-md-4 col-sm-6 col-12">
+                                <div class="col-lg-6 col-md-6 col-sm-6 col-12">
                                     <div class="x_panel">
                                         <div class="x_title">
                                             <h2>Pie Area Chart
@@ -464,7 +464,7 @@
                                     </div>
                                 </div>
 
-                                <div class="col-md-4 col-sm-6 col-12">
+                                <div class="col-lg-6 col-md-6 col-sm-6 col-12">
                                     <div class="x_panel">
                                         <div class="x_title">
                                             <h2>Pie Chart Graph

production/contacts.html

@@ -285,7 +285,7 @@
 
                                 <div class="col-sm-6 col-12 text-left">
                                     <div class="row">
-                                        <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
@@ -320,7 +320,7 @@
                                                 </div>
                                             </div>
                                             <div class="row roq-eq-height">
-                                                <div class="col-md-4 col-sm-4 col-12 profile_details">
+                                                <div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
                                                     <div class="card profile_view">
                                                         <div class="card-body">
                                                             <div class="col-sm-12">
@@ -372,7 +372,7 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                <div class="col-md-4 col-sm-4 col-12 profile_details">
+                                                <div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
                                                     <div class="card profile_view">
                                                         <div class="card-body">
                                                             <div class="col-sm-12">
@@ -423,7 +423,7 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                <div class="col-md-4 col-sm-4 col-12 profile_details">
+                                                <div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
                                                     <div class="card profile_view">
                                                         <div class="card-body">
                                                             <div class="col-sm-12">
@@ -474,7 +474,7 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                <div class="col-md-4 col-sm-4 col-12 profile_details">
+                                                <div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
                                                     <div class="card profile_view">
                                                         <div class="card-body">
                                                             <div class="col-sm-12">
@@ -525,7 +525,7 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                <div class="col-md-4 col-sm-4 col-12 profile_details">
+                                                <div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
                                                     <div class="card profile_view">
                                                         <div class="card-body">
                                                             <div class="col-sm-12">
@@ -577,7 +577,7 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                <div class="col-md-4 col-sm-4 col-12 profile_details">
+                                                <div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
                                                     <div class="card profile_view">
                                                         <div class="card-body">
                                                             <div class="col-sm-12">
@@ -628,7 +628,7 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                <div class="col-md-4 col-sm-4 col-12 profile_details">
+                                                <div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
                                                     <div class="card profile_view">
                                                         <div class="card-body">
                                                             <div class="col-sm-12">
@@ -679,7 +679,7 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                <div class="col-md-4 col-sm-4 col-12 profile_details">
+                                                <div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
                                                     <div class="card profile_view">
                                                         <div class="card-body">
                                                             <div class="col-sm-12">
@@ -730,7 +730,7 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                <div class="col-md-4 col-sm-4 col-12 profile_details">
+                                                <div class="col-lg-4 col-md-6 col-sm-4 col-12 profile_details">
                                                     <div class="card profile_view">
                                                         <div class="card-body">
                                                             <div class="col-sm-12">

production/e_commerce.html

@@ -285,7 +285,7 @@
                                 </div>
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">

production/echarts.html

@@ -289,7 +289,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-md-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">

production/form.html

@@ -307,7 +307,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-sm-7 col-md-5 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">