.bg-image-box .six-circles{
 width:690px;
 display:block;
 margin:0 auto;
 padding-left:30px;
}

@media only screen and (max-width: 1000px){
.bg-image-box .six-circles{
 width:470px!important;
 display:block;
 margin:0 auto;
 padding-left:30px;

}
}

@media screen and (max-width: 540px) {
.bg-image-box .six-circles{
 width:250px!important;
 display:block;
 margin:0 auto;
 padding-left:30px;

}
}

@media only screen and (max-width: 500px) {
.bg-image-box .six-circles{
 width:180px!important;
 display:block;
 margin:0 auto;
 padding-left:30px;

}
}