:root {
--rf-system-color-blue: #000;
}

#hero-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  visibility: visible;
  height: 300px;
  background-color: #000;
}
#hero-banner .banner-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: calc(100% - 40px);
  height: 100%;
}
#hero-banner .banner-info {
  display: table;
  height: 100%;
  width: 50%;
  max-width: 500px;
}
@media (min-width: 1350px) {
  #hero-banner .banner-info {
    max-width: 550px;
  }
}
#hero-banner .banner-content {
  display: table-cell;
  vertical-align: middle;
}
#hero-banner .banner-content .sub-title {
  color: #fff;
  margin: 0;
  padding: 8px 0;
}
#hero-banner .banner-content .h1-title {
  color: #000;
  margin: 0;
  padding: 8px 0;
}
#hero-banner .banner-content .intro-text {
  color: #fff;
  margin: 0;
  padding: 8px 0;
  font-size: 20px;
}
#hero-banner #brand-cta-button {
  background-color: #76b900;
  padding: 12px 15px;
  display: inline-block;
  text-decoration: none;
  margin: 15px 0;
}
#hero-banner #brand-cta-button span {
  color: #000;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25em;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 2500px) {
  #hero-banner {
    background-size: contain;
  }
}
@media (min-width: 1350px) {
  #hero-banner {
    background-image: url("http://www.nvidia.com/content/dam/en-zz/Solutions/gtc/rf/2026/banners/gtc26-san-jose-special-event-bm-sm300-offset-left-d@2x.jpg");
  }
  #hero-banner .banner-content .h1-title {
    font-size: 48px;
  }
  #hero-banner .banner-content .sub-title {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1349px) {
  #hero-banner {
    background-image: url("http://www.nvidia.com/content/dam/en-zz/Solutions/gtc/rf/2026/banners/gtc26-san-jose-special-event-bm-sm300-offset-left-l@2x.jpg");
  }
  #hero-banner .banner-content .h1-title {
    font-size: 36px
  }
  #hero-banner .banner-content .sub-title {
    font-size: 18px
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  #hero-banner {
    background-image: url("http://www.nvidia.com/content/dam/en-zz/Solutions/gtc/rf/2026/banners/gtc26-san-jose-special-event-bm-sm300-offset-t@2x.jpg");
  }
  #hero-banner .banner-info {
    width: 45%;
  }
  #hero-banner .banner-content .h1-title {
    font-size: 28px
  }
}
@media(max-width:1023px) {
  #hero-banner .banner-content .h1-title {
    font-size: 24px
  }
  #hero-banner .banner-content .sub-title {
    font-size: 1pc
  }
}
@media (max-width: 639px) {
  #hero-banner {
    background-image: url("http://www.nvidia.com/content/dam/en-zz/Solutions/gtc/rf/2026/banners/gtc26-san-jose-special-event-bm-sm-fhm-300-p@2x.jpg");
	        background-position: bottom;
    height: 440px;
  }
  #hero-banner .banner-info {
    width: 100%;
  }
  #hero-banner .banner-content {
    vertical-align: top;
    padding-top: 60px;
  }
  #hero-banner #brand-cta-button span {
    font-size: 16px
  }
  #hero-banner.keynote .banner-note {
  max-width: 100px;
}
}
/*********** Banner end********/
/*

body[class*=form-spersvpformtemplate] div#hero-banner, body[class*=page-spetemplatersvpconfirmationpage] div#hero-banner {
    display: block !important;
    margin-top: 104px;
}

body[class*=form-spersvpformtemplate] .rf-org-header-container:has(#hero-banner) + div#rf-content {
    margin-top: 370px;
}


body[class*=form-spersvpformtemplate] .rf-org-header-container.gtc-header-collapsed div#hero-banner {
    margin-top: 60px;
}

*/