.hero-wrapper > img {
	margin-bottom: 0;
}
.section-overview {
  background: #fff url('./pebble-plus-clean-desktop.jpg') no-repeat;
  background-size: auto 100vw;
  background-position: left top;
  padding-top: 100vw;
}

.section-overview .row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-overview img{
  max-width: 100px;
  margin: 12px;
}

.section-angledperfection img {
	max-width: 100px;
}
.section-audio h4,
.section-audio p,
.section-highgain h4,
.section-highgain p {
  color: #000 !important;
}

.section-audio {
  background: #fff url('./pebble-plus-subwoofer.jpg') no-repeat;
  background-size: auto calc(100vw * 1224 / 1800);
  background-position: left top;
  padding-top: calc(100vw * 1224 / 1800);
}

.section-audio>div {
  background: #9CD3D0 !important;
}

.section-highgain {
  background: url('./pebble-plus-gain.jpg') no-repeat;
  background-size: auto calc(100vw * 1197 / 1800);
  background-position: right top;
  padding-top: calc(100vw * 1197 / 1800);
}

.section-highgain>div {
  background: #FFAD81 !important;
}

.section-highgain .footnote {
  font-style: italic;
}

.section-angledperfection {
  background: #000 url('./pebble-plus-45-deg.jpg') no-repeat;
  background-size: auto calc(100vw * 1474 / 2200);
  background-position: left top;
  padding-top: calc(100vw * 1474 / 2200);
  position: relative;
}

.section-design-h3 {
  background: #8FD4D1;
}

.section-design {
  background: #8FD4D1;
}

.section-design .feature-subheader,
.section-design p {
  text-align: center !important;
  color: #000 !important;
}

#features .section-xsell {
  display:none !important;
}

.section-connectivity .feature-subheader,
.section-connectivity p,
.section-xsell .feature-subheader,
.section-xsell p {
	color: #000 !important;
}
@media screen and (min-width: 768px) {
	.hero-wrapper {
	display: none;
}
	.product-hero-container {
	background: url('./pebble-plus-hero-jp.jpg') no-repeat;
	background-size: cover;
	background-position: top center;
}
  .section-audio {
    background-size: auto calc(100vw * 1224 / 2000);
    padding-top: calc(100vw * 1224 / 2000);
  }

  .section-audio>div {
    position: relative;
    width: 100%;
    padding: 30px 20px;
  }

  .section-highgain {
    background-size: auto calc(100vw * 1197 / 2000);
    padding-top: calc(100vw * 1197 / 2000);
  }

  .section-highgain>div {
    position: relative;
    width: 100%;
    padding: 30px 20px;
  }

  .section-angledperfection {
    background-size: auto calc(100vw * 1474 / 2560);
    padding-top: calc(100vw * 1474 / 2560);
  }
  .section-connectivity .hidden-xs img {
    margin-left: 7px !important;
  }
}

@media screen and (min-width: 992px) {
  .section-overview {
    height: 110vw;
    min-height: 1150px;
    background-size: 100% auto;
    background-position: left bottom;
    padding-top: 0;
  }

  .section-overview img,
  .section-angledperfection img {
    max-width: 140px;
    width: 10%;
    margin: 0 12px;
  }

  .section-overview .icon-container {
    margin-top: 10px;
    float: left;
    width: 100%;
    max-width: 1170px;
  }
}

@media screen and (min-width: 1200px) {

  .section-overview {
    height: 92vw;
    max-height: 1340px;
    min-height: 1230px;
  }

  .section-overview img {
    width: 8%;
  }

  .section-audio {
    height: calc(100vw * 1224 / 2560);
    padding-top: 0;
    background-size: 100% auto;
  }

  .section-audio>div {
    width: 32%;
    max-width: 680px;
  }

  .section-audio>div>div {
    max-width: 440px;
    margin: 0 20px;
  }

  .section-highgain {
    height: calc(100vw * 1197 / 2560);
    padding-top: 0;
    background-size: 100% auto;
  }

  .section-highgain>div {
    width: 43%;
    max-width: 680px;
  }

  .section-highgain>div>div {
    max-width: 440px;
    margin: 0 50px;
  }

  .section-angledperfection {
    background: #000 url('./pebble-plus-45-deg.jpg') no-repeat;
    background-size: cover;
    background-position: left center;
    height: calc(100vw * 1474 / 2560);
    position: relative;
  }

  .section-angledperfection .angledperfection_text {
    position: absolute;
    right: 6vw;
    bottom: 3vw;
    max-width: 460px;
  }

  .section-angledperfection img {
    width: 20%;
  }

  .section-design {
    position: relative;
  }

  .section-design .design_text {
    position: absolute;
    left: 4vw;
    top: 4vw;
    max-width: 460px;
    z-index: 1;
    width: 30%;
  }

  .section-design .feature-subheader,
  .section-design p {
    text-align: left !important;
  }
  .section-connectivity {
    position: relative;
  }

  .section-connectivity .connectivity_text {
    position: absolute;
    left: 6vw;
    bottom: 4vw;
    max-width: 450px;
    z-index: 1;
    width: 35%;
  }
  .section-xsell {
    position: relative;
  }

  .section-xsell .xsell_text {
    position: absolute;
    right: 10vw;
    top: 3vw;
    max-width: 550px;
    z-index: 1;
    width: 40%;
  }
}

@media screen and (min-width: 1600px) {
  .section-overview {
    height: 83vw;
    max-height: 1700px;
  }
  .section-connectivity .connectivity_text {
    left: 10vw;
    bottom: 15vw;
  }
}

@media screen and (min-width: 1920px) {
	.section-xsell .xsell_text {
		right: 15vw;
	}
}
@media screen and (max-width: 767px) {
	.product-hero-container .container {
	padding-left: 0;
	padding-right: 0;
}
.product-hero-container .product-tagline {
	padding-left: 15px;
	padding-right: 15px;
}
}