@media (max-width: 1199.98px) {
    :root {
        /* set rem = 10px */
        font-size: 8px;
    }

    /* FONTS */
    .sharp4 {
        font-size: 2.3rem;
    }

    /* HEADER */
    header {
        width: calc(100% - var(--wrapper-padding));
    }
    .menu {
        column-gap: calc(var(--distance-medium) / 2);
    }

    /* HOMEPAGE */
    .swiper-slide-active .mockup {
        transform: none !important;
    }
    .swiper-cit h2::before {
        left: calc(var(--distance-medium) / -4);
    }
    .swiper-cit h2::after {
        transform: scaleX(-1) translateX(calc(var(--distance-medium) / -4));
    }
    .scroll-down-focus .line {
        height: calc(var(--vh100) * 0.35);
    }
    .sticky-container .cont-section {
        padding-top: var(--distance-big);
    }
    .nav-point div.active {
        border-width: 12px;
        width: 45px;
        height: 45px;
    }
    .swiper-circle .swiper-slide [class*="icon"] {
        width: 40%;
        height: 40%;
    }

    #horizontal .cont-testo .sharp1 + .row {
        margin-top: 0;
    }
    #horizontal .cont-testo .sharp1 {
        font-size: 3.5rem;
    }

    /* COME FUNZIONA */
    .big-card .col-dx {
        padding: calc(var(--distance) * 3) calc(var(--distance) * 2) calc(var(--distance) * 3) calc(var(--distance-medium) * 2);
    }
}