@media only screen and (min-width: 768px) {
  .locator.media20 .locator-inner .img-wrap,
  .locator.media20 .locator-inner .icon-outer {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media20 .locator-inner .content {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media25 .locator-inner .img-wrap,
  .locator.media25 .locator-inner .icon-outer {
    width: 25%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media25 .locator-inner .content {
    width: 75%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media30 .locator-inner .img-wrap,
  .locator.media30 .locator-inner .icon-outer {
    width: 30%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media30 .locator-inner .content {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media40 .locator-inner .img-wrap,
  .locator.media40 .locator-inner .icon-outer {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media40 .locator-inner .content {
    width: 60%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media50 .locator-inner .img-wrap,
  .locator.media50 .locator-inner .icon-outer {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media50 .locator-inner .content {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media60 .locator-inner .img-wrap,
  .locator.media60 .locator-inner .icon-outer {
    width: 60%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media60 .locator-inner .content {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media70 .locator-inner .img-wrap,
  .locator.media70 .locator-inner .icon-outer {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media70 .locator-inner .content {
    width: 30%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media75 .locator-inner .img-wrap,
  .locator.media75 .locator-inner .icon-outer {
    width: 75%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media75 .locator-inner .content {
    width: 25%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media80 .locator-inner .img-wrap,
  .locator.media80 .locator-inner .icon-outer {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media80 .locator-inner .content {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media-right .locator-inner {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .locator.media-right .locator-inner .content {
    padding-left: 0;
    padding-right: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .locator .locator-inner {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
.locator .img-wrap img {
  display: block;
  height: auto;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .locator .icon-outer {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
.locator .icon-outer .icon-wrap img {
  display: block;
  height: auto;
  width: 100%;
}
.locator .content {
  color: #757575;
}
@media only screen and (min-width: 768px) {
  .locator .content {
    padding-left: 2em;
  }
}