/* specs display size */

.section-techspecs .section-display figcaption span:first-child {
    display: inline-block;
    margin-bottom: 3px;
}

.section-techspecs .typography-display-size {
    position: static;
}

.page-specs .image-specs-display .size {
    font-size: 16px;
    line-height: 1.125;
    font-weight: 600;
}

@media only screen and (max-width: 735px) {
    .page-specs .image-specs-display .size {
        font-size: 12px;
    }
}

/* specs display size */

/* 按键和连接端口 start */
.caption-volume {
    transform: translate(0px,16px);

}
@media only screen and (max-width: 1068px) {
    .caption-volume {
        transform: translate(0px,16px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-volume {
        transform: translate(1px,16px);
    
    }
}
.caption-speaker-1 {
    transform: translate(7px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-speaker-1 {
        transform: translate(5px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .caption-speaker-1 {
        transform: translate(11px,0px);
    }
}
.caption-speaker-2 {
    transform: translate(6px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-speaker-2 {
        transform: translate(7px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .caption-speaker-2 {
        transform: translate(10px,0px);
    }
}
.caption-top-button {
    transform: translate(-1px,0px);

}
@media only screen and (max-width: 1068px) {
    .caption-top-button {
        transform: translate(1px,0px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-top-button {
        transform: translate(-9px,15px);
    
    }
}
.caption-usb-c-connector {
    transform: translate(19px,0px);

}
@media only screen and (max-width: 1068px) {
    .caption-usb-c-connector {
        transform: translate(17px,0px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-usb-c-connector {
        transform: translate(15px,0px);
    
    }
}
.caption-magnetic-connector {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-magnetic-connector {
        transform: translate(0px,-1px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-magnetic-connector {
        transform: translate(0px,0px);
    
    }
}
.caption-camera-1 {
    transform: translate(9px,0px);

}
@media only screen and (max-width: 1068px) {
    .caption-camera-1 {
        transform: translate(9px,0px);
    
    }
}
@media only screen and (max-width: 734px) {
    .caption-camera-1 {
        transform: translate(10px,0px);
    
    }
}
.caption-camera-2 {
    transform: translate(0px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-camera-2 {
        transform: translate(0px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .caption-camera-2 {
        transform: translate(0px,0px);
    }
}
.caption-microphone-2 {
    transform: translate(20px,0px);
}
@media only screen and (max-width: 1068px) {
    .caption-microphone-2 {
        transform: translate(22px,0px);
    }
}
@media only screen and (max-width: 734px) {
    .caption-microphone-2 {
        transform: translate(26px,0px);
    }
}
/* 按键和连接端口 end */

.section-finish .caption-blue {
    top: -40px;
    left: 4px
}

@media only screen and (max-width: 1068px) {
    .section-finish .caption-blue {
        top: -36px;
        left: 2px
    }
}

@media only screen and (max-width: 734px) {
    .section-finish .caption-blue {
        top: 49px;
        left: 0px
    }
}

.section-finish .caption-purple {
    top: -40px;
    left: 183px
}

@media only screen and (max-width: 1068px) {
    .section-finish .caption-purple {
        top: -36px;
        left: 145px
    }
}

@media only screen and (max-width: 734px) {
    .section-finish .caption-purple {
        top: 154px;
        left: 0px
    }
}

.section-finish .caption-starlight {
    top: -40px;
    left: 343px
}

@media only screen and (max-width: 1068px) {
    .section-finish .caption-starlight {
        top: -36px;
        left: 280px
    }
}

@media only screen and (max-width: 734px) {
    .section-finish .caption-starlight {
        top: 258px;
        left: 0px
    }
}

.section-finish .caption-space-gray {
    top: -40px;
    left: 523px
}

@media only screen and (max-width: 1068px) {
    .section-finish .caption-space-gray {
        top: -36px;
        left: 423px
    }
}

@media only screen and (max-width: 734px) {
    .section-finish .caption-space-gray {
        top: 362px;
        left: 0px
    }
}