@media (min-width: 480px) {

  .container {
    max-width: calc(var(--px) * 1310);
    margin: auto;
    box-sizing: border-box;
    padding: 0 calc(var(--px) * 40);
  }

}


@media (max-width: 480px) {

  :root {
    --px: 0.24132vw;
  }

  .container {
    max-width: 100%;
    margin: auto;
    box-sizing: border-box;
    padding: 0 calc(var(--px) * 20);
  }

  p{
    font-size: calc(var(--px) * 16);
    line-height: calc(var(--px) * 24);
  }

  .page-404 .page-404-top-decoration{
    width: 100%;
    height: calc(var(--px) * 125);
  }

  /*-------------- header -------------------*/

  .header{
    padding-left: calc(var(--px) * 0);
    padding-right: calc(var(--px) * 0);
  }

  .header .main-logo{
    width: calc(var(--px) * 140);
    height: calc(var(--px) * 109);
    border-radius: 0px 0px calc(var(--px) * 44) calc(var(--px) * 0);
    position: absolute;
    z-index: 10;
  }

  .header .main-logo img{
    width: calc(var(--px) * 94);
  }

  .header .header-navbar{
    display: initial;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: calc(var(--px) * 70);
  }

  #mega-menu-wrap-menu-nav .mega-menu-toggle {
    display: flex !important;
    width: calc(var(--px) * 150);
    position: absolute;
    right: 0;
    top: calc(var(--px) * -52);
    background: transparent;
    margin-right: calc(var(--px) * 20);
    margin-left: 0;
  }

  .mega-menu-menu-nav-mobile-open .header-navbar {
    background: #124c83;
  }

  #mega-menu-wrap-menu-nav .mega-menu-toggle + #mega-menu-menu-nav{
    background: #124c83;
  }

  #mega-menu-wrap-menu-nav .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label *{
    color: #FFFFFF !important;
  }

  #mega-menu-wrap-menu-nav #mega-menu-menu-nav > li.mega-menu-item {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  #mega-menu-wrap-menu-nav #mega-menu-menu-nav > li.mega-menu-item > a.mega-menu-link{
    padding: calc(var(--px) * 15) calc(var(--px) * 20);
  }

  #mega-menu-wrap-menu-nav #mega-menu-menu-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    padding: calc(var(--px) * 5) calc(var(--px) * 20);
    border-bottom: 1px solid rgb(128 128 128 / 44%);
  }

  /*-------------- end header -------------------*/

  /*-------------- footer -------------------*/
  
  .home .footer .footer-content::before{
    top: calc(var(--px) * -189);
    right: calc(var(--px) * 0);
  }

  .footer .footer-content::before{
    right: calc(var(--px) * 0);
  }

  /*-------------- end footer -------------------*/

  /*-------------- home -------------------*/

  .home-banner{
    height: calc(var(--px) * 420);
    background: #124c83;
  }

  .home-banner .home-banner-content{
    left: 0;
    width: 100%;
    padding: 0 calc(var(--px) * 30);
    top: 55%;
  }

  .home-banner .home-banner-content .home-banner-title{
    font-size: calc(var(--px) * 25);
    line-height: calc(var(--px) * 35);
  }
  
  .home-banner img {
    width: 160%;
    position: absolute;
    bottom: calc(var(--px) * -220);
    right: 0;
  }

  .home-banner .home-banner-content .home-banner-btn{
    padding: calc(var(--px) * 10) calc(var(--px) * 23);
    margin-top: calc(var(--px) * 10);
  }

  .section-about {
    padding-top: calc(var(--px) * 230);
    position: relative;
  }

  .section-about::before {
    content: '';
    width: 100%;
    height: calc(var(--px) * 415);
    right: 0;
    top: auto;
    bottom: calc(var(--px) * 180);
  }

  .section-about .section-about-title-container {
    flex-direction: column;
  }

  .section-about .section-about-title-container .section-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
    width: 100%;
  }

  .section-about .section-about-title-container .section-about-logo {
    height: calc(var(--px) * 50);
  }

  .section-about .section-about-container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .section-about .section-about-container .section-about-content{
    width: 100%;
  }

  .section-about .section-about-content .section-about-logo {
    width: calc(var(--px) * 190);
    display: block;
    margin: auto;
    margin-top: calc(var(--px) * 30);
  }

  .section-about .section-about-cycles {
    display: flex;
    justify-content: space-between;
    margin-top: calc(var(--px) * 70);
    gap: calc(var(--px) * 20);
  }

  .section-about .section-about-cycles .section-about-cycles-col1 {
    margin-top: calc(var(--px) * 80);
    width: 100%;
  }

  .section-about .section-about-cycles .section-about-cycles-col2{
    margin: 0;
    width: 100%;
  }

  .section-about .section-about-cycles .cycle-box {
    width: 100%;
    height: calc(var(--px) * 240);
  }

  .section-about .section-about-cycles .cycle-box .cycle-box-title{
    font-size: calc(var(--px) * 20);
    line-height: calc(var(--px) * 28);
    margin-bottom: calc(var(--px) * 15);
  }

  .section-request .request-teacher {
    position: absolute;
    bottom: calc(var(--px) * 5);
    left: calc(var(--px) * 10);
  }
  
  .section-request .request-pronote {
    position: absolute;
    top: calc(var(--px) * -25);
    right: calc(var(--px) * 10);
    width: calc(var(--px) * 300);
    height: calc(var(--px) * 300);
  }

  .section-request .request-pronote .request-title {
    font-size: calc(var(--px) * 20);
    line-height: calc(var(--px) * 31);
  }

  .section-request .request-teacher {
    position: absolute;
    bottom: calc(var(--px) * 5);
    left: calc(var(--px) * 10);
    top: auto;
    right: auto;
    width: calc(var(--px) * 270);
    height: calc(var(--px) * 270);
  }

  .section-poles{
    overflow: hidden;
  }

  .section-poles::before{
    width: 176%;
    height: calc(var(--px) * 720);
    background-position: left;
    left: 0;
    top: 0;
  }

  .section-poles .section-poles-container {
    width: 100%;
    display: flex;
    padding-top: calc(var(--px) * 40);
    gap: calc(var(--px) * 20);
  }

  .section-poles .section-poles-container .section-poles-col1 {
    margin-right: auto;
  }

  .section-poles .section-poles-container .pole-box {
    width: 100%;
    padding: calc(var(--px) * 25);
    margin-bottom: calc(var(--px) * 40);
  }

  .section-poles .section-poles-container .pole-box .pole-box-desc{
    font-size: calc(var(--px) * 15);
    line-height: calc(var(--px) * 25);
  }

  .section-poles .section-poles-container .section-poles-col1 {
      margin-right: auto;
      width: 100%;
  }

  .section-poles .section-poles-container .section-poles-col2{
      margin-left: auto;
      width: 100%;
  }

  .section-finlandway .container {
    padding: calc(var(--px) * 140) calc(var(--px) * 20) calc(var(--px) * 70);
    display: flex;
    flex-direction: column;
  }

  .section-finlandway .finlandway-content {
    min-width: 100%;
  }

  .section-finlandway .finlandway-content .finlandway-btn {
    padding: calc(var(--px) * 10) calc(var(--px) * 30);
    margin-top: calc(var(--px) * 30);
    margin-bottom: calc(var(--px) * 75);
  }

  .section-finlandway .finlandway-content .finlandway-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .section-finlandway .finlandway-content .finlandway-question{
    width: 100%;
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .section-finlandway .finlandway-image-container img {
    width: 100%;
    height: auto;
  }

  .section-finlandway .finlandway-image-container {
    position: relative;
    left: 0;
    z-index: -1;
    margin-top: calc(var(--px) * 50);
  }

  .section-services .service-item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: calc(var(--px) * 72);
    flex-direction: column;
    text-align: center;
  }

  .section-services .service-item .service-item-icon{
    margin-right: 0;
    margin-bottom: calc(var(--px) * 20);
  }

  .section-pedagogie .section-pedagogie-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .section-pedagogie .section-pedagogie-list .section-pedagogie-image{
    display: none;
  }

  .section-pedagogie .section-pedagogie-list .section-pedagogie-item {
    font-size: calc(var(--px) * 21);
    line-height: calc(var(--px) * 33);
    position: relative;
    width: 100%;
    margin-bottom: calc(var(--px) * 30);
    inset: 0 !important;
    padding-left: calc(var(--px) * 60);
  }

  .section-pedagogie .section-pedagogie-list .section-pedagogie-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    transform: initial;
    width: calc(var(--px) * 32);
    height: calc(var(--px) * 32);
  }

  .section-pedagogie .section-pedagogie-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .section-video {
    padding: calc(var(--px) * 93) 0 0;
  }

  .section-video .section-video-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .section-video .section-video-slider .video-slide {
    padding: 0 calc(var(--px) * 10);
  }

  .section-video .video-slide .video-slide-img {
    width: 100%;
    height: calc(var(--px) * 230);
  }

  .section-blog{
    overflow: hidden;
    padding: calc(var(--px) * 210) 0 calc(var(--px) * 106);
  }

  .section-blog .section-blog-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .section-blog .section-blog-title-container .section-blog-link{
    display: none;
  }

  .section-blog-row {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .section-blog .section-blog-col1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .section-blog .section-blog-item {
    width: 100%;
    margin-bottom: calc(var(--px) * 40);
  }

  .section-blog .section-blog-col2{
    width: 100%;
    margin-top: calc(var(--px) * 40);
  }

  .section-blog .section-blog-col2 .section-blog-item{
    width: 100%;
  }

  .section-blog::after {
    top: initial;
    right: 0;
    bottom: 0;
    width: calc(var(--px) * 973);
    height: calc(var(--px) * 646);
    background-position: right;
  }

  .section-contact {
    padding: calc(var(--px) * 70) 0 calc(var(--px) * 300);
    background: none;
  }

  .section-contact .container {
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-direction: column;
  }

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

  .section-contact::before {
    content: '';
    width: 123%;
    height: 87%;
    right: 0;
    top: auto;
    bottom: 0;
  }

  .section-contact .section-contact-form-container {
    padding-top: 0;
    margin-top: calc(var(--px) * 196);
  }

  /*-------------- end home -------------------*/

  /*-------------- poles -------------------*/
  
  .page-banner img {
    width: 100%;
    height: calc(var(--px) * 370);
    object-fit: cover;
  }

  .page-banner .page-banner-title{
    font-size: calc(var(--px) * 28);
    line-height: calc(var(--px) * 38);
    top: 50%;
  }

  .page-poles-intro .page-poles-intro-content .page-poles-intro-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
    margin-bottom: calc(var(--px) * 20);
  }

  .page-poles-gallery{
    padding: calc(var(--px) * 110) calc(var(--px) * 20) 0;
  }

  .page-poles-gallery-content {
    display: flex;
    flex-direction: column;
  } 

  .page-poles-gallery .poles-gallery-controls-btns{
    order: 2;
    margin: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: calc(var(--px) * 20);
  }

  .page-poles-gallery .page-poles-gallery-slider .page-poles-gallery-item{
    height: calc(var(--px) * 238);
    margin: 0 calc(var(--px) * 10);
  }

  .page-poles-gallery .page-poles-gallery-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: calc(var(--px) * 30);
  }

  .page-poles-gallery .page-poles-gallery-controls .poles-gallery-controls-dots{
    width: 100%;
  }

  .page-poles-gallery .slick-dots{
    width: 100%;
  }

  .page-poles-infos {
    padding-top: calc(var(--px) * 90);
  }

  .page-poles-infos .page-poles-infos-item {
    margin-bottom: calc(var(--px) * 60);
    width: 100%;
    padding: 0;
  }

  .page-poles-infos .page-poles-infos-title {
    margin-bottom: calc(var(--px) * 15);
    position: relative;
    display: inline-flex;
    align-items: center;
  }

  .page-poles-infos .page-poles-infos-desc, 
  .page-poles-infos .page-poles-infos-desc p{
    font-size: calc(var(--px) * 16);
    line-height: calc(var(--px) * 24);
  }

  .sections-poles {
    padding-top: calc(var(--px) * 70);
  }

  .sections-poles .sections-poles-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .sections-poles .sections-poles-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: calc(var(--px) * 20);
  }

  .sections-poles .sections-poles-items .pole-box {
    width: 47%;
    height: calc(var(--px) * 290);
    margin-bottom: 0;
  }

  .sections-poles .sections-poles-items .pole-box .pole-box-title {
    font-size: calc(var(--px) * 18);
    line-height: calc(var(--px) * 28);
    margin-bottom: calc(var(--px) * 22);
  }

  .page-poles-infos .page-poles-infos-title h3{
    font-size: calc(var(--px) * 22);
    line-height: calc(var(--px) * 32);
  }

  /*-------------- end poles -------------------*/

  /*-------------- finlandway -------------------*/

  .finlandway-intro .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .finlandway-intro .finlandway-intro-desc {
    font-size: calc(var(--px) * 16);
    line-height: calc(var(--px) * 24);
  }

  .finlandway-intro .finlandway-intro-col {
    width: 100%;
  }

  .finlandway-intro .finlandway-intro-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
    margin-top: calc(var(--px) * 30);
    margin-bottom: calc(var(--px) * 20);
  }

  .finlandway-programme::before {
    content: "";
    width: 100%;
  }

  .finlandway-programme .finlandway-programme-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .finlandway-programme .finlandway-programme-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(var(--px) * 50);
    flex-direction: column;
  }

  .finlandway-programme .finlandway-programme-desc {
    width: 100%;
  }

  .finlandway-programme .finlandway-programme-items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(var(--px) * 20);
  }

  .finlandway-programme .finlandway-programme-item {
    width: calc(var(--px) * 170);
  }

  .finlandway-quotation {
    padding-top: calc(var(--px) * 110);
    padding-bottom: calc(var(--px) * 60);
    position: relative;
  }

  .finlandway-equipe .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }

  .finlandway-equipe .finlandway-equipe-img {
    width: calc(var(--px) * 300);
    margin-bottom: calc(var(--px) * 30);
  }

  .finlandway-equipe .finlandway-equipe-content {
    width: 100%;
  }

  .finlandway-equipe .finlandway-equipe-content .finlandway-equipe-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .finlandway-mission {
    padding-top: 0;
    padding-bottom: 0;
  }

  .finlandway-mission .container {
    flex-direction: column;
  }

  .finlandway-mission .finlandway-mission-img {
    width: calc(var(--px) * 300);
    order: 1; 
    margin-bottom: calc(var(--px) * 30);
  }

  .finlandway-mission .finlandway-mission-content .finlandway-mission-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .finlandway-mission .finlandway-mission-content{
    width: 100%;
  }

  .finlandway-valeur .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: calc(var(--px) * 60);
  }

  .finlandway-valeur .finlandway-valeur-item {
    width: 100%;
  }

  .finlandway-app .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .finlandway-app .finlandway-app-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .finlandway-app .finlandway-app-content {
    width: 100%;
    margin-right: calc(var(--px) * 60);
    padding-bottom: calc(var(--px) * 50);
  }

  .finlandway-app .finlandway-app-desc{
    font-size: calc(var(--px) * 16);
    line-height: calc(var(--px) * 24);
  }

  .finlandway-app .finlandway-app-img {
    width: calc(var(--px) * 328);
    margin: auto;
    margin-bottom: 0;
    order: 2;
  }

  .finlandway-app .finlandway-app-links {
    display: flex;
    justify-content: space-between;
    margin-top: calc(var(--px) * 50);
    flex-direction: column;
    gap: calc(var(--px) * 30);
  }

  .finlandway-partenariats .finlandway-partenariats-title {
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
    margin-bottom: calc(var(--px) * 40);
  }

  @keyframes slideObjectPosition {
    0%, 100% {
      object-position: 0%;
    }
    50% {
      object-position: 100%;
    }
  }

  .finlandway-partenariats .finlandway-partenariats-logos img {
    width: 100%;
    height: calc(var(--px) * 125);
    object-fit: cover;
    object-position: 0%;
    animation: slideObjectPosition 20s linear infinite;
  }
    
  .sections-cycles .sections-cycles-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .sections-cycles .sections-cycles-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: calc(var(--px) * 20);
  }

  .sections-cycles .sections-cycles-items .cycle-box {
    width: 47%;
    height: calc(var(--px) * 240);
    margin-bottom: 0;
  }

  .sections-cycles .sections-cycles-items .cycle-box .cycle-box-title {
    font-size: calc(var(--px) * 20);
    line-height: calc(var(--px) * 28);
    margin-bottom: calc(var(--px) * 15);
  }
  
  /*-------------- end finlandway -------------------*/

  /*-------------- cycle -------------------*/

  .page-cycle-intro {
    padding-top: calc(var(--px) * 50);
    padding-bottom: calc(var(--px) * 50);
    position: relative;
  }

  .page-cycle-intro .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  .page-cycle-intro .page-cycle-intro-content .page-cycle-intro-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
    margin-bottom: calc(var(--px) * 20);
  }

  .page-cycle-intro .page-cycle-intro-content {
    width: 100%;
  }

  .page-cycle-intro .page-cycle-intro-content .page-cycle-intro-desc, 
  .page-cycle-intro .page-cycle-intro-content .page-cycle-intro-desc p{
    font-size: calc(var(--px) * 16);
    line-height: calc(var(--px) * 24);
  }

  .page-cycle-intro .page-cycle-intro-img {
    width: 100%;
    margin-top: calc(var(--px) * 30);
  }

  .page-cycle-gallery{
    padding: calc(var(--px) * 45) calc(var(--px) * 20);
  }

  .page-cycle-gallery .page-cycle-gallery-controls{
    flex-direction: column;
    gap: calc(var(--px) * 20);
  }

  .page-cycle-gallery .cycle-gallery-controls-btns {
    display: flex;
    align-items: center;
    margin-left: 0;
    order: 1;
  }

  .page-cycle-gallery .cycle-gallery-controls-dots{
    width: 100%;
    order: 2;
  }

  .page-cycle-gallery .slick-dots {
    position: static;
    width: 100%;
    display: flex;
  }

  .page-cycle-gallery .page-cycle-gallery-slider .page-cycle-gallery-item {
    height: calc(var(--px) * 235);
    background-size: cover;
    background-position: center;
    margin: 0;
  }

  .page-cycle-infos {
    padding-top: calc(var(--px) * 40);
    padding-bottom: calc(var(--px) * 40);
    position: relative;
  }

  .page-cycle-infos .page-cycle-infos-title span{
    font-size: calc(var(--px) * 20);
    line-height: calc(var(--px) * 30);
    padding-right: calc(var(--px) * 40);
  }

  .page-cycle-infos-item .page-cycle-infos-desc ul{
    padding-left: calc(var(--px) * 20);
  }

  .page-cycle-infos-item .page-cycle-infos-desc ul li{
    font-size: calc(var(--px) * 16);
    line-height: calc(var(--px) * 24);
  }

  /*-------------- end cycle -------------------*/

  /*-------------- about -------------------*/

  .about-section1 {
    padding-top: calc(var(--px) * 40);
    padding-bottom: calc(var(--px) * 40);
    position: relative;
  }

  .about-section1 .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }

  .about-section1 .about-section1-img {
    width: calc(var(--px) * 300);
    margin-bottom: calc(var(--px) * 30);
  }

  .about-section1 .about-section1-content {
    width: 100%;
  }

  .about-section2 {
    padding-top: 0;
    padding-bottom: calc(var(--px) * 40);
    position: relative;
  }

  .about-section2 .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }

  .about-section2 .about-section2-img {
    width: calc(var(--px) * 300);
    margin-bottom: calc(var(--px) * 30);
    order: 1;
  }

  .about-section2 .about-section2-content {
    width: 100%;
  }

  .about-equipe .about-equipe-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  .about-equipe .about-equipe-items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(var(--px) * 40) calc(var(--px) * 20);
  }

  .about-equipe .about-equipe-item {
    width: 47%;
    margin-bottom: 0;
  }

  .about-equipe .about-equipe-item .about-equipe-item-img {
    width: 100%;
    height: calc(var(--px) * 240);
  }

  .about-equipe .about-equipe-item .about-equipe-item-title {
    font-size: calc(var(--px) * 20);
    line-height: calc(var(--px) * 28);
    margin-top: calc(var(--px) * 15);
    color: #124c83;
  }

  .about-fondateur {
    margin-top: 0;
    position: relative;
  }

  .about-fondateur .about-fondateur-container {
    padding: calc(var(--px) * 60) 0 calc(var(--px) * 80);
  }

  .about-fondateur .about-fondateur-container .container {
    display: flex;
    flex-direction: column;
  }

  .about-fondateur .about-fondateur-img {
    width: 100%;
    min-width: 100%;
    height: calc(var(--px) * 373);
    margin-bottom: calc(var(--px) * 30);
  }

  .about-fondateur .about-fondateur-text,
  .about-fondateur .about-fondateur-text p{
    font-size: calc(var(--px) * 16);
    line-height: calc(var(--px) * 24);
  }

  .about-fondateur .about-fondateur-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
    margin-bottom: calc(var(--px) * 20);
  }

  .about-fondateur .about-fondateur-signature {
    font-size: calc(var(--px) * 20);
    line-height: calc(var(--px) * 30);
  }

  .about-programme .container {
    flex-direction: column;
  }

  .about-programme .about-programme-img {
    width: calc(var(--px) * 300);
    margin-bottom: calc(var(--px) * 30);
    order: 1;
  }

  .about-programme .about-programme-content {
    width: 100%;
  }

  .about-services{
    padding: 0;
  }

  .about-services-slide-container {
    display: flex;
    align-items: center;
    padding-right: 0;
    flex-direction: column;
  }

  .about-services-slide .about-services-slide-img {
    width: 100%;
    min-width: 100%;
    height: calc(var(--px) * 230);
    margin-right: 0;
  }

  .about-services-slide .about-services-slide-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
    margin-top: calc(var(--px) * 15);
  }

  .about-services-controls {
    margin-top: calc(var(--px) * 20);
    flex-direction: column;
  }

  .about-services-controls .about-services-controls-dots{
    width: 100%;
    order: 2;
  }
  .about-services-controls .slick-dots{
    width: 100%;
  }

  .about-services-controls .about-services-controls-btns{
    gap: calc(var(--px) * 20);
    order: 1;
    margin-bottom: calc(var(--px) * 40);
    margin-left: 0;
  }

  .about-parents .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }

  .about-parents .about-parents-img {
    width: calc(var(--px) * 300);
    margin-top: calc(var(--px) * 30);
    order: 2;
  }

  .about-parents .about-parents-content {
    width: 100%;
    order: 1;
  }

  .about-parents .about-parents-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
  }

  /*-------------- end about -------------------*/

  /*-------------- services -------------------*/

  .services-intro {
    padding-top: 0;
    padding-bottom: 0;
  }

  .services-intro-content p{
    font-size: calc(var(--px) * 16);
    line-height: calc(var(--px) * 24);
  }

  .services-section-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }

  .services-section-content {
    width: 100%;
    min-width: 100%;
  }

  .services-section-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
    margin-bottom: calc(var(--px) * 20);
  }

  .services-infirmerie .services-section-image img {
    width: calc(var(--px) * 400);
    min-width: calc(var(--px) * 400);
    margin-top: calc(var(--px) * 30);
  }

  .services-transport .services-transport-container{
    padding-bottom: calc(var(--px) * 50);
  }

  .services-transport .services-section-image img {
    width: calc(var(--px) * 300);
    min-width: calc(var(--px) * 300);
    margin-bottom: calc(var(--px) * 30);
  }

  .services-restauration .services-section-image img {
    width: calc(var(--px) * 400);
    min-width: calc(var(--px) * 400);
    margin-top: calc(var(--px) * 30);
  }
  

  /*-------------- end services -------------------*/

  /*-------------- contact -------------------*/
  .contact-container .container {
    display: flex;
    flex-direction: column;
  }

  .contact-container .contact-infos .contact-title{
    font-size: calc(var(--px) * 26);
    line-height: calc(var(--px) * 36);
    margin-bottom: calc(var(--px) * 20);
  }

  .contact-container .contact-infos .contact-map a {
    width: 100%;
    justify-content: center;
  }

  .contact-container .contact-form{
    width: 100%;
    min-width: 100%;
    margin-left: 0;
    margin-top: calc(var(--px) * 60);
    padding: calc(var(--px) * 40) calc(var(--px) * 20);
  }

  .contact-container .contact-form .btn-contact {
    width: 100%;
  }

  /*-------------- end contact -------------------*/


  /*-------------- preinscription -------------------*/

  .preinscription-container .container {
    display: flex;
    flex-direction: column;
  }

  .preinscription-container .preinscription-form{
    width: 100%;
    min-width: 100%;
    margin-left: 0;
    padding: calc(var(--px) * 40) calc(var(--px) * 20);
  }

  /*-------------- End preinscription -------------------*/

}