中间线与css3中的圆圈中的符号

Question

我想水平显示3个圆圈，它们之间应该是虚线，并且比所有圆圈之间的符号更粗 当使用媒体查询某些限制时，它的显示是垂直的圆圈和那条中间线。

 <div class="cir_content">
    <div class="shape_circle">Track 
    </div>
 </div>
 .shape_circle{
    width:170px;
    height:170px;
    border-radius:250px;
        background:#e3d356;
    margin: 0 auto;
  }
.cir_container{
    width:100%;
    display:block;
    margin:0 auto;
    padding: 2% 0px;
  }
 .cir_content{
    display:inline-block;
    width:32%;
    text-align:center;
    vertical-align:middle;
 }
 .cir_cont{
        display:block;
        width:1200px;
 }

怎么做？

Here is my code