#main_location {position: fixed; top: 50%; right: 50px; z-index: 9; transform: translateY(-50%);}

#main_location ul {position: relative; width:16px; }
#main_location ul li {margin-bottom:38px; position: relative; z-index: 2; transition: all 0.3s;}
#main_location ul li:last-child {margin:0;}
#main_location ul li a { text-align: center; opacity:1; width:10px; height: 10px; border-radius: 50%; background:#fff; display: flex; flex-direction: column; align-items: center; justify-content: center; margin:0 auto; transition: all .3s; }

/* active */
#main_location ul li.active a { width: 16px; height: 16px; background:#008bf6; }

/* black */
#main_location.black ul li a { background:#000; }
#main_location.black ul li.active a { background:#008bf6; }




@media screen and (max-width:1700px) {

    #main_location { right: 30px; }

}
@media screen and (max-width:1023px) {

    #main_location { display: none; }

}