@media (max-width: 768px) {

  body {padding-top:61px;}
  
/* SET SOME DEFAULTS */

#main_nav,
#main_nav ul,
#main_nav ul li,
#main_nav ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#main_nav > ul > li > a {
  padding: 20px;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

/* END: SET SOME DEFAULTS */


  #outer-menu-wrapper {
    width: 100%;
    height:61px;
    position: fixed;
    top: 0;
    left: 0;
    background-color:#fff;
      -moz-box-shadow: 0 5px 5px rgba(68,68,68,0.6);
    -webkit-box-shadow: 0 5px 5px rgba(68,68,68,0.6);
    box-shadow: 0 5px 5px rgba(68,68,68,0.6);
    z-index:21;
  }
  
  #menu-button {
    display:block;
    width: 160px; /* adds 15px to the right */
    height: 61px;
    background-image: url(http://www.revance.com/images/revance_logo_mobile.png);
    background-repeat: no-repeat;
    background-position: 15px 20px;
    text-align: center;
    text-indent: -999em;
  }
  
  #menu-link {
    display:block;
    width: 160px; /* adds 15px to the right */
    height: 61px;
  }
  
  #main_nav #menu-hamburger {
    position: absolute;
    top: 0;
    right: 0;
    width: 61px;
    height: 61px;
    background-image: url(../images/burger.png);
    background-repeat: no-repeat;
    background-position: 23px 29px;
    cursor:pointer;
  }
        
    /* turn off initial visability for menus: */
    #main_nav ul,
    #secondary_nav ul {
      display:none;
    }
    
    /* hide home button (javascript creates a new one) */
    #main_nav #home_btn_li {display:none;}
    
    #main_nav ul {
      margin:0;
      padding:0;
      width: 100%;
        -moz-box-shadow: 0 5px 5px rgba(68,68,68,0.6);
      -webkit-box-shadow: 0 5px 5px rgba(68,68,68,0.6);
      box-shadow: 0 5px 5px rgba(68,68,68,0.6);
    }
    
    #main_nav ul ul {
        -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
    }

    #main_nav ul li {
      list-style:none;
      margin:0;
    }

    #main_nav {
      background-color: rgba(255,255,255,1.0);
      width: 100%;
    }
    
    #main_nav > ul > li > a {
      padding: 20px;
      font-size: 14px;
      color: #000;
    }
    
    #main_nav ul li,
    #main_nav ul ul li,
    #main_nav ul li:hover > ul > li {
      width: 100%;
      height: auto;
      border-top: 1px solid rgba(120, 120, 120, 0.15);
    }
    #main_nav ul li:last-child {border-bottom: 1px solid rgba(120, 120, 120, 0.15);}
    #main_nav ul ul li:last-child {border-bottom:0;}
    
    #main_nav > ul > li.active-menu-state > a {
      color: #84329b;
    }
    #main_nav > ul > li:hover > a {
      color: #84329b;
    }

    .inactive-color {color:#5f5e5e !important;}
    
    #main_nav .submenu-button {
      position: absolute;
      z-index: 21;
      right: 0;
      top: 0;
      display: block;
      border-left: 1px solid rgba(120, 120, 120, 0.15);
      height: 54px;
      width: 54px;
      cursor: pointer;
    }
    
    #main_nav .submenu-button::after {
      content: '';
      position: absolute;
      top: 21px;
      left: 26px;
      display: block;
      width: 1px;
      height: 11px;
      background: #000000;
      z-index: 99;
    }
    #main_nav .submenu-button::before {
      content: '';
      position: absolute;
      left: 21px;
      top: 26px;
      display: block;
      width: 11px;
      height: 1px;
      background: #000000;
      z-index: 99;
    }
    #main_nav .submenu-button.submenu-opened:after {
      display: none;
    }
    #main_nav ul ul li a {
      padding: 20px 20px 20px 30px;
      font-size: 12px;
      color: #000000;
      background: none;
    }
    
    #main_nav ul ul li:hover > a,
    #main_nav ul ul li a:hover {
      color: #84329b;
      text-decoration:none;
    }
    
    /*--not really a menu style, but the menu breaks without it, so--*/
    .inner-header-wrapper,
    .outer-header-wrapper-company {
      width:100%;
      margin: 0 auto;
    }
        
    #company-hero {
      width: 100%; 
      height: 661px;
      background: url(../images/bg-mobile/company_bg_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #company-hero-inner {
      width: auto;
      margin: 0 auto;
      height:661px;
      text-shadow: 1px 2px 2px rgba(0, 0, 0, .9);
    }
    
    #investors-hero {
      width: 100%; 
      height: 452px;
      background: url(../images/bg-mobile/investors_bg_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    
    /* @2x Images (Pixel Ratio of 1.25+) */
       @media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
    #investors-hero {background-image:url('../images/bg-mobile/investors_bg_768@2x.jpg');}
    }
    
    #investors-hero-inner {
      width: auto;
      margin: 0 auto;
      height:452px;
    }
    
    #home-hero-inner {
      width: auto;
      margin: 0 auto;
      height:661px;
    }
    #home-hero {
      width: 100%; 
      height: 661px;
      /* background: url(../images/bg-mobile/home_bg01_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; */
    }
    #cycler{position:relative; height:661px;}
    #cycler div{position:absolute;z-index:1;}
    #cycler div.active{z-index:3}

    #home-hero-inner {display:none;}


    #home-hero-image01 {
      width: 100%; 
      height: 661px;
      background: url(../images/bg-mobile/home_bg01_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image02 {
      width: 100%; 
      height: 661px;
      background: url(../images/bg-mobile/home_bg02_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image03 {
      width: 100%; 
      height: 661px;
      background: url(../images/bg-mobile/home_bg03_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image04 {
      width: 100%; 
      height: 661px;
      background: url(../images/bg-mobile/home_bg04_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image05 {
      width: 100%; 
      height: 661px;
      background: url(../images/bg-mobile/home_bg05_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image06 {
      width: 100%; 
      height: 661px;
      background: url(../images/bg-mobile/home_bg01_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    
    
    .hero-content-home {width:100%; padding-left:0; padding-right:0;}
    
    .home-headline-bg  {
      width:100%;
      background-color: rgba(0,0,0,0.5);
      padding-top:15px;
    }
    
    #cycler .hero-content-home h1 {margin-left:20px; margin-right:20px; text-align:center;}
    
    .home-sup {font-size: 12px; vertical-align: 12px;  margin-left:-8px;}
    
    .hero-content {padding-right:60px;}
    
    #video-viewport,
    #home-banner {display:none;}
    
    .jump-down {
      padding-left:48%;
      height:54px;
      bottom:0;
    }

}


@media (min-width: 769px) {

#outer-menu-wrapper {
  /* this DIV sets background color and outer margins, and sticks the nav to the top of the window */
  margin: 0 auto;
  width: 100%;
  height:92px;
  background-color:#fff;
  position: fixed;
  top: 0;
  left: 0;
    -moz-box-shadow: 0 5px 5px rgba(68,68,68,0.6);
  -webkit-box-shadow: 0 5px 5px rgba(68,68,68,0.6);
  box-shadow: 0 5px 5px rgba(68,68,68,0.6);
  /* 
  because of * {margin: 0; padding: 0;}
  we don't need:
  padding:0; */
  z-index:21;
}
.modal-open #outer-menu-wrapper {
  /* fixes the bootstrap fixed menu modal bug */
  padding-right: 15px;
}

#inner-menu-wrapper {
  /* this DIV will center all nav content */
  margin: 0 auto;
  width: 950px;
 }
#main-nav-holder {
  width: 950px;
  height:52px;
  clear:both;
 }
#secondary-nav-holder {
  width: 950px;
  height:40px;
  float:right;
 }
#secondary-nav {
  float:right;
 }
#secondary-nav,
#secondary-nav li,
#secondary-nav li a {
  list-style: none;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#secondary-nav > li {
  float: left;
}
/* STYLES FOR SECONDARY NAV BUTTONS */
#secondary-nav > li > a {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size:15px;
  line-height: 1;
  text-align:center;
  text-decoration: none;
  color: #565656;
  background-color:#fff;
  height:42px;
  padding-top:19px;
}
#in-the-news-btn {
  width:120px;
  background-image: url(http://www.revance.com/images/nav/news_btn_bg.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#press-releases-btn {
  width:120px;
  margin-left:5px;
  background-image: url(http://www.revance.com/images/nav/news_btn_bg.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#contact-us-btn {
  width:109px;
  margin:0 17px 0 5px;
  background-image: url(http://www.revance.com/images/nav/contact_btn_bg.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#secondary-nav > li:hover > a {
  color:#84329b;
  -webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}
#secondary-nav > li.active-menu-state > a {
  /* potentially apply Active state color here: */
  /* background-color: */
}
#main_nav #in-the-news-mobile-btn {display:none;}
/* BEGIN MAIN NAV */
#main_nav,
#main_nav ul,
#main_nav ul li,
#main_nav ul li a,
#main_nav #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#main_nav:after,
#main_nav > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#main_nav #menu-button {
  display: none;
}
#main_nav {
  width: auto;
  clear:both;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  line-height: 1;
}
#main_nav > ul > li {
  float: left;
}
#main_nav.align-center > ul {
  font-size: 0;
  text-align: center;
}
#main_nav.align-center > ul > li {
  display: inline-block;
  float: none;
}
#main_nav.align-center ul ul {
  text-align: left;
}
#main_nav.align-right > ul > li {
  float: right;
}
#main_nav.align-right ul ul {
  text-align: right;
}
/* STYLES FOR MAIN LEVEL BUTTONS */
#main_nav > ul > li > a {
  padding: 24px 17px 12px 17px;
  font-size: 16px;
  text-decoration: none;
  color: #565656;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#main_nav > ul > li > #investors_btn {
  padding-right:5px;
}
#main_nav > ul > li.active-menu-state > a {
  color: #84329b;
}
#main_nav > ul > li:hover > a {
  color: #84329b;
}
#main_nav ul ul {
  position: absolute;
  left: -9999px;
}
#main_nav li:hover > ul {
  left: auto;
  border-top: 6px solid #84329b;
  padding: 8px 0 12px 0;
  background-color: rgba(0,0,0,0.7);
}
#main_nav.align-right li:hover > ul {
  right: 0;
}
#main_nav ul ul ul {
  margin-left: 100%;
  top: 0;
}
#main_nav.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#main_nav ul ul li {
  height: 0;
  opacity: 0.0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
