.headroom--pinned {
  background: white;
  box-shadow: 0 2px 2px -2px rgba(0,0,0,.15);
}

@media (max-width: 800px) {
  .headroom .social { display: none; }
  .headroom form { display: none; }
}
.headroom--pinned {
  background: white;
  box-shadow: 0 2px 2px -2px rgba(0,0,0,.15);
}

@media (max-width: 780px) {
  .headroom .social { display: none; }
  .headroom form { display: none; }
}
Fix media query max size
Fix media query max size
