/* 1499 - 1599 px */
@media (min-width: 1499px) and (max-width: 1620px) {
   .nav-icons a {
      overflow: visible;
      position: relative;
   }

   .nav-icons a span {
      position: absolute;
      right: 100%;
      top: 0;
      width: max-content;
      z-index: 2;
      background: #fff;
   }
}

/* 1499 - 1599 px */
@media screen and (max-width: 1599px) {
   .laboratoire-img {
      left: -100px;
   }
}

/* 1399 - 1499 px */
@media screen and (max-width: 1499px) {
   .traitements-content {
      padding-top: 60px;
      padding-bottom: 130px;
   }

   .nav-icons a:nth-child(2) {
      margin: 0 6px;
   }

   .technologies-item {
      clip-path: polygon(0 0, 100% 0%, 100% 80.3%, 0% 100%);
   }

   .nav-icons {
      margin-right: 20px;
   }

   .valeurs-container {
      padding-left: 15px;
      max-width: 1350px;
   }

   .valeurs h2 {
      transform: translate(-111%, -50%);
   }

   .valeurs-logo {
      width: 100%;
      max-width: 1000px;
   }

   .nav-menu ul {
      gap: 20px;
   }

   .nav-menu ul li a {
      padding: 12px 10px;
   }
}

/* 1300 - 1399 px */
@media screen and (max-width: 1399px) {
   .nav-menu ul li a {
      padding: 12px 10px;
   }

   .traitements-content {
      padding-top: 40px;
      padding-left: 40px;
      padding-bottom: 140px;
   }

   .cabinet {
      padding: 140px 0 64px;
   }

   .confort-item {
      height: 560px;
   }

   .banner {
      height: 612px;
   }

   .nav-icons a {
      position: relative;
      overflow: visible;
   }

   .nav-icons a span {
      position: absolute;
      top: 100%;
      right: -8px;
      opacity: 0;
      visibility: hidden;
   }

   .nav-icons a:nth-child(2) {
      height: auto;
   }

   .nav-icons a:hover span {
      opacity: 1;
      visibility: visible;
   }

   .nav-icons a:nth-child(1) span {
      width: 157px;
      max-width: 157px;
   }

   .nav-icons a:nth-child(2) span {
      width: 200px;
      max-width: 200px;
   }

   .nav-icons a:nth-child(3) span {
      width: 133px;
      max-width: 133px;
   }

   /*.nav-icons a span {*/
   /*	display: none;*/
   /*}*/
}

/* 1200 - 1299 px */
@media screen and (max-width: 1299px) {
   .speciality-left {
      width: 36%;
   }

   .speciality-right {
      width: 64%;
   }

   .gallery {
      padding: 50px 0;
   }

   .technologies {
      padding-bottom: 50px;
   }

   .technologies-item {
      padding-top: 50px;
   }

   .valeurs {
      padding: 20px 0 50px;
   }

   .valeurs-logo {
      max-width: 886px;
   }

   .insta {
      padding: 50px 0 35px;
   }

   .valeurs h2 {
      transform: translate(-105%, -50%);
   }
}

