add mobile menu

style.css

@@ -1733,6 +1733,45 @@ img-fluid{
 }
 
 
+.menu-rubrics{
+  display: none;
+}
+
+.m_rubrics {
+  display: flex;
+  overflow-x: scroll;
+  -webkit-overflow-scrolling: touch;
+  padding-bottom: 20px;
+  margin-left: -20px;
+  margin-bottom: -20px;
+  border-bottom: 1px solid #F2F2F2;
+}
+
+.m_rubrics li{
+  font-size: 12px;
+  color: #909294;
+  margin-right: 12px;
+  padding-bottom: 12px; 
+}  
+
+  .m_rubrics li a{
+    color: #909294;
+  }
+
+    .m_rubrics li a:hover{
+      color: #F18129;
+    }
+
+
+
+.m_rubrics li.current-menu-item{
+  color: #171717;
+  font-weight: bold;
+  border-bottom: 3px solid #F18129;
+}
+
+
+
 @media screen and ( max-width: 580px ) {
 
   #left{
@@ -1875,7 +1914,6 @@ img-fluid{
   }
 
 
-
 }
 
 
@@ -1964,6 +2002,13 @@ img-fluid{
   .main-card-text{
     display: none;
   }
+
+
+  .menu-rubrics{
+    display: inline-block;
+    margin-top: 22px;
+    overflow: hidden;
+  }
   
 }  
 
@@ -2023,6 +2068,17 @@ and (max-device-width : 667px) {
     display: none;
   }
 
+  .menu-rubrics{
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    margin-top: 22px;
+    margin-right: 22px;
+    overflow: hidden;
+    border: 1px solid black;
+  }
+  
+  
 }