@media only screen and (max-width: 1400px) {
  header .header-container {
    gap: 35px;
    padding: 0 15px;
  }

  .template-home .manifeste-section {
    width: calc(100% - 4px);
    margin: 0 auto;
  }

  .template-equipe .our-equipe-section h1 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-equipe .our-equipe-section .hero {
    gap: 30px;
    justify-content: space-between;
  }

  .template-equipe .our-equipe-section .team-item {
    width: 300px;
    height: 432px;
  }
  .template-equipe .our-equipe-section .teams-grid {
    width: 1260px;
    max-width: 100%;
    margin: 0 auto;
  }

  .template-lexique .lexiques-section .item {
    width: 32%;
  }

  .template-lexique .lexiques-section .search {
    margin-left: 0;
  }

  .template-lexique .lexiques-section .alphabet-wrapper {
    width: calc(100% - 140px);
  }

  .template-actualites .hero-section h1 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-contact .hero-section .wrapper {
    padding: 50px 20px;
    min-height: 560px;
  }

  .template-contact .form-section .wrapper {
    padding: 0 20px;
  }

  .template-contact .form-section .shape {
    width: 540px;
  }

  .template-contact .form-section .form-wrapper {
    width: calc(100% - 600px);
    padding: 50px 20px;
  }

  .template-contact .hero-section h1 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-single-fonction .hero-section h1 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-single-fonction .hero-section .details {
    gap: 50px 20px;
  }

  .template-single-fonction .hero-section .description,
  .template-single-fonction .hero-section .items {
    width: calc(50% - 10px);
  }

  .template-single-expertise .hero-section h1 {
    font-size: 48px;
    line-height: 54px;
  }

  .template-single-offices .details h1 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-single-secteur .hero-section h1 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-realisations .hero-section .details h1 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-realisations .hero-section {
    min-height: auto;
  }

  .template-you-are .hero-section h1 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-you-are .hero-section .why-wrapper {
    padding: 50px 15px;
    gap: 5px;
  }

  .methodologie-section .wrapper .intro h2 {
    font-size: 42px;
    line-height: 52px;
    margin-bottom: 20px;
  }

  .template-rse .hero-section .description h1 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-rse .hero-section .description p {
    font-size: 18px;
    line-height: 28px;
  }

  .template-expertises .hero-section h1 {
    font-size: 44px;
    line-height: 49px;
    padding: 0 10px;
  }

  .template-expertises .expertises-section .wrapper .description h2 {
    font-size: 34px;
    line-height: 38px;
  }
  .interventions-section h2 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-expertises .hero-section .details {
    padding: 0 10px;
  }

  .template-expertises .international-section .title h2 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-international .hero-section .details h1 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-international .hero-section .details .description {
    font-size: 20px;
    line-height: 30px;
  }

  .template-international .our-strengths-section .items {
    width: calc(100% - 320px);
  }

  .intro-wrapper::after {
    width: 10px;
  }
  .intro-wrapper .left {
    padding: 50px 30px 50px 50px;
  }

  .intro-wrapper .details {
    padding: 50px 30px;
  }
}

@media only screen and (max-width: 1300px) {
  .template-expertises .expertises-section .wrapper .description {
    width: calc(50% - 10px);
    padding: 50px 0;
  }

  .template-expertises .expertises-section .wrapper .items-wrapper {
    width: calc(50% - 10px);
  }

  .template-expertises .your-needs-section .chart-area {
    width: 1028px;
    max-width: 100%;
    margin-left: initial;
    margin: 0 auto;
    flex-wrap: wrap;
  }

  .template-expertises .your-needs-section .axis.y-axis {
    left: 20px;
  }

  .template-expertises .your-needs-section .widget-container {
    padding-right: 40px;
  }

  .template-expertises .hero-section .details .description,
  .template-expertises .hero-section .details .info {
    width: calc(50% - 10px);
  }

  .template-home .hero-section .hero-bg {
    width: 100%;
  }

  .template-home .hero-section .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .template-home .hero-section h1 {
    font-size: 46px;
    line-height: 56px;
  }

  .template-home .manifeste-section h2 {
    font-size: 34px;
    line-height: 39px;
  }

  .template-biographie .hero-section .wrapper,
  .template-biographie .bio-section .wrapper {
    padding: 0 10px;
  }

  .template-biographie .hero-section .info {
    width: 650px;
  }

  .template-offices .offices-section .cities-list {
    width: 150px;
  }
  .template-offices .offices-section .wrapper {
    padding: 0 10px;
  }

  .template-single-post .hero-section .wrapper {
    padding: 0 10px;
  }
  .template-single-post .details-section .wrapper {
    padding: 95px 50px;
  }

  .template-lexique .hero-section .wrapper {
    padding: 10px;
  }
  .template-lexique .hero-section .description {
    padding: 50px 30px;
  }
  .template-lexique .lexiques-section .alphabet,
  .template-lexique .lexiques-section .arrows {
    width: 415px;
  }

  .template-lexique .hero-section h1 {
    font-size: 34px;
    line-height: 39px;
  }

  .template-actualites .hero-section .wrapper {
    padding: 0 10px;
  }

  .template-actualites .actualites-section .wrapper {
    padding: 0 10px;
    flex-direction: column-reverse;
  }

  .template-actualites .actualites-section .filters-wrapper {
    width: 100%;
    position: initial;
    flex-direction: initial;
    gap: 20px;
    margin-bottom: 45px;
  }

  .template-actualites .actualites-section .news-section {
    width: 100%;
  }

  .template-actualites .actualites-section .news-section::after {
    content: none;
  }

  .template-actualites .actualites-section .grid-wrapper {
    margin: 0 auto;
  }

  .template-about .hero-section .wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  .template-about .equipe-section .wrapper {
    padding: 0 10px 50px 10px;
  }
  .template-about .our-values-section .wrapper {
    padding: 0 10px;
  }
  .template-about .services-section .wrapper {
    padding: 60px 15px;
  }

  .testimonials-section .splide__list {
    gap: 20px;
    justify-content: space-between;
  }

  .secteurs-section .wrapper .intro {
    width: 100%;
  }

  .fonctions-section {
    padding-bottom: 0;
  }

  .fonctions-section .intro {
    width: 100%;
  }

  .fonctions-section .fonctions-wrapper {
    width: 100%;
    padding: 50px 0;
  }

  .template-manager .hero-section .why-items .item {
    width: calc(33.33% - 29px);
  }

  .template-rse .hero-section .description,
  .template-rse .hero-section .partners {
    width: calc(50% - 10px);
  }
}

