.nav-links{
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
display:flex;
justify-content:center;
background:#;
}
.current{
background:#ffcc00;
border-radius:100%;
}
.dots{
background:none;
}
a:link.pagination {
width:60px;
height:60px;
margin:5px;
line-height:60px;
text-align:center;
font-size:24px;
font-weight:bold;
text-decoration:none;
background:#fff;
color:#000;
transition:.5s;
border-radius:100%;
}
a:hover.pagination {
background:#ccc;
border-radius:100%;
transform:rotate(360deg);
}
a:visited.pagination {
color:#000;
border-radius:100%;
transform:rotate(360deg);
}
.place{
width:60px;
height:60px;
margin:5px;
line-height:60px;
text-align:center;
font-size:24px;
font-weight:bold;
text-decoration:none;
background:#;
color:#fff;
transition:.5s;
}

@media(max-width: 1500px){
.nav-links{
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
display:flex;
justify-content:center;
background:#;
}

.current{
background:#ffcc00;
border-radius:100%;
}

.dots{
background:none;
}

a:link.pagination {
width:54px;
height:54px;
margin:4px;
line-height:55px;
text-align:center;
font-size:21px;
font-weight:bold;
text-decoration:none;
background:#fff;
color:#000;
transition:.5s;
border-radius:100%;
}

a:hover.pagination {
background:#ccc;
border-radius:100%;
transform:rotate(360deg);
}

.place{
width:54px;
height:54px;
margin:4px;
line-height:54px;
text-align:center;
font-size:21px;
font-weight:bold;
text-decoration:none;
background:#;
color:#fff;
transition:.5s;
}
}

@media(max-width: 1000px){
.nav-links{
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
display:flex;
justify-content:center;
background:#;
}

.current{
background:#ffcc00;
border-radius:100%;
}

.dots{
background:none;
}

a:link.pagination {
width:44px;
height:44px;
margin:4px;
line-height:44px;
text-align:center;
font-size:18px;
font-weight:bold;
text-decoration:none;
background:#fff;
color:#000;
transition:.5s;
border-radius:100%;
}

a:hover.pagination {
background:#ccc;
border-radius:100%;
transform:rotate(360deg);
}

.place{
width:44px;
height:44px;
margin:4px;
line-height:44px;
text-align:center;
font-size:18px;
font-weight:bold;
text-decoration:none;
background:#;
color:#fff;
transition:.5s;
}
}

@media(max-width: 640px){
.nav-links{
margin: 0% 0% 0% 0%;
padding: 0% 0% 0% 0%;
display:flex;
justify-content:center;
background:#;
}

.current{
background:#ffcc00;
border-radius:100%;
}

.dots{
background:none;
}

a:link.pagination {
width:40px;
height:40px;
margin:4px;
line-height:40px;
text-align:center;
font-size:16px;
font-weight:bold;
text-decoration:none;
background:#fff;
color:#000;
transition:.5s;
border-radius:100%;
}

a:hover.pagination {
background:#ccc;
border-radius:100%;
transform:rotate(360deg);
}

.place{
width:40px;
height:40px;
margin:4px;
line-height:40px;
text-align:center;
font-size:16px;
font-weight:bold;
text-decoration:none;
background:#;
color:#fff;
transition:.5s;
}
}