@media (min-width: 687px) {
.homepage-header h1 {
    font-size: 0.75rem;
	margin-bottom:10px
}
.homepage-header h2 {
    font-size: 0.6rem;
}
.homepage-header .min-d-flex div a {
    font-size: 18px;
}
.homepage-header .min-d-flex div a span {
  display: inline-block;
  margin-top: -30px;
}
.homepage-header .min-d-flex div a figure {
    margin: 10px 0 15px;
}
.homepage-header {
    background-size: 200% auto;
}
}
@media (min-width: 687px) {
.homepage-header {
    background-size: 174% auto;
}
}
@media (min-width: 768px) {
  body {
    font-size: 17px;
  }
  h2 {
    margin: 0 0 1%;
  }
.homepage-header .min-d-flex .video-edu {
    padding: 12% 36% 25px 25px;
}
	.homepage-header .min-d-flex .video-edu .people {
    width: 45%;
}
  .product_card .row {
    margin: 0 -10px
  }
  .product_card .container article {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 48px
  }
  .product_card .container article div article {
    width: 100%;
    padding: 15px 0 0;
    margin-bottom: 0;
  }
  .product_card .columns {
    height: 100%
  }
  .product_card .columns .title {
    width: 100%
  }
  h2 {
    font-size: 28px;
  }
  .product_card .columns, .product_card .columns div:last-of-type {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .product_card .columns div:last-of-type ul {
    width: 45%;
  }
  #video-equipment .columns .product-pw313, #video-equipment .columns .product-bu110, #audio-equipment .columns .product-am310, #audio-equipment .columns .product-am133, #audio-equipment .columns .product-aw315, #live-equipment .columns .product-se5820 {
    width: 55%;
    padding-left: 5%
  }
  #audio-equipment .columns .product-am310 img {
    width: 55%;
  }
  section article hgroup {
    width: 75%;
  }
}
@media (min-width: 1024px) {
.homepage-header {
    background-size:cover;
}
		.homepage-header h1 span {
display: inline-block;
}
.homepage-header .min-d-flex div.video-work a strong {
padding:3.5% 0;
}
  .product_card .container article {
    width: 100%;
  }
  .product_card .columns div:last-of-type ul {
    width: 100%
  }
  #video-equipment .columns .product-pw313 {
    width: 65%
  }
  #video-equipment .columns .product-bu110 {
    width: 90%
  }
  #audio-equipment .columns .product-am310 {
    width: 50%;
  }
  #audio-equipment .columns .product-am133 {
    width: 95%
  }
  #audio-equipment .columns .product-aw315 {
    width: 95%
  }
  #live-equipment .columns .product-se5820 {
    width: 100%
  }
  #audio-equipment .columns .product-am310 img {
    width: 100%;
  }
  h4 {
    font-size: 26px;
  }
  section h1 {
    padding: 0.75% 2.5% 1%;
    font-size: 36px;
  }
  section h1:after {
    border-width: 32px 22px;
  }
  section h3 {
    font-size: 36px;
  }
  header h1 {
    left: 0;
    top: 12%;
    font-size: 3vw;
    width: auto;
    padding: 0 20% 0 15px;
  }
  #work header h1 {
    padding: 0 20% 0 30%;
  }
  .homepage-header {
    min-height: 480px;
    max-height: 10.8rem;
    height: calc(100vh - 46px);
  }
  .homepage-header .min-d-flex {
    height: calc(100% - 41px);
  }
  .homepage-header h1 {
    font-size: 5vw;
  }
  .homepage-header h2 {
    font-size: 4vw;
    margin: 0 0 2%;
  }
  .homepage-header .min-d-flex div {
    width: 52%;
  }
  .homepage-header hgroup {
    position: absolute;
    top: 12%;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    margin: 0;
    width: 70%;
  }
  .homepage-header .min-d-flex .video-work, .homepage-header .min-d-flex .video-edu {
    background-color: transparent;
  }
  .homepage-header .min-d-flex div .people {
    width: 48%;
  }
  .homepage-header .min-d-flex div.video-work .people {
    left: 15px;
    width: 50%;
  }
  .homepage-header .min-d-flex div .people {
    width: 48%;
  }
  .homepage-header .min-d-flex div.video-edu .people {
    right: 15px;
  }
  .homepage-header .min-d-flex div.video-work a {
    right: 7%;
  }
  .homepage-header .min-d-flex div.video-edu a {
    left: 7%;
  }
  .homepage-header .min-d-flex div a {
    font-size: 0.15rem;
    position: absolute;
    bottom: 0.2727272727272727rem;
    min-width: 200px;
    width: 2.966666666666667rem;
    padding: 0.14rem 0.18rem 0.18rem;
	  z-index: 100;
  }
  .animate {
    animation: bounce 1.5s linear infinite;
  }
  .animate1 {
    animation: bounce 1.5s linear 1s infinite;
  }
  .homepage-header article {
    margin-top: 0
  }
  #work header h2 {
    padding: 4.3% 2%;
    font-size: 2.5vw
  }
  .product_card .columns div {
    width: 45%;
    padding: 0 3% 3%;
  }
  .product_card .columns .title {
    padding: 25px 3% 10px;
  }
  #audio-equipment .columns:first-of-type .order-md-1 h2, #audio-equipment .columns:first-of-type .order-md-1 ul {
    padding-right: 19%
  }
  #audio-equipment .columns:first-of-type .order-md-2.bg-img {
    background-position: 80% top;
  }
  .product_card .columns figure {
    padding-top: 0;
    width: 55%;
  }
  #video-equipment .columns .product-pw313, #video-equipment .columns .product-bu110, #audio-equipment .columns .product-am310, #audio-equipment .columns .product-am133, #audio-equipment .columns .product-aw315, #live-equipment .columns .product-se5820 {
    margin-top: 5%
  }
  #audio-equipment .columns .product-am310 {
    width: 48%;
  }
  #video-equipment h1, #audio-equipment h1, #live-equipment h1 {
    margin: 0 0 40px;
  }
  #video-equipment .columns figure.pw313-bg {
    background-image: url("../img/pw313-img.jpg");
  }
  #video-equipment .columns figure.bu110-bg {
    background-image: url("../img/bu110-img.jpg");
  }
  #audio-equipment .columns figure.am133-bg {
    background-image: url("../img/am133-img.jpg");
  }
  #audio-equipment .columns figure.am310-bg {
    background-image: url("../img/am310-img.jpg");
  }
  #audio-equipment .columns figure.aw315-bg {
    background-image: url("../img/aw315-img.jpg");
  }
  #live-equipment .columns figure.se5820-bg {
    background-image: url("../img/se5820-img.jpg");
  }
  #recommend .min-media article.recommend-copy {
    width: 460px;
    padding: 4%;
    margin: 0;
  }
  #recommend .min-media article h4 {
    margin: 0 0 6%;
    font-size: 26px
  }
  #edu header h1 {
    font-size: 3.5vw;
    width: auto;
  }
  .buy_now {
    margin-top: 8%;
  }
}
@media (min-width: 1024px) {
  .homepage-header {
    min-height: 9.6rem;
    max-height: 768px;
  }
  .homepage-header h1 {
    font-size: 3vw;
  }
  .homepage-header h2 {
    font-size: 2.6vw;
  }
  .homepage-header hgroup {
    width: 80%;
  }
  .homepage-header .min-d-flex div a {
    bottom: 25px
  }
  .homepage-header hgroup {
    top: 8%;
  }
}
@media (min-width: 1201px) {
	  .go-now {
    border-radius: 5px;
    color: #fff !important;
    background-color: #c00;
    padding: 7px 10px 5px !important;
  }
  .go-now::after {
    content: "\f138";
    font-family: 'FontAwesome';
    margin-left: 5px
  }
}
@media (min-width: 1280px) {
  .homepage-header {
    min-height: 700px;
    max-height: 751px;
  }
  .homepage-header .min-d-flex div {
    width: 52%;
  }
  .homepage-header hgroup {
    width: 70vw;
  }
}
@media (min-width: 1366px) {
  .homepage-header {
    min-height: 8.2rem;
    max-height: 900px;
  }
	.homepage-header hgroup img {
    max-width: 90%;
}
}
@media (min-width: 1440px) {
  .homepage-header {
    min-height: 8.3rem;
    max-height: 768px;
  }
	.homepage-header hgroup img {
    max-width: 100%;
}
}
@media (min-width: 1600px) {
  .homepage-header {
    max-height: 1080px;
  }
}
@media (min-width: 1680px) {
  .homepage-header {
    max-height: 1080px;
  }
}