/* mobile */
@media only screen and (max-width: 813px) {
    body {
        margin: 0;
        padding: 0;
    }

    main {
        overflow: hidden;
    }

    .app-preview-container {
        display: none;
    }

    #service_1 {
        position: relative;
        top: -120px;
    }

    #services_2 {
        position: relative;
        top: -200px;
    }

    h1, .description, .hidden-mobile {
        display: none;
    }

    .hidden-pc {
        display: block;
    }

    .mobile-description, .elementor-icon-list-text {
        text-align: center;
        display: inline;
    }

    #side-by-side-container {
        position: relative;
        bottom: 200px;
    }

    #side-by-side-container .side-by-side-card {
        flex-direction: column;
    }

    #side-by-side-container .side-by-side-card img {
        width: 80%;
    }

    .pc-a {
        display: none;
    }

    .custom-tab-bar {
        display: none;
    }

    .footer-links, .footer-contact  {
        text-align: left;
    }

    .partners-carousel-content {
        left: 0;
    }

    #navbar ul #extra {
        flex-direction: column;
        position: relative;
        left: 5%;
    }

    .service-items {
        flex-direction: column;
    }

    .owl-carousel-item {
        height: 50vh;
    }

    .ui-datatable table {
        overflow-wrap: normal;
        width: 100%;
        table-layout: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        /* Améliorer le défilement sur mobile */
        overflow-x: auto;

    }

    .ui-datatable thead th,
    .ui-datatable tbody td {
        white-space: nowrap;
        /* Empêche le texte de se casser sur plusieurs lignes */
    }

    /* Masquer les champs de filtrage */
    .ui-datatable .ui-column-filter {
        display: none;
    }
}

/* Tablette */

@media only screen and (max-width:1338px) {
    #main {
        margin: 25px;
    }
    .plan-card-description-and-benefit {
        display: flex;
    }
    .app-item-preview div {
        margin: 15px;
    }
    .benefit div p {
        margin: 20px;
    }
}

@media only screen and (max-width: 1103px) {
    #plan-preview-content {
        flex-direction: column;
    }
    .vitrine-plan-card-overview-container-show.showClass  {
        display: flex !important;
        flex-direction: row !important;
    }
    #plan-preview-content > div {
        margin: 20px
    }
    div.app-items:nth-child(1) {
        display: flex;
        flex-direction: row;
    }
    #services-bref-resume {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #services-bref-resume > div:nth-child(2) {
        margin-top: 15%;
    }
}