#main_nav ul li:hover > ul > li {
  height: 32px;
  opacity: 1.0;
}
#main_nav ul ul li a {
  padding: 10px 20px 10px 23px;
  width: 288px;
  font-size: 16px;
  text-decoration: none;
  color: #e5e5e5;
  font-weight: 400;
  -webkit-transition: color .5s ease;
  -moz-transition: color .5s ease;
  -ms-transition: color .5s ease;
  -o-transition: color .5s ease;
  transition: color .5s ease;
}
#main_nav ul ul li:last-child a {
  /* selects the last button */
}
#main_nav ul ul li:hover > a,
#main_nav ul ul li a:hover {
  color: #fff;
  background-color: rgba(0,0,0,0.2);
}
#main_nav ul ul li a:hover:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
}
#main_nav ul ul li.has-sub > a::after {
  /* WARNING: this sub-sub caret gets moved to the left and blurred during rollover.
     We're applying a blurring filter to the background on ::after, which also affects the caret.
     We're not going to worry about this, as we don't plan on using this level of navigation.
     The code has been left in place in the interest of being thorough */
  position: absolute;
  top: 17px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
/* sub subnav UL remove purple border and extra top padding */
#main_nav ul ul li:hover > ul {
  border-top: 0 solid #000;
  padding-top: 0;
}
#main_nav.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
#main_nav ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
#main_nav > ul {
  clear:both;
}
#company_btn,
#aesthetics_btn,
#therapeutics_btn,
#investors_btn {
  text-transform:uppercase;
}
#main_nav ul li .main-nav-brand {
  display:inline-block;
  position: relative;
  z-index: 21;
  width: 483px; /* add 18px to the right */ /* THEN add another 103px to compensate for the eliminated peptide button */
  height: 52px;
  background-image: url(http://www.revance.com/images/revance_logo.png);
  background-repeat: no-repeat;
  background-position: 29px 0;
  text-align: center;
  text-indent: -999em;
}
/* END MAIN NAV */
/* Magic Line */
#menu-line {
  position: absolute;
  bottom: -6px;
  left: 0;
  height: 6px;
  background: #84329b;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#indicator-triangle {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 48px;
  bottom: 3px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #84329b;
  margin-left: -10px;
}
/* End Magic Line */
/* temporarily applied via jQuery to active nav button during rollover of other main nav elements: */
.inactive-color {color:#5f5e5e !important;}
/* for the ® in Peptide® */
sup {
  vertical-align: -3px;
  line-height: 5px;
  font-size:11px;
}

  #cycler {display:none;}
}


 /* @2x Images (Pixel Ratio of 1.25+) */
       @media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
    #menu-button {background-image:url('http://www.revance.com/images/revance_logo_mobile@2x.png'); background-size:130px 23px;}
    #main_nav ul li .main-nav-brand {background-image: url('http://www.revance.com/images/revance_logo@2x.png'); background-size:218px 38px;}
    .hero-content {background-image: url('http://www.revance.com/images/hero_shape@2x.png'); background-size:411px 410px;}
    .hero-content-home {background-image: url('http://www.revance.com/images/hero_shape@2x.png'); background-size:411px 410px;}
    }
 /* @3x Images (Pixel Ratio of 2.25+) */
       @media only screen and (-o-min-device-pixel-ratio: 9/4),
       only screen and (-webkit-min-device-pixel-ratio: 2.25),
       only screen and (min-device-pixel-ratio: 2.25),
       only screen and (min-resolution: 2.25dppx) {
    #menu-button {background-image:url('../images/revance_logo_mobile@3x.png'); background-size:130px 23px;}
    #main_nav ul li .main-nav-brand {background-image: url('../images/revance_logo@3x.png'); background-size:218px 38px;}
    .hero-content {background-image: url('../images/hero_shape@3x.png'); background-size:411px 410px;}
    .hero-content-home {background-image: url('../images/hero_shape@3x.png'); background-size:411px 410px;}
    }


