.d-chart-os {
  aspect-ratio: 152/100;  
}

.d-chart-os2 {
  aspect-ratio: 141/100;  
}

.d-chart-ar-12 {
  aspect-ratio: 12/10;  
}

.d-chart-ar-14 {
  aspect-ratio: 14.5/10;  
}

.d-chart-ar-17 {
  aspect-ratio: 17/10;  
}

.d-chart-ar-18 {
  aspect-ratio: 18/10;  
}

.d-chart-ar-19 {
  aspect-ratio: 19/10;  
}

.d-chart-ar-21 {
  aspect-ratio: 21/10;  
}

.d-chart-ar-23 {
  aspect-ratio: 23/10;  
}

.d-chart-ar-25 {
  aspect-ratio: 25/10;  
}

.d-chart-ar-27 {
  aspect-ratio: 27/10;  
}

.d-chart-ar-30 {
  aspect-ratio: 30/10;  
}

.d-chart-os,
.d-chart-os2,
.d-chart-ar-14,
.d-chart-ar-17,
.d-chart-ar-18,
.d-chart-ar-19,
.d-chart-ar-21,
.d-chart-ar-23,
.d-chart-ar-25,
.d-chart-ar-27,
.d-chart-ar-30 {
  max-width: 85%;
  margin: 0 auto;
}

.d-chart-ar-12 {
  margin: 0 auto;
}

@media (max-width: 400px) {
  .d-chart-os,
  .d-chart-os2, 
  .d-chart-ar-12,
  .d-chart-ar-14,
  .d-chart-ar-17,
  .d-chart-ar-18,
  .d-chart-ar-19,
  .d-chart-ar-21,
  .d-chart-ar-23,
  .d-chart-ar-25,
  .d-chart-ar-27,
  .d-chart-ar-30 {
    max-width: 100%;
    margin: 0 auto;
  }
}