@media screen and (max-width: 1450px) { footer .wrapper { width: auto; padding: 0 20px; } }
@media screen and (max-width: 1220px) { .wrapper { width: auto; padding: 0 20px; }
  footer .wrapper .top { display: flex; flex-wrap: wrap; }
  footer .wrapper .top .box-logo { width: 50%; padding-right: 90px; margin-bottom: 50px; }
  footer .wrapper .top .box-links { width: 30%; padding-right: 90px; }
  footer .wrapper .top .box-social { width: 50%; padding-left: 90px; }
  footer .wrapper .top .box-newsletter { width: 70%; padding-left: 0px; }
  footer .wrapper .top .box-logo img, footer .wrapper .top .box-logo p { width: 70%; }
  #services-list .grid .image { height: auto; padding-bottom: 80%; } }
@media screen and (max-width: 980px) { .innerwrapper, .wrapper-int { width: auto; padding: 0 20px; }
  #banner .contents { padding: 50px 0; display: flex; align-items: center; }
  header a.lev1 .text { font-size: 15px; }
  .general-section[data-layout="layout3"] .left .list { grid-gap: 40px; }
  .general-section[data-layout="layout3"] .left { padding-right: 40px; }
  footer .wrapper .top .box-logo { padding-right: 40px; }
  footer .wrapper .top .box-social { width: 50%; padding-left: 40px; }
  footer .wrapper .top .box-links { width: 50%; padding-right: 40px; }
  footer .wrapper .top .box-newsletter { width: 50%; padding-left: 0; }
  #about-presentation .contents .left br { display: none; }
  #about-highlight .left, #about-highlight .right { width: calc(50% - 80px); }
  #about-highlight .mid { margin: 0 30px; }
  #about-highlight * { font-size: 20px; line-height: 30px; }
  #about-member .content .contents .right { padding-left: 60px; }
  #events-list .list-contents .item .title { color: #fc766a; margin-bottom: 0; font-weight: bold; font-size: 18px; line-height: 24px; }
  #events-list .list-contents .item .team, #events-list .list-contents .item .date, #events-list .list-contents .item .local { font-size: 16px; line-height: 26px; }
  #media-list .list-contents .item.highlight .item-content .left { width: 50%; }
  #contacts-presentation .contents .right { padding-left: 50px; } }
@media screen and (max-width: 768px) { body { padding-top: 80px; }
  .btn { padding: 0 20px; }
  header { height: 80px; }
  header .box-logo { width: auto; height: 40px; margin: 20px 0 0 0; padding: 0 0 0 20px; }
  header .box-logo img { width: auto; height: 100%; }
  header .bot, header .box-languages { display: none; }
  #mobile-menu-switch { display: block !important; }
  #mobile-menu { display: block !important; }
  #banner .contents h1 { font-size: 50px; line-height: 75px; }
  .general-section[data-layout="layout2"] h2 { margin-bottom: 15px; }
  .general-section[data-layout="layout2"] .left { padding-right: 40px; }
  .general-section[data-layout="layout2"] .left img { width: 100%; }
  .general-section[data-layout="layout2"] .right .description { font-size: 16px; line-height: 30px; }
  .general-section[data-layout="layout3"] h2 { margin-bottom: 15px; }
  .description { font-size: 16px; line-height: 30px; }
  #highlights .list-a { grid-template-columns: repeat(1, 1fr); }
  #highlights .list-a .item a { display: flex; }
  #highlights .list-a .item a .image { width: 40%; height: 0; padding-bottom: 30%; margin-bottom: 0; }
  #highlights .list-a .item a .info { padding-left: 30px; }
  footer .wrapper .top .box-logo { padding-right: 25px; }
  footer .wrapper .top .box-logo img, footer .wrapper .top .box-logo p { width: 100%; }
  footer .wrapper .top .box-social { padding-left: 25px; }
  footer .wrapper .top .box-links { padding-right: 25px; }
  footer .wrapper .top .box-newsletter { padding-left: 0; }
  footer .bot { flex-direction: column; padding: 30px 50px; height: auto; }
  footer .bot .left { margin-bottom: 20px; text-align: center; }
  footer .bot .right { display: flex; justify-content: center; flex-wrap: wrap; }
  #about-highlight * { font-size: 16px; line-height: 20px; }
  #about-highlight br { display: none; }
  #about-highlight .left, #about-highlight .right { width: calc(50% - 50px); }
  #about-highlight .mid { margin: 0; }
  #about-member .content .contents .left { width: 150px; }
  #about-member .content .contents .image img { width: 100%; }
  #about-member .left .personal-quote { font-size: 15px; line-height: 20px; }
  #about-member .left .personal-quote br { display: none; }
  #services-list .grid .title { font-size: 16px; line-height: 22px; height: 40px; }
  #services-list .grid .description { font-size: 12px; line-height: 17px; }
  #services-detail-person .wrapper { flex-direction: column; width: auto; }
  #services-detail-person .wrapper .left { width: 100%; text-align: center; margin-bottom: 30px; }
  #services-detail-person .wrapper .mid { margin-bottom: 30px; }
  #services-detail-highlights .contents { grid-gap: 20px; }
  #services-detail-highlights .contents .box h3 { font-size: 18px; line-height: 22px; }
  #services-detail-highlights .contents .box * { font-size: 14px; line-height: 24px; }
  #events-list .list-contents { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 36px; grid-row-gap: 66px; }
  #events-list .list-contents .item { flex-direction: column !important; margin-bottom: 0; }
  #events-list .list-contents .item .left { padding: 0 !important; margin-bottom: 15px; width: 100%; }
  #events-list .list-contents .item .right { padding: 0 !important; width: 100%; height: 100%; }
  #events-list .list-contents .item .box-knowmore { margin-top: 20px; }
  #events-detail-presentation .contents { flex-direction: column; }
  #events-detail-presentation .contents .left { width: 100%; padding-right: 0; margin-bottom: 60px; }
  #events-detail-presentation .contents .right { width: 100%; padding-left: 0; }
  #events-detail-team .innerwrapper .item { width: 80%; }
  #media-list .list-contents .item.highlight .item-content { flex-direction: column; }
  #media-list .list-contents .item.highlight .item-content .left { width: 100%; }
  #media-list .list-contents .item.highlight .item-content .right { width: 100%; padding-left: 0; }
  #media-list .list-contents .item-content .right .title { font-size: 14px; line-height: 20px; }
  #blog-list .list-contents { grid-template-columns: repeat(2, 1fr); }
  #blog-list .list-contents .item.highlight { grid-column: span 2; }
  #blog-list .list-contents .item.highlight .item-content .left { width: 50%; }
  #contacts-presentation .contents .left { width: 30%; }
  #contacts-presentation .contents .right { padding-left: 30px; }
  #contacts-presentation .contents .right * { font-size: 14px; line-height: 22px; } }
@media screen and (max-width: 600px) { br { display: none; }
  #banner { height: 500px; }
  #banner .wrapper { padding: 0 20px; }
  #banner .contents h1 { font-size: 30px; line-height: 45px; }
  #banner .contents h1 br { display: inherit; }
  .general-section[data-layout="layout1"] .left { font-size: 25px; line-height: 35px; }
  .general-section[data-layout="layout2"] h2 { text-align: center; }
  .general-section[data-layout="layout2"] .innerwrapper { flex-direction: column; text-align: center; }
  .general-section[data-layout="layout2"] .left { width: 70%; margin-bottom: 40px; padding: 0; }
  .general-section[data-layout="layout2"] .right { width: 100%; }
  #home-what .list { grid-template-columns: repeat(1, 1fr); grid-gap: 60px; }
  #home-what .item .role { margin-bottom: 15px; }
  #home-what .item .role br { display: inherit; }
  .general-section[data-layout="layout3"] .innerwrapper, .general-section[data-layout="layout4"] .innerwrapper, .general-section[data-layout="layout5"] .innerwrapper { flex-direction: column; text-align: center; }
  .general-section[data-layout="layout3"] .innerwrapper h2, .general-section[data-layout="layout4"] .innerwrapper h2, .general-section[data-layout="layout5"] .innerwrapper h2 { text-align: center; }
  .general-section[data-layout="layout3"] .left, .general-section[data-layout="layout3"] .left, .general-section[data-layout="layout3"] .left, .general-section[data-layout="layout4"] .left, .general-section[data-layout="layout4"] .left, .general-section[data-layout="layout4"] .left, .general-section[data-layout="layout5"] .left, .general-section[data-layout="layout5"] .left, .general-section[data-layout="layout5"] .left { padding: 0; margin-bottom: 30px; width: 100%; text-align: center; }
  .general-section[data-layout="layout3"] .right, .general-section[data-layout="layout3"] .right, .general-section[data-layout="layout3"] .right, .general-section[data-layout="layout4"] .right, .general-section[data-layout="layout4"] .right, .general-section[data-layout="layout4"] .right, .general-section[data-layout="layout5"] .right, .general-section[data-layout="layout5"] .right, .general-section[data-layout="layout5"] .right { padding: 0; width: 100%; }
  #highlights .list-a { grid-template-columns: repeat(1, 1fr); }
  #highlights .list-a .item a { display: block; }
  #highlights .list-a .item a .image { width: 100%; height: 0; padding-bottom: 70%; margin-bottom: 15px; }
  #highlights .list-a .item a .info { padding-left: 0; }
  footer * { text-align: center; }
  footer .wrapper .top .box-logo { width: 100%; padding: 0; margin-bottom: 40px; }
  footer .wrapper .top .box-logo img, footer .wrapper .top .box-logo p { width: 70%; text-align: center; margin: auto; }
  footer .wrapper .top .box-logo img { margin-bottom: 10px; }
  footer .wrapper .top .box-social { width: 100%; padding: 0; margin-bottom: 40px; }
  footer .wrapper .top .box-social ul { justify-content: center; }
  footer .wrapper .top .box-links { width: 100%; padding: 0; margin-bottom: 40px; }
  footer .wrapper .top .box-newsletter { width: 100%; padding: 0; }
  footer .wrapper .top .box-newsletter .box-rgpd .label-checkbox * { text-align: left; }
  #about-presentation h2, #services-detail-presentation h2 { margin-bottom: 50px; }
  #about-presentation .contents { flex-direction: column; }
  #about-presentation .contents .left { width: 100%; padding: 0; margin-bottom: 40px; }
  #about-presentation .contents .right { width: 100%; padding: 0; }
  #about-team .grid { grid-template-columns: repeat(1, 1fr); }
  #about-highlight .contents { flex-direction: column; }
  #about-highlight .left, #about-highlight .right { width: 100%; padding: 0; text-align: center; }
  #about-highlight .mid { margin: 30px 0; }
  #about-member .content .contents { flex-direction: column; }
  #about-member .content .contents .left { width: 100%; }
  #about-member .content .contents .left .image { width: 80%; margin: 0 auto 50px; }
  #about-member .left .personal-quote { font-size: 20px; line-height: 30px; text-align: center; }
  #about-member .content .contents .right { width: 100%; padding-left: 0; }
  #about-memberinfo .contents { flex-direction: column; }
  #about-memberinfo .contents .left { width: 100%; padding: 0; margin-bottom: 30px; }
  #about-memberinfo .contents .right { width: 100%; padding: 0; }
  #about-assocservice .contents { flex-direction: column; align-items: center; }
  #about-assocservice .contents .left { padding-right: 0; margin-bottom: 30px; }
  #services-list .grid { grid-gap: 50px; grid-template-columns: repeat(1, 1fr); }
  #services-list .grid .title { height: auto; margin-bottom: 20px; }
  #services-list .grid .description { height: auto; font-size: 16px; line-height: 26px; margin-bottom: 30px; }
  #services-detail-presentation .contents { flex-direction: column; }
  #services-detail-presentation .contents .left { width: 100%; padding: 0; margin-bottom: 40px; }
  #services-detail-presentation .contents .right { width: 100%; padding: 0; }
  #services-detail-highlights .contents { grid-template-columns: repeat(1, 1fr); }
  #services-detail-highlights .contents .box { min-height: 0; }
  #services-detail-highlights .contents .box h3 { font-size: 24px; line-height: 28px; }
  #services-detail-highlights .contents .box * { font-size: 18px; line-height: 28px; }
  #events-list .list-contents { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 0; grid-row-gap: 66px; }
  #events-detail-registration form .box-email, #events-detail-registration form .box-plusone { width: 100%; padding-right: 0; }
  #events-detail-registration form .box-phone { width: 100%; padding-left: 0; }
  #events-detail-team .innerwrapper .item { width: 90%; padding: 0; margin-bottom: 50px; }
  .list-filters .box { margin-right: 0 !important; width: 100%; }
  #media-list .wrapper { padding: 0; }
  #media-list .list-contents { grid-template-columns: repeat(1, 1fr); }
  #media-list .list-contents .item { padding: 0 20px; }
  #media-list .list-contents .item.highlight { grid-column: span 1; margin-bottom: 30px; padding: 0; }
  #media-list .list-contents .item.highlight .right { padding: 0 20px !important; }
  #blog-list .list-contents { grid-template-columns: repeat(1, 1fr); }
  #blog-list .list-contents .item.highlight { grid-column: span 1; }
  #blog-list .list-contents .item.highlight .item-content { flex-direction: column; }
  #blog-list .list-contents .item.highlight .item-content .left { width: 100%; padding-bottom: 100%; }
  #blog-list .list-contents .item.highlight .item-content .right { padding-left: 0; }
  #contacts-presentation .contents { flex-direction: column; }
  #contacts-presentation .contents .left { width: 100%; margin-bottom: 30px; text-align: center; }
  #contacts-presentation .contents .right { width: 100%; text-align: center; padding-left: 0; }
  #contacts-form .contents .box-email { width: 100%; padding-right: 0; }
  #contacts-form .contents .box-phone { width: 100%; padding-left: 0; } }
@media screen and (max-width: 480px) { #services-detail-highlights .contents .box h3 { font-size: 18px; line-height: 22px; }
  #services-detail-highlights .contents .box * { font-size: 14px; line-height: 24px; } }