@media (max-width: 767px) {
    
    #company-hero {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/company_bg_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #company-hero-inner {
      width: auto;
      margin: 0 auto;
      height:500px;
      text-shadow: 1px 2px 2px rgba(0, 0, 0, .9);
    }
    
        
    #home-hero {
      width: 100%; 
      height: 500px;
      /* background: url(../images/bg-mobile/home_bg01_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; */
    }
    #home-hero-inner {
      width: auto;
      margin: 0 auto;
      height:500px;
      text-shadow: 1px 2px 2px rgba(0, 0, 0, .9);
    }
    
    #cycler{position:relative; height:500px;}
    #cycler div{position:absolute;z-index:1;}
    #cycler div.active{z-index:3}



    #home-hero-image01 {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/home_bg01_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image02 {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/home_bg02_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image03 {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/home_bg03_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image04 {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/home_bg04_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image05 {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/home_bg05_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image06 {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/home_bg01_768.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    
    
    

#company-hero-inner p {
  line-height:30px !important;
}

#company-hero-inner h4 {
  text-transform:uppercase;
}
    
    .hero-content {
      padding-top:50px;
      padding-left:60px;
      padding-right:60px;
      color:#fff;
      background-image: none;
      height:446px;
    }
    
    
    
    .hero-content-home {
      padding-top:50px;
      padding-left:0;
      padding-right:0;
      margin-left:0;
      margin-right:0;
      color:#fff;
      background-image: none;
      height:446px;
    }
    
    .jump-down {
      padding-left:45%;
      height:54px;
      bottom:0;
    }

}

