@media only screen and (max-width: 767px) {
  #scroll-indicator-bullets {
    display: none; } }

@media only screen and (min-width: 768px) {
  #scroll-indicator-bullets {
    position: fixed;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    left:20px;
    z-index: 8;
    font-size: .8rem; }
    #scroll-indicator-bullets ul {
      list-style: none; }
      #scroll-indicator-bullets ul li {
        position: relative;
        padding-right: 7px; }
        #scroll-indicator-bullets ul li a {
          display: block;
          color: black;
          padding: 4px 0 0 0;
          -webkit-user-select: none !important;
          -webkit-touch-callout: none; }
        #scroll-indicator-bullets ul li .bullet-nav-title {
          position: absolute;
          top: 4px;
          display: table;
          visibility: hidden;
          opacity: 0.0;
          white-space: nowrap;
          text-align: right;
          color: #000;
          padding: 3px 10px;
          background: #f7941e; }
        #scroll-indicator-bullets ul li .bullet-item-link .circle {
          position: relative;
          top: 2px;
          display: block;
          width: 12px;
          height: 12px;
          border-radius: 6px;
          border: 2px solid #555;
          background: transparent;
          margin: 4px 0; }
        #scroll-indicator-bullets ul li .bullet-item-link.active .circle {
          background: #fff; border-color: #fff;}
        #scroll-indicator-bullets ul li.show-title .circle {
          text-shadow: none; }
        #scroll-indicator-bullets ul li.show-title .bullet-nav-title {
          opacity: 1.0;
          left: 25px;
          visibility: visible; }
      #scroll-indicator-bullets ul.open .bullet-nav-title {
        visibility: visible; } }