We need a responsive design for tabs to handle overflow, which will include a responsive state for the two levels of tabs as well.
Current tabs implementation
However, When there are many tabs, it requires significant scrolling to find one of the tabs. Also, it’s not recommended in Material Design guidelines to present tags as a single column
You can also view this Angular Material demo
2.Responsive Secondary Tabs
Current secondary tabs
It might be better for mobile use cases to scroll horizontal versus displaying all the options. Here are some suggestions to address the problem. ->>
Demo is based on AngularJS ->> http://codepen.io/fishfish/pen/vKbzAw