.arc {
  stroke-weight: 0.1;
  fill: #fff;
}

.arc2 {
  fill: #3660b0;
}

.label {
  text-anchor: middle;
}

.radial-svg {
  display: block;
  margin: 0 auto;
}
.img1{width: 33.33%; text-align: center; float:left;}

@media screen and ( max-width: 320px ) 
{
  .img1{width: 100%; text-align: center; float:left;}
}

@media only screen and (min-device-width : 321px) and (max-device-width : 568px) 
{
  
  .img1{width: 100%; text-align: center; float:left;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) 
{
   .img1{width: 100%; text-align: center; float:left;}

} 
@media only screen and (min-width: 768px) and (max-width: 1024px) 
{
   .img1{width: 33.33%; text-align: center; float:left;}

}