@media only screen and (max-width: 1280px) {
  .template-equipe .our-equipe-section .team-item {
    width: 280px;
  }

  .template-equipe .our-equipe-section .teams-grid {
    width: 1180px;
  }

  .template-offices .offices-section .cities-list {
    padding-left: 0;
  }

  footer .footer-container {
    padding: 0 20px;
  }

  .template-contact .form-section .shape {
    padding-left: 0;
    padding-right: 0;
  }

  .template-contact .form-section form .field-group {
    width: 100%;
  }

  .intro-wrapper .image-bg {
    width: 110px;
  }

  .intro-wrapper .details {
    padding: 50px 20px;
    width: calc(100% - 110px);
  }

  .intro-wrapper .left {
    padding: 50px 20px;
  }

  .esm-top-bar {
    margin-bottom: 50px;
  }

  .header-navigation {
    padding: 20px;
    flex-wrap: wrap;
  }

  .intro-wrapper .left,
  .intro-wrapper .right {
    width: 100%;
    position: relative;
    z-index: 1;
  }

  .intro-wrapper {
    flex-wrap: wrap;
  }

  .intro-wrapper .forms-wrapper {
    min-height: 335px;
  }
}

@media only screen and (max-width: 1200px) {
  header .header-container {
    gap: 20px;
    padding: 0 15px;
  }

  header .you-are a {
    gap: 5px;
  }
  header .you-are {
    gap: 10px;
    font-size: 14px;
    line-height: 24px;
  }

  .template-home .statistics-section .items {
    gap: 40px;
  }
  .template-home .statistics-section .items .item {
    width: calc(50% - 20px);
  }

  .template-biographie .bio-section {
    margin-top: 0;
    min-height: auto;
  }

  .template-biographie .bio-section .description p {
    max-width: 100%;
  }
  .template-biographie .hero-section .info {
    width: 590px;
    height: max-content;
    position: sticky;
    top: 50px;
  }

  .template-about .services-section .items {
    flex-direction: column;
  }
  .template-about .services-section .item:nth-child(even) {
    flex-direction: column;
  }

  .template-about .services-section .item {
    width: 100%;
  }

  .template-about .services-section .info {
    padding-bottom: 20px;
  }
  .template-about .services-section .image {
    height: auto;
  }

  .template-about .services-section .mangers-content {
    flex-direction: column;
    align-items: initial;
    gap: 40px;
  }

  .template-about .services-section .mangers-content .description {
    width: 100%;
  }

  .template-about .services-section .mangers-content .title {
    width: 100%;
  }

  .template-home .our-offices-section .our-missions {
    padding-right: 20px;
    padding-left: 70px;
  }
  .template-home .our-offices-section .our-missions::after {
    left: 50px;
  }
  .template-home .our-offices-section .our-missions::before {
    left: 44px;
  }

  .template-home .our-offices-section .discover-our-offices .btn-primary {
    margin-left: 60px;
  }
  .template-home .our-offices-section .discover-our-offices .french-offices a {
    padding-left: 60px;
  }

  .template-biographie .hero-section .info {
    flex-direction: column;
    gap: 30px;
  }

  .template-one-by .values-section .value {
    font-size: 26px;
    line-height: 37px;
  }

  .template-one-by .selection-section .item-1,
  .template-one-by .selection-section .item-2 {
    padding: 50px 20px;
  }

  .template-single-fonction .hero-section .title {
    width: 55%;
  }

  .template-single-fonction .content-section .item {
    padding: 50px 20px;
  }

  .template-single-fonction .ecosysteme-section .wrapper .details {
    padding: 50px 20px;
    min-height: auto;
  }

  .template-single-expertise .hero-section .description {
    padding: 50px 20px;
  }

  .template-single-secteur .content-section .content-details {
    max-width: 100%;
    padding-left: 15px;
  }

  .template-single-secteur .content-section .container {
    padding-bottom: 50px;
  }

  .template-realisations .hero-section .details {
    justify-content: center;
    padding: 50px 15px;
  }

  .secteurs-section .wrapper .sectors-slider .splide__list {
    flex-wrap: wrap;
    gap: 10px;
  }

  .secteurs-section .sectors-slider .splide__slide {
    width: calc(50% - 6.66px) !important;
    flex-direction: row;
  }

  .secteurs-section .sectors-slider .sector-card {
    width: 100%;
  }

  .template-manager .hero-section .details {
    padding-left: 0;
  }

  .template-rse .objectifs-section .wrapper {
    width: 100%;
    padding: 50px 20px;
  }

  .template-rse .objectifs-section .our-objectives {
    width: 100%;
    padding: 50px 20px;
  }

  .related-posts.posts-events .news-items .item,
  .related-posts.posts-events .news-items .item:last-child {
    width: calc(33.33% - 14px);
  }

  .template-rse .objectifs-section .impact-wrapper {
    padding: 50px 20px;
  }

  .template-rse .labels-section .wrapper {
    width: 100%;
  }

  .template-rse .labels-section .labels-wrapper .left {
    width: calc(50% - 6.5px);
    padding: 10px;
  }

  .template-rse .labels-section .labels-wrapper .right {
    width: calc(50% - 6.5px);
    padding: 10px;
  }

  .template-expertises .your-needs-section .wrapper .title {
    position: initial;
    margin-bottom: 50px;
    padding-left: 50px;
  }

  .template-expertises .your-needs-section .chart-area {
    padding: 0 20px;
  }

  .template-expertises .your-needs-section .card {
    width: calc(33.33% - 6.6px);
  }

  .template-expertises .your-needs-section {
    overflow: hidden;
  }

  .template-international .citation-section .citation-wrapper {
    padding: 0 20px 34px 20px;
    margin-top: -100px;
  }

  .template-international .citation-section .image {
    height: 400px;
  }

  .template-international .our-strengths-section .items {
    width: 100%;
  }

  .template-international .our-strengths-section .wrapper {
    padding: 50px 20px;
  }

  .template-international .our-strengths-section .title h2 {
    padding-left: 0;
  }

  .template-international .our-strengths-section .items .item {
    padding: 10px;
  }

  .template-international .our-strengths-section .items .item p {
    padding: 30px 10px;
  }

  .template-international .our-strengths-section .items .item ::after {
    width: calc(100% - 20px);
  }

  .template-international .international-map-section .wrapper {
    padding: 50px 10px;
    border-radius: 4px;
  }

  .template-international .international-team-section .intro {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 1100px) {
  .template-home .our-offices-section .wrapper {
    flex-direction: column-reverse;
  }

  .template-home .our-offices-section .our-missions {
    width: 100%;
  }

  .template-home .our-offices-section .our-missions {
    padding-left: 40px;
    overflow: hidden;
  }
  .template-home .our-offices-section .our-missions::after {
    left: 20px;
  }
  .template-home .our-offices-section .our-missions::before {
    left: 14px;
  }

  .template-home .our-offices-section .our-missions p,
  .template-home .our-offices-section .our-missions-intro,
  .template-home .our-offices-section .our-missions h3 {
    max-width: 100%;
  }

  .template-home .our-offices-section .our-missions .video-bg {
    top: 0;
    max-width: 100%;
    height: 100%;
  }
  .template-home .our-offices-section .discover-our-offices {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .template-home .our-offices-section .discover-our-offices h2 {
    margin-left: 40px;
  }
  .template-home .our-offices-section .discover-our-offices .french-offices a {
    padding-left: 40px;
  }
  .template-home .our-offices-section .discover-our-offices .btn-primary {
    margin-left: 40px;
  }

  .template-single-post .direction {
    margin-left: initial;
  }

  .template-manager .hero-section .why-items .item:nth-child(-3n + 4) {
    margin-right: 0;
  }

  .template-manager .hero-section .why-items .item {
    width: calc(50% - 5px);
    padding: 30px 15px;
  }

  .template-manager .hero-section .intro {
    width: 100%;
  }

  .template-manager .hero-section .description {
    padding: 30px 15px;
    max-width: 100%;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .template-international .video-section .wrapper {
    grid-template-columns: 1fr;
	  gap: 0;
  }
  .menu-btn {
    display: flex;
  }

  header .you-are,
  header .menu {
    display: none;
  }

  header .header-container {
    padding: 0 20px;
    justify-content: space-between;
  }

  .template-home .manifeste-section .wrapper {
    flex-direction: column;
  }

  .template-home .manifeste-section .left {
    width: 100%;
  }

  .template-home .manifeste-section .right {
    width: 100%;
    padding-left: 0;
  }

  .template-home .manifeste-section .right::before,
  .template-home .manifeste-section .right::after {
    content: none;
  }

  .template-home .manifeste-section .left svg {
    left: initial;
    right: 0;
  }

  .template-home .blocks-section .block {
    flex-direction: column-reverse !important;
  }

  .template-home .blocks-section .details {
    width: 100%;
  }

  .template-home .blocks-section .image {
    width: 100%;
  }

  .interventions-section .items {
    flex-direction: column;
  }

  .interventions-section .item {
    width: 470px;
    margin: 0 auto;
  }

  .interventions-section h2 {
    padding-left: 0;
  }

  .interventions-section h2 br {
    display: none;
  }

  .template-equipe .our-equipe-section .hero {
    flex-direction: column;
    margin-top: 37px;
  }

  .template-equipe .our-equipe-section .teams-grid {
    width: 880px;
  }

  .template-equipe .our-equipe-section .teams-wrapper {
    margin-top: 20px;
  }

  .template-equipe .our-equipe-section .hero p {
    width: 100%;
  }

  .template-biographie .hero-section .info {
    width: 100%;
    height: initial;
    position: initial;
    top: initial;
  }
  .template-biographie .hero-section .profile {
    width: 332px;
    min-height: initial;
    margin: 0 auto;
  }
  .template-biographie .hero-section .image {
    height: 473px;
  }

  .template-offices .offices-section .offices-items {
    gap: 50px;
    flex-direction: column;
  }
  .template-offices .offices-section .cities-list {
    width: 100%;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }

  .template-offices .offices-section .cities-list::-webkit-scrollbar {
    display: none;
  }

  .template-offices .offices-section .city-item {
    scroll-snap-align: start;
    line-height: 28px;
    white-space: nowrap;
  }

  .template-offices .offices-section .city-content {
    width: 100%;
    padding-top: 0;
  }

  .template-offices .offices-section .city-content {
    width: 100%;
    padding-top: 0;
    flex-direction: column;
    position: relative;
  }

  .template-offices .offices-section .arrows {
    margin-top: 0;
    padding-left: 0;
    justify-content: space-between;
  }

  .template-offices .offices-section .arrows .arrow {
    margin-bottom: 0;
    width: 60px;
    height: 60px;
  }

  .template-offices .offices-section .arrows .arrow svg {
    width: 12px;
    height: auto;
  }

  .template-offices .offices-section .details {
    padding-top: 440px;
    display: flex;
    flex-wrap: wrap;
  }

  .template-offices .offices-section h2 {
    width: max-content;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
  }

  .template-offices .offices-section h2::before {
    content: none;
  }

  .template-offices .offices-section .image {
    width: 100%;
    height: 368px;
    position: absolute;
    top: 95px;
  }

  .template-offices .offices-section .btn-primary {
    margin-left: 0;
    width: 100%;
    justify-content: center;
  }

  .template-offices .offices-section p {
    padding-left: 0;
    max-width: initial;
    width: calc(100% - 114px);
  }

  .template-offices .offices-section .contact-us {
    padding-left: 0;
  }

  .template-offices .offices-section {
    padding: 82px 0 40px 0;
  }

  .template-single-post .hero-section h1 {
    font-size: 34px;
    line-height: 39px;
  }

  .template-single-post .details-section .wrapper {
    padding: 50px 30px;
  }

  .template-single-article .details-section .video {
    height: auto;
    margin: 20px auto 0;
  }

  .template-single-post .details-section .faq {
    border: 5px solid #e6ebf0;
    padding: 50px 15px;
    margin-top: 20px;
  }

  .template-lexique .lexiques-section .filters {
    justify-content: initial;
    gap: 20px 8px;
    margin-bottom: 40px;
  }

  .template-lexique .lexiques-section .alphabet,
  .template-lexique .lexiques-section .arrows {
    width: 100%;
  }

  .template-lexique .lexiques-section .search {
    width: 100%;
  }

  .template-lexique .lexiques-section .item {
    width: 100%;
  }
  .template-lexique .hero-section .wrapper {
    flex-direction: column-reverse;
  }

  .template-lexique .hero-section .image {
    border-radius: 4px 4px 0 0;
    width: 100%;
  }

  .template-lexique .hero-section .description {
    margin-top: -4px;
    width: 100%;
  }

  .template-about .equipe-section .details {
    width: 100%;
    margin-right: 0;
  }

  .template-about .equipe-section .wrapper {
    min-height: auto;
  }

  .template-about .our-values-section .items {
    flex-direction: column;
  }

  .template-about .our-values-section .item {
    width: 100%;
  }

  .template-about .hero-section .wrapper {
    flex-direction: column-reverse;
  }
  .template-about .hero-section h1 {
    font-size: 44px;
    line-height: 49px;
  }
  .template-about .services-section h2 {
    font-size: 31px;
    line-height: 35px;
  }
  .template-about .services-section .info {
    padding-left: 10px;
  }

  .template-about .our-values-section h2 {
    font-size: 44px;
    line-height: 49px;
  }

  .template-about .our-values-section .item .item-content p {
    visibility: visible;
    opacity: 1;
    transition-delay: 0.3s;
  }
  .template-about .our-values-section .item {
    background-color: #082d7d0a;
  }

  .template-about .our-values-section .item .item-content h3 {
    top: 0;
    color: #021746;
  }

  footer .footer-container {
    padding: 0 10px;
  }

  .realisations-grid .item {
    width: 100%;
  }

  .template-one-by .hero-section .wrapper {
    padding: 10px;
  }

  .template-one-by .hero-section .image {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 10px;
    left: 10px;
  }

  .template-one-by .connections-details {
    padding-left: 0;
  }

  .template-one-by .selection-section .wrapper {
    flex-direction: column;
    gap: 45px;
  }

  .template-one-by .selection-section .item-1,
  .template-one-by .selection-section .item-2 {
    width: 100%;
  }

  .template-one-by .selection-section .item {
    gap: 50px;
  }

  .template-one-by .selection-section .item .info {
    gap: 25px;
  }

  .template-one-by .charter-section .charter-items .item {
    width: calc(50% - 5px);
  }

  .template-one-by .charter-section {
    padding-bottom: 50px;
  }

  .template-contact .form-section .form-wrapper {
    width: calc(50% - 10px);
    margin-top: 11px;
  }

  .template-contact .form-section .shape {
    width: calc(50% - 10px);
  }

  .template-contact .hero-section .intro {
    margin-top: 0;
  }

  .template-contact .hero-section .shape {
    margin-top: 0;
  }

  .template-single-fonction .hero-section .title {
    width: 100%;
    order: 1;
  }

  .template-single-fonction .hero-section .description,
  .template-single-fonction .hero-section .items {
    width: 100%;
    order: 2;
  }

  .template-single-fonction .hero-section .btns {
    width: fit-content;
    gap: 20px;
    order: 3;
  }

  .template-single-fonction .content-section .item {
    flex-direction: column;
    border: 2px solid #f6e1c1;
  }

  .template-single-fonction .content-section .title,
  .template-single-fonction .content-section .lists {
    width: 100%;
  }

  .template-single-fonction .ecosysteme-section .block {
    width: 100%;
  }

  .template-single-expertise .hero-section .title {
    margin-bottom: 50px;
  }
  .template-single-expertise .hero-section .description {
    padding: 50px 20px;
    border: 3px solid rgba(232, 181, 99, 0.4);
  }

  .template-single-expertise .hero-section .excerpt-wrapper {
    width: 100%;
  }

  .template-single-expertise .hero-section .excerpt-wrapper .video {
    width: 356px;
    max-width: 100%;
  }

  .template-single-expertise .hero-section .shape {
    bottom: initial;
    top: 0;
  }

  .template-single-expertise .hero-section .content {
    width: 100%;
  }

  .template-single-expertise .hero-section .details {
    position: relative;
  }

  .template-single-expertise .values-section .value {
    width: 100%;
    padding: 25px 15px;
  }

  .template-single-offices .wrapper {
    flex-direction: column;
  }

  .template-single-offices .details {
    width: 100%;
  }

  .template-single-offices .picture {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    position: initial;
  }

  .template-single-offices .picture.picture-mobile {
    display: flex;
  }

  .template-single-offices .picture.picture-desktop {
    display: none;
  }

  .template-single-offices .experts {
    padding: 30px 15px;
    max-width: 596px;
    margin: 0 auto 15px auto;
  }

  .template-single-secteur .content-section .wrapper {
    flex-direction: column;
  }

  .template-single-secteur .content-section .btns-wrapper {
    position: initial;
    padding: 15px;
    width: 100%;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .template-single-secteur .content-section .content-details {
    width: 100%;
  }

  .template-single-secteur .content-section .content-details {
    max-width: initial;
    padding-right: 15px;
    font-size: 16px;
    line-height: 26px;
  }

  .template-single-secteur .hero-section h1 {
    font-size: 34px;
    line-height: 39px;
  }

  .template-single-secteur .hero-section .description {
    padding: 30px 15px;
  }

  .template-single-secteur .content-section .content-details h2 {
    font-size: 22px;
    line-height: 32px;
  }

  .template-single-secteur .hero-section .description p {
    font-size: 16px;
    line-height: 26px;
  }

  .template-single-secteur .hero-section .description h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .template-single-secteur .content-section .btns-wrapper .btn {
    padding: 50px 15px;
    width: calc(50% - 10px);
  }

  .template-single-secteur .hero-section .container {
    min-height: auto;
  }

  .template-single-secteur .hero-section {
    padding-bottom: 50px;
  }

  .template-single-secteur .hero-section .image {
    max-width: 100%;
    height: calc(100% + 100px);
  }

  .template-realisations .hero-section .wrapper {
    flex-direction: column;
  }

  .template-realisations .hero-section .details {
    width: 100%;
  }

  .template-realisations .hero-section .picture {
    width: 500px;
    height: 385px;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
  }

  .template-realisations .realisations-section .filters {
    flex-wrap: wrap;
    margin-bottom: 15px;
  }

  .template-realisations .realisations-section .filters-wrapper {
    padding: 0;
  }

  .realisations-grid .info h2 {
    font-size: 20px;
    line-height: 30px;
    min-height: auto;
  }

  .template-you-are .hero-section .description {
    padding: 50px 15px;
    max-width: 100%;
    gap: 30px;
    font-size: 18px;
    line-height: 28px;
  }

  .template-you-are .hero-section .description .btn-primary {
    margin-top: 0;
  }

  .template-you-are .hero-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .template-you-are .hero-section .details {
    margin: 0 auto 15px auto;
  }

  .template-you-are .hero-section .why-choose-imt {
    width: 100%;
    margin-top: 30px;
  }

  .template-you-are .hero-section .why-choose-imt .splide__list {
    gap: 20px;
    justify-content: space-between;
  }

  .secteurs-section .wrapper {
    padding: 50px 10px;
  }

  .fonctions-section .intro .title {
    width: 100%;
    font-size: 22px;
    line-height: 32px;
  }

  .fonctions-section .intro .description {
    width: 100%;
  }

  .fonctions-section .fonctions-wrapper .splide__slide {
    width: calc((100% - 20px) / 2);
  }

  .methodologie-section .wrapper .intro {
    padding: 0 15px;
  }

  .methodologie-section .steps-nav {
    padding: 0 15px;
  }

  .methodologie-section .steps-nav {
    flex-direction: column;
    gap: 50px;
  }

  .methodologie-section .step {
    padding-top: 0;
    max-width: 100%;
    padding-left: 30px;
  }

  .methodologie-section .steps-nav::after {
    width: 1px;
    height: 100%;
    border-top: none;
    border-left: 1px dashed #ffffff;
    left: 15px;
  }

  .methodologie-section .step::after {
    left: -3px;
    top: 10px;
    width: 8px;
    height: 8px;
  }

  .methodologie-section #steps-slider .splide__slide {
    padding: 50px 15px;
  }

  .methodologie-section .splide-container {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 80px;
  }

  .methodologie-section .splide-container .slide-arrow {
    position: absolute;
    top: 80px;
    right: 20px;
  }

  .methodologie-section #steps-slider {
    width: 100%;
  }

  .methodologie-section .splide-container .slide-arrow.slide-prev {
    right: 106px;
  }

  .secteurs-section .sectors-slider .splide__slide {
    width: calc(100% - 2.5px) !important;
    flex-direction: row;
  }

  .template-you-are .hero-section .why-choose-imt .splide__slide {
    width: calc(50% - 20px);
  }

  .becoming-a-manager-section .el-item {
    width: calc((100% - 40px) / 2);
  }

  .template-rse .objectifs-section .wrapper {
    padding: 50px 10px;
  }

  .template-rse .hero-section .details {
    flex-direction: column;
  }

  .template-rse .hero-section .description,
  .template-rse .hero-section .partners {
    width: 100%;
  }

  .template-rse .hero-section .partners {
    margin-top: 0;
    height: auto;
  }

  .template-rse .hero-section .partners {
    padding: 40px 10px;
  }

  .template-rse .objectifs-section .our-objectives {
    padding: 50px 10px;
  }

  .template-rse .objectifs-section .our-objectives {
    border-width: 3px;
  }

  .template-rse .objectifs-section .impact-wrapper {
    padding: 50px 10px;
  }

  .template-rse .labels-section .labels-wrapper .left,
  .template-rse .labels-section .labels-wrapper .right {
    width: 100%;
    justify-content: center;
  }

  .template-rse .objectifs-section .our-objectives {
    flex-direction: column;
  }

  .template-rse .objectifs-section .our-objectives .left,
  .template-rse .objectifs-section .our-objectives .right {
    width: 100%;
  }

  .template-rse .objectifs-section .impacts-btns .impact-btn {
    padding: 20px 10px;
    font-size: 16px;
    line-height: 26px;
  }

  .template-rse .objectifs-section .impacts-btns {
    width: 220px;
  }

  .template-rse .objectifs-section .impacts .content-box {
    padding: 30px 10px;
    width: calc(100% - 220px);
  }

  .template-expertises .hero-section .details {
    flex-direction: column;
  }

  .template-expertises .hero-section .details .info {
    padding: 50px 10px;
    width: 100%;
    border-width: 3px;
  }

  .template-expertises .hero-section .details .description {
    width: 100%;
  }

  .template-expertises .hero-section .details .description-wrapper {
    padding: 50px 10px;
  }

  .template-expertises .hero-section h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .template-expertises .hero-section .container {
    padding: 60px 0;
  }

  .template-expertises .expertises-section .wrapper .description {
    width: 100%;
  }

  .template-expertises .expertises-section .wrapper .values {
    width: 100%;
  }

  .template-expertises .expertises-section .wrapper .items-wrapper {
    width: 100%;
    padding: 50px 10px;
  }

  .template-expertises .expertises-section .wrapper .items-wrapper .block {
    width: 100%;
  }

  .template-expertises .your-needs-section .wrapper::after {
    content: none;
  }

  .template-expertises .your-needs-section .widget-container {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0;
  }

  .template-expertises .your-needs-section .charts .line-x,
  .template-expertises .your-needs-section .charts .line-y,
  .template-expertises .your-needs-section .axis,
  .template-expertises .your-needs-section .charts .horizontal-line {
    display: none;
  }

  .template-expertises .your-needs-section .card {
    width: 100%;
    height: auto !important;
  }

  .template-expertises .your-needs-section .chart-area {
    padding: 0;
    gap: 20px;
  }

  .template-expertises .your-needs-section .wrapper .title {
    padding-left: 20px;
  }

  .template-expertises .your-needs-section .charts {
    min-height: auto;
    padding-bottom: 0;
  }

  .template-expertises .your-needs-section .wrapper {
    padding: 50px 0;
  }

  .template-expertises .expertises-section .wrapper .items-wrapper .shape {
    width: 100%;
    height: auto;
  }

  .template-expertises .international-section .title h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .template-expertises .your-needs-section .contexte {
    padding: 18px 10px;
  }

  .template-expertises .international-section .intro,
  .template-expertises .international-section .description {
    font-size: 18px;
    line-height: 28px;
  }

  .template-international .international-map-section .map {
    height: auto;
  }

  .template-international .international-map-section .map svg {
    width: 100%;
    height: auto;
  }

  .intro-wrapper .sign-up-wrapper h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .intro-wrapper .details {
    width: 100%;
  }

  .intro-wrapper .image-bg {
    display: none;
  }

  .register-wrapper .form-wrapper,
  .profile-wrapper .form-wrapper {
    width: calc(100% - 40px);
  }

  .header-navigation .step-indicator {
    gap: 37px;
  }

  .header-navigation .step::after {
    left: calc(100% + 3px);
    width: 31px;
  }
}

@media only screen and (max-width: 820px) {
  .template-actualites .actualites-section .filters-wrapper {
    flex-direction: column;
  }

  .template-actualites .actualites-section .news-items .item-podcast {
    flex-direction: column;
  }
  .template-actualites
    .actualites-section
    .news-items
    .item-podcast
    .podcast-info {
    width: 100%;
  }

  .template-actualites .actualites-section .news-items .item-podcast .info {
    width: 100%;
  }

  .template-actualites .actualites-section .news-items .item {
    width: 100%;
  }
  .news-items .item.video-thumbnail .image {
    width: 100%;
    height: auto;
  }

  .news-items .item.with-video .image {
    width: 100%;
    height: auto !important;
  }

  .news-items .item.with-video {
    border-radius: 15px;
    padding: 15px;
  }

  .template-actualites .actualites-section .news-items .item .info {
    margin-top: 15px;
  }

  .template-about .services-section .managers {
    padding: 30px 0;
  }
  .template-about .services-section .mangers-content .shape {
    right: 0;
    width: 157px;
    height: 157px;
  }
  .template-about .services-section .mangers-content h3 {
    font-size: 26px;
    line-height: 30px;
  }

  .template-about .hero-section h1 {
    font-size: 30px;
    line-height: 40px;
  }

  .template-about .hero-section h1 br {
    display: none;
  }

  .template-about .equipe-section .shape {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  footer .copyrights {
    flex-direction: column;
    gap: 20px;
  }
  footer .copyrights .copy {
    width: 100%;
  }
  footer .copyrights .privacy {
    width: 100%;
    justify-content: initial;
    flex-wrap: wrap;
    gap: 20px;
  }
  footer .copyrights .by {
    width: 100%;
  }

  footer .menus .menu-fonctions .navbar {
    gap: 20px;
  }

  footer .menus .menu-fonctions .navbar a {
    width: calc(33.33% - 14px);
  }

  footer .menus .navbar {
    gap: 20px;
  }

  .template-international .hero-section .details {
    padding-left: 0;
  }

  .template-international .hero-section .details h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .template-international .hero-section .container {
    padding: 0;
  }

  .template-international .hero-section .wrapper {
    padding: 0 10px;
  }

  .template-international .hero-section .video-bg {
    width: 100%;
  }

  .template-international .hero-section .details .description {
    font-size: 18px;
    line-height: 28px;
  }

  .template-international .hero-section {
    padding-bottom: 50px;
  }

  .template-international .video-section .wrapper .video {
    height: 250px;
    margin-top: 50px;
  }

  .template-international .hero-section .wrapper {
    min-height: auto;
  }

  .template-international .hero-section .video-bg {
    height: 100%;
  }
}

@media only screen and (max-width: 768px) {

  .template-rse .hero-section .partners-logos .logos {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .template-equipe .our-equipe-section .teams-filter {
    align-items: initial;
    margin-bottom: 16px;
    flex-direction: column-reverse;
    gap: 20px;
  }

  .template-equipe .our-equipe-section .search:focus-within {
    width: 100%;
  }

  .template-equipe .our-equipe-section .search {
    width: 100%;
  }

  .template-equipe .our-equipe-section .wrapper {
    padding: 0 10px;
  }

  .template-equipe .our-equipe-section .teams-grid {
    width: 334px;
    gap: 26px;
  }

  .template-equipe .our-equipe-section .team-item {
    width: 154px;
    height: 220px;
  }

  .template-equipe .our-equipe-section .team-item .info {
    width: calc(100% - 10px);
    bottom: 5px;
    left: 5px;
    gap: 5px;
    padding: 5px 10px;
  }

  .template-equipe .our-equipe-section .team-item .info h3 {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
  }

  .template-equipe .our-equipe-section .team-item .info span {
    font-size: 10px;
    line-height: 11px;
  }

  .template-biographie .hero-section h1 {
    font-size: 38px;
    line-height: 43px;
    margin-bottom: 6px;
  }
  .template-biographie .hero-section .status {
    font-size: 16px;
    line-height: 18px;
  }

  .template-biographie .bio-section .description {
    font-size: 16px;
    line-height: 25px;
  }

  footer .menu-left {
    width: 100%;
  }
  footer .menu-right {
    width: 100%;
  }

  footer .menus .menu-fonctions .navbar a {
    width: calc(33.33% - 34px);
  }

	.news-items.items {
      grid-template-columns: 340px;
      justify-content: center;
	}
	
	.news-items .image {
		height: 205px;
	}

  .news-items .item,
  .news-items .item:last-child {
    width: 100% !important;
  }

  .template-home .manifeste-section {
    padding: 50px 0;
  }

  .partners-section {
    padding: 50px 0;
  }

  .template-home .blocks-section {
    background-color: #ffffff;
    padding: 50px 0;
  }

  .template-home .hero-section .wrapper {
    padding-top: 40px;
  }

  .template-home .hero-section h1 {
    padding-bottom: 0;
  }

  .interventions-section h2 {
    font-size: 34px;
    line-height: 39px;
  }

  .interventions-section .item {
    min-height: initial;
    padding: 60px 20px;
  }

  .template-home .last-news-section .intro {
    margin-bottom: 50px;
    padding: 0 10px;
  }
  .template-home .last-news-section {
    padding: 50px 0 35px 0;
  }

  .template-home .hero-section .wrapper svg,
  .template-about .hero-section .wrapper svg {
    width: 154px;
    height: 154px;
  }

  .template-home .blocks-section .image {
    height: 250px;
  }

  .template-single-post .details-section .wrapper {
    padding: 20px 10px;
    border: 3px solid #f6e1c1;
  }

  .template-single-post .details-section .container {
    padding: 0 5px;
  }

  .template-single-post .details-section ul li {
    padding-left: 20px;
  }
  .template-single-post .details-section ul li::after {
    left: 6px;
  }

  .template-biographie .hero-section .details {
    flex-direction: column;
    position: relative;
    isolation: isolate;
    padding-top: 503px;
  }

  .template-biographie .hero-section .profile {
    width: 100%;
    position: initial;
  }

  .template-biographie .hero-section .image {
    width: 332px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .template-biographie .hero-section {
    padding-bottom: 50px;
  }

  .template-biographie .bio-section .description {
    width: 100%;
  }

  .template-biographie .hero-section .quote {
    padding: 20px 0;
  }

  .template-biographie .hero-section .quote .icon,
  .template-biographie .hero-section .quote p {
    padding: 0 20px;
  }

  .template-biographie .hero-section .wrapper,
  .template-biographie .bio-section .wrapper {
    padding: 0 5px;
  }

  .template-single-post .details-section h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .template-single-post .details-section .description {
    font-size: 16px;
    line-height: 26px;
  }

  .template-single-post .details-section .faq {
    border: 3px solid #e6ebf0;
    padding: 20px 10px;
  }

  .template-one-by .values-section .separator {
    display: none;
  }

  .template-one-by .values-section .value {
    width: calc(50% - 5px);
    position: relative;
    isolation: isolate;
    padding-left: 20px;
    display: flex;
    align-items: center;
  }

  .template-one-by .values-section .value:after {
    content: "";
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e8b563;
  }

  .template-one-by .values-section .values-banner {
    flex-wrap: wrap;
  }

  .template-one-by .connections-details .details-wrapper {
    max-width: 100%;
  }

  .template-one-by .connections-section .wrapper {
    padding: 10px;
    min-height: auto;
  }

  .template-one-by .connections-images {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: 10px;
    top: 10px;
  }

  .template-one-by .charter-section .charter-items .item {
    width: 100%;
  }

  .template-one-by .mission-section .info {
    width: 100%;
    padding: 50px 5px;
  }
  .template-one-by .mission-section .info::after {
    border: 2px solid #e8b56300;
  }

  .template-one-by .values-section .value {
    font-size: 18px;
    line-height: 28px;
  }

  .template-one-by .connections-details h2 {
    font-size: 24px;
    line-height: 34px;
    max-width: 100%;
  }

  .template-one-by .connections-details p {
    font-size: 18px;
    line-height: 28px;
  }

  .template-one-by .selection-section .item .title {
    font-size: 24px;
    line-height: 34px;
  }

  .template-one-by .selection-section .item-1 .description {
    font-size: 18px;
    line-height: 28px;
  }

  .template-one-by .hero-section .details-wrapper {
    padding: 50px 5px;
    min-height: auto;
  }

  .template-one-by .hero-section .wrapper {
    min-height: auto;
  }

  .template-one-by .hero-section .breadcrumb {
    position: relative;
    left: 20px;
    top: 20px;
  }

  .template-one-by .hero-section .intro {
    font-size: 22px;
    line-height: 32px;
    margin-top: 30px;
  }

  .template-one-by .hero-section .intro strong {
    font-weight: 600;
  }

  .template-one-by .hero-section .details-wrapper .one-logo {
    width: 137px;
    margin: 0 auto;
  }

  .template-one-by .hero-section .details-wrapper .one-logo svg {
    width: 100%;
    height: auto;
  }

  .template-one-by .selection-section .item .logo {
    width: 137px;
    margin-left: auto;
  }

  .template-one-by .selection-section .item .logo img {
    width: 100%;
    height: auto;
  }

  .template-one-by .connections-images .images-column img {
    height: 200px !important;
    object-position: bottom;
  }

  .template-one-by .connections-details .details-wrapper {
    padding-bottom: 27px;
  }

  .template-one-by .connections-details {
    min-height: 414px;
  }

  .template-one-by .hero-section .container {
    padding: 0 5px;
  }

  .template-one-by .hero-section .wrapper {
    padding: 5px;
  }
  .template-one-by .hero-section .image {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 5px;
    left: 5px;
  }

  .template-one-by .mission-section .info h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .template-one-by .mission-section .info p {
    font-size: 18px;
    line-height: 28px;
  }

  .related-posts.posts-events {
    color: #061638;
    padding: 50px 0;
  }

  .related-posts.posts-events h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .template-contact .hero-section .wrapper {
    gap: 30px;
    min-height: auto;
    background-position: center;
    padding: 50px 10px;
  }

  .template-contact .hero-section .intro {
    width: 100%;
  }

  .template-contact .hero-section h1 {
    font-size: 34px;
    line-height: 44px;
  }

  .template-contact .hero-section .shape {
    width: 130px;
    height: 130px;
    margin-left: auto;
  }

  .template-contact .form-section .shape {
    display: none;
  }

  .template-contact .form-section .form-wrapper {
    width: 100%;
    padding: 50px 10px;
  }

  .template-contact .form-section .wrapper {
    padding: 0;
  }

  .template-single-fonction .hero-section .item {
    padding: 20px 15px;
  }

  .template-single-fonction .hero-section .btns {
    flex-wrap: wrap;
  }
  .template-single-fonction .content-section .item {
    padding: 50px 15px;
  }

  .template-single-fonction .content-section h2 {
    font-size: 22px;
    line-height: 25px;
  }

  .template-single-fonction .content-section .list {
    font-size: 14px;
    line-height: 24px;
  }

  .template-single-fonction .ecosysteme-section .wrapper .details {
    padding: 50px 15px;
  }

  .template-single-fonction .ecosysteme-section .wrapper .details h2 {
    font-size: 22px;
    line-height: 28px;
  }

  .template-single-fonction .ecosysteme-section .block .item {
    padding: 20px 15px;
    font-size: 14px;
    line-height: 24px;
  }

  .template-single-fonction .hero-section h1 {
    font-size: 36px;
    line-height: 41px;
  }

  .template-single-expertise .hero-section h1 {
    font-size: 38px;
    line-height: 44px;
  }

  .template-single-expertise .hero-section .excerpt {
    font-size: 18px;
    line-height: 28px;
  }
  .template-single-expertise .hero-section .content {
    font-size: 16px;
    line-height: 26px;
  }

  .template-single-expertise .hero-section .description {
    padding: 50px 15px;
  }

  .template-single-expertise .values-section .value h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .entreprise-section .wrapper {
    min-height: auto;
  }

  .entreprise-section .wrapper .details {
    min-height: auto;
    gap: 50px;
  }

  .template-single-offices .experts .item,
  .template-single-offices .experts a.item {
    width: 100%;
  }

  .template-single-offices .description {
    font-size: 16px;
    line-height: 26px;
  }

  .template-single-secteur .content-section .btns-wrapper .btn h3 {
    font-size: 18px;
    line-height: 28px;
    width: 100%;
  }

  .template-single-secteur .content-section .btns-wrapper .btn {
    width: 100%;
  }

  .template-you-are .hero-section .why-choose-imt .splide__slide {
    width: 100%;
  }

  .template-you-are .hero-section .why-wrapper h2 {
    font-size: 32px;
    line-height: 42px;
    width: 100%;
  }

  .secteurs-section h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .fonctions-section .intro .label {
    font-size: 18px;
    line-height: 28px;
  }

  .fonctions-section .fonctions-wrapper .splide__slide {
    width: 100%;
  }

  .fonctions-section .fonctions-wrapper .splide__slide h3 {
    font-size: 22px;
    line-height: 32px;
  }

  .methodologie-section .wrapper .intro h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .testimonials-section .intro h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .methodologie-section .step .text,
  .methodologie-section .step .number {
    font-size: 18px;
    line-height: 28px;
  }

  .testimonials-section .splide__slide {
    width: 100%;
  }

  .testimonials-section .splide__list {
    gap: 0;
  }

  .testimonials-section .splide__slide .text-format {
    padding: 0;
  }

  .secteurs-section .sectors-slider .splide__slide {
    width: 100% !important;
    flex-direction: column;
  }

  .template-you-are .hero-section h1 {
    font-size: 32px;
    line-height: 37px;
    padding-bottom: 50px;
  }

  .template-manager .hero-section .why-items .item:first-child {
    padding: 0;
  }

  .secteurs-section .sectors-slider .sector-card .text {
    min-height: auto;
  }

  .methodologie-section #steps-slider .splide__slide .close {
    top: 0;
    right: 0;
  }

  .fonctions-section {
    padding-top: 0;
  }

  .becoming-a-manager-section .wrapper {
    padding: 50px 0;
  }

  .modal .modal-content .content {
    width: 100%;
    padding: 40px 15px;
  }

  .modal .close {
    width: 55px;
    height: 55px;
    position: absolute;
    right: 15px;
    top: 15px;
  }

  .modal .info {
    margin-top: 25px;
  }

  .template-manager .hero-section .why-items .item {
    width: 100%;
    min-height: auto;
    padding: 30px 0px;
  }
  .template-you-are .hero-section .why-choose-imt {
    margin-top: 0;
  }

  .becoming-a-manager-section .el-item {
    width: 100%;
  }

  .becoming-a-manager-section .item,
  .becoming-a-manager-section .el-item:not(.intro) {
    background-color: rgba(8, 45, 125, 0.0392156863);
  }

  .becoming-a-manager-section .el-item {
    min-height: auto;
  }

  .becoming-a-manager-section .el-item:not(.intro) {
    padding: 50px 15px;
  }

  .becoming-a-manager-section .item .item-content h3 {
    top: 0;
    color: #021746;
    font-size: 22px;
    line-height: 32px;
  }

  .becoming-a-manager-section .item .item-content p {
    visibility: visible;
    opacity: 1;
  }

  .becoming-a-manager-section .item .item-content::after {
    opacity: 0;
  }

  .becoming-a-manager-section .intro {
    padding-right: 0;
    padding-top: 0;
  }

  .becoming-a-manager-section .intro h3 {
    font-size: 32px;
    line-height: 42px;
  }

  .template-home .hero-section h1 br {
    display: none;
  }

  .template-rse .objectifs-section .impacts-btns {
    width: 100%;
  }

  .template-rse .objectifs-section .impacts .content-box {
    display: none;
  }

  .template-rse .objectifs-section .impacts-btns .impact-description {
    display: flex !important;
    font-family: "Satoshi", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
  }

  .template-rse
    .objectifs-section
    .impacts-btns
    .impact-description
    .desc-wrapper {
    padding: 20px 5px;
    background: linear-gradient(
      140.6deg,
      rgba(255, 255, 255, 0.1) 22.55%,
      rgba(255, 255, 255, 0.01) 95.74%
    );
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
  }

  .template-rse .objectifs-section .impacts-btns .impact-description ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .template-rse .objectifs-section .impacts-btns .impact-description ul li {
    position: relative;
    isolation: isolate;
    padding-left: 25px;
  }

  .template-rse
    .objectifs-section
    .impacts-btns
    .impact-description
    ul
    li::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 8px;
    width: 5px;
    height: 5px;
    background-color: #ffffff;
    border-radius: 50%;
  }

  .template-rse .objectifs-section .impacts-btns .impact-btn {
    font-size: 20px;
    line-height: 30px;
  }

  .template-rse .objectifs-section .impacts-btns .impact-btn.active::after,
  .template-rse .objectifs-section .impacts-btns .impact-btn:hover::after {
    opacity: 0;
  }

  .template-rse .objectifs-section .impact-wrapper {
    padding: 50px 5px;
  }
  .template-rse .objectifs-section .wrapper {
    padding: 50px 5px;
  }

  .template-rse .labels-section .labels-wrapper .left,
  .template-rse .labels-section .labels-wrapper .right {
    justify-content: initial;
    flex-wrap: wrap;
  }

  .template-rse .objectifs-section .impact-intro {
    padding: 0 10px;
  }

  .template-rse .objectifs-section .impact-intro .title h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .template-rse .labels-section .title h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .template-rse .hero-section .description h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .template-expertises .expertises-section .wrapper .values {
    padding: 30px 5px;
  }

  .template-expertises .expertises-section .wrapper .values h3 {
    font-size: 16px;
    line-height: 26px;
  }

  .template-expertises .expertises-section .wrapper .description h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .template-expertises .your-needs-section .wrapper .title h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .template-expertises .your-needs-section .wrapper .title {
    padding-left: 10px;
    padding-right: 10px;
  }

  .template-international .international-team-section .intro .arrows {
    width: 100%;
  }
  .template-international .international-team-section .intro .btn-primary {
    margin-left: initial;
  }
  .template-international .international-team-section h2 {
    padding-left: 0;
  }

  .template-international .international-map-section h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .template-international .citation-section .image {
    height: auto;
  }

  .template-international .citation-section .citation-wrapper {
    padding: 0 0 20px 0;
    margin-top: -20px;
  }

  .template-international .citation-section .citation {
    padding: 40px 20px;
    font-size: 16px;
    line-height: 26px;
  }
  .template-international .citation-section {
    padding-bottom: 0;
  }

  .template-international .our-strengths-section .wrapper {
    padding: 50px 10px;
  }

  .template-international .our-strengths-section .items .item {
    width: 100%;
  }

  .template-international .our-strengths-section .title {
    width: 100%;
  }

  .template-international .our-strengths-section .video {
    height: auto;
  }

  .template-international .international-map-section .wrapper {
    width: 100%;
  }

  .template-international .our-strengths-section .items .item p {
    padding: 30px 0;
  }

  .intro-wrapper .intro h1 {
    font-size: 24px;
    line-height: 34px;
  }

  .intro-wrapper .slide-content {
    flex-wrap: wrap;
  }

  .intro-wrapper .slide-text {
    width: 357px;
    max-width: 100%;
  }

  .register-wrapper .form-wrapper,
  .profile-wrapper .form-wrapper {
    width: calc(100% - 20px);
    padding: 25px 10px;
  }

  .register-wrapper .form-header h2,
  .profile-wrapper .form-header h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .form-wrapper form .field-group {
    width: 100%;
  }

  .pending-verification {
    padding: 0 10px;
  }

  .pending-verification .verification-card {
    padding: 50px 10px;
  }

  .pending-verification .verification-card h2 {
    font-size: 18px;
    line-height: 28px;
  }

  .intro-wrapper .details {
    padding: 50px 10px;
  }

  .espace-manager-template #news-slider {
    padding: 25px 10px;
  }

  .header-navigation {
    padding: 20px 10px;
  }

  .dashboard-template .form-wrapper {
    max-width: calc(100% - 20px);
    padding: 25px 10px;
  }

  .readonly-card {
    padding: 17px 10px;
  }

  .row {
    flex-wrap: wrap;
    gap: 20px;
  }

  .email-notice {
    flex-direction: column;
  }

  .form-wrapper form label.checkbox {
    width: 100%;
  }

  .dashboard-template .dynamic-fields .field-group {
    width: calc(100% - 60px) !important;
  }

  .dashboard-template .dynamic-fields .field-group:first-child {
    width: 100% !important;
  }

  .file-upload {
    padding: 25px 10px;
    gap: 20px;
  }

  .btn-file-action {
    width: 100%;
  }

  .dynamic-fields .btn-file-action {
    width: 42px;
  }

  .modifiable-card {
    gap: 30px;
  }

  .imt-modal h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .imt-modal .modal-inner {
    padding: 25px 10px;
  }

  .imt-modal .modal-inner {
    max-width: calc(100% - 20px);
  }

  #confirm-save-modal .confirm-wrapper {
    flex-wrap: wrap;
  }

  #confirm-save-modal .confirm-wrapper h3 {
    width: 100%;
    text-align: center;
  }

  #confirm-save-modal .modal-actions {
    justify-content: center;
  }

  .intro-wrapper .items .item {
    padding: 16px 10px;
  }

  .intro-wrapper .left {
    padding: 50px 10px;
  }

  .intro-wrapper::after {
    width: 5px;
  }

  .template-single-post .hero-section,
  .template-single-expertise .hero-section,
  .template-single-fonction .hero-section,
  .template-equipe,
  .template-biographie .hero-section,
  .template-single-post .hero-section {
    padding-top: 200px;
  }

  .template-single-offices {
    padding-top: 100px;
  }

  .template-lexique .hero-section .image {
    height: auto;
  }

  .template-single-expertise .hero-section .shape {
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 80%;
    height: auto;
  }

  .template-single-expertise
    .hero-section
    .shape[data-shape="Intérim Management"] {
    width: 50%;
  }

  .template-single-post .direction {
    flex-wrap: wrap;
  }

  .template-single-post .hero-section .wrapper {
    padding: 0;
  }

  .template-expertises .hero-section .details {
    padding: 0 5px;
  }

  .btn-primary {
    font-size: 14px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 450px) {
  footer {
    padding: 50px 0;
  }

  .template-home .statistics-section {
    padding: 50px 0;
  }
  .template-home .statistics-section .items {
    flex-direction: column;
    gap: 20px;
  }
  .template-home .statistics-section .items .item {
    width: 100%;
  }

  .template-home .hero-section .wrapper {
    padding-left: 0;
    padding-right: 0;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-end;
  }

  .partners-section .wrapper {
    padding: 0;
  }

  .partners-section .splide__slide {
    width: 100%;
    text-align: center;
  }

  .partners-section .splide__list {
    gap: 0;
  }

  .partners-section .arrows {
    position: relative;
    z-index: 15;
  }

  .template-home .blocks-section .block:nth-child(even) .details {
    padding-top: 0;
  }

  .template-home .blocks-section .btns {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
  }

  .template-home .blocks-section .btns .btn-primary {
    margin-top: 0;
  }

  footer .menus .menu-fonctions .navbar a {
    width: calc(50% - 10px);
  }

  footer .copyrights .privacy {
    justify-content: space-between;
  }

  footer .details .contact {
    justify-content: space-between;
    width: 100%;
  }

  .template-offices .offices-section .details {
    flex-direction: column;
  }

  .template-actualites .actualites-section {
    padding: 50px 0;
  }

  .template-lexique .hero-section .description {
    padding: 20px;
  }

  .realisations-grid .labels {
    padding: 0;
  }

  .realisations-grid .info {
    padding: 0 0 27px 0;
  }

  .entreprise-section {
    padding: 50px 0;
  }

  .entreprise-section .wrapper .details {
    padding: 50px 15px;
  }

  .entreprise-section .wrapper .details p {
    font-size: 16px;
    line-height: 26px;
  }
}