@media screen and (min-resolution: 120dpi) {
    body {
        zoom: 0.8;
    }

    .banner-section {
        height: calc(100vh + 25vh) !important;
    }

    .banner-page-section {
        height: calc(100vh + 25vh);
    }

    .swiper-container.banner-slider .height-banner {
        zoom: 1;
    }

    .height-banner {
        overflow: hidden;
        height: calc(100vh + 25vh);
        zoom: 1.2;
    }
    
    .history-section {
        margin-top: 250px;
        height: 100vh;
    }
    
    .inner-history-section {
        margin-bottom: 50px;
    }
    
    .activity-numbers-repeated p {
        font-size: 20px;
    }
    
    .activity-numbers-repeated h3 {
        font-size: 42px;
    }
}

@media screen and (max-width: 1600px) {
    
}

@media screen and (max-width: 1440px) {
    
    /* homepage */

    .banner-section {
        height: 100vh;
        margin-top: 0;
    }

    .group-section-bloc {
        width: 70%;
    }

    .group-num-repeated h3 {
        font-size: 70px;
    }

    .left-presence-section {
        width: 35%;
    }

    .right-presence-section {
        width: 65%;
    }

    .right-achievement h3 {
        font-size: 48px;
    }

    .latest-news-repeated {
        width: 48%;
        margin-bottom: 2%;
    }

    .latest-news-repeated .category-section {
        margin-bottom: 30px;
    }
    
    .inner-left-banner-activity {
        padding-top: 0;
    }
    
    .inner-banner-activity-section {
        padding: 0 0 100px;
    }
    
    .height-banner {
        height: 100vh;
    }
    
    .latest-news-section {
        padding-top: 50px;
    }
    
    /* about page */

    .banner-page-section {
        margin-top: 150px;
        padding: 0 0 150px;
    }

    .sector-image .description {
        font-size: 16px;
    }

    .inner-left-operate .title {
        font-size: 50px;
        line-height: 35px;
    }

    .inner-left-operate .title span {
        font-size: 32px;
    }

    .inner-right-operate .content h3 {
        font-size: 50px;
    }

    .inner-right-operate .content h3 span.small {
        font-size: 35px;
    }

    .box-belief {
        width: 37%;
    }

    .left-belief-section {
        width: 75%;
        height: 400px;
    }

    .right-belief-section {
        width: 25%;
    }

    .right-belief-section h3 {
        font-size: 28px;
    }

    .box-belief.box-loyalty {
        bottom: 58%;
        right: 7%;
    }

    .box-belief.box-respect {
        right: 70%;
        bottom: 20%;
    }

    .box-belief.box-dignity {
        right: 2%;
        bottom: -12%;
    }

    .box-belief.box-pro {
        bottom: -40%;
        right: 40%;
    }

    .box-belief .photo .content h4 {
        font-size: 22px;
    }

    .box-belief .photo .content p {
        font-size: 14px;
        line-height: 130%;
    }

    .inner-belief-section {
        padding: 250px 0;
    }

    .swiper-pagination {
        bottom: 50px;
    }

    .history-section {
        padding: 0 0 100px;
        margin-top: 180px;
    }
    
    html {
        height: 100% !important;
    }
    
    .history-section {
        margin-top: 150px;
    }
    
    .history-slider-cnt h1 {
        font-size: 48px;
    }
    
    .history-pagination .swiper-wrapper {
        height: 320px;
    }

    .banner-content h1 {
        font-size: 100px;
    }

    .latest-news-repeated .content {
        padding: 30px 20px;
    }

    .popup-left {
        width: 45%;
    }

    .popup-right {
        width: 55%;
    }

    .popup-name {
        font-size: 52px;
    }

    .popup-moto {
        font-size: 24px;
    }

    .accordion-logo img {
        width: 100%;
    }
    
    .banner-page-section.region {
        margin-top: 150px;
    }
    
    .banner-page-section.inner .inner-presence-section .left-presence-section {
        padding-top: 50px;
    }
    
    .banner-page-section.inner .inner-presence-section .right-presence-section {
        margin-bottom: 150px;
        top: -350px;
    }
    
    .c-popup-left .text {
        font-size: 16px;
    }
    
    .accordion-shown-text h4 {
        font-size: 18px;
    }
    
    .commitment-popup-bloc {
        padding: 50px 0;
    }
    
    .accordion-shown-text h3 {
        font-size: 24px;
        padding-bottom: 15px;
    }
    
    .commitment-plus {
        bottom: 20px;
    }
    
    .c-popup-left {
        width: 40%;
    }
    
    .c-popup-left .accordion-shown-text h4 {
        max-width: 65%;
    }
    
    .c-popup-left .text {
        max-width: 100%;
    }
    
    .c-popup-right {
        width: 60%;
    }
    
    .banner-page-section.about {
        height: auto;
        padding-bottom: 100px;
    }

    .about-sector-repeated.w30 .sector-image {
        width: 37%;
        min-height: 204px;
    }

    .inner-commitment-accordion-section {
        max-width: 95%;
    }
    
    .inner-latest-news-section {
        padding: 0 0 50px;   
    }
    
    .latest-news-section.news {
        margin-top: 200px;
    }
    
    .contact-section {
        margin-top: 200px;
    }
    
    .inner-contact-section.news {
        max-width: 60%;
    }
    
    .job-slider-cnt {
        padding: 40px 30px 20px;
    }
    
    .job-title {
        font-size: 24px;
    }
    
    .job-dept {
        font-size: 16px;
    }
    
    .job-location {
        font-size: 16px;
    }
    
    .job-date {
        font-size: 16px;
    }
    
    .dd .swiper-button-prev {
        left: 10px;
    }
    
    .dd .swiper-button-next {
        right: 35px;
    }
    
    .dd .c-round-repeated .content .left-accordion-repeated .text {
        font-size: 15px;
    }
    
    .dd-acc {
        width: 100%;
    }
    
    .inner-banner-activity-section .dd-acc li {
        padding: 25px;
    }
    
    
    
}

