.as-pagination {

	ul {
		margin: 0;
		padding: 0;
		display: inline-flex;
	}

	li {
		display: inline-block;
		margin: 0 9px;
		list-style-type: none;

		&:last-child {
		margin-right: 0;
		}

		&:first-child {
		margin-left: 0;
		}
	}

	span,
	a {
		display: inline-block;
		text-align: center;
		position: relative;
		border: 0;
		color: $title-color;
		background-color: $smoke-color3;
		width: 56px;
		height: 56px;
		line-height: 56px;
		border-radius: 50%;
		z-index: 1;
		font-size: 16px;
		font-weight: 700;
		font-family: $title-font;
		&.active,
		&:hover {
		color: $title-color;
		background-color: $theme-color2;
		box-shadow: none;
		}
	}

}

@include sm {
	.as-pagination {
		span, 
		a {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		}
	}
}
@media (max-width: 330px) {
	.as-pagination li {
		margin: 0 2px;
	}
	.as-pagination span, .as-pagination a {
		width: 35px;
		height: 35px;
		line-height: 34px;
		font-size: 14px;
	}
}