/* 992 - 1199 px */
@media screen and (max-width: 1199px) {
   .nav-icons a span {
      display: none !important;
   }

   :root {
      --menu-height: 90px;
   }

   .header {
      border-bottom: 1.5px solid #bcd4f7;
   }

   .navbar-brand {
      height: 100%;
      padding: 10px 0;
      display: flex;
      align-items: center;
   }

   .navbar-brand svg {
      height: 100%;
      max-width: 100%;
   }

   header .hamburger-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      z-index: 100;
      position: relative;
      width: 64px;
      height: 64px;
   }

   header .nav-menu {
      position: absolute;
      left: 0;
      display: flex;
      flex-direction: column;
      top: var(--menu-height);
      background-color: #fff;
      width: 100%;
      max-width: 100vw;
      padding: 27px 20px;
      -webkit-transform: translateY(-160%);
      -ms-transform: translateY(-160%);
      transform: translateY(-160%);
      opacity: 0;
      height: calc(100vh - (var(--menu-height)));
      -webkit-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      z-index: -1;
      margin-left: 0;
      overflow-y: auto;
   }

   .header.is-active .nav-menu {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
      -webkit-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
   }

   header .nav-menu ul {
      flex-direction: column;
      align-items: center;
   }

   .nav-menu ul li .sub-menu-wrap {
      position: relative;
      opacity: 1;
      visibility: visible;
      top: 0;
      left: 0;
      padding-top: 0;
      transition: none;
      display: none;
      width: 100%;
   }

   .nav-menu ul li.menu-item-has-children a {
      justify-content: center;
   }

   .nav-menu ul li .sub-menu-wrap .sub-menu li {
      justify-content: center;
      text-align: center;
   }

   .nav-menu ul li.menu-item-has-children.active-submenu a {
      width: auto;
   }

   .nav-menu ul li.menu-item-has-children.active-submenu a::after {
      border-color: #0072c5;
      transform: rotate(-135deg) !important;
   }

   .nav-menu ul li.menu-item-has-children:hover a::after {
      border-color: #0072c5;
      transform: rotate(45deg);
   }

   .nav-menu ul li .sub-menu li.menu-item-has-children::after {
      position: static;
   }

   .nav-links {
      display: none;
   }

   .nav-links_mob {
      display: flex;
      flex-direction: column;
      margin-top: 60px;
   }

   .nav-icons {
      flex-direction: column;
      align-items: center;
      margin-bottom: 36px;
      margin-right: unset;
   }

   .nav-icons a {
      flex-direction: row-reverse;
      margin-bottom: 24px;
      align-items: unset;
   }

   .nav-icons a span {
      max-width: 260px;
      margin-right: 0;
      margin-left: 8px;
      text-align: center;
      color: #173b66;
      display: flex;
   }

   .nav-links_mob .btn .rdv-menu__wrap {
      top: auto;
      bottom: 100%;
      padding-top: 0;
      padding-bottom: 10px;
   }

   .nav-links_mob .btn .rdv-menu {
      border: 1px solid #bcd4f7;
      padding: 20px;
   }

   .nav-icons a:hover span {
      color: #0072c5;
   }

   .nav-icons a:nth-child(2) {
      height: unset;
      margin: 0 0 24px;
   }

   .nav-icons a:nth-child(2) span {
      height: unset;
      text-align: center;
   }

   h1 {
      font-size: 40px;
   }

   h2 {
      font-size: 32px;
   }

   h3 {
      font-size: 26px;
   }

   h4 {
      font-size: 20px;
   }

   .equipe {
      clip-path: polygon(0 0, 100% 0%, 100% 91.1%, 0% 100%);
   }

   .speciality {
      clip-path: polygon(0 11.1%, 100% 0%, 100% 89.1%, 0% 100%);
   }

   .speciality-item {
      max-width: 281px;
      height: 284px;
      padding: 30px 30px 40px;
   }

   .technologies-item {
      width: 100%;
   }

   .confort-item {
      height: 532px;
   }

   .confort-wrap {
      padding: 16px 8% 68px 16px;
   }

   .confort-item:nth-child(2) .confort-wrap {
      padding: 16px 16px 68px 8%;
   }

   .valeurs h2 {
      transform: translate(-70%, -50%);
   }

   .valeurs-logo {
      max-width: 675px;
   }

   .parcours-left {
      width: 75%;
   }

   .parcours-right {
      width: 25%;
   }

   .traitements-container {
      width: 100%;
   }

   .traitements-content {
      padding-top: 40px;
      padding-left: 16px;
   }

   .banner {
      background-attachment: initial;
      height: 574px;
   }

   .banner-content div {
      font-size: 34px;
   }

   .banner-content span {
      font-size: 26px;
   }

   .laboratoire .container {
      width: 100%;
   }

   .laboratoire-img {
      left: -20px;
   }

   .laboratoire {
      padding: 80px 0;
   }

   .acces-wrapper {
      grid-template-columns: 1.2fr 0.9fr 0.9fr;
   }

   .footer .container {
      flex-wrap: wrap;
   }
   /* .footer nav {
      justify-content: flex-start;
   } */
   .footer-text {
      text-align: center;
      margin: 16px auto 0;
   }
   .footer-text-bottom {
      max-width: none;
   }
}

