if template pets in single.php

pub/css/pets.css

@@ -1,3 +1,7 @@
+body {
+  overflow-x: hidden;
+}
+
 .vij-header{
   display: flex;
   align-items: center;
@@ -255,7 +259,48 @@ ul.pets-menu-left{
 
   .socials-footer-pets{
     gap: 12px;
+  } 
+  
+  #mainbanner {
+    max-width: 767px;
+  }
+
+
+  .m_rubrics_pets {
+    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_pets li{
+    font-size: 12px;
+    color: #909294;
+    margin-right: 12px;
+    padding-bottom: 12px;
+    white-space: nowrap; 
   }  
+  
+    .m_rubrics_pets li a{
+      color: #909294;
+    }
+  
+      .m_rubrics_pets li a:hover{
+        color: #F18129;
+      }
+  
+  
+  
+  .m_rubrics_pets li.current-menu-item{
+    color: #171717;
+    font-weight: bold;
+    border-bottom: 3px solid #F18129;
+  }
+
+
 
 }