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

@media only screen and (min-width: 801px) {
			#scroll-indicator-bullets {
						position: fixed;
						top: 50%;
						-webkit-transform: translate(0, -50%);
						-ms-transform: translate(0, -50%);
						transform: translate(0, -50%);
						right: -60px;
						z-index: 500;
						font-size: .8rem;
            transition: 1s 1.5s;
			}
      #scroll-indicator-bullets {
            right: 0;
      }
			#scroll-indicator-bullets ul {
						list-style: none;
			}
			#scroll-indicator-bullets ul li {
						position: relative;
						padding-right: 24px;
			}
			#scroll-indicator-bullets ul li a {
						display: block;
						color: black;
						-webkit-user-select: none !important;
						-webkit-touch-callout: none;
			}
			#scroll-indicator-bullets ul li .bullet-nav-title {
						position: absolute;
						top: 4px;
						right: -10px;
						display: block;
						visibility: hidden;
						opacity: 0.0;
						white-space: nowrap;
						text-align: right;
						-webkit-transition: opacity 300ms, right 300ms, text-shadow 300ms;
						transition: opacity 300ms, right 300ms, text-shadow 300ms;
						-webkit-transition-timing-function: ease-out;
						transition-timing-function: ease-out;
						padding: 2px 22px 2px 4px;
						border-radius: 2px;
						background: rgba(200, 200, 200, 0.4);
			}
			#scroll-indicator-bullets ul li .bullet-item-link .circle {
						position: relative;
						top: 2px;
						display: block;
						width: 10px;
						height: 10px;
						border-radius: 10px;
						background: #c9e2de;
						margin: 10px 0;
			}

			#scroll-indicator-bullets ul li .bullet-item-link .circle:hover {
						background: #000;
			}
			#scroll-indicator-bullets ul li .bullet-item-link.active .circle {
						background: #000;
			}

			#scroll-indicator-bullets ul li .bullet-item-link .circle:after {
						content: "";
						position: absolute;
						top: -4px;
						left: -4px;
						width: 14px;
						height: 14px;
						border: 2px solid #000;
						border-radius: 18px;
						transition: 0.3s;
						transform: scale(0);
			}

			#scroll-indicator-bullets ul li .bullet-item-link.active .circle:after {
						transform: scale(1);
			}
			#scroll-indicator-bullets ul li.show-title .circle {
						text-shadow: none;
			}
			#scroll-indicator-bullets ul li.show-title .bullet-nav-title {
						opacity: 1.0;
						right: 2px;
						visibility: visible;
			}
			#scroll-indicator-bullets ul.open .bullet-nav-title {
						visibility: visible;
			}
}