/* 768 - 992 px */
@media screen and (max-width: 991px) {
   .nav-menu ul li a {
      padding: 6px 10px;
   }

   .cabinet {
      padding: 100px 0 64px;
   }

   .assistant {
      flex-wrap: wrap;
      justify-content: center;
      /* gap: 20px; */
   }

   .assistant-item {
      width: calc(50% - 16px);
   }

   .assistant-info {
      padding: 0 0 16px 16px;
   }

   .equipe {
      clip-path: unset;
   }

   .speciality {
      padding-bottom: 86px;
      clip-path: polygon(0 6.1%, 100% 0%, 100% 94.1%, 0% 100%);
   }

   .speciality .container {
      flex-direction: column;
   }

   .speciality-left {
      width: 100%;
      max-width: 395px;
      margin: 0 auto;
      padding-top: 120px;
   }

   .speciality-right {
      width: 100%;
      padding-top: 0;
      max-width: 632px;
      margin: 0 auto;
   }

   .speciality-item {
      max-width: 300px;
   }

   .seciality-logo {
      display: none;
   }

   .gallery .container {
      grid-gap: 24px;
   }

   .gallery .container a img {
      height: 224px;
   }

   .technologies {
      overflow: hidden;
   }

   .technologies-title {
      top: 70px;
      padding-left: 16px;
   }

   .technologies-content {
      padding-left: 16px;
      padding-right: 16px;
   }

   .technologies-image img {
      height: 474px;
   }

   .technologies-item {
      padding-bottom: 28px;
      clip-path: polygon(0 0, 100% 0%, 100% 88.7%, 0% 100%);
   }

   .technologies-item:nth-child(even) {
      clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 88.7%);
   }

   .technologies-item:before {
      bottom: 31px;
   }

   .technologies-item:nth-child(2) .technologies-content:after {
      top: -55px;
      z-index: -1;
   }

   .valeurs-container {
      overflow: hidden;
   }

   .valeurs-logo {
      right: -250px;
   }

   .valeurs h2 {
      position: initial;
      transform: unset;
      text-align: center;
      margin-bottom: 32px;
   }

   .sourire-content {
      width: 53%;
      padding-bottom: 16px;
   }

   .sourire-image {
      width: 47%;
      align-items: flex-end;
      display: flex;
   }

   .parcours {
      flex-direction: column;
   }

   .parcours-left,
   .parcours-right {
      width: 100%;
   }

   .trait {
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%);
      overflow: hidden;
   }

   .sourire-bg {
      clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%);
   }

   .traitements {
      padding-top: 50px;
   }

   .traitements-images {
      display: none;
   }

   .traitements-content {
      width: 100%;
      padding-top: 0;
      padding-bottom: 100px;
   }

   .laboratoire {
      overflow: hidden;
   }

   .laboratoire-right {
      height: 456px;
   }

   .laboratoire-img {
      width: calc(100% + 20px);
   }

   .laboratoire-left {
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 110px;
   }

   .acces-wrapper {
      grid-template-columns: 1fr 1fr;
   }

   .footer-logo {
      margin: 0 auto 20px;
   }

   .parcour-content {
      grid-gap: 45px;
      grid-template-columns: 1fr;
   }

   .doc-info {
      padding-top: 40px;
      padding-left: 0;
   }

   .doc-info:before {
      left: 75px;
   }

   .doc-wrap h2 {
      font-size: 28px;
      line-height: 120%;
   }

   .single-equipe__page {
      padding-top: 120px;
   }

   .single-equipe__left,
   .single-equipe__right {
      width: 100%;
      padding: 0;
   }

   .single-equipe__head-mob {
      display: block;
   }

   .single-equipe__head-mob h1 {
      /* text-align: center; */
   }

   .single-equipe__head {
      display: none;
   }

   .single-equipe__thumb {
      /* margin: 0 auto; */
   }

   .doctor-item img {
      height: 310px;
   }
}

