@media (min-width:769px) {
  body{
    /* background-color: red; */
  }
  .intl-hero {
    height: 360px;
  }
  .intl-hero .intl-hero-inner {
    width: 1180px;
  }
  .intl-hero .uno-button-primary.uno-button-contained,
  .intl-hero .uno-button-primary.uno-button-contained:active,
  .intl-hero .uno-button-primary.uno-button-contained:hover {
    width: 160px;
    height: 50px;
    border-radius: 2.5px;
    background: #EB6348;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 26px;
    padding: 0;
    box-sizing: border-box;
  }
  .intl-hero .intl-hero-btn-wrap {
    bottom: 58px;
    left: 0;
  }
  .intl-hero.intl-hero-intel .intl-hero-inner .intl-hero-intel-logo {
    width: 360px;
    height: 30px;
    background-size: auto 100%;
    background-position: 100%;
    background-repeat: no-repeat;
  }
}
@media (max-width: 768px) {
  .intl-hero {
    position: relative;
    height: auto;
    padding-top: 54.69%;
    box-sizing: border-box;
  }
  .intl-hero .intl-hero-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
  }
  .intl-hero .intl-hero-btn-wrap {
    position: absolute;
    bottom: 10%;
    left: 5.2%;
  }
  .intl-hero .uno-button-primary.uno-button-contained,
  .intl-hero .uno-button-primary.uno-button-contained:active,
  .intl-hero .uno-button-primary.uno-button-contained:hover {
    width: 120px;
    height: 32px;
    border-radius: 2.5px;
    background: #EB6348;
    font-weight: 600;
    color: #fff;
    padding: 0;
  }
  .intl-hero.intl-hero-intel .intl-hero-btn-wrap {
    position: absolute;
    bottom: 10%;
    left: 5.2%;
  }
}
@media (max-width: 768px) and (max-width: 600px) {
  .intl-hero.intl-hero-intel .intl-hero-btn-wrap {
    bottom: 20%;
  }
}
@media (max-width: 768px) {
  .intl-hero.intl-hero-intel .intl-hero-inner .intl-hero-intel-logo {
    width: 360px;
    height: 30px;
    bottom: 10%;
    background-size: auto 100%;
    background-position: 100%;
    background-repeat: no-repeat;
  }
}
@media (max-width: 768px) and (max-width: 600px) {
  .intl-hero.intl-hero-intel .intl-hero-inner .intl-hero-intel-logo {
    width: 250px;
    height: 20px;
    background-position: 0;
    left: 5.2%;
    bottom: 7%;
  }
}