.hero-pagination .dot{height:12px;width:12px;background:rgba(255,255,255,.45);border-radius:50%;display:inline-block;margin:0 6px;cursor:pointer;transition:background .25s ease}.hero-pagination .dot.active{background:#fff}@media (max-width:768px){.hero-pagination .dot{height:9px;width:9px;margin:0 4px}}