.section-external .diagram-volume {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .section-external .diagram-volume {
        transform: translate(0px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .section-external .diagram-volume {
        transform: translate(0px,0px);
    }
}

.section-external .diagram-ring {
    transform: translate(-2px,0px);
}
@media only screen and (max-width: 1068px) {
    .section-external .diagram-ring {
        transform: translate(13px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .section-external .diagram-ring {
        transform: translate(0px,0px);
    }
}

.section-external .diagram-side {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .section-external .diagram-side {
        transform: translate(-3px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .section-external .diagram-side {
        transform: translate(0px,0px);
    }
}

.section-external .diagram-speaker-2 {
    transform: translate(19px,0px);
}
@media only screen and (max-width: 1068px) {
    .section-external .diagram-speaker-2 {
        transform: translate(47px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .section-external .diagram-speaker-2 {
        transform: translate(3px,0px);
    }
}

.section-external .diagram-connector {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .section-external .diagram-connector {
        transform: translate(0px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .section-external .diagram-connector {
        transform: translate(0px,0px);
    }
}

.section-external .diagram-mic {
    transform: translate(-3px,0px);
}
@media only screen and (max-width: 1068px) {
    .section-external .diagram-mic {
        transform: translate(-5px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .section-external .diagram-mic {
        transform: translate(0px,0px);
    }
}

.section-external .diagram-speaker {
    transform: translate(-61px,0px);
}
@media only screen and (max-width: 1068px) {
    .section-external .diagram-speaker {
        transform: translate(-2px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .section-external .diagram-speaker {
        transform: translate(0px,0px);
    }
}

.section-external .diagram-camera-control {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .section-external .diagram-camera-control {
        transform: translate(0px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .section-external .diagram-camera-control {
        transform: translate(0px,0px);
    }
}