@media screen and (max-width: 1200px) {
    .dd .c-popup-left {
        width: 70%;
        margin-bottom: 50px;
    }
    
    .dd .c-popup-right {
        width: 100%;
        padding-bottom: 50px;
    }
    
    .left-banner-activity {
        width: 100%;
        margin-bottom: 50px;
    }
    
    .right-banner-activity {
        width: 100%;
    }
    
    .inner-c-popup-right {
        justify-content: center;
    }
}

@media screen and (max-width: 1023px) {
    body {
        zoom: 0.8 !important;
    }
    
    .ipad-100 {
        width: 100%;
    }

    .ipad-100-order1 {
        width: 100%;
        order: 1;
    }

    .ipad-100-order2 {
        width: 100%;
        order: 2;
    }

    .inner-header {
        padding: 0;
        max-width: 100%;
    }

    header {
        background: #ffffff;
        height: auto;
    }

    header.opened {
        background: #fff;
        height: 100%;
    }

    header.fixed .inner-header {
        padding: 0;
    }

    header .bloc-header {
        width: 100%;
        padding: 5%;
        background: #fff;
        z-index: 999;
    }

    header.fixed .bloc-header {
        width: 100%;
    }

    .left-header {
        width: 40%;
    }

    header.fixed .left-header {
        width: 35%;
    }

    .right-header {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        background: #ffffff;
        visibility: hidden;
        z-index: -1;
        overflow-y: scroll;
    }

    .right-header.opened {
        padding: 200px 0 50px;
        opacity: 1;
        visibility: visible;
        z-index: 99;
    }

    header.fixed .right-header.opened {
        padding: 220px 0 50px;
    }

    .right-header ul {
        max-width: 90%;
        margin: 0 auto;
    }

    .submenu {
        top: -20px;
        position: relative;
        width: 100%;
        background: #3CA25F;
        border: 0;
        padding: 0;
        border-radius: 0;
    }

    .submenu li {
        max-width: 100%;
    }

    .right-header li .submenu li:not(:last-child):after {
        background:rgba(255, 255, 255, .2)
    }

    .right-header li.active .submenu {
        opacity: 1;
        visibility: visible;
        z-index: 1;
        top: 5px;
        padding: 20px 10px;
    }

    .right-header li .submenu ul {
        display: none;
    }

    .right-header li.active .submenu ul {
        display: block;
        max-width: 100%;
    }

    .right-header li {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .right-header li:not(:last-child):after {
        content: '';
        background: rgba(112, 108, 82, .2);
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 1px;
    }

    .right-header li a {
        font-size: 20px;
        font-weight: 500;
        width: 100%;
        height: 100%;
        display: table;
        padding: 20px;
        position: relative;
    }

    .right-header li a:after {
        content: '';
        background: url(../images/menu-arrow.png) no-repeat;
        width: 20px;
        height: 20px;
        background-size: cover;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

    .right-header li .submenu li a {
        font-size: 18px;
        font-weight: 300;
    }

    .right-header li .submenu li a:after {
        background: url(../images/menu-arrow-white.png) no-repeat;
        background-size: cover;
    }
    
    .right-header li.sub-parent {
        padding-top: 50px;
        padding-bottom: 0;
        padding-left: 20px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .right-header li.sub-parent:after {
        display: none;
    }

    .ham-nav {
        display: block;
        position: absolute;
        top: 50%;
        right: 5%;
        transform: translateY(-50%);
    }
    
    .ham-nav .line {
        fill: none;
        stroke: #706C52;
        stroke-width: 6;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .ham-nav .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 5;
    }
    
    .ham-nav .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 5;
    }
    
    .ham-nav .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 5;
    }
    
    .ham-nav.opened .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 5;
    }
    
    .ham-nav.opened .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 5;
    }
    
    .ham-nav.opened .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 5;
    }
    
    .height-banner {
        height: 500px;
    }
    
    .left-contact-section {
        width: 100%;
    }
    
    .right-contact-section {
        width: 100%;
        margin: 50px 0;
    }
    
    .team-bloc-repeated:nth-child(3n) {
        margin-right: 0;
    }
    
    .team-bloc-repeated:nth-child(5n) {
        margin-right: 2.5%;
    }
    
    .team-bloc-repeated {
        width: 31%;
        margin-bottom: 5% !important;
    }
    
    .team-bloc-repeated .bg {
        filter: grayscale(0);
    }
    
    .team-bloc-repeated .bg > img {
        max-height: 280px;
        opacity: 1;
    }

    .team-bloc-repeated .bg > img {
        opacity: 1;
    }

    .banner-content .content {
        width: 100%;
    }

    .banner-content .photo-bloc {
        width: 100%;
    }

    .banner-section {
        height: auto;
        margin-top: 300px;
        margin-bottom: 50px;
    }

    .height-banner {
        height: 1000px;
    }
    
    .inner-banner-section .swiper-pagination {
        top: 200px;
    }
    
    .group-section-bloc {
        width: 100%;
    }

    .presence-section {
        top: auto;
        margin-bottom: 0;
    }

    .left-achievement {
        width: 100%;
    }

    .right-achievement {
        width: 100%;
        padding: 100px 0;
    }
    
    .inner-achievement-section {
        padding: 100px 0;
    }
    
    .latest-news-repeated {
        width: 49%;
        margin-bottom: 2%;
    }
    
    .latest-news-repeated:nth-child(2n) {
        margin-right: 0;
    }
    
    .latest-news-repeated:nth-child(3n) {
        margin-right: 2%;
    }
    
    .inner-banner-activity-section {
        padding: 100px 0;
    } 
    
    .dd .dd-3 .inner-c-popup-right {
        justify-content: space-between;
    }

    .dd-link-blc.rapport a.cta-eclosia {
        width: 100%;
        text-align: center;
        padding: 5px 20px;
    }
    
    .dd-link-blc.rapport a:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    
    
}

