/* Mobile */
@media screen and (min-width: 320px) and (max-width: 767px) {

    /* developpement durable */
    .propos-title-inner-row .wpb_wrapper {
        max-width: 100%;
    }

    .propos-title-inner-row .gws-space-wrapper .gws-space.space165 {
        height: 130px;
    }

    .propos-kpi-inner-row .gws-space-wrapper .gws-space.space60,
    .propos-title-inner-row .gws-space-wrapper .gws-space.space60 {
        height: 50px;
    }

    .propos-title-inner-row .propos-main-title .gws-heading-title h1 {
        font-size: 25px;
    }

    .energie-compteurs-texts .image-content-details-wrapper,
    .gws-col-geste-deplacer-cols .gws-col > div:first-child .image-content-details-wrapper,
    .gws-col-geste-deplacer-cols .gws-col > div:last-child .image-content-details-wrapper {
        padding: 25px 20px 40px;
    }

    .vc_row.propos-banner-inner-row .gws-image-item .image {
        height: 120px;
        border-radius: 5px !important;
    }

    .vc_row.propos-banner-inner-row .gws-image-item .image img {
        object-position: 0;
    }

    .kpis-2-1-2-1 .container-col.vie-quotidien-kpis .kpi-title-text-wrapper,
    .kpis-2-1-2-1 .container-col.vie-quotidien-kpis .gws-kpi-wrapper.third-kpi .kpi-title-text-wrapper,
    .kpis-2-1-2-1 .container-col.vie-quotidien-kpis .gws-kpi-wrapper.fifth-kpi .kpi-title-text-wrapper,
    .kpis-2-1-2-1 .container-col.vie-quotidien-kpis .gws-kpi-wrapper.sixth-kpi .kpi-title-text-wrapper {
        padding: 45px 25px 50px;
        gap: 20px;
    }

    .kpis-2-1-2-1 .container-col.vie-quotidien-kpis .gws-kpi-wrapper.third-kpi .kpi-title-text-wrapper .kpi-main-title-wrapper p {
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
    }

    /* .wpb_wrapper .gws-column-wrapper .gws-col {
        gap: 30px !important;
    } */

    .eau-resource-inner-row .gws-button a,
    .gws-col-geste-deplacer-cols .gws-col > div:nth-child(2) a,
    .nature-coeur-inner-row .gws-button a {
        font-size: 13px;
    }

    .gws-content-wrapper.container-geste-dechets {
        max-width: 100%;
    }

    .energie-compteurs-texts .image-content-details-wrapper {
        flex-direction: column;
    }

    .energie-compteurs-texts .image-content-details-wrapper .gws-content-wrapper.container-energie-maitrisee,
    .gws-content-wrapper.container-compteurs-intelligents {
        width: 100%;
    }


    /* terrains commerciaux */
    .container-terrains-commerciaux-banner-texts .gws-heading .gws-heading-title h1 {
        font-size: 28px;
        line-height: normal;
    }

    .gws-content-wrapper.container-offres-de-terrains-texts {
        position: static;
        width: 100%;
        padding-bottom: 25px;
    }
    
    .slider-container.quotidien-facile {
        max-width: 100%;
    }

    .slider-container.quotidien-facile .image-content-img {
        height: 150px !important;
    }
    
    .kpis-2-2 .container-col.vie-quotidien-kpis .kpi-title-text-wrapper,
    .kpis-2-2 .container-col.vie-quotidien-kpis .fourth-kpi .kpi-title-text-wrapper {
        padding: 45px 25px 50px;
        gap: 20px;
    }

    .slider-container.quotidien-facile .slick-slider {
        padding-bottom: 0;
    }

    .quotidien-facile .slick-slider .slick-prev.slick-arrow {
        left: 25%;
    }

    .quotidien-facile .slick-slider .slick-arrow {
        right: 25%;
    }

    .quotidien-facile-row .text-content-wrapper {
        max-width: 90%;
    }

    .connectivite-internet-row .image-content-details-wrapper,
    .ca-change-box .gws-content-wrapper.container-vefa-icons {
        padding: 25px 20px 40px;
    }

    .ca-change-box .gws-content-wrapper.container-why-matter-btn a {
        padding: 10px;
    }

    .gws-content-wrapper.container-terrains-commerciaux-banner-texts .gws-button a {
        font-size: 12px;
    }

    .marques-slider-wrapper.slick-slider .slick-prev.slick-arrow {
        left: 5%;
    }

    .marques-slider-wrapper.slick-slider .slick-arrow {
        right: 5%;
    }

    .gws-accordion-offres-de-terrains-tabs .gws-image-content-item .gws-image-content-wrapper.position-column .image-content-img {
        height: 250px;
    }

    .vc_row.terrains-commerciaux-actualites-row {
        max-width: 100%;
    }

    /* archive evenement */
    .filter-responsive-button {
        background: #00AA841A;
    }

    .banner-events-wrapper .event-item-image {
        height: 300px;
    }

    .banner-events-wrapper .event-item-details-wrapper {
        bottom: 8vh;
    }

    .banner-events-wrapper .event-item-button {
        bottom: 14px;
        left: 15px;
    }

    .filter-category-btn-close-responsive {
        text-align: right;
        margin-right: 10px;
    }

    /* bureaux */
    .bureaux-attractive-inner-row .gws-heading.font32px {
        max-width: 100%;
    }

    .bureaux-attractive-inner-row .wpb_wrapper .gws-heading:nth-child(3) .gws-heading-title h2 {
        font-size: 22px;
        text-align: left;
    }

    .bureaux-attractive-inner-row .gws-image-item .image.add-border-radius {
        height: 150px;
    }

    .gws-heading.bureaux-main-title .gws-heading-title h1 {
        font-size: 32px;
        line-height: normal;
    }

    .bureaux-attractive-inner-row .gws-image-item {
        top: -60px;
    }

    .bureaux-connectivite-icon .icon-wrapper {
        gap: 20px;
    }

    .bureaux-connectivite-icon .icon-wrapper {
        flex-direction: column;
    }

    .bureaux-connectivite-icon .icon-wrapper .icon {
        width: 15%;
    }

    .bureaux-connectivite-icon .icon-content-title {
        max-width: 100%;
    }

    .bureaux-connectivite-icon .icon-wrapper .icon-content {
        width: 100%;
    }

    .bureaux-connectivite-icon .icon-content-title p {
        list-style: normal;
        font-size: 20px;
    }

    .container-bureaux-oficea-cols-left .gws-button a {
        font-size: 12px;
    }

    .bureaux-connectivite-row .ca-change-box .gws-content-wrapper.container-vefa-icons {
        margin-bottom: 0;
        padding-top: 25px;
    }

    .gws-col-bureaux-attractive-kpis .slick-slider {
        padding-bottom: 45px;
    }

    /* albums archive */
    .archive-blog-wrapper.archive-event-wrapper{
        padding-top: 120px;
    }

    .banner-events-wrapper .album-item-image {
        height: 300px;
    }

    .archive-album-posts .album-item {
        width: 100%;
    }

    .banner-events-wrapper .album-item-details-wrapper {
        left: 15px;
        bottom: 30px;
    }

    .banner-events-wrapper .album-item-title p {
        font-size: 21px;
        line-height: normal;
    }

    .archive-album-posts .album-item .album-item-image {
        height: 250px !important;
    }

    .archive-album-posts {
        padding-top: 10px;
        padding-bottom: 50px;
    }

    .archive-album-posts .album-item .album-item-inner {
        padding-top: 15px;
        padding-bottom: 0;
    }

    /* marché immobiliers */
    .gws-heading.marche-immobilier-main-title .gws-heading-title h1 {
        font-size: 30px;
    }

    .vc_row.le-residentiel-inner-row .image-content-details-wrapper {
        padding-inline: 0;
    }

    .gws-col-le-residentiel-kpis .gws-col.slick-slider {
        padding-bottom: 50px;
    }

    .vc_row.le-residentiel-inner-row .image-content-img img {
        object-position: -50px;
    }

    .ecosysteme-economique-inner-row .gws-image-content-wrapper.position-column.height-270px .image-content-img {
        height: 290px;
    }

    .ecosysteme-economique-inner-row .image-content-title-text {
        width: 100%;
        left: 15px;
        top: 90px;
    }

    .ecosysteme-economique-inner-row .image-content-title-text .image-content-title-text-wrapper {
        flex-direction: column;
    }

    .ecosysteme-economique-inner-row .image-content-title-text .image-content-title-text-wrapper .image-content-title {
        padding-right: 0;
        padding-bottom: 10px;
        width: 100%;
    }

    .ecosysteme-economique-inner-row .image-content-title-text .image-content-title-text-wrapper .image-content-title p {
        line-height: normal;
        font-size: 25px;
    }

    .ecosysteme-economique-inner-row .image-content-title-text .image-content-title-text-wrapper .image-content-text {
        width: 100%;
    }

    .ecosysteme-economique-inner-row .text-content-wrapper {
        max-width: 100%;
    }

    .ecosysteme-economique-inner-row .gws-col-ecosysteme-economique-kpis .kpi-title-text-wrapper.position-column .kpi-text-wrapper {
        min-height: 60px;
    }

    .gws-col-ecosysteme-economique-kpis .gws-col.slick-slider {
        margin-bottom: 0;
        padding-bottom: 50px;
    }

    .ecosysteme-economique-inner-row .gws-col-ecosysteme-economique-kpis .kpi-title-text-wrapper.position-column {
        width: 95%;
    }

    .pourquoi-investir-row .bureaux-attractive-inner-row.plus-value-inner-row .gws-heading,
    .plus-value-inner-row .text-content-wrapper {
        max-width: 100%;
    }

    .qualite-vie-inner-row .image-content-details-wrapper .gws-heading.center {
        text-align: left;
    }
    
    .qualite-vie-inner-row .image-content-details-wrapper .gws-heading.center h2 {
        font-size: 17px;
    }

    .qualite-vie-inner-row .image-content-details-wrapper .gws-heading.center .gws-heading-inner-wrapper {
        justify-content: flex-start;
    }

    .qualite-vie-inner-row .image-content-details-wrapper .text-content-wrapper {
        text-align: left;
    }

    .qualite-vie-inner-row .gws-col-qualite-vie-kpis .icon-content-title p {
        line-height: 22px;
        font-size: 26px;
    }

    .plus-value-inner-row .text-content-wrapper.font14px {
        max-width: 100%;
    }

    .le-residentiel-inner-row .gws-heading-title h2 > br {
        display: none;
    }


    /* feedback & UAT */
    nav.navigation.pagination {
        margin-bottom: 50px;
        margin-top: 0;
    }

    .single-blog-breadcrumb-wrapper {
        display: none;
    }

    .single-blog-wrapper {
        padding-top: 115px;
    }

    footer.site-footer {
        margin-top: 20px;
    }

    .fancybox-slide--video .fancybox-content {
        height: 220px !important;
        width: 330px !important;    
    }

    .fancybox-stage .fancybox-slide {
        width: 34%;
        padding: 44px 15px;
    }

    .quotidien-facile .slick-slider .slick-arrow {
        bottom: -28px;
    }
    .single-post .icon-wrapper .icon svg {
        width: fit-content !important;
    }
    .single-post .gws-icon-item.add-line .icon-wrapper.position-column {
        flex-direction: row;
        gap: 32px;
    }
    .single-post .gws-image-content-wrapper.position-row-reverse.width-380px .image-content-img {
        width: 100%;
    }
    }

