(fix): media queries for navbar

src/app/modules/pro/channel/channel.component.scss

@@ -14,7 +14,7 @@ m-pro--channel {
  background-color: var(--m-pro--transparent-background-color) !important;
 
  m-pro__hamburger-menu {
- @media screen and (min-width: ($max-mobile + 1px)) {
+ @media screen and (min-width: ($min-tablet + 1px)) {
  display: none;
  }
  }
@@ -218,7 +218,7 @@ m-pro--channel {
  width: 80%;
  margin: 0 auto;
 
- @media screen and (max-width: $max-mobile) {
+ @media screen and (max-width: $min-tablet) {
  display: none;
  }
  }

src/app/modules/pro/channel/channel.component.ts

@@ -264,7 +264,7 @@ export class ProChannelComponent implements OnInit, AfterViewInit, OnDestroy {
  }
 
  @HostListener('window:resize') onResize() {
- this.collapseNavItems = window.innerWidth <= 992;
+ this.collapseNavItems = window.innerWidth <= 768;
  }
 
  search(): Promise<boolean> {