.sidebars {
  @include breakpoint($all-devices){
    margin: 1.5em 0;
  }
  margin: 1.5em 0;
  .sidebar-first {
    ul.menu {
      background: $owhite;
      margin: 0;
      padding: 15px 10px 25px;
      position: relative;
      &:before {
        background-color: $owhite;
        content: "";
        height: 100%;
        left: -500%;
        position: absolute;
        right: 0;
        top: 0;
        width: 500%;
      }
      li {
        list-style: none;
        list-style-image: none;
        padding: 3px 0;
        text-transform: uppercase;
        a {
          color: $medgray;
          &:hover {
            color: $gray;
          }
        }
      }
    }
  }
}