.circle-bar {
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.circle {
	width: 220px;
	padding-right:15px;
}
.circle2 {
	width: 220px;
	padding-left: 15px;
}

.circle3 {
	width: 350px;
	padding-right: 150px;

}
.circle4 {
	width: 350px;
	padding-left: 150px;
}

.circle5 {
	width: 220px;
	padding-right: 17px;
}

.circle6 {
	width: 220px;
	padding-left: 17px
}

@media(max-width: 790px) {
	.circle3 {
		width: 220px;
		padding-right: 15px;
	}	
	.circle4 {
		width: 220px;
		padding-left: 15px;
	}
}

@media(max-width: 490px) {
	.circle-bar {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.circle {
		width: 200px;
		padding-right:0px;
	}
	.circle2 {
		width: 200px;
		padding-left: 0px;
		padding-bottom: 5px;
	}

	.circle3 {
		width: 200px;
		padding-right: 0px;
		padding-bottom: 10px;

	}
	.circle4 {
		width: 200px;
		padding-left: 0px;
		padding-bottom: 10px;
	}
	.circle5 {
		width: 200px;
		padding-right: 0px;
		padding-bottom: 5px;
	}
	.circle6 {
		width: 200px;
		padding-left: 0px;
	}
}