header nav.desktop-menu {
  display: flex;
}

header nav.mobile-menu {
  display: none;
}

/**
 * Responsive CSS
 */

@media (max-width: 1090px) {
  header nav.desktop-menu {
    display: none;
  }

  header nav.mobile-menu {
    display: flex;
  }

  .menu-konstell {
    display: none;
  }
  .burger-menu-desktop {
    display: none;
  }
  .singleTeam .image.mobile {
    display: flex;
    width: 380px;
    height: 380px;
  }
  .singleTeam .image {
    display: none;
  }
  .searchResults:after {
    top: -95px;
  }

  header nav ul {
    flex-direction: column;
    gap: 18px;
  }

  header nav {
    position: absolute;
    top: 70px;
    background: #263b4a;
    padding: 30px;
    right: 20px;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
  }

  body.opened_menu header nav {
    opacity: 1;
    visibility: visible;
  }

  header .logo {
    gap: 20px;
  }

  header .burger-icon {
    width: 70px;
    height: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background-color: #dab451;
    cursor: pointer;
    border-radius: 50px;
    position: absolute;
    right: 15px;
    top: 20px;
  }

  header .burger-icon .line {
    width: 20px;
    height: 1px;
    background-color: #f7f3e2;
    transition: 0.5s;
  }

  header .burger-icon .line:first-child {
    width: 13px;
    position: relative;
    left: 3px;
  }

  header .field-search {
    right: 0px;
    top: 40px;
  }

  header .search {
    left: -80px;
  }

  body.opened_menu header .burger-icon .line:last-child {
    transform: rotate(-45deg) translateX(4px) translateY(-2px);
  }

  body.opened_menu header .burger-icon .line:first-child {
    width: 20px;
    transform: rotate(45deg) translateX(1px) translateY(3px);
  }

  .singleTeam:after {
    position: fixed;
    bottom: -90px;
    top: initial;
  }
  .singleTeam .right-side .image {
    display: none;
  }
  .singleTeam .singleTeam-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 0 15px;
  }
  .singleTeam .left-side,
  .singleTeam .right-side {
    width: 100%;
  }
  .singleExp,
  .teamPage {
    padding-top: 210px;
  }
  .teamPage .teamPage-grid {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .teamPage .teamPage-header {
    width: 100%;
    padding-left: 0;
    z-index: 2;
    position: relative;
  }
  .teamPage .teamPage-header h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .singlePost .singlePost-content,
  .singleExp .top {
    flex-direction: column;
    gap: 40px;
  }
  .teamPage .teamPage-header p {
    padding-left: 0;
    padding-right: 0;
  }

  .singlePost .right-side,
  .singleExp .right-side {
    width: 100%;
  }
  .singlePost .right-side .post-info {
    justify-content: initial;
    flex-wrap: wrap;
    gap: 10px;
  }

  .singlePost .right-side .title h1 {
    font-size: 33px;
    line-height: 49px;
  }

  .singleExp .right-side {
    gap: 30px;
  }
  .singleExp .right-side .title h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .singleExp .bottom .domaines-inter,
  .singleExp .bottom .equipe-dediee {
    padding: 35px 30px;
  }
  .singleExp .bottom {
    grid-template-columns: repeat(1, 1fr);
  }

  .singlePost .right-side .description {
    padding: 35px 25px;
  }

  .singlePost .left-side ul,
  .singleExp .left-side ul {
    flex-direction: row-reverse;
    align-self: self-start;
  }

  .singlePost .left-side,
  .singleExp .left-side {
    position: initial;
  }

  .singleExp .bottom .equipe-dediee .title {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }

  .expertises .expertises-content {
    flex-direction: column;
    gap: 30px;
    padding-top: 0;
    padding-bottom: 70px;
    align-items: flex-start;
    z-index: 3;
    position: relative;
  }

  .expertises,
  .conviction,
  .animation_scroll,
  .block-animate,
  .slider-expertises,
  .team,
  .notaires {
    height: initial;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding-top: 50px;
  }

  .notaires {
    padding-bottom: 80px;
  }

  .team .team-header h2:last-child {
    left: 0;
    align-self: flex-start;
  }

  .team .team-blocks {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 30px;
    margin-top: 30px;
    padding-bottom: 40px;
  }

  body.home {
    overflow: initial !important;
  }

  .linkedin-global,
  .scroll-to-bottom {
    display: none;
  }

  .expertises,
  .conviction,
  .team {
    height: initial;
    top: 0;
    left: 0;
  }

  .block-animate .block-animate-container,
  .notaires .notaires-container {
    margin: inherit;
  }

  .animation_scroll .pin_svg {
    display: none !important;
  }

  footer {
    position: relative !important;
    transform: translateY(0);
    opacity: 1;
    padding-top: 0;
    pointer-events: initial;
  }

  .slider-expertises {
    pointer-events: initial;
  }

  .expertises .first-bg {
    display: none;
  }

  .expertises .second-bg {
    z-index: 0;
  }

  .animation_scroll,
  .conviction {
    padding-top: 0;
  }

  /* footer {
    display: none;
  } */

  .slider-expertises .splide__slide:nth-child(3n + 2),
  .slider-expertises .splide__slide:nth-child(3n + 1) {
    top: inherit;
  }

  .slider-expertises .slider-expertises-switch {
    padding-bottom: 80px;
  }

  .expertises .left-side h3,
  .team .team-header h2 {
    font-size: 35px;
    line-height: 42px;
  }

  .team .team-header {
    gap: 0px;
  }

  .team .team-header h3 {
    padding-bottom: 20px;
  }

  .slider-expertises .splide__slide {
    padding-bottom: 20px;
  }

  .notaires p {
    font-size: 37px;
    line-height: 47px;
  }

  .notaires h2 {
    padding-bottom: 10px;
  }

  .hero .hero-titles h3,
  .hero .hero-titles h1 {
    font-size: 45px;
    line-height: 55px;
  }

  .team .team-blocks .left-side a span,
  .expertises .right-side a span {
    width: 130px;
    height: 130px;
  }

  footer .actualites .actua-switch-slider {
    flex-direction: column;
    gap: 20px;
  }
  footer .actualites .actua-switch-slider .switch-actua-slider {
    align-self: center;
  }

  footer .actualites .actualites-title {
    align-items: center;
    padding-bottom: 25px;
  }

  footer .actualites .actualites-title h2 {
    font-size: 36px;
    line-height: 45px;
    text-align: center;
  }

  footer .actualites .actua-switch-slider .switch-actua-slider ul {
    gap: 15px;
  }

  footer .contact {
    padding-top: 110px;
  }

  footer .bg-footer {
    top: -150px;
    transform: rotate(0);
    opacity: 1;
  }

  footer .logo-svg {
    left: 0;
    pointer-events: none;
  }

  footer .logo-svg svg {
    width: 100%;
    height: 710px;
  }
  .singleTeam .left-side .info ul li.hover h4 {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  footer .footer-bureau {
    height: 340px;
  }
  body.single header nav ul li {
    color: #f7f3e2 !important;
  }
  .searchResults h1 {
    font-size: 39px;
    line-height: 50px;
  }
  .searchResults .searchResults-items {
    justify-content: center;
  }
  .teamPage .teamPage-grid {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 40px !important;
    margin-top: 40px !important;
  }
  body.single-equipe footer,
  body.single-post footer,
  body.single-expertises footer {
    padding-top: 90px;
  }
  .singlePost .right-side .post-info .category-author {
    width: 100%;
    flex-direction: column;
    gap: 4px;
  }

  footer .infos .left-side ul {
    justify-content: center;
  }
  footer .infos .infos-content {
    flex-direction: column;
    text-align: center;
  }

  footer .infos .right-side {
    flex-direction: column;
    border-left: none;
    gap: 15px;
    margin-top: 30px;
    padding-left: 0;
    padding-top: 25px;
    position: relative;
  }

  footer .infos .right-side:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 40px;
    height: 1px;
    background-color: #e0c16e;
  }

  footer .infos {
    padding-bottom: 150px;
  }

  footer .contact .contact-content {
    padding-bottom: 0;
  }

  .hero .hero-titles h3,
  .hero .hero-titles h1 {
    font-size: 33px;
    line-height: 40px;
  }

  .conviction .conviction-header h3 {
    font-size: 35px;
    line-height: 43px;
  }

  .slider-expertises .slider-expertises-switch {
    padding-bottom: 50px;
  }

  .team .bg-team {
    display: none;
  }

  .expertises .second-bg {
    background-image: url("data:image/svg+xml,%3Csvg width='375' height='978' viewBox='0 0 375 978' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_375_1989)'%3E%3Cpath d='M285.651 -467C-203.427 -467 -599.903 -70.4772 -599.903 418.658C-599.903 907.794 -203.427 1304.32 285.651 1304.32C774.729 1304.32 1171.21 907.794 1171.21 418.658C1171.21 -70.4772 774.729 -467 285.651 -467Z' fill='url(%23paint0_radial_375_1989)'/%3E%3Cpath d='M164.4 -245.217C-257.438 -245.217 -599.405 96.9048 -599.405 518.933C-599.405 940.961 -257.438 1283.08 164.4 1283.08C586.238 1283.08 928.205 940.961 928.205 518.933C928.205 96.9048 586.238 -245.217 164.4 -245.217Z' fill='url(%23paint1_radial_375_1989)'/%3E%3Cpath d='M42.1488 -21.6641C-312.449 -21.6641 -599.907 266.056 -599.907 620.977C-599.907 975.897 -312.449 1263.62 42.1488 1263.62C396.747 1263.62 684.205 975.897 684.205 620.977C684.205 266.056 396.747 -21.6641 42.1488 -21.6641Z' fill='url(%23paint2_radial_375_1989)'/%3E%3Cpath d='M-79.397 201.299C-366.918 201.299 -599.999 434.353 -599.999 721.841C-599.999 1009.33 -366.918 1242.38 -79.397 1242.38C208.124 1242.38 441.205 1009.33 441.205 721.841C441.205 434.353 208.124 201.299 -79.397 201.299Z' fill='url(%23paint3_radial_375_1989)'/%3E%3Cpath d='M-170.306 359.968C-407.519 359.968 -599.818 552.75 -599.818 790.558C-599.818 1028.37 -407.519 1221.15 -170.306 1221.15C66.9063 1221.15 259.205 1028.37 259.205 790.558C259.205 552.75 66.9063 359.968 -170.306 359.968Z' fill='%23F7F3E2'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_375_1989' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(357.342 635.488) rotate(-162.417) scale(994.334 1073.36)'%3E%3Cstop stop-color='%23E0C16E'/%3E%3Cstop offset='1' stop-color='%23F7F3E2' stop-opacity='0.2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_375_1989' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(48.3014 788.728) rotate(-168.612) scale(809.065 722.51)'%3E%3Cstop stop-color='%23E6CD8B'/%3E%3Cstop offset='1' stop-color='%23F7F3E2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_radial_375_1989' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(157.442 856.109) rotate(-164.762) scale(950.463 762.442)'%3E%3Cstop stop-color='%23EBDAA8'/%3E%3Cstop offset='1' stop-color='%23F7F3E2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint3_radial_375_1989' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-79.397 721.841) rotate(180) scale(715.49 429.244)'%3E%3Cstop stop-color='%23F1E6C5'/%3E%3Cstop offset='1' stop-color='%23F7F3E2' stop-opacity='0.8'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_375_1989'%3E%3Crect width='375' height='978' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: right;
    background-size: cover;
  }

  .slider-expertises {
    background-image: url("data:image/svg+xml,%3Csvg width='375' height='593' viewBox='0 0 375 593' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_375_2004)'%3E%3Crect width='375' height='593' fill='%23F7F3E2'/%3E%3Cpath d='M79.4999 -14C-135.063 -14 -309 159.937 -309 374.5C-309 589.063 -135.063 763 79.4999 763C294.063 763 468 589.063 468 374.5C468 159.937 294.063 -14 79.4999 -14Z' fill='url(%23paint0_radial_375_2004)'/%3E%3Cpath d='M26 84C-159.015 84 -309 234.208 -309 419.5C-309 604.792 -159.015 755 26 755C211.015 755 361 604.792 361 419.5C361 234.208 211.015 84 26 84Z' fill='url(%23paint1_radial_375_2004)'/%3E%3Cpath d='M-27 181C-182.744 181 -309 307.256 -309 463C-309 618.744 -182.744 745 -27 745C128.744 745 255 618.744 255 463C255 307.256 128.744 181 -27 181Z' fill='url(%23paint2_radial_375_2004)'/%3E%3Cpath d='M-80.5 279C-206.697 279 -309 381.303 -309 507.5C-309 633.697 -206.697 736 -80.5 736C45.6971 736 148 633.697 148 507.5C148 381.303 45.6971 279 -80.5 279Z' fill='url(%23paint3_radial_375_2004)'/%3E%3Cpath d='M-120 348C-224.382 348 -309 432.618 -309 537C-309 641.382 -224.382 726 -120 726C-15.6182 726 69 641.382 69 537C69 432.618 -15.6182 348 -120 348Z' fill='%23F7F3E2'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_375_2004' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(110.952 469.614) rotate(-162.419) scale(436.218 470.84)'%3E%3Cstop stop-color='%23E0C16E'/%3E%3Cstop offset='1' stop-color='%23F7F3E2' stop-opacity='0.2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_375_2004' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-24.92 537.954) rotate(-168.6) scale(354.865 317.205)'%3E%3Cstop stop-color='%23E6CD8B'/%3E%3Cstop offset='1' stop-color='%23F7F3E2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_radial_375_2004' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(23.6383 566.179) rotate(-164.776) scale(417.43 334.591)'%3E%3Cstop stop-color='%23EBDAA8'/%3E%3Cstop offset='1' stop-color='%23F7F3E2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint3_radial_375_2004' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-80.5 507.5) rotate(180) scale(314.039 188.423)'%3E%3Cstop stop-color='%23F1E6C5'/%3E%3Cstop offset='1' stop-color='%23F7F3E2' stop-opacity='0.8'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_375_2004'%3E%3Crect width='375' height='593' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }

  .team .bg-team {
    display: none;
  }

  .notaires h2 {
    font-size: 40px;
    line-height: 48px;
  }

  footer .contact .form .grid-2 {
    grid-template-columns: 1fr;
  }

  footer .contact .form .checkbox-submit {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  footer .contact .form {
    width: 310px;
    margin: 0 auto;
  }
  footer .contact .form .checkbox-submit .checkbox {
    width: 100%;
  }
  .notaires p {
    font-size: 33px;
    line-height: 45px;
  }
  header .logo svg {
    width: 115px;
  }
  header .logo {
    gap: 0;
  }
  header .field-search {
    top: 50px;
  }
}

@media screen and (max-width: 480px) {
  .singleTeam .image.mobile {
    width: 320px;
    height: 320px;
  }
  footer .contact .form .checkbox-submit .submit {
    align-self: flex-end;
  }
  footer .contact {
    padding-top: 50px;
  }
  footer .bg-footer {
    top: -280px;
  }
}