@media screen and (max-width: 767px) {
    body {
        zoom: 0.8 !important;
    }

    .mob-100 {
        width: 100%;
    }

    .mob-100-order1 {
        width: 100%;
        order: 1;
    }

    .mob-100-order2 {
        width: 100%;
        order: 2;
    }

    a.cta-eclosia {
        padding: 5px 40px;
    }

    .right-header.opened {
        padding: 150px 0 50px;
    }

    header.fixed .right-header.opened {
        padding: 130px 0 50px;
    }
    
    .ham-nav svg {
        width: 60px;
        height: 55px;
    }
    
    .ham-nav .line1, .ham-nav .line2, .ham-nav .line3 {
        stroke-width: 4;
    }

    .height-banner {
        height: 500px;
    }

    .banner-section {
        margin-top: 200px;
        height: auto !important;
    }

    .banner-content h1 {
        font-size: 60px;
    }

    .inner-banner-section .swiper-pagination {
        bottom: auto;
        top: 100px;
    }

    .group-section-bloc {
        width: 100%;
    }
    
    .group-section-bloc h2 {
        font-size: 24px;
        width: 100%;
    }

    .group-num-repeated {
        width: 100%;
    }

    .group-num-repeated h3 {
        font-size: 36px;
        padding-top: 10px;
    }

    .group-num-repeated:not(:last-child) {
        margin-bottom: 20px;
    }

    .right-presence-section {
        width: 100%;
        order: 1;
    }

    .left-presence-section {
        width: 100%;
        order: 2;
        margin: 50px 0 100px;
    }

    .ai-marker-mauritius, .ai-marker {
        width: 8px;
        height: 8px;
    }

    .ai-marker-mauritius span, .ai-marker span {
        width: auto;
        font-size: 14px;
    }

    .left-presence-section h3 {
        font-size: 36px;
    }

    .left-presence-section p {
        width: 90%;
    }

    .presence-info-repeated {
        width: 100%;
    }

    .presence-info-repeated:not(:last-child) {
        margin-bottom: 15px;
    }

    .right-achievement {
        padding: 50px 0;
    }

    .right-achievement h3 {
        font-size: 36px;
        padding-bottom: 20px;
    }

    .inner-latest-news-section h3 {
        font-size: 36px;
    }

    .latest-news-repeated {
        width: 100%;
        margin: 0 !important;
    }

    .latest-news-repeated .photo {
        width: 100%;
    }

    .latest-news-repeated .photo img {
        min-height: 100%;
    }

    .latest-news-repeated .content {
        width: 100%;
        top: -20px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
    }

    .latest-news-repeated .title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .left-banner-page {
        width: 100%;
        order: 2;
    }
    
    .right-banner-page {
        width: 100%;
        order: 1;
    }
    
    .inner-right-banner-page {
        width: 100%;
    }
    
    .inner-left-banner-page {
        width: 100%;
        padding-top: 50px;
    }
    
    .inner-about-sector-section h2 {
        font-size: 24px;
    }
    
    .about-sector-bloc {
        flex-wrap: wrap;
    }
    
    .about-sector-repeated {
        width: 100%;
    }
    
    .about-sector-repeated.w25 .sector-image {
        width: 45%;
    }
    
    .about-sector-repeated.w40 .sector-image {
        width: 45%;
    }
    
    .about-sector-repeated:not(:last-child) {
        margin-bottom: 50px;
    }
    
    .about-sector-repeated .title {
        font-size: 24px;
        padding-bottom: 50px;
    }

    .about-sector-repeated.w40 .sector-image:not(:nth-last-child(-n+1)) {
        margin-bottom: 50px;
    }
    
    .left-operate-section {
        width: 100%;
    }
    
    .left-operate-section .photo {
        width: 40%;
    }
    
    .left-operate-section .content {
        width: 60%;
    }
    
    .inner-left-operate .title {
        font-size: 32px;
        line-height: 40px;
        padding-top: 10px;
    }
    
    .inner-left-operate .title span {
        font-size: 24px;
        display: block;
        line-height: 24px;
    }
    
    .right-operate-section {
        width: 100%;
        padding-top: 80px;
    }
    
    .inner-right-operate {
        padding-left: 0;
    }
    
    .right-operate-repeated {
        width: 45%;
    }
    
    .right-operate-repeated {
        width: 45%;
    }
    
    .right-operate-repeated .photo {
        width: 25%;
    }
    
    .right-operate-repeated .content {
        width: 75%;
    }
    
    .inner-right-operate .content h3 {
        font-size: 32px;
    }
    
    .inner-right-operate .content h3 span.small {
        font-size: 24px;
        top: -5px;
    }
    
    .inner-belief-section {
        padding: 50px 0;
    }
    
    .right-belief-section {
        width: 100%;
        order: 1;
    }
    
    .left-belief-section {
        width: 100%;
        order: 2;
        padding-top: 100px;
        height: auto;
    }
    
    .inner-left-belief-section {
        justify-content: flex-start;
    }
    
    .mob-slider-cnt .swiper-button-prev, .mob-slider-cnt .swiper-container-rtl .swiper-button-next {
        left: 0px;
        top: 20px;
    }
    
    .mob-slider-cnt .swiper-button-next, .mob-slider-cnt .swiper-container-rtl .swiper-button-prev {
        right: auto;
        top: 20px;
        left: 60px;
    }
    
    .box-belief {
        position: relative;
        bottom: auto !important;
        right: auto !important;
        width: 100% !important;
    }
    
    .left-governance-section {
        width: 100%;
        order: 2;
        padding-top: 50px;
    }
    
    .right-governance-section {
        width: 100%;
        order: 1;
    }
    
    .left-governance-section h3 {
        font-size: 32px;
        padding-bottom: 20px;
    }
    
    .left-banner-activity {
        width: 100%;
        order: 2;
    }

    .right-banner-activity {
        width: 100%;
        order: 1;
    }

    .right-banner-activity.activity {
        position: relative;
        right: 0;
        top: auto;
        transform: none;
    }

    .activity-contact .icn {
        width: 45%;
    }

    .activity-contact .text {
        width: 55%;
        padding-left: 5%;
    }

    .inner-right-activity-page {
        width: 100%;
        max-width: 100%;
    }

    .inner-banner-activity-section h1 {
        font-size: 45px;
    }

    .inner-banner-activity-section h2 {
        font-size: 22px;
    }

    .inner-left-banner-activity {
        width: 100%;
        padding-top: 50px;
    }
    
    .activity-logos .swiper-slide img {
        width: 50% !important;
        margin: 0 auto;
    }

    .accordion-shown-text h3 {
        font-size: 22px;
        padding-bottom: 10px;
    }

    .accordion-shown-text h4 {
        font-size: 16px;
    }
    
    .left-accordion-hidden {
        width: 100%;
    }
    
    .right-accordion-hidden {
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
    }
    
    .left-accordion-repeated {
        width: 48%;
    }
    
    .accordion-shown-text {
        width: 80%;
    }
    
    .action-section-cnt .photo {
        width: 100%;
    }
    
    .action-section-cnt .photo .bg {
        width: 100%;
    }
    
    .action-section-cnt .content {
        width: 100%;
    }
    
    .action-section-cnt .content .text {
        width: 100%;
        padding-top: 30px;
        max-width: 100%;
    }
    
    .action-section-repeated {
        width: 100%;
        margin-right: 0;
    }
    
    .commitment-repeated {
        width: 100%;
    }
    
    .accordion-shown-text {
        width: 100%;
    }
    
    .c-popup-left {
        width: 100%;
    }
    
    .c-popup-right {
        width: 100%;
    }
    
    .commitment-popup-bloc {
        overflow-y: scroll;
        padding: 150px 0 100px;
    }
    
    .commitment-popup .swiper-button-prev, .commitment-popup .swiper-container-rtl .swiper-button-next {
        left: 20px;
        top: 30px;
    }
    
    .commitment-popup .swiper-button-next, .commitment-popup .swiper-container-rtl .swiper-button-prev {
        right: auto;
        top: 30px;
        left: 80px;
    }
    
    .c-round-repeated {
        width: 100% !important;
        max-width: 80%;
        margin: 0 auto 40px !important;
    }
    
    .popup-close {
        top: 25px;
        right: 20px;
        text-align: right;
    }
    
    .popup-close img {
        width: 60%;
    }
    
    .c-popup-left .accordion-shown-text h4 {
        max-width: 100%;
    }
    
    .inner-right-accordion {
        padding: 50px 0;
    }
    
    .c-popup-left .text {
        max-width: 100%;
    }
    
    .inner-action-section h3 {
        font-size: 24px;
    }
    
    .banner-page-section.inner {
        overflow: hidden;
        margin-top: 150px;
        height: auto;
    }
    
    .banner-page-section.inner .inner-presence-section {
        top: auto;
        margin-bottom: 0;
    }

    .banner-page-section.inner .inner-presence-section .left-presence-section {
        padding-top: 0;
    }

    .latest-news-section.news {
        margin-top: 150px;
    }
    
    .latest-news-section.news .latest-news-repeated {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .spontaneous-section h3 {
        font-size: 32px;
    }

    .latest-news-section .swiper-button-prev, .latest-news-section .swiper-container-rtl .swiper-button-next {
        top: 50px;
        left: auto;
        right: 80px;
    }
    
    .inner-banner-page-section .swiper-pagination {
        bottom: -50px;
    }

    .latest-news-section .swiper-button-next, .latest-news-section .swiper-container-rtl .swiper-button-prev {
        top: 50px;
    }
    
    .accordion-logo {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .accordion-logo img {
        max-width: 40%;
        margin: 0 auto;
        display: table;
    }
    
    .accordion-text {
        width: 80%;
    }
    
    .inner-country-presence h3 {
        font-size: 24px;
    }
    
    .inner-country-presence .description a {
        font-size: 28px;
    }
    
    .inner-country-presence .description a:after {
        bottom: 2px;
    }
    
    .contact-section {
        margin-top: 200px;
    }
    
    .inner-left-contact {
        width: 100%;
    }
    
    .right-contact-section.contact-form .umbraco-forms-field {
        width: 100%;
    }
    
    .contact-form .umbraco-forms-field {
        width: 100%;
    }
    
    .inner-contact-section h1 {
        font-size: 32px;
    }
    
    .inner-contact-section {
        max-width: 85%;
    }
    
    .team-bloc-repeated {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 50px !important;
    }
    
    .team-bloc-repeated .bg {
        min-height: 380px;
        margin-bottom: 30px;
        filter: grayscale(0);
    }
    
    .team-bloc-repeated .bg .photo img {
        filter: grayscale(1);
    }

    .team-bloc-repeated .bg > img {
        max-height: 380px;
    }
    
    .team-bloc-repeated .text .team-name {
        font-size: 28px;
        line-height: 110%;
        font-weight: 500;
    }
    
    .team-bloc-repeated .text .team-job {
        font-size: 20px;
        line-height: 110%;
        padding-top: 10px;
    }
    
    .history-section {
        margin-top: 200px;
        height: auto;
    }
    
    .history-pagination {
        width: 100%;
        padding: 20px 70px;
    }
    
    .history-pagination .swiper-wrapper {
        height: auto;
        display: flex;
    }
    
    .history-pagination .swiper-button-next, .history-pagination .swiper-container-rtl .swiper-button-prev {
        right: 15px;
        left: auto;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .history-pagination .swiper-button-prev, .history-pagination .swiper-container-rtl .swiper-button-next {
        top: 50%;
        transform: translateY(-50%);
        left: 15px;
    }
    
    .history-description {
        padding-top: 50px;
        width: 100%;
    }
    
    .history-slider-cnt .img {
        width: 100%;
        order: 1;
        padding-bottom: 50px;
    }
    
    .history-slider-cnt .text {
        width: 100%;
        order: 2;
    }
    
    .history-slider-cnt h1 {
        font-size: 36px;
    }
    
    .history-slider-cnt .text-cnt {
        width: 100%;
    }
    
    html {
        height: 100% !important;
    }
    
    .inner-banner-activity-section {
        padding-top: 0;
    }
    
    .team-popup-content-bloc .popup-left {
        width: 100%;
        padding-bottom: 50px;
    }
    
    .team-popup-content-bloc .popup-right {
        width: 100%;
    }
    
    .team-popup .swiper-button-next, .team-popup .swiper-container-rtl .swiper-button-prev {
        left: 80px;
        right: auto;
        top: 50px;
    }
    
    .team-popup .swiper-button-prev, .team-popup .swiper-container-rtl .swiper-button-next {
        left: 20px;
        top: 50px;
    }
    
    .team-popup-content .swiper-wrapper {
        align-items: flex-start;
    }
    
    .team-popup {
        overflow-y: scroll;
    }
    
    .team-popup-content-bloc {
        max-width: 90%;
        margin: 150px auto 100px;
        align-items: flex-start;
    }
    
    .popup-name {
        font-size: 36px;
    }
    
    .popup-moto sup {
        font-size: 100px;
    }
    
    .popup-moto {
        font-size: 22px;
        width: 95%;
    }
    
    .popup-desc {
        width: 100%;
    }
    
    .inner-job-slider-section {
        font-size: 36px;
    }
    
    .filters-section select {
        padding: 8px 70px 8px 15px;
        margin-bottom: 20px;
    }
    
    .filters-section a.cta-eclosia {
        margin: 20px 15px 0;
    }
    
    .news-filter a {
        margin: 0 10px 20px;
    }
    
    .text-half-cnt {
        width: 100%;
        font-size: 18px;
        line-height: 130%;
        text-align: right;
    }
    
    .cnt-404 .text {
        font-size: 120px;
    }
    
    .cnt-404 .photo {
        width: 35%;
    }
    
    .cnt-404 .photo img {
        width: 100%;
    }
    
    .commitment-boussole {
        width: 100%;
    }
    
    .banner-page-section.inner .inner-presence-section .right-presence-section {
        margin-bottom: 0;
        top: auto;
    }
    
    .right-header li.l-switch {
        padding-left: 0;
    }
    
    .right-header li.l-switch:before {
        display: none;
    }
    
    .inner-contact-section.news {
        max-width: 85%;
    }
    
    .job-slider-cnt {
        width: 100%;
        margin-right: 0;
        min-height: auto;
    }
    
    .inner-banner-page-section {
        padding-bottom: 60px;
    }
    
    .latest-news-bloc {
        padding-top: 50px;
    }
    
    .commitment-repeated .content {
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .commitment-plus {
        bottom: 50px;
    }
    
    .believe-title {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }
    
    .believe-title h3 {
        font-size: 36px;
    }
    
    .belief-bulle-section.mob-slider-cnt .box-belief {
        top: auto !important;
        width: 100%;
        margin-right: 0;
        padding: 0;
    }
    
    .belief-bulle-section.mob-slider-cnt .box-belief h4 p {
        font-size: 22px;
    }
    
    .belief-bulle-section.mob-slider-cnt .box-belief p {
        font-size: 18px;
    }
    
    .mv-repeated {
        width: 100%;
        padding-bottom: 50px;
    }
    
    .inner-core-value {
        max-width: 85%;
    }
    
    .inner-mission-vision {
        max-width: 85%;
    }
    
    .inner-mission-vision h3, .inner-mission-vision h3 p {
        font-size: 36px;
    }
    
    .inner-mission-vision p {
        font-size: 20px;
    }
    
    .inner-achievement-section {
        padding: 0;
    }
    
    .scroll-button {
        width: 100%;
        position: relative;
    }
    
    .scroll-button a {
        margin: 40px auto;
    }
    
    .team-bloc-repeated .photo {
        width: 75%;
    }
    
    .cookie-eu-text {
        width: 100%;
    }
    
    .cookie-eu-button {
        width: 100%;
        text-align: left;
        padding-top: 30px;
    }
    
    .cookie-banner button:not(:last-child) {
        margin-left: 0;
    }
    
    .inner-banner-activity-section .dd-acc li {
        width: 100%;
    }
    
    .dd .c-popup-left {
        width: 100%;
    }
    
    .dd .accordion-shown-text h3 {
        font-size: 40px;
    }
    
    .dd .c-round-repeated .photo {
        max-width: 100%;
    }
    
    .dd .dd-3 .c-round-repeated {
        width: 100% !important;
        margin: 0 0 30px !important;
        max-width: 100%;
    }
    
    .dd .dd-4 .c-round-repeated:last-child, .dd .dd-5 .c-round-repeated:last-child, .dd .dd-6 .c-round-repeated:last-child {
        top: 0;
    }
    
    .dd .c-round-repeated .content {
        width: 100%;
    }
    
    .action-section-cnt {
        max-width: 100%;
    }
    
    .dd .dd-4 .c-round-repeated:nth-child(2), .dd .dd-5 .c-round-repeated:nth-child(2) {
        left: 0;
    }
    
    .dd .dd-5 .c-round-repeated .photo {
        max-width: 100%;
    }
    
    .dd .dd-5 .c-round-repeated:first-child {
        left: 0;
    }
    
    .dd .dd-5 .c-round-repeated:last-child {
        left: 0;
    }
    
    .dd .dd-6 .c-round-repeated:first-child {
        left: 0;
    }
    
    .dd .dd-6 .c-round-repeated:nth-child(2) {
        left: 0;
    }

    /* footer */

    .left-footer {
        width: 100%;
        font-size: 14px;
    }

    .right-footer {
        width: 100%;
        margin-top: 20px;
    }
    
    .banner-page-section {
        height: 100%;
        padding-bottom: 50px;
    }


}