/* KJA migrated from CSS Hero - responsive */

@media screen and (max-width: 1024px) {
  .page .margintop5 a {
    /* Reserved for KJA responsive link tuning */
  }
}

@media screen and (max-width: 768px) {
  .site-header .custom-logo-link img {
    width: 100%;
    margin-left: 0;
  }

  .page .margintop5 a {
    /* Reserved for KJA responsive link tuning */
  }
}

@media screen and (max-width: 568px) {
  html > .post-type-archive.post-type-archive-product > #page > #content > div > #primary > #main > header > h1 {
    text-align: center;
  }

  .site-header .custom-logo-link img {
    margin-left: 0;
  }
}

@media screen and (max-width: 375px) {
  .page .margintop5 a {
    font-size: 28px;
    display: inline-block;
  }
}

@media screen and (max-width: 320px) {
  button.menu-toggle {
    margin-top: 20px;
    margin-right: 180px;
  }

  .site-header .custom-logo-link img {
    margin: auto auto;
  }

  .woocommerce h1.page-title {
    font-size: 80%;
  }

  html > .post-type-archive.post-type-archive-product > #page > #content > div > #primary > #main > header > h1 {
    font-size: 24px;
    text-align: center;
  }
}