/* 1499 - 1719 px */
@media screen and (max-width: 1719px) {
	.hero-content_bottom {
		margin-top: 22%;
	}

	.hero-left {
		min-height: 830px;
	}

	.orthodontie .container {
		max-width: 1150px;
		gap: 20px;
	}

	.orthodontie-left {
		width: 39%;
	}

	.orthodontie-right {
		width: 60%;
		max-width: 640px;
	}

	.orthodontie-icon:nth-child(3) {
		align-items: flex-end;
		top: 175px;
		right: -155px;
	}

	.orthodontie-icon:nth-child(3) img {
		width: 320px;
		height: 320px;
	}

	.pedodontie .container {
		max-width: 1160px;
	}

	.gallery-container {
		max-width: 1160px;
	}

	.gallery .swiper-slide-active {
		width: 990px !important;
	}

	.gallery-wrapper img {
		height: 660px;
	}

	.valeurs .container {
		max-width: 1030px;
	}

	.technologies .container {
		max-width: 1100px;
	}
}

/* 1399 - 1499 px */
@media screen and (max-width: 1499px) {
	.hero-content {
		margin-left: 180px;
	}

	.hero-left {
		min-height: 815px;
	}

	.orthodontie .container {
		max-width: 1050px;
	}

	.orthodontie-icon:nth-child(3) img {
		width: 300px;
		height: 300px;
	}

	.orthodontie-icon p {
		font-size: 24px;
		margin-right: 30px;
	}

	.orthodontie-icon:nth-child(3) {
		right: -120px;
	}

	.pedodontie .container {
		max-width: 1050px;
	}

	.equipe .container {
		max-width: 1050px;
	}

	.gallery-arrows {
		max-width: 1000px;
	}

	.laboratoire .container {
		max-width: 1150px;
	}

	.laboratoire-right img {
		width: 470px;
		height: 470px;
	}

	.zone-wrapper {
		max-width: 1150px;
	}

	.acces .container {
		max-width: 1150px;
	}

	.footer {
		width: calc(100% - 20px);
	}

	.footer-wrapper {
		padding: 29px 10px 10px;
	}
}

/* 1300 - 1399 px */
@media screen and (max-width: 1399px) {
	.footer-top .menu-wrapper .link-traitments-wrapper {
		max-height: none;
		flex-direction: row;
	}
	.orthodontie .container {
		max-width: 920px;
	}

	.orthodontie-icon:nth-child(3) {
		right: -145px;
	}

	.orthodontie-icon:nth-child(3) img {
		width: 280px;
		height: 280px;
	}

	.orthodontie-icon p {
		margin-right: 18px;
	}

	.pedodontie .container {
		max-width: 920px;
	}

	.equipe .container {
		transform: translateX(70px);
	}

	.gallery-wrapper img {
		height: 560px;
	}

	.gallery-container {
		max-width: 1050px;
	}

	.gallery .swiper-slide-active {
		width: 900px !important;
	}

	.valeurs .container {
		max-width: 920px;
	}

	.technologies .container {
		max-width: 920px;
	}

	.laboratoire .container {
		max-width: 990px;
	}

	.zone-wrapper {
		max-width: 990px;
	}

	.footer-img {
		height: 830px;
	}
}

/* 1200 - 1299 px */
@media screen and (max-width: 1299px) {
	.nav-wrapper {
		left: 26px;
	}

	.hero-content {
		margin-left: 125px;
	}
}

/* 992 - 1199 px */
@media screen and (max-width: 1199px) {
	.video-logo {
		display: none;
	}

	.header {
		max-width: 100%;
		background: #fcfcfc;
		transition: 0.4s ease-in-out;
	}

	header.scrolled {
		background: #a289a6;
		transition: 0.4s ease-in-out;
	}

	header.scrolled .hamburger span,
	header.scrolled .hamburger span:before,
	header.scrolled .hamburger span:after {
		background: #fcfcfc;
		transition: 0.4s ease-in-out;
	}

	.header .nav-menu ul li {
		color: #fff;
	}

	.header .nav-menu ul li a:hover {
		color: #fff;
	}

	.nav-menu ul li:before {
		background: #fff;
	}

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

	.nav-links a {
		max-width: 250px;
	}

	.nav-links a span {
		font-size: 16px;
		line-height: 26px;
		color: #fff;
		min-width: unset;
	}

	.nav-links a:hover {
		max-width: 212px;
	}

	.nav-links a:last-of-type {
		height: unset;
	}

	header .nav-links a svg path {
		fill: #fff;
	}

	.nav-links {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.nav-wrapper {
		left: 0;
		top: 0;
	}

	.nav-content {
		position: absolute;
		left: 0;
		top: 58px;
		background: #c3a8c7 url("../img/menu-bg.png") no-repeat;
		width: 100%;
		max-width: 100vw;
		padding: 30px 16px 5%;
		-webkit-transform: translateY(-160%);
		-ms-transform: translateY(-160%);
		transform: translateY(-160%);
		opacity: 0;
		height: 100vh;
		max-height: 432px;
		-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;
	}

	.header.is-active .nav-content {
		-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;
	}

	.nav-top-mob {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.hamburger-box {
		display: flex;
		position: relative;
		width: 44px;
		height: 44px;
	}

	.navbar-brand {
		display: none;
	}

	.navbar-brand-mob {
		display: flex;
	}

	.hero-logo {
		display: none;
	}

	header.scrolled .navbar-brand-mob svg path {
		fill: #fff;
		transition: 0.4s ease-in-out;
	}

	.video {
		padding-top: 59px;
	}

	.sound {
		right: 6%;
		bottom: 9%;
	}

	.hero .container {
		padding: 0;
	}

	.hero-left {
		width: 100%;
		flex-direction: column;
		align-items: center;
		padding: 70px 15px 23px;
	}

	.hero-right {
		display: none;
	}

	.hero-img_mob {
		display: block;
		max-width: 600px;
		max-height: 400px;
		object-fit: cover;
		border-radius: 6px;
		width: 100%;
		z-index: 1;
	}

	.hero-content {
		margin-left: unset;
		max-width: 700px;
	}

	.hero-content_bottom {
		margin-top: 30px;
	}

	.orthodontie .container {
		flex-direction: column;
		gap: unset;
	}

	.orthodontie-left {
		width: 100%;
		padding-top: 0;
	}

	.orthodontie-right {
		width: 100%;
		margin-top: 30px;
		max-width: 720px;
	}

	.orthodontie-icon:nth-child(3) {
		right: -20px;
	}

	.pedodontie-icon {
		display: none;
	}

	.pedodontie-wrapper {
		transform: unset;
	}

	.equipe .container {
		transform: unset;
	}

	.gallery-wrapper img {
		height: 460px;
	}

	.gallery .swiper-slide-active {
		width: 800px !important;
	}

	.gallery-arrows {
		max-width: 814px;
	}

	.valeurs {
		height: 810px;
	}

	.valeurs-icon {
		display: none;
	}

	.technologies .container {
		margin-top: -260px;
	}

	.traitements-content_wrapper {
		margin-left: unset;
	}

	.traitements-wrapper:nth-child(even) .traitements-content_wrapper {
		margin-left: unset;
	}

	.parallax-bg {
		background-attachment: initial;
		height: 400px;
	}

	.laboratoire-icon {
		display: none;
	}

	.laboratoire-right img {
		width: 300px;
		height: 300px;
		margin: 0 auto;
	}

	.zone-wrapper {
		transform: unset;
	}

	.acces .container {
		transform: unset;
	}

	.acces-left {
		width: 35%;
	}

	.acces-right {
		width: 65%;
	}

	.acces-icon {
		display: none;
	}

	.contactez .container {
		transform: unset;
	}

	.footer-img {
		height: 530px;
	}
}
/* 768 - 992 px */

@media screen and (max-width: 991px) {
	.footer-top .menu-wrapper .link-traitments-wrapper {
		max-height: none;
	}
	.pedodontie {
		background-image: unset !important;
		height: unset;
		padding-bottom: 30px;
	}

	.equipe .container {
		margin-top: unset;
	}

	.equipe-wrapper {
		display: none;
	}
	.equipe-slider {
		display: block;
		padding-bottom: 5px;
		margin-top: 20px;
	}
	.equipe .btn-link span {
		background: #fbf9fb;
		margin-right: unset;
	}

	.equipe .btn-link:first-of-type span svg {
		margin-left: -5px;
	}

	.equipe .btn-link:last-of-type span svg {
		margin-left: 5px;
	}
	.equipe .btn-link:hover span {
		background: #c3a8c7;
	}
	.equipe-arrows {
		position: relative;
		height: 58px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 97%;
		margin: 0 auto;
	}
	.swiper-pagination {
		pointer-events: none;
	}
	.gallery .swiper-slide-active {
		width: 650px !important;
	}

	.parcours-wrapper {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 16px;
	}

	.parcours-item h3 {
		min-height: 70px;
	}

	.equipe-item:nth-child(1),
	.equipe-item:nth-child(2) {
		width: 100%;
		margin-bottom: 0;
	}

	.equipe-item {
		flex-direction: column;
	}

	.traitements-desktop {
		display: none;
	}

	.traitements-mob {
		display: block;
		padding: 23px 21px 0;
	}

	.traitements {
		background: #a289a6;
		color: #fff;
	}

	.tabs-nav {
		display: flex;
		align-items: center;
	}

	.traitements-tabs {
		margin-top: 28px;
		padding-bottom: 40px;
	}

	.tabs-nav li:before {
		display: none;
	}

	.tabs-nav li {
		padding-left: 0 !important;
	}

	.tabs-nav li:last-of-type {
		margin-left: 18px;
	}

	.tabs-nav li a {
		display: inline-flex;
		border-radius: 6px;
		padding: 8px 12px;
		transition: 0.4s ease-in-out;
	}

	.tabs-nav li a:hover {
		color: #fff;
	}

	.tabs-nav li.active a {
		background: #c3a8c7;
		transition: 0.4s ease-in-out;
	}

	.traitements-wrapper {
		flex-direction: column;
	}

	.traitements-content {
		width: 100%;
		margin: 32px 0 26px;
	}

	.traitements-images {
		width: 100%;
	}

	.traitements-tab_wrap:first-of-type,
	.traitements-image:first-of-type {
		display: flex;
	}

	.tabs__panel {
		display: none;
	}
	.is-initialized .tabs__panel {
		display: inherit;
		outline: none;
		width: 100%;
	}
	.tabs__panel.is-hidden {
		display: none;
	}

	.traitements-image img {
		height: 400px;
		max-width: 600px;
		margin: 0 auto;
	}

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

	.laboratoire-left {
		width: 100%;
	}

	.laboratoire-right {
		width: 100%;
	}

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

	.zone-middle,
	.zone-phone {
		justify-content: flex-start;
	}

	.acces .container {
		flex-direction: column-reverse;
	}

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

	.map {
		margin: 30px auto 0;
	}

	.traitement-image_single {
		height: 400px;
	}

	.single-content iframe {
		max-width: 100%;
	}
	.footer-top {
		flex-direction: column;
	}
	.footer-top .menu-wrapper .title-footer {
		font-size: 24px;
		line-height: 36px;
	}
}

/* 576 - 768 px */
@media screen and (max-width: 991px) {
	.video-container {
		padding: 0;
	}

	.orthodontie .container {
		padding: 30px 10px;
	}

	.orthodontie-right {
		height: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.orthodontie-icon {
		position: initial;
		max-width: 370px;
		width: 100%;
		justify-content: space-between;
	}

	.orthodontie-icon:not(:last-of-type) {
		margin-bottom: 25px;
	}

	.orthodontie-icon:nth-child(2),
	.orthodontie-icon:nth-child(3) {
		align-items: center;
	}

	.orthodontie-icon:nth-child(2) img,
	.orthodontie-icon:nth-child(3) img {
		width: 200px;
		height: 200px;
	}

	.gallery .swiper-slide-active {
		width: 100% !important;
	}

	.gallery-wrapper img {
		height: 400px;
	}

	.equipe {
		padding-bottom: 30px;
	}

	.gallery {
		padding: 30px 0 20px;
	}

	.valeurs {
		height: 635px;
	}

	.valeurs .container {
		margin-top: unset;
	}

	.valeurs-items {
		height: unset;
		flex-wrap: wrap;
	}

	.valeurs-item {
		width: 50%;
		display: flex;
		justify-content: center;
		margin-bottom: 40px;
	}

	.valeurs-item:nth-child(odd) {
		align-items: unset;
	}

	.valeurs-item:nth-child(1) {
		order: 1;
	}

	.valeurs-item:nth-child(2) {
		order: 2;
	}

	.valeurs-item:nth-child(3) {
		order: 3;
	}

	.valeurs-item:nth-child(4) {
		width: 100%;
		order: 5;
	}

	.valeurs-item:nth-child(5) {
		order: 4;
	}

	.valeurs-item_wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		height: 108px;
		justify-content: space-between;
	}

	.technologies .container {
		margin-top: unset;
	}

	.technologies-item {
		flex-direction: column;
		padding: 10px;
	}

	.technologies-item_left,
	.technologies-item_right {
		width: 100%;
		max-width: 100%;
	}

	.technologies-item_right {
		display: flex;
		margin-top: 15px;
	}

	.technologies-content {
		margin-left: unset;
		max-width: 470px;
	}

	.technologies-item_right img {
		max-width: 470px;
		margin: 0 auto;
	}

	.parallax {
		padding-bottom: 25px;
	}

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

	.zone {
		padding: 30px 0;
	}

	.zone-wrapper {
		grid-template-columns: 1fr;
		max-width: 340px;
	}

	.acces {
		padding: 30px 0;
	}

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

	.contactez-top {
		flex-direction: column;
	}

	.contact__area label {
		left: 24px;
	}

	.wpcf7-response-output {
		bottom: -90px;
	}

	.contactez-wrap {
		padding-right: 0;
		width: 100%;
	}

	.wpcf7-form .contact__area {
		padding-left: 0;
		width: 100%;
	}

	.wpcf7-form {
		max-width: 460px;
	}

	.footer-bottom {
		flex-direction: column;
	}

	.footer-top {
		display: flex;
		justify-content: center;
	}

	.traitement-image_single {
		height: 250px;
	}
}

/* 375 - 576 px */
@media screen and (max-width: 575px) {
	.nav-top-mob {
		padding: 2px 20px;
	}

	.hamburger span {
		margin-left: auto;
	}

	.sound {
		height: 44px;
	}

	.sound svg {
		width: 44px;
		height: 44px;
	}
	.single-top_wrap {
		flex-direction: column;
		align-items: flex-start;
	}
	.single-breadcrumbs {
		margin-left: 0;
		margin-top: 12px;
		width: 100%;
		overflow-x: scroll;
	}
	.single-breadcrumbs_title {
		min-width: fit-content;
	}
	.hero-img_mob {
		height: 240px;
	}

	.hero {
		overflow: hidden;
	}

	h1 {
		font-size: 34px;
		line-height: 40px;
	}

	.hero h1 {
		height: unset;
	}

	.hero-content_text {
		margin: 20px 0 30px;
	}

	.hero-left {
		padding: 10px 15px 23px;
	}

	.hero-content_links a:not(:last-of-type) {
		margin-bottom: 30px;
	}

	.pedodontie img {
		height: 240px;
		margin-top: 24px;
	}

	.gallery-wrapper img {
		height: 240px;
	}

	.equipe-item .btn {
		margin: 20px auto 0;
	}

	.equipe-item img {
		margin-right: unset;
	}

	.equipe .equipe-item img:hover,
	.equipe.yes .equipe-item img:hover {
		transform: scale(1);
	}

	.technologies-item_right img {
		height: 240px;
	}

	.traitements-mob {
		padding: 23px 10px 0;
	}

	.traitements-images {
		display: none;
	}

	.traitements-image img {
		height: 245px;
	}

	.tabs-nav li:last-of-type {
		margin-left: unset;
	}

	.parallax-bg {
		height: 245px;
	}

	.traitements {
		overflow: hidden;
	}

	.laboratoire h2 {
		margin-bottom: 20px;
	}

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

	.laboratoire-links img {
		min-height: 24px;
	}

	.zone-middle img {
		margin-bottom: 15px;
	}

	.zone-phone a {
		margin-top: 10px;
	}

	.acces-hours_wrap > span {
		min-width: 52px;
		height: 52px;
	}

	.contactez {
		padding: 30px 0 73px;
	}

	.contact__area label {
		left: 20px;
	}

	.footer-img {
		height: 530px;
	}
	.home .footer {
		margin-top: -165px;
	}
	.parcours-wrapper {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 16px;
	}

	.parcours-item_top {
		display: flex;
		align-items: flex-end;
	}

	.parcours-item h3 {
		min-height: 50px;
		margin-left: 15px;
	}

	.wpcf7-form .contact__input {
		margin-bottom: 19px;
	}

	.wpcf7-not-valid-tip {
		bottom: -20px;
	}

	.single-content iframe {
		height: auto;
	}
	.footer-top .menu-wrapper .link-traitments-wrapper a {
    	text-align: center;
    	min-width: 145px;
    	width: 100%;
	}
}

/* 320 - 375 px */
@media screen and (max-width: 374px) {
	.orthodontie-icon p {
		font-size: 20px;
	}

	.orthodontie {
		overflow: hidden;
	}

	.orthodontie.yes .orthodontie-icon img:hover {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}
	.traitements h3 {
		font-size: 23px;
		line-height: 32px;
	}

	.map {
		width: 280px;
		height: 280px;
	}

	.footer-top a svg {
		width: 100%;
		max-width: 290px;
	}
}