@media only screen and (max-width: 767px) {
    :root {
        --nano-space: calc(var(--mini-space)/1.5);
        --mini-space: 1.7rem;
        --medium-space: calc(var(--mini-space)*1.75);
        --big-space: calc(var(--mini-space)*2.75);
        --bigger-space: calc(var(--mini-space)*3.75);
    }

    body {
        margin: var(--nano-space);
    }

    h1 {
        font-size: 2.8rem !important;
    }

    h2 {
        font-size: 2.4rem !important;
    }

    h3 {
        font-size: 1.8rem !important;
    }

    .services-box h3 {
        font-size: 1.8rem !important;
    }

    .no-line-height h1 {
        margin: 0 !important;
    }

    .no-line-height h2 {
        margin: 0 !important;
    }

    p {
        font-family: "Poppins", Sans-serif;
        font-size: .9rem !important;
    }

    a {
        font-size: .9rem !important;
    }

    .big-button .elementor-button,
    .elementor-button {
        height: auto !important;
        padding: var(--nano-space) var(--mini-space) !important;
        line-height: 120% !important;
    }

    .line-divider {
        width: 100% !important;
        height: 0.15rem;
    }

    .brevo-form-container input,
    .brevo-form-container input::placeholder {
        font-size: .9rem !important;
    }

    /* header */
    .main-header #logo {
        min-width: 100%;
        height: auto;
        padding: var(--mini-space);
        border: none;
    }

    .hamburger {
        width: 100%;
        height: var(--medium-space);
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 0.15rem solid var(--e-global-color-accent);
        border-bottom: 0.15rem solid var(--e-global-color-accent);
        background: var(--e-global-color-primary);
    }

    .hamburger-box {
        width: 100%;
        height: 24px;
        display: flex;
        justify-content: center;
        position: relative;
    }

    .main-header .main-menu-container {
        width: 100%;
        max-height: 0px;
        overflow: hidden;
        transition: max-height .5s ease-in-out;
    }

    .main-header .main-menu-container.is-open {
        width: 100%;
        max-height: 1000px;
        overflow: hidden;
    }

    .main-header .main-menu {
        padding: 0 var(--mini-space);
        justify-content: space-between;
        gap: inherit;
    }

    .main-menu li {
        width: fit-content;
    }

    .main-header .main-menu {
        height: 100%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        gap: var(--mini-space);
        padding: var(--medium-space);
        border-top: 0;
        border-bottom: 0.15rem solid var(--e-global-color-accent);
        background: var(--e-global-color-primary);
    }

    /* blog */
    .full-width>div {
        width: 100%;
    }

    .last-n-posts .single-post {
        min-width: auto;
        flex-direction: column;
        row-gap: var(--mini-space);
    }

    .last-n-posts .single-post .single-post-thumbnail {
        height: min(var(--length-big-unit), calc(100vw - (var(--mini-space)*2) - (var(--nano-space)*2) - 0.6rem));
        min-width: 100%;
        max-width: 100%;
    }

    .last-n-posts .single-post .single-post-heading {
        gap: 0.5rem;
    }

    .last-n-posts .single-post .single-post-preview {
        width: calc(100vw - (var(--mini-space)*4) - 1rem);
        padding: 0;
        margin-bottom: var(--mini-space);
    }

    .last-n-posts .single-post a {
        align-self: center;
    }

    /* carousel */
    .scroller--inner div {
        height: calc(100vw - (var(--mini-space)*4) - 0.6rem);
        width: calc(100vw - (var(--mini-space)*4) - 0.6rem);
    }

    /* footer */
    .main-footer {
        padding: var(--medium-space) var(--mini-space) var(--medium-space) var(--mini-space);
        gap: var(--mini-space);
        text-align: center;
    }

    .footer-box-menus {
        flex-direction: column;
        width: 100%;
    }

    .footer-menu-container {
        width: 100%;
        padding: var(--mini-space);
        gap: var(--nano-space);
    }

    .footer-menu-container:nth-of-type(1) {
        justify-content: center;
        align-items: center;
    }

    .footer-menu-container:nth-of-type(2) {
        max-width: 100%;
        border: 0;
        border-top: 0.15rem solid var(--e-global-color-accent);
        border-bottom: 0.15rem solid var(--e-global-color-accent);
    }

    .main-footer p {
        margin: 0;
    }

    /* BLOG PAGE */
    /* shortcode */
    .all-posts .single-post {
        min-width: auto;
        flex-direction: column;
        row-gap: var(--mini-space);
    }

    .all-posts .single-post .single-post-thumbnail {
        height: min(var(--length-big-unit), calc(100vw - (var(--mini-space)*2) - (var(--nano-space)*2) - 0.6rem));
        min-width: 100%;
        max-width: 100%;
    }

    .all-posts .single-post .single-post-heading {
        gap: 0.5rem;
    }

    .all-posts .single-post .single-post-preview {
        width: calc(100vw - (var(--mini-space)*4) - 1rem);
        padding: 0;
        margin-bottom: var(--mini-space);
    }

    .all-posts .single-post a {
        align-self: center;
    }

    .all-posts .single-post a {
        align-self: center;
    }

    /* SINGLE POST PAGE */
    .thumbnail-mobile {
        display: block;
        width: 100%;
    }

    .post-block {
        padding: 0;
        flex-direction: column-reverse;
        gap: var(--mini-space);
    }

    .thumbnail-desktop {
        display: none;
    }

    .image-box {
        width: 100%;
        height: var(--length-medium-unit);
    }

    #post-main .post-heading-title {
        height: fit-content;
    }

    /* prodotti consigliati */
    .prodotti-consigliati-section h3 {
        font-family: "Poppins", Sans-serif !important;
        font-size: 1.2rem !important;
        font-weight: normal;
        text-align: center;
    }

    .prodotti-title {
        font-size: 1.2rem !important;
    }

    .prodotti-consigliati-item {
        width: 100%;
    }

    .prodotti-image {
        width: 100%;
        height: var(--length-medium-unit);
    }

    /* animations */
    /* Fade-in animation */
    .easy-luca--fade-in {
        opacity: 1;
        transition: opacity 1s ease;
    }

    .easy-luca--fade-in.appear {
        opacity: 1;
    }

    /* Swipe-up animation */
    .easy-luca--swipe-up {
        opacity: 0;
        transform: translateY(2rem);
        /* Adjust the starting translateY value as needed */
        transition: transform .8s ease, opacity .8s ease;
    }

    .easy-luca--swipe-up.slide {
        opacity: 1;
        transform: translateY(0);
    }
}