/* 576 - 768 px */
@media screen and (max-width: 767px) {
   /* div[title="marker"] {
        max-width: 80px;
        height: 40px !important;
        background-position: bottom center;
    }
    div[title="marker"] img{
        max-width: 80px;
        height: 40px !important;
    } */
   .banner {
      height: 460px;
   }

   .banner-content div {
      font-size: 28px;
   }

   .page-wrapper h1 {
      margin-top: 20px;
   }

   .breadcrumbs {
      width: 100%;
      overflow-x: scroll;
      white-space: nowrap;
      justify-content: flex-start;
      margin-bottom: 15px;
   }

   .breadcrumbs::-webkit-scrollbar {
      width: 0px;
   }

   .hero {
      padding-top: var(--menu-height);
   }

   .hero .sound {
      width: 40px;
      height: 40px;
      border-radius: 4px;
   }

   .cabinet {
      padding: 60px 0 50px;
   }

   .doctor {
      display: none;
   }

   .doctor-item {
      width: 100%;
      color: #fff;
      margin: 0 auto;
   }

   .equipe h2 {
      margin-bottom: 28px;
   }

   .doctor-item img {
      margin-bottom: 24px;
      height: 388px;
   }

   .doctor-item h3,
   .doctor-item h4 {
      text-align: center;
   }

   .doctor-item ul {
      margin-top: 16px;
   }

   main .doctor-item ul li::before {
      background-color: #fff;
   }

   .doctor-item .btn {
      margin: 32px auto 0;
      max-width: 392px;
      width: 100%;
   }

   .doctors-slider {
      display: block;
   }

   .doctors-slider .swiper-button-next svg,
   .doctors-slider .swiper-button-prev svg {
      transition: 0.4s ease-in-out;
      border-radius: 4px;
   }

   .doctors-slider .swiper-button-next:hover svg,
   .doctors-slider .swiper-button-prev:hover svg {
      background-color: #0072c5;
      transition: 0.4s ease-in-out;
   }

   .doctors-slider .swiper-button-next:hover svg rect,
   .doctors-slider .swiper-button-prev:hover svg rect {
      stroke: #0072c5;
      transition: 0.4s ease-in-out;
   }

   .doctors-arrows {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      max-width: 392px;
      margin: 32px auto 0;
   }

   .doctors-pagination {
      font-weight: 300;
      font-size: 23px;
      line-height: 120%;
      pointer-events: none;
      color: #fff;
   }

   .doctors-slider .swiper-pagination-current {
      color: #173b66;
   }

   .assistant {
      margin: 60px auto 0;
      /* max-width: 392px; */
      width: 100%;
      align-items: flex-start;
   }

   .assistant-item {
      flex-direction: column-reverse;
      align-items: center;
      background-color: transparent;
      height: unset;
      width: 100%;
   }

   .assistant-item img {
      border-radius: 12px;
      margin-bottom: 16px;
   }

   .assistant-info {
      padding: 0;
      color: #fff;
      text-align: center;
   }

   .assistant-info h3 {
      min-height: 51px;
   }

   .assistant-info h4 {
      color: #fff;
   }

   .speciality-item {
      max-width: calc(50% - 16px);
   }

   .gallery .container {
      grid-template-columns: repeat(2, 1fr);
   }

   .gallery .container a img {
      height: 204px;
   }

   .technologies-title {
      position: initial;
      transform: unset;
      margin-bottom: 30px;
   }

   .technologies-item,
   .technologies-item:nth-child(even) {
      clip-path: unset;
   }

   .technologies-items {
      background: #0072c5;
   }

   .technologies-item:before {
      display: none;
   }

   .technologies-item .technologies-container,
   .technologies-item:nth-child(even) .technologies-container {
      flex-direction: column;
   }

   .technologies-content,
   .technologies-image {
      width: 100%;
      display: flex;
   }

   .technologies-content {
      padding-bottom: 0;
   }

   .technologies-image img {
      height: 320px;
      margin: 0 auto;
      border-radius: 12px;
   }

   .confort {
      padding: 40px 0 20px;
   }

   .confort-container {
      flex-wrap: wrap;
   }

   .confort h2 {
      position: initial;
      transform: unset;
      margin-bottom: 40px;
   }

   .confort-item {
      width: 100%;
   }

   .valeurs-logo {
      right: -592px;
      width: unset;
      max-width: 780px;
   }

   .sourire {
      flex-direction: column;
   }

   .sourire-content {
      width: 100%;
      justify-content: center;
   }

   .sourire-image {
      width: 100%;
   }

   .sourire-image img {
      max-width: 360px;
      margin: 0 auto;
   }

   .espace-top {
      flex-direction: column;
      align-items: center;
   }

   .espace-top_left,
   .espace-top_right {
      width: 100%;
   }

   .acces-wrapper {
      grid-template-columns: 1fr;
   }

   .acces-item ul {
      max-width: 360px;
   }

   .contact-bg {
      clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%);
   }

   .footer .container,
   .footer .nav-menu ul,
   .footer nav {
      flex-direction: column;
   }
   .footer nav ul li {
      text-align: center;
   }
   .nav-menu ul {
      margin-top: 10px;
      gap: 5px;
   }
}

