/* Adjustments for captions */

/* Special class for touch id top button so it doesn't break on 320px (mobile S) */
.small-top-button {
	display: none;
}

.section-techspecs .section-buttons-and-connectors .caption-microphone-2 {
    --top: 62px;
    --left: 210px;
}

html.text-zoom .section-techspecs .section-buttons-and-connectors .caption-microphone-2 {
    --top: 155px;
    --left: 606px;
}

@media only screen and (max-width: 1068px) {
    .section-techspecs .section-buttons-and-connectors .caption-microphone-2 {
        --top: 61px;
        --left: 170px;
    }
}

@media only screen and (max-width: 734px) {
    .section-techspecs .section-buttons-and-connectors .caption-microphone-2 {
        --top: 44px;
        --left: 160px;
    }
}

.section-techspecs .section-buttons-and-connectors .caption-top-button {
	--left: 280px;
}

@media only screen and (max-width:1068px) {
	.section-techspecs .section-buttons-and-connectors .caption-top-button {
		--top: 18px;
		--left: 225px;
	}
}

@media only screen and (max-width: 734px) {
	.small-top-button {
		display: block;
	}
	.section-techspecs .section-buttons-and-connectors .caption-top-button {
		--top: -10px;
		--left: 225px;
	}
}

@media only screen and (max-width: 734px) {
	.section-techspecs .section-buttons-and-connectors .caption-speaker-1, .section-techspecs .section-buttons-and-connectors .caption-speaker-2, .section-techspecs .section-buttons-and-connectors .caption-microphone {
		--left: 115px;
	}
	.section-techspecs .section-buttons-and-connectors .caption-volume {
		--left: 15px;
	}
}

@media only screen and (min-width: 734px) {
	.section-techspecs .section-buttons-and-connectors .caption-speaker-1, .section-techspecs .section-buttons-and-connectors .caption-speaker-2 {
		--left: 122px;
	}
	.section-techspecs .section-buttons-and-connectors .caption-volume {
		--left: 20px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-techspecs .section-buttons-and-connectors .caption-speaker-1, .section-techspecs .section-buttons-and-connectors .caption-speaker-2 {
		--left: 160px;
	}
	.section-techspecs .section-buttons-and-connectors .caption-volume {
		--left: 25px;
	}
}

.section-techspecs .section-size .caption-depth {
	bottom: 44px;
}

@media only screen and (max-width: 1068px) {
	.section-techspecs .section-size .caption-depth {
		bottom: 32px;
	}
}

@media only screen and (max-width: 735px) {
	.section-techspecs .section-size .caption-depth {
		bottom: 15px;
	}
}