/* Header Scroll Effect */
.header {
   width: 100%;
}

.scroll-down .header {
   transform: translate3d(0, -200%, 0);
   transition: transform 300ms ease-in-out;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
}

.scroll-up .header {
   transition: transform 300ms ease-in-out;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
}

.admin-bar.scroll-up .header {
   top: 32px;
}

@media (max-width:781px) {
   .admin-bar.scroll-up .header {
      top: 46px;
   }

   .admin-bar.scroll-down header .header,
   .admin-bar.scroll-up header .header {
      top: 0px;
   }

}