.navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    grid-column: 1/3;
    width: 100%;
	margin-top: 10px;
}

@media screen and (max-width: 479px) {
	.navigation {
		gap: 18px;
	}
}

.arrow.icon._prev svg {
    transform: scale(-1);
}

.disabled {
	opacity: 0.5;
}

.arrow.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9px;
    height: 16px;
	pointer-events: none;
}

.navigation span, .navigation a {
    color: #000000;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 125%;
}

@media screen and (max-width: 1162px) {
	.navigation span, .navigation a {
		font-size: 14px;
	}
}

.navigation .nav-current-page {
    color: white;
    background: #30B931;
    border-radius: 4px;
    margin: 0 -10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navigation span.disabled,
.navigation a {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}

.navigation a:hover {
	color: white;
	background: #30B931;
	transition: 0.2s;
}
.navigation a:hover span svg path {
	fill: white;
}

.list .navigation {
    grid-column: 1;
		margin-top: 30px;
}


.load-more-items {
    background: #F2F2F2;
    border-radius: 4px;
    height: 40px;
    width: 100%;
	font-size: 14px;
    grid-column: 1/3;
    cursor: pointer;
}

.load-more-items:hover {
	color: white;
	background: #30B931;
	transition: 0.2s;
}

.wallpapper .load-more-items {
    grid-column: 1/4;
}

.list .load-more-items {
    grid-column: 1;
		margin-top: 20px;
}

.load-more-items.site-button.loaded {
    pointer-events: none;
}




.navigation, .load-more-items {
	grid-column: 1/5;
}
.wallpapper .navigation,
.wallpapper .load-more-items {
	grid-column: 1/4;
}




@media screen and (max-width: 1162px) {
	.navigation, .load-more-items {
		grid-column: 1/4;
	}

	.wallpapper .navigation, .wallpapper .load-more-items {
		grid-column: 1/4;

	}
}

@media screen and (max-width: 1162px) {
	.wallpapper .navigation, .wallpapper .load-more-items {
		grid-column: 1/3;
	}
}

@media screen and (max-width: 905px) {
	.navigation, .load-more-items {
		grid-column: 1/5;
	}

	.wallpapper .navigation, .wallpapper .load-more-items {
		grid-column: 1/4;
	}

	.load-more-items {
		background: #DCDCDC
	}

}


@media screen and (max-width: 870px) {
	.navigation, .load-more-items {
		grid-column: 1/4;
	}
}

@media screen and (max-width: 770px) {
	.wallpapper .navigation, .wallpapper .load-more-items {
		grid-column: 1/3;
	}
}

@media screen and (max-width: 580px) {
	.navigation, .load-more-items {
		grid-column: 1/3;
	}
}

@media screen and (max-width: 520px) {
	.wallpapper .navigation, .wallpapper .load-more-items {
		grid-column: 1;
	}
}