/* 375 - 576 px */
@media screen and (max-width: 575px) {
   .conseils-slide_wrap img {
      height: auto;
      max-height: 220px;
   }

   .assistant-info h3 {
      min-height: 51px;
   }

   .acces-info {
      max-width: 100%;
   }

   .doc-img {
      width: 80px;
      height: 80px;
      margin-right: 10px;
   }

   .doc-img img {
      height: 100%;
   }

   .doc-info:before {
      left: 39px;
   }

   .doc-num {
      margin-right: 22px;
   }

   .doc-info {
      padding-left: 10px;
   }

   h1 {
      font-size: 30px;
   }

   h2 {
      font-size: 28px;
   }

   h3 {
      font-size: 21px;
   }

   h4 {
      font-size: 18px;
   }

   .navbar-brand svg {
      max-width: 162px;
   }

   :root {
      --menu-height: 52px;
   }

   .cabinet-waves {
      top: -32px;
      height: 340px;
   }

   .cabinet {
      padding: 150px 0 40px;
   }

   .cabinet-text {
      margin-top: 24px;
   }

   .speciality {
      padding-bottom: 56px;
      clip-path: polygon(0 4.1%, 100% 0%, 100% 96.1%, 0% 100%);
   }

   .speciality-left {
      padding-top: 80px;
   }

   .speciality-right {
      gap: 0px 20px;
   }

   .speciality-item {
      height: 192px;
      max-width: calc(50% - 10px);
      padding: 40px 14px 40px;
      justify-content: center;
   }

   .speciality-item:nth-child(1) {
      margin-top: 22px;
   }

   .speciality-item:nth-child(4) {
      margin-top: -22px;
   }

   .speciality-item svg {
      margin: 0 auto 24px;
      max-width: 60px;
      min-width: 60px;
      max-height: 60px;
      min-height: 60px;
   }

   .speciality-item h3 {
      text-align: center;
      font-size: 18px;
   }

   .gallery .container {
      grid-gap: 20px;
   }

   .gallery .container a img {
      height: 164px;
   }

   .technologies-title div {
      width: 100%;
   }

   .technologies-title div:last-of-type {
      display: none;
   }

   .technologies-image img {
      height: 220px;
   }

   .technologies-item {
      padding-top: 30px;
   }

   .valeurs-items {
      max-width: 283px;
   }

   .valeurs-item svg {
      max-width: 60px;
      min-width: 60px;
      max-height: 60px;
      min-height: 60px;
   }

   .valeurs-logo {
      right: -640px;
      top: 57%;
   }

   .valeurs-item:not(:last-of-type) {
      margin-bottom: 33px;
   }

   .valeurs-item:nth-child(2),
   .valeurs-item:nth-child(4) {
      padding-right: 70px;
   }

   .valeurs-item:nth-child(3) {
      padding-right: 109px;
   }

   .parcours {
      padding: 24px 16px;
      gap: 24px;
   }

   .parcours h2 {
      margin-bottom: 24px;
   }

   .trait {
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 98%);
   }

   .espace {
      padding: 50px 0;
   }

   .laboratoire .container {
      flex-direction: column;
   }

   .laboratoire-left {
      height: 250px;
      z-index: 1;
   }

   .laboratoire-right {
      width: 100%;
      z-index: 2;
      margin-top: -43px;
      /*display: none;*/
   }

   .laboratoire-img {
      left: 0;
      width: 100%;
   }

   .laboratoire-waves {
      z-index: 3;
   }

   .laboratoire {
      padding: 50px 0 25px;
   }

   .acces {
      padding-top: 25px;
   }

   .map {
      height: 216px;
   }

   .contact {
      padding: 60px 0 40px;
   }

   .contactez-wrap {
      margin-bottom: 30px;
      flex-direction: column;
   }

   .contact h2 {
      margin-bottom: 40px;
   }

   .speciality-right {
      gap: 0px 10px;
   }

   .speciality-item {
      max-width: calc(50% - 5px);
      padding: 40px 10px 40px;
   }

   .speciality-item h3 {
      font-size: 16px;
   }

   .valeurs-logo {
      right: -682px;
   }

   .sourire-bg {
      clip-path: polygon(0% 0%, 100% 2%, 100% 100%, 0% 100%);
   }

   .laboratoire-left {
      padding-top: 58px;
   }

   .hours__wrap {
      font-size: 14px;
   }
}

/* 320 - 375 px */
@media screen and (max-width: 374px) {
}