.ae-template-content-sidebar, .ae-template-content-sidebar-fixed
  @include tablet-max
    .ae-sidebar-left
      display: none
      left: 10px
      margin-top: 2em
      right: 10px
      width: auto !important
      z-index: 99
      height: auto !important

    .ae-content
      left: 0 !important
      right: 0 !important

.ae-template-content-sidebar
  @include sidebar(15%)
  display: flex
  flex-flow: row nowrap
  align-items: stretch
  max-width: 100%

  .ae-sidebar-left
    height: 100%
    overflow: visible

  .ae-content
    padding: $container-padding*2 $container-padding*4
    width: $container

.ae-template-content-sidebar-fixed
  @include sidebar-fixed(15%)
  display: flex
  flex-flow: row nowrap
  align-items: stretch
  max-width: 100%
  height: 100%

  .ae-sidebar-left
    position: fixed
    height: 100%

  .ae-content
    position: absolute
    padding: $container-padding*2 $container-padding*4
    right: $container-padding*4

    @include tablet-max
      padding-top: $container-padding*6 !important