/* mobile */
@media (max-width: 480px) {
    .precious-lp-madeinfrance__city[data-city="grasse"] span {
        top: calc(-45px * 580 / var(--WIDTH-MAP));
    }
}

/* tablet portrait */
@media only screen and (min-device-width : 834px) and (max-device-width : 1112px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .precious-lp-madeinfrance__city[data-city="grasse"] span {
        top: calc(-55px * 580 / var(--WIDTH-MAP));
    }
}