.section-external .diagram-volume {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .section-external .diagram-volume {
        transform: translate(-4px,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(-20px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .section-external .diagram-ring {
        transform: translate(0px,0px);
    }
}

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

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

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

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

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

.section-external .diagram-camera-control {
    transform: translate(2px,0px);
}
@media only screen and (max-width: 1068px) {
    .section-external .diagram-camera-control {
        transform: translate(7px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .section-external .diagram-camera-control {
        transform: translate(0px,0px);
    }
}
@media (max-width: 734px) {
    .section-external .image-external-connectors .diagram-text.diagram-volume {
        top: 121px;
    }
}

.section-ribbon {
    background: rgb(245, 245, 247);
    text-align: center;
    z-index: 2;
    position: relative;
    padding:17px;
    font-size: 14px;
}

.section-ribbon .icon-wrapper {
    display:inline-block
}