@media (max-width: 414px) {
    
    #company-hero {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/company_bg_414.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #company-hero-inner {
      width: auto;
      margin: 0 auto;
      height:500px;
    }
    
    #investors-hero {
      width: 100%; 
      height: 260px;
      background: url(../images/bg-mobile/investors_bg_414.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    
    /* @2x Images (Pixel Ratio of 1.25+) */
       @media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
    #investors-hero {background-image:url('../images/bg-mobile/investors_bg_414@2x.jpg');}
    }
    
    #investors-hero-inner {
      width: auto;
      margin: 0 auto;
      height:260px;
    }
    
     #home-hero {
      width: 100%; 
      height: 500px;
      /* background: url(../images/bg-mobile/home_bg01_414.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; */
    }
    #home-hero-inner {
      width: auto;
      margin: 0 auto;
      height:500px;
    }
    #cycler{position:relative; height:500px;}
    #cycler div{position:absolute;z-index:1;}
    #cycler div.active{z-index:3}



    #home-hero-image01 {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/home_bg01_414.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image02 {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/home_bg02_414.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image03 {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/home_bg03_414.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image04 {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/home_bg04_414.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image05 {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/home_bg05_414.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    #home-hero-image06 {
      width: 100%; 
      height: 500px;
      background: url(../images/bg-mobile/home_bg01_414.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    
    
    
    .hero-content {
      padding-top:50px;
      padding-left:20px;
      padding-right:20px;
      color:#fff;
      background-image: none;
      height:446px;
    }
    
    .hero-content-home {
      padding-top:50px;
      padding-left:0;
      padding-right:0;
      color:#fff;
      background-image: none;
      height:446px;
    }
    
    .jump-down {
      padding-left:45%;
      height:54px;
    }

}

@media (max-width: 370px) {

  #investors-hero {
      width: 100%; 
      height: 220px;
      background: url(../images/bg-mobile/investors_bg_350.jpg) no-repeat center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    
    /* @2x Images (Pixel Ratio of 1.25+) */
       @media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
    #investors-hero {background-image:url('../images/bg-mobile/investors_bg_350@2x.jpg');}
    }
    
    #investors-hero-inner {
      width: auto;
      margin: 0 auto;
      height:220px;
    }
}


@media (max-width: 340px) {
  .hero-content h1 {font-size:30px !important;}
}