#imagelightbox-nav-sink { display: flex; justify-content: center; } #imagelightbox-nav { border-radius: 20px; animation: fade-in .25s linear; background-color: rgba(0, 0, 0, .5); bottom: 60px; padding: 5px 2px 1px; position: fixed; z-index: 10001; a { border-radius: 50%; border: 1px solid #fff; display: inline-block; height: 20px; margin: 0 5px; width: 20px; } .active { background-color: #fff; } } @media only screen and (max-width: 660px) { #imagelightbox-nav { bottom: 20px; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }