_faq.scss in trusty-festivity-extension-2.5.4

- old
+ new

@@ -1,14 +1,18 @@
 //questions
 .FAQ {
   .faq-wrapper {
-    list-style: none;
-    display: flex;
-    flex-wrap: nowrap;
+    @include breakpoint($breakpoint-xl) {
+      list-style: none;
+      display: flex;
+      flex-wrap: nowrap;
+    }
   }
   .faq-list {
-    @include column(4);
+    @include breakpoint($breakpoint-xl) {
+      @include column(4);
+    }
     ul.list-group {
       z-index: 2;
       color: $link-color;
       background-color: $background-color;
       margin-bottom: 1.25em;
@@ -20,21 +24,23 @@
         &:hover {
           cursor: pointer;
           text-decoration: none;
           background-color: #f5f5f5;
         }
-        &.active, {
+        &.active {
           background-color: #00A3B4;
           color: #fff;
         }
       }
     }
   }
   .faq-answers {
     position: relative;
     margin-bottom: 10em;
-    @include column(7);
+    @include breakpoint($breakpoint-xl) {
+      @include column(7);
+    }
   }
 
   //answers
   .faq-header {
     padding-bottom: 1rem;
@@ -46,24 +52,31 @@
   .q:first-child {
     padding-top: 0;
   }
 
   nav.faq-navigation {
+    width: 100%;
+    @include breakpoint($breakpoint-xl) {
     width: 300px;
+    }
   }
 
   // stuff for the affixed side menu
 
   .affix-top,.affix{
     position: static;
   }
 
   .affix-bottom {
-    position: fixed;
+    @include breakpoint($breakpoint-xl) {
+      position: fixed;
+    }
   }
 
   .affix {
-    position: fixed;
+    @include breakpoint($breakpoint-xl) {
+      position: fixed;
+    }
     width: 300px;
     top: 60px;
   }
 
   #totop {