.dial { padding: 100px 0 50px; }
.dial .dial-box { padding-bottom: 130px; }
.dial .dial-box:last-child { padding-bottom: 0; }
.dial .dial-box .left-dial { width: 430px; padding-right: 25px; position: relative; }
.dial .dial-box .left-dial img.gauge-needle { position: absolute; width: 160px; height: 160px; top: 12%; left: 31%; transform: rotate(-80deg); transition: transform 0.8s ease-in-out; transform-origin: 50% 90%;}
.dial .dial-box .left-dial .reading-title { }
.dial .dial-box .left-dial .reading-title h3 { font-size: 20px; }
.dial .dial-box .left-dial .image { position: relative; }
.dial .dial-box .left-dial svg { width: 100%; max-width:300px; overflow: visible; height: 400px; transform: rotateX(180deg); }
.dial .dial-box .left-dial .current-status { margin: -142px 0 0; }
.dial .dial-box .left-dial .current-status span { display: inline-block; font-size: 12px; font-weight: 400; line-height: 24px; color: #808080; letter-spacing: 0; text-transform: capitalize; }
.dial .dial-box .left-dial .current-status .status { }
.dial .dial-box .left-dial .current-status .status h2 { letter-spacing: 0; }
.dial .dial-box .right-content { width: calc(100% - 430px); padding-left: 25px; }
.dial .dial-box .right-content .title { padding-bottom: 20px; }
.dial .dial-box .right-content .content { padding-bottom: 20px; }
.dial .dial-box .right-content .learn-link { padding-top: 10px; }
.dial .dial-box .right-content .learn-link a { display: inline-block; font-style: italic; text-decoration: underline; text-transform: capitalize; font-weight: 500; }

.dial .dial-box .left-dial.go.positive img.gauge-needle { transform: rotate(55deg) }
.dial .dial-box .left-dial.go.negative img.gauge-needle { transform: rotate(-55deg); }
.dial .dial-box .left-dial.go.neutral img.gauge-needle { transform: rotate(0deg); }
.flex {
  display: flex;
  flex-wrap: wrap;
}
.dial .dialTitle {display: none;}
@media (max-width:1629px){}
@media (max-width:1429px){}
@media (max-width:1199px){
  .dial { padding: 80px 0; }
  .dial .dial-box { padding-bottom: 110px; }
}
@media (max-width:991px){
  .dial .dial-box .left-dial { padding-right: 15px; width: 380px; }
  .dial .dial-box .right-content { padding-left: 15px; width: calc(100% - 380px); }
  .dial .dial-box .left-dial img.gauge-needle { left: 29%; }
}
@media (max-width:767px){
  .dial { padding: 40px 0;}
  .dial .dial-box { padding-bottom: 60px; }
  .dial .dial-box .left-dial { width: auto;  margin: 0 auto; padding: 0 0 15px; }
  .dial .dial-box .left-dial svg { height: 320px; max-width:400px; }
  .dial .dial-box .left-dial svg circle { transform: scale(0.8); transform-origin: center; }
  .dial .dial-box .left-dial img.gauge-needle { width: 130px; height: 130px; top: 10%; left: 30%; }
  .dial .dial-box .left-dial .current-status { margin: -112px 0 0; }
  .dial .dial-box .right-content { width: auto; padding: 0 0; }
  .dial .dial-box .right-content .title { padding-bottom: 10px;}
  .dial .dialTitle {display: block;}
  .dial .textTitle {display: none;}
  .dial .dial-box .left-dial .image {
    width: 100%;}
}
}
@media (max-width:500px){
  /* .dial .dial-box .left-dial svg circle { transform: scale(0.8); transform-origin: center; }
  .dial .dial-box .left-dial img.gauge-needle { width: 124px; height: 124px; top: 28%; left: 30%; } */
}