Use bootstrap mixins for media queries

[Eseperio]

Media queries can be replaced with Bootstrap mixins
Old

    @media (min-width: 768px) {
      .sidebar {
        position: static;
        height: 100%;
      }
    }
  }

New

    @include media-breakpoint-up(md) {
      .sidebar {
        position: static;
        height: 100%;
      }
    }
  }

More info in: Bootstrap4 docs

[azouaoui-med]

Thank you for the insight :)