.hide-on-scroll {
   transition: all .3s linear !important;
  -webki-transition: all .3s linear !important;
  max-height: 50vh;
}

.fixed-header .hide-on-scroll {
    max-height: 0;
    overflow: hidden;
    min-height: 0 !important;
    margin: 0 !important;
}