@media (min-width: 940px) and (max-width: 1200px) {
  .steacky-header--clone.steacky-container .header-column-container {
    max-width: 1200px;
    padding: 20px 20px;
    margin: 0px auto;
    width: 100%;
  }
  .steacky-header--clone.steacky-container .header-column-container .on-scroll img {
    max-height: 40px;
  }
  .main-navigation .mobile-button + ul li a {
    font-size: 14px;
  }
  .main-navigation .mobile-button + ul li.demo a {
    margin: 0px 0px;
  }
}
@media (min-width: 280px) and (max-width: 479px) {
  .steacky-header--clone.steacky-container .header-column-container {
    padding: 20px 30px;
  }
}