/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/* 1500 -  1879*/
@media screen and (max-width: 1879px) {
	main {
		overflow: hidden;
	}
	.immersion-ellipse-wrapper {
		-webkit-transform: translateX(-50%) scale(0.8);
		-ms-transform: translateX(-50%) scale(0.8);
		transform: translateX(-50%) scale(0.8);
		bottom: -30px;
	}

	/*Patient Page*/

	.soins-items.active .soins-title:after {
		width: 125%;
	}

	/*Portal Page*/

	.portal {
		overflow: hidden;
	}

	.portal-left,
	.portal-right {
		z-index: 1;
	}
}

/* 1400 - 1499 px */
@media screen and (max-width: 1499px) {
	.header-container,
	.header-wrapper {
		gap: 6%;
	}
	.formation-wrap {
		width: 76%;
	}

	.immersion-ellipse-wrapper {
		-webkit-transform: translateX(-50%) scale(0.73);
		-ms-transform: translateX(-50%) scale(0.73);
		transform: translateX(-50%) scale(0.73);
		bottom: -50px;
	}

	.acces-images img {
		min-height: 210px;
	}

	/*Patient Page*/

	.soins-title {
		padding-bottom: 22px;
	}

	.soins-wrapper {
		width: 50%;
	}

	.soins-images {
		width: 50%;
	}

	.soins-link {
		margin-bottom: 50px;
	}

	/*Portal Page*/

	.portal-right_image,
	.portal-left_image {
		max-width: 540px;
	}

	.portal-left,
	.portal-right {
		max-width: 540px;
	}

	.portal-right .portal-content {
		margin-right: 11%;
	}

	.portal-left .portal-content {
		margin-left: 11%;
	}

	.footer {
		padding: 112px 107px 27px 15px;
	}
}

/* 1200 - 1499 px */
@media screen and (max-width: 1399px) {
	h1 {
		font-size: 52px;
		line-height: 70px;
	}
	.contactez .side-title,
	h2 {
		font-size: 36px;
		line-height: 40px;
	}

	h3 {
		font-size: 27px;
		line-height: 33px;
	}

	.philosophie-text {
		margin-top: 14px;
	}

	.etes-content.active {
		padding-top: 200px;
	}

	.formation-item:hover .formation-icon svg {
		-webkit-transform: rotate(-45deg) scale(1.2);
		-ms-transform: rotate(-45deg) scale(1.2);
		transform: rotate(-45deg) scale(1.2);
	}

	.formation-content {
		width: 80%;
	}

	.formation-wrap {
		width: 70%;
	}

	.formation-images {
		width: 24%;
	}

	.swiper-next-text {
		font-size: 24px;
		line-height: 30px;
	}

	.ateliers .swiper-button-next {
		width: 76px;
		height: 76px;
		margin-top: 12px;
	}

	.ateliers-items-text {
		font-size: 19px;
		line-height: 24px;
	}

	.immersion {
		min-height: 770px;
	}

	.immersion-ellipse-wrapper {
		-webkit-transform: translateX(-40%) scale(0.73);
		-ms-transform: translateX(-40%) scale(0.73);
		transform: translateX(-40%) scale(0.73);
	}

	.clinique-content {
		padding-left: 15px;
	}

	/*Patient Page*/

	.orientations {
		padding: 80px 92px;
	}

	.orientations-item {
		width: 33%;
	}

	.orientations-item h3 {
		font-size: 24px;
	}

	.soins-link {
		margin-bottom: 30px;
	}

	/*Portal Page*/

	.portal-center {
		width: 607px;
		height: 534px;
	}
}
@media screen and (max-width: 1299px) {
	.footer-right nav {
		max-width: 390px;
	}
	.footer_menu {
		grid-template-columns: 1fr;
	}
	.footer-right {
		width: 55%;
	}
	.footer-left {
		width: 40%;
	}
	.footer-container {
		justify-content: flex-start;
	}
}
/* 992 - 1200 px */
@media screen and (max-width: 1199px) {
	.hamburger-box {
		display: flex;
	}

	.header-container {
		/* position: relative; */
		align-items: center;
	}

	.header-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		position: absolute;
		top: 90px;
		left: 0;
		transform: translateY(-180%);
		transition: 0.4s ease-in-out;
		height: calc(100vh - 90px);
		padding-right: 0;
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
		color: #fff;
		gap: 0;
	}

	.header-wrapper::before {
		content: "";
		width: 100%;
		height: 100%;
		background: rgba(255, 249, 245, 0.92);
		filter: blur(3px);
		position: absolute;
	}

	.page-template-page-patients .header-wrapper::before {
		background: #9581ed;
	}

	.header.is-active .header-wrapper {
		transform: translateY(0);
	}

	.header.is-active {
		background: rgba(255, 249, 245, 0.82);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}

	.page-template-page-patients .header.is-active {
		background: #9581ed;
	}

	.header-links {
		display: flex;
		flex-direction: column;
	}

	.header-menu {
		max-width: 335px;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		position: relative;
		z-index: 1;
		padding-top: 20px;
		gap: 10px;
	}

	.header li.menu-item-has-children {
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.header li.menu-item-has-children a {
		order: 1;
	}

	.header .box-svg {
		order: 2;
	}

	.header li.menu-item-has-children .sub-menu {
		order: 3;
	}

	.page-template-page-patients .header nav .sub-menu {
		background: #9581ed;
		padding: 10px 0;
	}

	.page-template-page-patients .header nav li a::before {
		bottom: 5px;
	}

	.header nav .sub-menu {
		position: initial;
		transform: none;
		opacity: 1;
		background-color: transparent;
		padding: 0;
		padding-left: 10px;
		max-width: none;
		min-width: none;
	}

	.header nav .sub-menu li a {
		color: #333333;
	}

	.header nav .sub-menu li a:hover {
		color: #9581ed;
	}

	.page-template-page-patients .header nav .sub-menu li a {
		color: #fff;
	}

	.page-template-page-patients .header nav .sub-menu li a:hover {
		color: #fff;
	}

	.contact-button {
		max-width: 335px;
		width: 100%;
		position: relative;
		z-index: 1;
		margin-top: 10px;
	}

	.contact-btn {
		color: #333;
	}

	.header-links {
		max-width: 335px;
		color: #333;
		margin-top: 5%;
		position: relative;
		z-index: 1;
	}

	.page-template-page-patients .header-links {
		color: #fff;
	}

	.header nav li a,
	.contact-btn {
		font-size: 22px;
		font-style: normal;
		font-weight: 400;
		line-height: 60px;
		letter-spacing: 0.22px;
	}

	h1 {
		font-size: 40px;
		line-height: 50px;
	}
	.contactez .side-title,
	h2 {
		font-size: 32px;
		line-height: 36px;
	}

	h3 {
		font-size: 24px;
		line-height: 30px;
	}

	.bienvenue {
		margin-bottom: 60px;
	}

	.bienvenue-images {
		width: 32%;
	}

	.inner-wrapper {
		width: 68%;
	}

	.bienvenue-text {
		margin-top: 20px;
	}

	.philosophie-wrapper {
		margin-top: 40px;
	}

	.etes {
		padding: 60px 0;
	}

	.formation {
		padding: 60px 92px;
	}

	.formation-item {
		padding: 30px 0;
	}

	.formation-item .formation-icon svg {
		width: 100%;
		max-width: 60px;
	}

	.formation-content {
		width: 84%;
	}

	.formation-item:hover .formation-content {
		-webkit-transform: translateX(24px);
		-ms-transform: translateX(24px);
		transform: translateX(24px);
	}

	.formation-images img {
		height: 210px;
	}

	.ateliers-image img {
		min-height: 375px;
	}

	.swiper-content {
		margin-top: 105px;
	}

	.swiper-next-year {
		top: -130px;
	}

	.ateliers {
		padding: 92px 0;
	}

	.banner {
		background-attachment: initial;
		background-position: left center;
	}

	.immersion {
		min-height: initial;
	}

	.immersion-ellipse-wrapper {
		-webkit-transform: translateX(-36%) scale(0.6);
		-ms-transform: translateX(-36%) scale(0.6);
		transform: translateX(-36%) scale(0.6);
		bottom: -75px;
	}

	.immersion-content {
		padding-right: 92px;
	}

	.partenaires {
		margin-top: 90px;
	}

	.acces {
		position: relative;
		/* padding-top: 10%; */
	}

	.acces-images {
		margin-top: 94px;
	}

	.acces-images img {
		min-height: 170px;
	}

	#map {
		max-width: 360px;
		width: 100%;
		height: 360px;
	}

	.ateliers-page {
		padding: 54px 92px 385px;
	}

	/*Portal Page*/

	.portal-logo {
		width: 100%;
		max-width: 280px;
	}

	.portal-content {
		margin-top: 57%;
	}
	/* 
	.portal-right_image,
	.portal-left_image {
		max-width: 410px;
	} */

	.portal-left .portal-content,
	.portal-right .portal-content {
		max-width: 280px;
	}

	.portal-left .portal-content {
		margin-left: 4%;
	}

	.portal-right .portal-content {
		margin-right: 4%;
	}
}
@media screen and (max-height: 990px) {
	.portal-content {
		margin-top: 30%;
	}
}

/* 768 - 992 px */
@media screen and (max-width: 991px) {
	.bienvenue-video {
		width: 318px;
	}
	.left-bar {
		display: none;
	}

	.right-bar {
		padding: 13px 20px 9px;
		position: fixed;
		height: 80px;
		width: 100vw;
		border-left: 0;
		border-bottom: 1px solid #7e76d5;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		right: initial;
		left: 0;
		-webkit-backdrop-filter: blur(30px);
		backdrop-filter: blur(30px);
		-webkit-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
		transition: 0.4s ease-in-out;
		background: rgba(255, 255, 255, 0.4) url(../img/header-back.png);
	}

	.contact-close {
		right: 0;
	}

	body.contact-active .right-bar {
		border-left: 0;
		border-bottom: 1px solid #fff;
	}

	.right-bar.scrolled {
		-webkit-backdrop-filter: blur(30px);
		backdrop-filter: blur(30px);
		-webkit-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
		transition: 0.4s ease-in-out;
		background: rgba(255, 255, 255, 0.4) url(../img/header-back.png);
	}

	.contact-active .right-bar.scrolled {
		-webkit-backdrop-filter: blur(0);
		backdrop-filter: blur(0);
		-webkit-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
		transition: 0.4s ease-in-out;
		background: none;
	}

	.right-bar_logo {
		display: inline-block;
		padding-left: 10px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}

	.right-bar_logo svg {
		max-width: 100px;
		width: 100%;
	}

	/* .contact-button {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-writing-mode: initial;
		-ms-writing-mode: initial;
		writing-mode: initial;
		-webkit-text-orientation: initial;
		text-orientation: initial;
		height: initial;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: initial;
	} */

	.hamburger-box {
		width: 56px;
		height: 32px;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.hamburger {
		top: 0;
		left: 0;
		width: 56px;
		height: 32px;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.hamburger span:before {
		right: 0;
		left: initial;
	}

	.hamburger span:after {
		right: 0;
		left: initial;
	}

	.header {
		padding: 0 15px;
	}

	/* .header nav li a {
		font-size: 26px;
		line-height: 30px;
	}

	.header nav li a:hover {
		font-size: 30px;
	} */

	.contactez {
		padding: 85px 15px 15px;
	}

	.contactez-btn,
	.contactez-container input[type="submit"] {
		width: 138px;
		height: 138px;
		font-size: 18px;
		line-height: 18px;
		margin: 40px auto 0;
	}

	.contactez-container form {
		margin-top: 40px;
	}

	.preview.scrolled .preview-slider {
		max-height: initial;
		-webkit-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	}

	.preview-slider img {
		height: 70vh;
	}

	.preview-slider .swiper-pagination-fraction {
		right: 20px;
	}

	.inner-wrapper {
		width: 100%;
		padding-left: 0;
	}

	.bienvenue {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.bienvenue-images {
		display: none;
	}

	.bienvenue-inner_images {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 40%;
	}

	.bienvenue-logo {
		position: initial;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.bienvenue-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 60%;
		padding-left: 20px;
	}

	.etes {
		padding: 50px 0px;
	}

	.etes-content {
		margin: 0 auto;
		text-align: center;
	}

	.etes-bottom {
		flex-direction: column;
		align-items: center;
	}

	.formation {
		padding: 50px 0px;
	}

	.formation-images {
		display: none;
	}

	.formation-wrap {
		width: 100%;
	}

	.formation-item:hover .formation-content {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.ateliers {
		padding: 75px 0 70px;
	}

	.ateliers-items-text {
		font-size: 18px;
		line-height: 23px;
	}

	.ateliers-items-img img {
		max-height: 100px;
	}

	.prise {
		padding: 0;
	}

	.immersion {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.immersion-horse {
		width: 100%;
	}

	.immersion-horse div {
		height: 500px;
	}

	.immersion-content {
		padding: 10% 15px 0;
		width: 100%;
	}

	.immersion-wrapper {
		margin: 0 auto;
	}

	.immersion-ellipse-wrapper {
		-webkit-transform: translateX(0) scale(0.6);
		-ms-transform: translateX(0) scale(0.6);
		transform: translateX(0) scale(0.6);
		bottom: 174px;
		right: -100px;
		left: initial;
	}

	.immersion:after {
		bottom: -30px;
	}

	.accompagnement-clinique {
		padding: 0;
		overflow: hidden;
	}

	.clinique-logo img {
		width: 100%;
	}

	.circle-link {
		width: 195px;
		height: 195px;
		font-size: 18px;
		line-height: 18px;
	}

	.partenaires {
		margin-top: 45px;
	}

	.acces {
		/* padding-top: 8%; */
	}

	.acces-images {
		margin-top: 70px;
	}

	#map {
		height: 360px;
	}

	.footer {
		padding: 64px 15px 27px;
	}

	/*Patient Page*/

	.orientations {
		padding: 40px 0;
	}

	.soins {
		padding-left: 0;
	}

	.soins-images {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		min-height: 460px;
		display: none;
	}

	.soins-image_desk {
		display: none;
	}

	.soins-image_mob {
		display: flex;
	}

	.soins-image {
		min-height: unset;
		width: 95%;
		border-radius: 120px;
		height: 360px;
		margin-bottom: 15px;
	}

	.soins-wrapper {
		width: 100%;
	}

	.acces.acces-patient {
		padding: 0;
	}

	.acces-patient .acces-images {
		padding: 0 15px;
	}

	.partner-wrapper a img {
		width: 100%;
	}

	.ateliers-page {
		padding: 94px 0 385px;
	}

	/*Portal Page*/

	.portal-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.portal-left {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-transform: translate(0, -434px);
		-ms-transform: translate(0, -434px);
		transform: translate(0, -434px);
	}

	.portal-right {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-transform: translate(0, 543px);
		-ms-transform: translate(0, 543px);
		transform: translate(0, 543px);
	}

	.portal-left,
	.portal-right {
		max-width: 100%;
		width: 100%;
		border-radius: 0;
		overflow: initial;
	}

	.portal-left {
		height: 82vh;
	}

	.portal-center {
		bottom: 204px;
		transform: translateX(-50%);
	}

	.portal-right {
		height: 18vh;
	}

	.portal-center {
		z-index: 2;
	}

	.portal.active .portal-logo {
		pointer-events: none;
		top: 42%;
		-webkit-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
		transition: 0.4s ease-in-out;
	}

	.portal-right_image,
	.portal-left_image {
		max-width: 100%;
		max-height: 434px;
	}

	.portal-right .portal-content,
	.portal-left .portal-content,
	.portal.active-left .portal-left .portal-content,
	.portal.active-right .portal-right .portal-content {
		margin: 0 auto;
		text-align: center;
		max-width: 648px;
	}

	.portal-img_wrap {
		height: 434px;
		position: relative;
	}

	.portal-left .portal-content {
		padding: 130px 0 30px;
	}

	.portal.active-left .portal-left {
		height: 80vh;
	}

	.portal.active-right .portal-right {
		height: 80vh;
	}

	.portal.active-left .portal-right {
		height: 20vh;
	}

	.portal.active-right .portal-left {
		height: 20vh;
	}

	.portal.active-left .portal-left .portal-content {
		padding: 25px 0;
	}

	.portal-right .portal-content {
		padding: 0 0 100px;
	}

	.portal.active-right .portal-right .portal-content {
		padding: 0 0 30px;
	}

	.portal-right_text {
		opacity: 0;
		max-height: 0;
		overflow: hidden;
		-webkit-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
		transition: 0.4s ease-in-out;
	}

	.portal.active-right .portal-right_text {
		opacity: 1;
		max-height: 400px;
		-webkit-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
		transition: 0.4s ease-in-out;
	}

	.portal-link {
		-webkit-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
		transition: 0.4s ease-in-out;
	}

	.portal.active-left .portal-left .portal-link,
	.portal.active-right .portal-right .portal-link {
		pointer-events: initial;
		max-height: 55px;
		-webkit-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
		transition: 0.4s ease-in-out;
	}

	.portal-left .portal-img_wrap::before {
		border-radius: 0 0 390px 390px;
	}

	.portal-right .portal-img_wrap::before {
		border-radius: 390px 390px 0 0;
	}

	.portal-left_image {
		border-radius: 0 0 390px 390px;
	}

	.portal-right_image {
		border-radius: 390px 390px 0 0;
	}

	.portal.active-right .portal-left_text,
	.portal.active-right .portal-left .portal-link {
		opacity: 0;
		transition: 0.6s ease-in-out;
	}

	.portal-center,
	.portal-heart {
		width: 100%;
		max-width: 428px;
		height: 384px;
	}

	#legales {
		padding: 100px 15px 30px;
	}
	.footer {
		background-image: none;
	}
	.footer-container {
		flex-direction: column;
		align-items: center;
		gap: 32px;
	}
	.footer-left,
	.footer-right {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.footer-wrapper {
		width: fit-content;
	}
}

/* 576 - 768 px */
@media screen and (max-width: 767px) {
	.immersion-iframe {
		margin: 0 auto;
	}
	.prise-container {
		flex-direction: column;
		gap: 24px;
	}
	.mentions-legales h1 {
		font-size: 38px;
		line-height: 44px;
		margin-bottom: 15px;
	}
	.mentions-legales h2 {
		font-size: 26px;
		line-height: 30px;
	}
	.mentions-legales h3 {
		font-size: 24px;
		line-height: 28px;
	}
	.mentions-legales h4 {
		font-size: 20px;
		line-height: 24px;
	}
	.mentions-legales h5 {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 1.5%;
	}
	.mentions-legales p {
		font-size: 16px;
		line-height: 18px;
		margin: 10px 0;
	}
	.mentions-legales p + h2,
	.mentions-legales p + h3,
	.mentions-legales p + h4,
	.mentions-legales p + h5 {
		margin-top: 2%;
	}

	h1 {
		font-size: 38px;
		line-height: 44px;
	}
	.contactez .side-title,
	h2 {
		font-size: 30px;
		line-height: 34px;
	}

	.form-fields {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

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

	.form-right {
		width: 100%;
		padding-left: 0;
		margin-top: 35px;
	}

	.philosophie-item {
		width: 100%;
	}

	.philosophie-wrapper {
		gap: 30px;
	}

	.bienvenue-logo {
		width: 50%;
	}

	.bienvenue-philosophie {
		padding: 43px 0 30px;
	}

	.page-template-page-patients .bienvenue {
		flex-direction: column-reverse;
	}

	.page-template-page-patients .bienvenue-video {
		max-width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}

	.page-template-page-patients .bienvenue-wrapper {
		width: 100%;
	}

	.etes {
		padding: 30px 0px;
	}

	.etes-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.etes .js-tabs {
		margin-top: 40px;
	}

	.etes-text {
		text-align: center;
	}

	.etes-text,
	.etes-link {
		width: 100%;
	}

	.etes-link {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 38px;
	}

	.formation-wrapper:after {
		display: none;
	}

	.ateliers {
		padding: 55px 0;
	}

	.ateliers-container {
		position: relative;
	}

	.ateliers-items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.ateliers-item {
		width: 100%;
	}

	.ateliers-item:nth-child(even) {
		padding-left: 0;
	}

	.ateliers-item:nth-child(odd) {
		padding-right: 0;
	}

	.ateliers-item:not(:last-child) {
		margin-bottom: 32px;
	}

	.ateliers-image img {
		min-height: 360px;
		max-height: 360px;
	}

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

	.banner {
		height: 450px;
	}

	.immersion {
		height: initial;
	}

	.page-template-page-patients .immersion .container {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.immersion__image {
		width: 100%;
		height: auto;
		max-width: 460px;
	}

	.immersion__image-wrapper {
		width: 100%;
		height: auto;
	}

	.page-template-page-patients .immersion-content {
		width: 100%;
	}

	.immersion-ellipse-wrapper {
		display: none;
	}

	.immersion-horse {
		z-index: 1;
	}

	.immersion:after {
		background-image: url(../img/home/immersion-line-mob.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left center;
		max-height: 230px;
		bottom: 199px;
	}

	.clinique-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.clinique-image {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.clinique-image img {
		max-width: 310px;
	}

	.accompagnement-wrapper {
		width: 100%;
	}

	.clinique-content {
		padding-left: 0;
		padding-top: 33px;
	}

	.clinique-title {
		text-align: center;
		margin: 0 auto;
	}

	.clinique-text {
		margin: 28px auto 0;
	}

	.clinique-links {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.acces-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.acces-content {
		width: 100%;
	}

	.acces-map {
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 36px;
	}
	.prerequis .row-flex {
		flex-direction: column-reverse;
		justify-content: center;
	}
	.prerequis .row-flex .wrapper-image {
		width: 100%;
	}
	.prerequis .row-flex .description {
		width: 100%;
	}
	#map {
		max-width: 310px;
		width: 100%;
		height: 310px;
	}

	.acces-images {
		padding: 0 15px;
	}

	.footer-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.footer-left {
		width: 100%;
	}

	.footer-right {
		width: 100%;
	}

	.ateliers-page {
		padding: 94px 0 385px;
	}

	/*Portal Page*/

	.portal-right_image,
	.portal-left_image {
		max-height: 290px;
	}

	.portal-left {
		-webkit-transform: translate(0, -290px);
		-ms-transform: translate(0, -290px);
		transform: translate(0, -290px);
	}

	.portal-right {
		-webkit-transform: translate(0, 290px);
		-ms-transform: translate(0, 290px);
		transform: translate(0, 290px);
	}

	.footer-wrapper > div p {
		display: block;
	}

	.footer_menu {
		gap: 20px;
		text-align: center;
	}

	.single-top {
		padding: 40px 16px;
	}
	.single-bottom {
		padding: 40px 16px;
	}

	.return-link_desk {
		display: none;
	}

	.return-link_mob {
		/* display: flex; */
		margin-bottom: 40px;
	}
}

/* 375 - 576 px */
@media screen and (max-width: 575px) {
	body {
		font-size: 16px;
	}
	/* 
	.header-container {
		padding-left: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.header nav li:not(:last-child) {
		margin-bottom: 30px;
	} */

	.header nav li a,
	.contact-btn {
		font-size: 22px;
		line-height: 26px;
	}

	.header nav li a:hover {
		font-size: 26px;
	}

	.header-links a {
		font-weight: normal;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 6px;
	}

	.header-links > div:first-of-type {
		margin-bottom: 11px;
	}

	.header-menu,
	.header-links {
		width: 100%;
	}

	.link__icon svg {
		max-width: 30px;
	}

	.link {
		font-size: 18px;
		line-height: 30px;
		display: flex;
		justify-content: center;
	}

	.return-link_desk,
	.return-link_mob {
		display: none;
	}

	.right-bar {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 45px;
	}

	.right-bar_logo {
		padding-left: 0;
	}

	.right-bar_logo svg {
		max-width: 61px;
		height: 100%;
	}

	.hamburger-box {
		width: 40px;
	}

	.hamburger {
		width: 30px;
	}

	.hamburger span {
		width: 22px;
	}

	.hamburger span:before {
		top: -7px;
		width: 30px;
	}

	.hamburger span:after {
		bottom: -7px;
		width: 16px;
	}

	.hamburger:hover span:before,
	.hamburger:hover span:after {
		width: 30px;
	}

	h1 {
		text-align: center;
		font-size: 32px;
		line-height: 38px;
	}
	.contactez .side-title,
	h2 {
		text-align: center;
		font-size: 28px;
		line-height: 34px;
	}

	h3 {
		font-size: 26px;
		line-height: 29px;
	}

	.preview-slider .swiper-pagination-fraction {
		font-size: 38px;
	}

	.swiper-pagination-total {
		font-size: 26px;
	}

	.preview-slider img {
		height: 280px;
	}

	.ateliers-link_wrap {
		justify-content: center;
		margin-right: unset;
	}

	.bienvenue {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 40px;
	}

	.page-template-page-patients .bienvenue {
		flex-direction: column-reverse;
	}

	.bienvenue-philosophie {
		padding: 43px 0 20px;
	}

	.bienvenue-wrapper {
		width: 100%;
		padding-left: 0;
	}

	.bienvenue-inner_images {
		width: 100%;
	}

	.bienvenue-text {
		text-align: left;
		margin-bottom: 35px;
	}

	.bienvenue-logo {
		max-width: 116px;
		width: 100%;
	}

	.bienvenue-img {
		max-width: 270px;
		width: 100%;
	}
	.prerequis.bienvenue-philosophie {
		padding: 20px 0;
	}

	.philosophie-wrapper {
		margin-top: 20px;
		margin-bottom: 48px;
	}

	.philosophie-item {
		width: 100%;
		margin-bottom: 16px;
	}

	.philosophie-content {
		padding-top: 10px;
	}

	.philosophie .link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.etes {
		padding: 50px 0px;
	}

	.etes-bottom {
		margin-top: 24px;
	}

	.etes-links .link svg {
		min-width: 54px;
	}

	.etes-links .link {
		font-size: 16px;
		line-height: 24px;
		justify-content: space-between;
	}

	.formation-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.formation-item .formation-icon svg {
		-webkit-transform-origin: center 38px;
		-ms-transform-origin: center 38px;
		transform-origin: center 38px;
		max-width: 48px;
	}

	.formation-item:hover .formation-icon svg {
		-webkit-transform-origin: center 38px;
		-ms-transform-origin: center 38px;
		transform-origin: center 38px;
	}

	.formation-item .formation-text {
		display: none;
	}

	.formation-bg {
		width: 170%;
		overflow: hidden;
	}

	.formation-content {
		width: 100%;
	}

	.swiper-next-year {
		position: initial;
		max-width: 310px;
		display: flex;
		align-items: center;
		margin: 40px auto 0;
	}

	.swiper-content {
		margin-top: 43px;
	}

	.ateliers {
		background-image: none !important;
		padding: 50px 0;
	}

	.ateliers-top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.ateliers-image {
		padding-left: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.ateliers-content {
		width: 100%;
		max-width: 100%;
		margin-top: 43px;
	}
	.ateliers-video {
		max-width: 100%;
	}

	.ateliers-image img {
		min-height: 310px;
		max-height: 310px;
		max-width: 240px;
	}

	.swiper-years .swiper-slide p {
		text-align: center;
	}

	.ateliers-items {
		padding: 0;
		border-radius: 0;
	}

	.ateliers-items-img img {
		max-height: 94px;
		border-radius: 60px;
	}

	.ateliers-items-content {
		width: 63%;
		padding-left: 20px;
	}

	.prise {
		background-image: none !important;
		height: initial;
		line-height: 0;
	}

	.price-bg-mob {
		display: inline-block;
		margin-top: -80px;
	}

	.prise-container {
		padding: 50px 15px 0;
		position: relative;
	}

	.prise-text {
		text-align: left;
		line-height: 22px;
	}

	.prise .link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.banner {
		height: 330px;
		background-position: center;
	}

	.immersion-text {
		text-align: left;
		margin: 20px 0 30px;
	}

	.immersion:after {
		bottom: 80px;
	}

	.immersion-horse div {
		height: 272px;
	}

	.immersion .link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.clinique-container {
		padding-top: 40px;
	}

	.clinique-text {
		text-align: left;
	}

	.clinique-links {
		margin-top: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.clinique-logo {
		margin-bottom: 49px;
		margin-top: 0;
	}

	.clinique-content {
		z-index: 1;
	}

	.clinique-image {
		position: relative;
		z-index: 2;
	}

	.clinique-content:after {
		top: -215px;
		right: -155px;
	}

	.circle-link {
		width: 215px;
		height: 215px;
		margin: 0 auto;
	}

	.clinique {
		padding-bottom: 50px;
	}

	.partenaires {
		margin-top: 127px;
	}

	.acces {
		/* padding-top: 50px; */
	}

	.acces:before {
		left: -376px;
		top: -693px;
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
	}

	.acces.acces-patient {
		overflow: hidden;
		padding: 40px 0;
	}

	.acces.acces-patient:before {
		top: -300px;
	}

	.acces-content {
		padding-top: 0;
	}

	.acces-item {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.acces-item > div {
		margin-bottom: 20px;
	}

	.acces-images {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.acces-images img {
		min-height: 210px;
		width: 100%;
	}

	.footer-left-logo {
		max-width: 213px;
		width: 100%;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	.footer-left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.footer-wrapper {
		margin-top: 23px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.footer-wrapper > div {
		text-align: center;
		width: 100%;
		max-width: 235px;
	}

	.footer-wrapper > div:first-of-type {
		margin-bottom: 11px;
	}

	.footer-left a img {
		width: 100%;
	}

	/*Patient Page*/

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

	.orientations-item {
		width: 100%;
	}

	.orientations-logo {
		width: 98%;
		height: auto;
	}

	.soins {
		overflow: hidden;
		background: none;
		padding: 20px 0;
		min-height: unset;
	}

	.soins-image,
	.soins-images {
		min-height: 328px;
		border-radius: 60px;
	}

	.soins-image {
		width: 100%;
	}

	.soins-images {
		padding-left: 15px;
	}

	.soins h2 {
		text-align: left;
	}

	.soins .js-tabs {
		margin-top: 26px;
	}

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

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

	.ateliers-content {
		margin-top: 0;
	}

	.ateliers-page {
		padding: 94px 0 385px;
	}

	.page-template-page-patients .immersion {
		padding: 40px 0;
		min-height: unset;
	}

	.immersion__image-wrapper iframe {
		height: auto;
		width: 100%;
		min-height: 252px;
	}

	/*Portal Page*/

	.page-template-page-start main {
		position: relative;
	}

	.page-template-page-start,
	.page-template-page-start main {
		height: 100svh;
/* 		height: var(--app-height); */
	}

	.portal {
		position: fixed;
		top: 0;
		height: 100svh;
	}

	.portal-container {
		height: 100svh;
		/*height: var(--app-height);*/
	}

	.portal-right_image,
	.portal-left_image {
		max-height: 216px;
		/*max-height: 240px;*/
	}

	.portal-left {
		-webkit-transform: translate(0, -216px);
		-ms-transform: translate(0, -216px);
		transform: translate(0, -216px);
	}

	.portal-right {
/* 		height: auto; */
		-webkit-transform: translate(0, 11vh);
		-ms-transform: translate(0, 11vh);
		transform: translate(0, 11vh);
	}

	.portal-logo {
		max-width: 158px;
	}

	.portal-center,
	.portal-heart {
		max-width: 197px;
		max-height: 178px;
	}
	
	.portal-center {
		bottom: auto;
		top: 50%;
		transform: translate(-50%, -50%)
	}

	.portal-left .portal-content {
		padding: 40px 15px 0;
	}

	.portal.active-left .portal-left .portal-content {
		padding: 30px 15px 0;
	}

	.portal-right .portal-content {
		padding: 0 15px 5px;
	}

	.portal.active-right .portal-right .portal-content {
		padding: 0 15px 10px;
	}

	.portal-right .portal-content,
	.portal-left .portal-content,
	.portal.active-left .portal-left .portal-content,
	.portal.active-right .portal-right .portal-content {
		max-width: 365px;
	}

	.portal .link {
		font-size: 16px;
		line-height: 26px;
	}

	.portal-right_text,
	.portal-left_text {
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: -0.28px;
		margin-bottom: 9px;
	}

	.portal-img_wrap {
		height: 216px;
	}

	#legales {
		padding: 70px 15px 30px;
	}

	.single-content .video-vertical {
		height: auto;
		width: 100%;
		min-height: 380px;
	}

	.single-content .wp-image-1726 {
		height: auto !important;
		min-height: 240px;
	}
}

/* 320 - 375 px */
@media screen and (max-width: 374px) {
	h1 {
		text-align: center;
		font-size: 27px;
		line-height: 32px;
	}

	.contactez .side-title,
	h2 {
		text-align: center;
		font-size: 24px;
		line-height: 30px;
	}

	h3 {
		font-size: 22px;
		line-height: 27px;
	}

	.contactez-container {
		padding: 0;
	}

	.contactez-container input {
		border-radius: 0;
	}

	.contactez {
		padding: 55px 15px 15px;
	}

	.contactez-container label > span:first-of-type {
		width: 26%;
		padding-right: 0;
		font-size: 16px;
		line-height: 20px;
	}

	.wpcf7-form-control-wrap {
		width: 68%;
	}

	.contactez-container form {
		margin-top: 10px;
	}

	.contactez-container label:not(:last-child) {
		margin-bottom: 12px;
	}

	.contactez-btn,
	.contactez-container input[type="submit"] {
		width: 125px;
		height: 125px;
		font-size: 16px;
		line-height: 16px;
		margin: 20px auto 0;
	}

	.form-right {
		margin-top: 12px;
	}

	.header-menu {
		margin-bottom: 15px;
	}

	.preview-slider .swiper-pagination-fraction {
		font-size: 30px;
		letter-spacing: -0.14em;
	}

	.swiper-pagination-total {
		font-size: 20px;
	}

	.etes-wrapper .select__toggle {
		padding: 20px;
		font-size: 17px;
		line-height: 19px;
	}

	.etes-wrapper .select__toggle:after {
		right: 18px;
	}

	.etes .is-initialized .tabs__panel {
		margin-top: 64px;
	}

	#map {
		max-width: 290px;
		height: 290px;
	}

	/*Portal Page*/

	.portal-right_image,
	.portal-left_image {
		max-height: 140px;
	}

	.portal-left {
		-webkit-transform: translate(0, -140px);
		-ms-transform: translate(0, -140px);
		transform: translate(0, -140px);
	}

	.portal-right {
		-webkit-transform: translate(0, 140px);
		-ms-transform: translate(0, 140px);
		transform: translate(0, 140px);
	}

	.portal-left .portal-content {
		padding: 25px 15px 0;
	}

	.portal-right .portal-content {
		padding: 0 15px 10px;
	}

	.portal.active-left .portal-left .portal-content {
		padding: 20px 15px 0;
	}

	.portal.active-right .portal-right .portal-content {
		padding: 0 15px 20px;
	}

	.portal-right_text,
	.portal-left_text {
		margin-bottom: 6px;
	}
}

@media screen and (max-width: 576px) {
    .portal.active-left .portal-logo {
        top: -273px;
    }

	
	@media screen and (max-width: 575px) {
    .portal.active-right .portal-logo {
        bottom: -307px;
    }
}