@media (max-width: 1405px) {

    /* laptop */
    /*HEADER*/
    .body-container .header {
        .header-container {
            width: 66%;

            .nav-container {
                .btn-book-demo {
                    width: 200px;
                }
            }
        }
    }
}


@media (max-width: 1160px) {

    /* tablets */
    /*HEADER*/
    .body-container .header {
        .header-container {
            width: 86%;

            .nav-container {
                .btn-book-demo {
                    width: 200px;
                }
            }
        }
    }

    /*HERO SECTION*/
    .section-hero-container .hero-context {
        .hero-title {
            width: 100%;
            padding: 0 0;
        }

        .input-email-book {
            width: 90%;
            padding: 0 5%;
        }
    }

    /*PROBLEM SECTION*/
    .main .section-problem-container {
        .card-problem-sellex {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    /*RECURSE SECTION*/
    .main .section-recorse-container {
        .card-recurse-sellex {
            flex-direction: column;

            .all-card-recurse {
                width: 100%;
                grid-template-columns: repeat(2, 1fr);
                gap: 2%;

                .card-resurse {
                    margin: 1% 0;

                }
            }

            .card-only-one {
                width: 90%;
                padding: 30px 5%;
                margin-top: 3%;
            }
        }

        .context {
            width: 100%;
            flex-direction: column;
            max-height: 100%;

            .text-context {
                width: 100%;

                button {
                    width: 100%;
                }
            }

            .img-context {
                width: 100%;

                img {
                    width: auto;
                    height: 250px;
                    object-fit: cover;
                }
            }
        }


    }

    /*HOW WORKING SECTION*/
    .main .section-how-working-container {
        .context {
            flex-direction: column;
            max-height: 100%;
            margin-top: 5%;

            .text-context {
                width: 100%;

                button {
                    width: 100%;
                }
            }

            .img-context {
                width: 100%;

                img {
                    width: auto;
                    height: 400px;
                }
            }
        }
    }

    /*SERVICE SECTION*/
    .main .section-service-container {
        height: 100%;

        .cards-service {
            flex-direction: column;

            .img-service img {
                height: 230px;
                object-fit: cover;
            }

            .container-service {
                width: 100%;
                justify-content: center;
                align-items: center;

                .card-service {
                    width: 90%;
                }
            }
        }
    }

    /*CONTACT SECTION*/
    .main .section-contact-container {
        flex-direction: column;
        height: 100%;
        padding: 70px 15%;
        align-items: center;
        justify-content: center;

        .context-contact {
            justify-content: center;
            align-items: center;

            h1 {
                text-align: center;
            }

            ul {
                width: 90%;
            }
        }

        .form-contact {
            min-height: 300px;
            width: 100%;
            overflow: hidden;
            margin-top: 5%;

            .step-form-inputs {
                height: 100%;

                .form-input {
                    height: 100%;

                    .double-input {
                        flex-direction: column;
                        height: 105px;
                        gap: 0;

                        .input {
                            margin: 1.2% 0;
                        }
                    }
                }
            }
        }
    }

    /*FOOTER*/
    .footer {
        .text-footer {
            width: 100%;
        }
    }

    .nav-footer {
        ul {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 5%;

            li {
                padding: 10px 0;
            }
        }
    }

    .orb-1,
    .orb-2,
    .orb-3 {
        display: none;
    }

}




@media (max-width: 800px) {

    /* telemóveis */
    /*HEADER*/
    .body-container .header {
        padding-top: 30px;

        .header-container {
            width: 86%;

            .nav-container {
                display: none;
            }

            .icon-menu {
                display: flex;
            }
        }
    }

    /*ALL MAIN SECTION*/
    .main .section-flex {
        width: 90%;
        padding: 50px 5% 70px 5%;

        .title {
            font-size: 20px;
            width: 90%;
        }

        .text-title {
            width: 90%;
            font-size: 13px;
        }
    }

    /*HERO SECTION*/
    .main .section-hero-container {
        width: 90%;
        padding: 30px 5% 50px 5%;
    }

    .section-hero-container .hero-context {
        .hero-title {
            width: 100%;
            font-size: 40px;
            padding: 0;

            span {
                font-size: 40px;
                min-height: 55px;
                max-width: 90%;
            }
        }

        .input-email-book {
            width: 100%;
            padding: 0;
            flex-direction: column;

            .input {
                width: 100%;
            }

            button {
                width: 100%;
                margin: 2%;
            }
        }
    }

    /*PROBLEM SECTION*/
    .main .section-problem-container {
        width: 100%;
        padding: 50px 0 70px 0;

        .card-problem-sellex {
            display: flex;
            flex-direction: row;
            overflow-x: auto;
            gap: 16px;
            padding: 20px 5%;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            /* Ocultar scrollbar no Firefox */

            &::-webkit-scrollbar {
                display: none;
                /* Ocultar scrollbar no Chrome/Safari */
            }

            /* Forçar espaçamento após a última carta durante o scroll final */
            &::after {
                content: '';
                flex: 0 0 1px;
            }

            .card-problem {
                flex: 0 0 auto;
                width: 80vw;
                max-width: 320px;
                min-height: 210px;
                scroll-snap-align: center;
            }
        }
    }

    /*RECURSE SECTION*/
    .main .section-recorse-container {
        .card-recurse-sellex {
            flex-direction: column;

            .all-card-recurse {
                width: 100%;
                grid-template-columns: repeat(1, 1fr);
                gap: 0;

                .card-resurse {
                    margin: 1% 0;
                }
            }

            .card-only-one {
                width: 90%;
                padding: 30px 5%;
                margin-top: 1%;
            }
        }

        .context {
            flex-direction: column;
            max-height: 100%;

            .text-context {
                width: 100%;

                button {
                    width: 100%;
                }
            }

            .img-context {
                width: 100%;

                img {
                    width: auto;
                    height: 250px;
                    object-fit: cover;
                }
            }
        }


    }

    /*HOW WORKING SECTION*/
    .main .section-how-working-container {
        .step-working {
            grid-template-columns: repeat(1, 1fr);

            .step {
                padding: 10px 20px;
            }
        }

        .step-working::after {
            display: none;
        }

        .context {
            flex-direction: column;
            max-height: 100%;
            margin-top: 5%;

            .text-context {
                width: 100%;

                button {
                    width: 100%;
                }
            }

            .img-context {
                width: 100%;

                img {
                    width: auto;
                    height: 250px;
                }
            }
        }
    }

    /*SERVICE SECTION*/
    .main .section-service-container {
        height: 100%;

        .cards-service {
            flex-direction: column;

            .img-service img {
                height: 230px;
                object-fit: cover;
            }

            .container-service {
                width: 100%;
                justify-content: center;
                align-items: center;

                .card-service {
                    width: 90%;
                }
            }
        }
    }

    /*CONTACT SECTION*/
    .main .section-contact-container {
        flex-direction: column;
        height: 100%;

        .context-contact {
            justify-content: center;
            align-items: center;

            h1 {
                text-align: center;
            }

            ul {
                width: 90%;
            }
        }

        .form-contact {
            min-height: 300px;

            .step-form-inputs {
                height: 100%;

                .form-input {
                    height: 100%;

                    .double-input {
                        flex-direction: column;
                        height: 105px;
                        gap: 0;

                        .input {
                            margin: 1.2% 0;
                        }
                    }
                }
            }
        }
    }

    /*FOOTER*/
    .footer {
        .text-footer {
            width: 100%;
        }
    }

    .footer::before {
        background-position: center 140%;
        background-size: 110%;
        opacity: 0.1;
    }

    .nav-footer {
        ul {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 5%;

            li {
                padding: 10px 0;
            }
        }
    }

    .orb-1,
    .orb-2,
    .orb-3 {
        display: none;
    }

    /*BOOK-DEMO*/
    .container-book {
        .form-book-demo {
            width: 90%;
        }
    }

    /*PAGES*/
    .pages-container {
        width: 90%;
        padding: 0px 5% 30px 5%;
    }
}