@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* developpement durable */
    .propos-title-inner-row .wpb_wrapper {
        max-width: 81%;
    }

    .vc_row.propos-banner-inner-row .gws-image-item .image {
        height: 275px;
    }

    .vc_row.propos-banner-inner-row .gws-image-item .image img {
        object-position: 0;
    }

    .wpb_wrapper .gws-column-wrapper .gws-col {
        gap: 30px !important;
    }

    .gws-col-geste-deplacer-cols .gws-image-content-item:nth-child(2) img {
        object-position: 0 0;
    }

    .kpis-2-1-2-1 .container-col.vie-quotidien-kpis .kpi-title-text-wrapper,
    .kpis-2-1-2-1 .container-col.vie-quotidien-kpis .gws-kpi-wrapper.third-kpi .kpi-title-text-wrapper,
    .kpis-2-1-2-1 .container-col.vie-quotidien-kpis .gws-kpi-wrapper.fifth-kpi .kpi-title-text-wrapper,
    .kpis-2-1-2-1 .container-col.vie-quotidien-kpis .gws-kpi-wrapper.sixth-kpi .kpi-title-text-wrapper {
        padding: 30px 40px;
        gap: 20px;
    }

    .kpis-2-1-2-1 .container-col.vie-quotidien-kpis .gws-kpi-wrapper.third-kpi .kpi-title-text-wrapper .kpi-main-title-wrapper p {
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
    }

    .gws-content-wrapper.container-geste-dechets {
        width: 100%;
    }

    .energie-compteurs-texts .image-content-details-wrapper {
        padding: 30px 40px 40px;
    }

    .gws-content-wrapper.container-geste-dechets {
        max-width: 100%;
    }

    .energie-compteurs-texts .image-content-details-wrapper {
        flex-direction: column;
    }

    .energie-compteurs-texts .image-content-details-wrapper .gws-content-wrapper.container-energie-maitrisee,
    .gws-content-wrapper.container-compteurs-intelligents {
        width: 100%;
    }

    /* terrains-commerciaux */
    .marques-slider-wrapper.slick-slider .slick-arrow {
        right: 0;
    }

    .gws-content-wrapper.container-offres-de-terrains-texts {
        position: static;
        width: 100%;
        padding-bottom: 25px;
    }

    .slider-container.quotidien-facile {
        max-width: 100%;
    }

    .quotidien-facile .slick-slider .slick-prev.slick-arrow {
        left: 30%;
    }

    .quotidien-facile-row .text-content-wrapper {
        max-width: 80%;
    }

    .gws-accordion-offres-de-terrains-tabs .gws-image-content-item .gws-image-content-wrapper.position-column .image-content-img {
        height: 250px;
    }

    .gws-col-decouvrez-les-offres-properties .slick-slide {
        margin-right: 20px;
    }

    .gws-col-decouvrez-les-offres-properties .slick-list.draggable {
        margin-bottom: 60px;
    }

    .gws-col-decouvrez-les-offres-properties ul.slick-dots {
        justify-content: center;
        bottom: 5px;
        right: 0;
        left: 0;
    }

    .gws-col-decouvrez-les-offres-properties .slick-slider ul.slick-dots button {
        background: #AAD5C2;
        height: 5px;
        width: 5px;
    }

    /* archive evenement */
    .filter-category-btn-close-responsive {
        display: none;
    }

    .banner-events-wrapper .event-date-wrapper {
        padding: 60px 30px;
    }

    /* bureaux */

    .bureaux-attractive-inner-row .gws-heading.font32px {
        max-width: 100%;
    }

    .bureaux-attractive-inner-row .gws-image-item {
        top: -100px;
    }

    .gws-col-bureaux-attractive-icons.gws-column-wrapper .gws-col {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .gws-col-bureaux-attractive-icons.gws-column-wrapper .gws-col > div {
        width: 45% !important;
    }

    .gws-col-bureaux-attractive-kpis .slick-slider {
        padding-bottom: 45px;
    }

    .gws-col-bureaux-attractive-kpis .slick-slider ul.slick-dots {
        justify-content: center;
        height: fit-content;
        width: 100%;
        bottom: 6px;
        right: 0;
        left: 0;
    }

    .gws-col-bureaux-attractive-kpis .slick-slider ul button {
        background: #AAD5C2;
        height: 5px;
        width: 5px;
    }

    .gws-col-bureaux-attractive-kpis .slick-slider {
        margin-bottom: 35px;
    }

    /* albums archive */
    .archive-album-posts .album-item {
        width: 50%;
    }

    .banner-events-wrapper .album-item-image {
        height: 315px;
    }

    .banner-events-wrapper .album-item-details-wrapper {
        bottom: 35px;
    }

    .archive-album-wrapper .archive-blog-filter-category-wrapper {
        display: flex;
        width: 100%;
        justify-content: flex-start;
    }

    .archive-album-wrapper .archive-blog-filter-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .archive-album-wrapper.archive-blog-wrapper .archive-blog-filter-search {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }

    .archive-album-wrapper .archive-blog-search-form-wrapper {
        width:50%;
    }

    /* marché immobiliers */
    .vc_row.le-residentiel-inner-row .wpb_wrapper .gws-image-content-wrapper .image-content-img {
        width: 100%;
    }

    .le-residentiel-inner-row .gws-heading-title h2 > br {
        display: none;
    }

    .vc_row.le-residentiel-inner-row .image-content-details-wrapper {
        padding-inline: 0;
    }

    .pourquoi-investir-row .bureaux-attractive-inner-row.plus-value-inner-row .gws-heading,
    .plus-value-inner-row .text-content-wrapper {
        max-width: 100%;
    }

    .le-residentiel-inner-row .gws-image-content-wrapper.position-row-reverse {
        flex-direction: column;
    }

    .gws-col-le-residentiel-kpis .slick-slider,
    .gws-col-ecosysteme-economique-kpis .slick-slider {
        padding-bottom: 55px;
    }

    .gws-col-le-residentiel-kpis ul.slick-dots,
    .gws-col-ecosysteme-economique-kpis ul.slick-dots{
        justify-content: center;
        bottom: 5px;
        right: 0;
        left: 0;
    }

    .gws-col-le-residentiel-kpis .slick-slider ul.slick-dots button,
    .gws-col-ecosysteme-economique-kpis .slick-slider ul.slick-dots button {
        background: #AAD5C2;
        height: 5px;
        width: 5px;
    }

    .ecosysteme-economique-inner-row .gws-col-ecosysteme-economique-kpis .kpi-title-text-wrapper.position-column .kpi-text-wrapper {
        min-height: 60px;
    }

    .ecosysteme-economique-inner-row .text-content-wrapper {
        max-width: 100%;
    }

    .qualite-vie-inner-row .image-content-details-wrapper .gws-heading.center .gws-heading-inner-wrapper {
        justify-content: flex-start;
    }

    .qualite-vie-inner-row .image-content-details-wrapper .text-content-wrapper {
        text-align: left;
    }

    .ecosysteme-economique-inner-row div.gws-column-wrapper.gws-col-ecosysteme-economique-kpis {
        margin-bottom: 0;
    }

    .gws-col-le-residentiel-kpis .slick-slider {
        margin-bottom: 35px;
    }

    /* .ecosysteme-economique-inner-row .image-content-details-wrapper .gws-button-wrapper:nth-child(5) {
        width: 45%;
        position: absolute;
        bottom: 0;
        left: 25px;
    }

    .ecosysteme-economique-inner-row .image-content-details-wrapper .gws-button-wrapper:nth-child(6) {
        width: 45%;
        position: absolute;
        bottom: 25px;
        right: 25px;
    } */

    .ecosysteme-economique-inner-row .image-content-title-text {
        width: 100%;
        left: 15px;
        top: unset;
        bottom: 50px;
    }

    .ecosysteme-economique-inner-row .image-content-title-text .image-content-title-text-wrapper {
        flex-direction: column;
    }

    .ecosysteme-economique-inner-row .image-content-title-text .image-content-title-text-wrapper .image-content-title {
        padding-right: 0;
        padding-bottom: 10px;
        width: 100%;
    }

    .ecosysteme-economique-inner-row .image-content-title-text .image-content-title-text-wrapper .image-content-title p {
        line-height: normal;
        font-size: 25px;
    }

    .ecosysteme-economique-inner-row .image-content-title-text .image-content-title-text-wrapper .image-content-text {
        width: 100%;
    }

    .ecosysteme-economique-inner-row .gws-image-content-wrapper.position-column.height-270px .image-content-img {
        height: 300px;
    }
 
}