vendor/assets/stylesheets/canvas.scss in active_frontend-2.0.1 vs vendor/assets/stylesheets/canvas.scss in active_frontend-2.0.2

@@ -42,36 +42,38 @@
   max-height: calc(100% - 120px);
 }
 
 /* # Media Queries
 ================================================== */
+@media only screen and (max-width: 1365px) {
+  .canvas-content {
+    max-width: calc(100% - 250px);
+    width: calc(100% - 250px);
+  }
+  .canvas-sidebar {
+    max-width: 250px;
+    width: 250px;
+  }
+}
 @media only screen and (max-width: 1199px) {
   .canvas-content {
     max-width: calc(100% - 220px);
     width: calc(100% - 220px);
   }
   .canvas-sidebar {
     max-width: 220px;
     width: 220px;
   }
 }
-@media only screen and (max-width: 767px) {
-  .canvas-with-header > .canvas-content,
-  .canvas-with-header > .canvas-sidebar,
-  .canvas-with-header-and-footer > .canvas-content,
-  .canvas-with-header-and-footer > .canvas-sidebar { margin-top: 50px; }
-  .canvas-with-footer > .canvas-content,
-  .canvas-with-header-and-footer > .canvas-content { padding-bottom: 80px; }
-  .canvas-with-header .sidebar,
-  .canvas-with-footer .sidebar {
-    height: calc(100% - 50px);
-    max-height: calc(100% - 50px);
-  }
-  .canvas-with-header-and-footer .sidebar {
-    height: calc(100% - 100px);
-    max-height: calc(100% - 100px);
-  }
+@media only screen and (max-width: 959px) {
   .canvas-content {
     max-width: 100%;
     width: 100%;
   }
+  .canvas-sidebar { display: none; }
+}
+@media only screen and (max-width: 767px) {
+  .canvas-with-header > .canvas-content,
+  .canvas-with-header-and-footer > .canvas-content { margin-top: 50px; }
+  .canvas-with-footer > .canvas-content,
+  .canvas-with-header-and-footer > .canvas-content { padding-bottom: 80px; }
 }
\ No newline at end of file