#nov-banner {
  width: 100%;
  background-image: url(../../../images/25/nov2/banner/back.jpg);
  background-image: -webkit-image-set(url("../../../images/25/nov2/banner/back.jpg") 1x,
      url("../../../images/25/nov2/banner/back@2x.jpg") 2x);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  font-size: 16px;
  width: 70vw;
  margin-bottom: 25px;
  overflow: visible;
  height: 13vw;
}

#nov-banner .banner-inner {
  height: 100%;
}

#nov-banner .banner-main {
  height: 100%;
}

#nov-banner .banner-main .main {
  height: 100%;
  width: auto;
  position: relative;
  left: -1vw;
}

#nov-banner .text {
  width: 28vw;
  top: 0vw;
  left: -5%;
  position: relative;
}

#nov-banner .banner-main .button {
  width: 13vw;
  height: 3vw;
  bottom: 5%;
  left: 14vw;
  background-color: transparent;
}

#nov-banner .banner-cta .button {
  width: 14vw;
  height: 3vw;
  bottom: 17%;
  background-color: transparent;
  right: 9vw;
}


@media screen and (max-width: 767px) {
  #nov-banner {
    width: 92%;
    overflow: hidden;
    background-image: url(../../../images/25/nov2/banner/back-m.jpg);
    background-image: -webkit-image-set(url("../../../images/25/nov2/banner/back-m.jpg") 1x,
        url("../../../images/25/nov2/banner/back-m@2x.jpg") 2x);
    margin: auto;
    margin-bottom: 20px;
    height: 165vw;
  }

  #nov-banner .banner-inner {
    flex-direction: column;
    padding: 0;
    width: 100%;
  }

  #nov-banner .banner-main .main {
    width: 85%;
    left: unset;
    height: auto;
    top: -2%;
  }

  #nov-banner .banner-cta {
    align-self: center;
    margin: 0;
    order: 2;
    width: 100%;
  }

  #nov-banner .banner-main {
    padding-top: 10%;
    padding-bottom: 0;
    width: 100%;
  }

  #nov-banner .banner-main .button {
    width: 54%;
    height: 10vw;
    bottom: unset;
    top: 43%;
    left: 24%;
  }

  #nov-banner .banner-cta .button {
    width: 60%;
    height: 11vw;
    left: 20%;
    right: unset;
    bottom: 16vw;
  }
}