
@media (max-width: 1500.98px) { 
	
	.hdr-menus-bottom a {
		margin-left: 18px;
	}

	.grid-of-circles .circle-wrapper {
		width: calc(100% / 3 - 60px);
		margin: 0 30px;
		margin-bottom: 50px;
	}

	.davcest-hero .services-hero-flex  .right {padding-bottom: 35px}


	.boutique-grid .thumbnail-text > div {height: auto}

	.partners-logos-3-section {
		padding: 0 40px;
	}

	.partners-logos-3-section .content {
		padding: 70px 40px;
	}
}

@media (max-width: 1300px) {
	.partners-logos-section .logo {
		height: 172px;
	}

	.partners-logos-3-section.four-in-row .logo {
		height: 172px;
	}

	.members-section .member {
		width: 33.333%;
	}

	.partners-logos-2-section .logo-holder {
		width: 20%;
	}

	.partners-logos-3-section.six-in-row .logo-holder {
		width: 20%;
	}

	.links-and-lists-section .content .left {
		padding-right: 70px;
	}

	.links-and-lists-section .content .right {
		padding-left: 70px;
	}
}


@media (max-width: 1200.98px) {

	.partners-logos-2-section .logo-holder {
		width: 25%;
	}

	.partners-logos-3-section.six-in-row .logo-holder {
		width: 25%;
	}

	.hdr-menus-top {margin-top: 0!important}
	.onlyOnMobile {display: block;}
	.hdr-menus-top .topbar {display: none;}

	.navbar li.menu-item-has-children>a::before {
	    font-family: "Font Awesome 5 Free";
	    content: "\f067";
	    display: inline-block;
	    padding-right: 0px;
	    vertical-align: middle;
	    font-weight: 900;
	    margin-left: 10px;
	    position: relative;
	    top: 1px;
	    font-size: 18px;
	    color: #0d6e54;
	    position: absolute;
	    right: 0;
	    transition: 0.12s;
	}

	.navbar li.menu-item-has-children>a.rotateBefore::before {transform: rotate(45deg);}

	.hdr-menus-top li {display: none;}
	.hdr-menus-top li.white-button{display: block;}
	.hdr-menus-top li.gold-button{display: block;}
	
	
	.hdr-menus-bottom {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100vh;
		max-height: 100vh;
		overflow: auto;
		left: 0;
		z-index: 9999;
		background: white;
		max-width: 300px;
    	box-shadow: 0 0 15px #00000026;
    	visibility: hidden;
    	opacity: 0;
    	transform: translateX(-100%);
    	transition: 0.2s;
	}

	.hdr-menus-bottom.show {
		visibility: visible;
		opacity: 1;
		transform: translateX(0);
	}	

	.hdr-menus-bottom ul {
		flex-direction: column;
		padding: 50px 20px;
		align-items: flex-start;
	}

	.hdr-menus-bottom a {
		margin-left: 0;
		margin-bottom: 25px;
	}

	.hdr-menus-bottom ul.sub-menu {
		position: initial;
	    visibility: visible;
	    opacity: 1;
	    transform: none;
	    border:none;
	    margin-top: -15px;
    	margin-bottom: 20px;
   	 	text-align: left;
   	 	display: none;
   	 	transition: 0s;
	}

	.hdr-menus-bottom ul.sub-menu a {
		border-bottom: none;
	    font-size: 16px;
	    margin-bottom: 5px;
	    padding-bottom: 10px;
	}

	.hdr-menus-bottom ul li {width: 100%}



	.hdr-menus-top .gold-button a, .hdr-menus-top .white-button a {
		padding: 17px 30px;
		font-size: 15px;
	}


	.hdr-flex .logo img {
		max-height: 72px;
	}

	.hdr-menus-top {margin-bottom: 0;}




	.menu-wrapper {
		display: block!important;
	}


	
	.hdr-menus-top {
		display: flex;
		align-items: center;
	}

	.home-hero {
		background: #fef6e3;
	}

	.home-hero .swiper-slide {
	    height: 347px;
	    background-position: calc(100% + 170px) bottom!important;
	    background-repeat: no-repeat;
	    background-size: 780px!important;
	}

	.home-hero .swiper-slide {
		padding: 46px 0;
	}


	.fs50 {
		font-size: 30px;
		line-height: 40px;
	}

	.fs40 {
		font-size: 20px;
		line-height: 22px;
	}

	.home-hero h1 p {margin-bottom: 30px;}
	.home-hero h1 {
		max-width: 380px;
	}




	.vous-item {
		padding: 59px 30px 30px
	}

	.vous-item img {
		max-height: 56px;
		right: unset!important;
		left: unset!important;
	}


	.vous-item h2 {
		max-width: 275px;
		margin-top: 20px;
	}



	.container {
		padding: 0 40px;
	}



	.zone-text {
		padding: 78px 0 60px 0;
	}

	.zone-text .content h2 {
		font-size: 30px;
		line-height: 50px;
		margin-bottom: 24px;
	}

	.zone-text .content p {
		font-size: 17px;
		line-height: 26px;
	}


	.zone-text .cta {
		margin-top: 40px;
	}

	.zone-text .content {
		max-width: 510px;
	}


	.footer-flex {
		grid-template-columns: 1fr 2fr;
		grid-gap: 45px;
	}

	.footer-center {
		display: grid;
    	grid-template-columns: 1fr 1fr;
    	grid-gap: 45px;
	}

	.footer-column .menu > li {margin-bottom: 25px;}









	.davcest-hero .services-hero-flex {
		flex-direction: column;
		display: flex;
	}	
	.davcest-hero .services-hero-flex .left {order: 2; width: 100%; max-width: 400px; margin:0 auto;}
	.davcest-hero .services-hero-flex .right {
		width: 100%;
		padding-top: 50px;
		text-align: center;
	}

	.services-hero-flex .right h2 {
		font-size: 30px;
		margin-bottom: 24px;
		line-height: 50px;
	}

	.services-hero-flex .right p {
		font-size: 17px;
		line-height: 26px;
	}


	.services-hero {
		padding: 50px 0 40px 0
	}

	.davcest-hero .services-hero-flex .right {
		padding-bottom: 50px;
	}


	.davcest-hero .services-hero-flex {grid-gap: 0;}


	.eq-intro {
		padding: 40px 0;
	}

	.eq-intro h1 {
		font-size: 30px;
		line-height: 50px;
	}


	.service-item {
		padding: 30px;
	}

	.service-item p {margin-right: 10px;}





	.pro-hero-flex {
		flex-direction: column;
		padding-top: 40px;
	}

	.pro-hero-flex .left {order: 2;}

	.pro-hero-flex > div {
		width: 100%!important;
		text-align: center;
	}

	.pro-hero-flex h2 {
		max-width: 100%;
		font-size: 30px;
		margin-bottom: 24px;
		line-height: 50px;
	}

	.pro-hero-flex p {
		font-size: 18px;
		line-height: 24px;
		max-width: 100%;
	}

	.pro-hero-flex .left img {
		max-width: 400px;
    	margin: 0 auto;
    	margin-top: 30px;
    	width: 90%;
	}


	.faire-service {
		flex-direction: column;
		 align-items: flex-start;
	}

	.faire-service .cnt {margin: 30px 0; padding-right: 0;}

	.services-single-hero-flex {left: 0;}

	.services-single-hero-flex .left {
		position: initial;
		order: 2;
		margin-top: 30px;
		margin-right: 0;
	}

	.services-single-hero .left img {max-width: 100px}

	.services-single-hero-flex {
		display: flex;
		flex-direction: column;
	}



	.boutique-item {
	    width: calc(100% / 3 - 30px);
	   
	}



	.downloadable-files .background {
		display: none;
	}

	.downloadable-files:after {
		content: none;
	}

	.downloadable-files .left,
	.downloadable-files .right {
		width: 100%;
		padding-bottom: 0;
	}

	.downloadable-files .left {
		padding-right: 0;
		padding-bottom: 140px;
	}

	.downloadable-files .left:after {
		content: "";
		display: block;
		background-color: #FFF5E3;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% + 80px);
		height: 100%;
		z-index: -1;
	}

	.downloadable-files .left .icon {
		top: 100%;
		right: auto;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.downloadable-files .left .icon img {
		transform: rotate(90deg);
		left: 0;
	}

	.downloadable-files .left .description {
		max-width: 608px;
		margin: auto;
	}

	.downloadable-files .right {
		padding-left: 0;
		padding-bottom: 130px;
	}

	.downloadable-files .right .files {
		max-width: 608px;
		margin: auto;
	}
}

@media (max-width: 1180px) { 


	.grid-of-circles .circle-wrapper {
   	 	width: calc( 100% / 2 - 50px);
	    margin: 0 20px;
	    margin-bottom: 80px;
	}



}

@media (max-width: 1023px) {
	.links-and-lists-section .content .left {
		padding-right: 0;
		width: 100%;
		margin-bottom: 100px;
	}

	.links-and-lists-section .content .right {
		padding-left: 0;
		width: 100%;
	}

	.members-section .member {
		width: 50%;
	}

	.partners-logos-3-section {
		padding: 0 20px;
	}

	.partners-logos-3-section .content {
		padding: 70px 20px;
	}

	.partners-logos-3-section.four-in-row .logo-holder {
		width: 33.333%;
	}
}


@media (max-width: 991px) {

	.les-participants.services-hero {
		padding-bottom: 40px;
	}

	.boutique-item {
	    width: calc(100% / 2 - 30px);
	
	}

	.lireposts-grid {
		grid-template-columns: 1fr 1fr;
	}

	.home .lirepost:nth-child(3) {display: none}

	.lireposts {
		padding: 53px 0 40px 0;
	}

	.lirepost .white-transparent-btn {
		padding: 25px 45px;
	}

	.lireposts-grid {
		grid-gap: 46px;
	}


	.lsit-of-services-grid {
		grid-template-columns: 1fr;
		grid-gap: 24px;
	}


	.lsit-of-services {padding: 40px 0}


	.service-item p {
		font-size: 22px; line-height: 29px;
	}

	.service-item p img {
		width: 30px;
	}

	.service-item > img {
		width: 20px;
	}


	.yellow-ad-text-button {
		padding: 45px 0;
	}


	.yellow-ad-text-button .container p {
		font-size: 20px;
		line-height: 30px;
	}


	.page-template-page-global .zone-text {
		padding: 40px 0!important
	}

	.services-dropdowns {
		padding: 45px 0;
	}


	.drop-item {
		padding: 18px 0;
	}

	.drop-item .drop-opener p {
		font-size: 20px;
		line-height: 30px;
	}

	.drop-item .drop-opener p img {
		width: 30px;
	}

	.drop-item .drop-opener > img {
		width: 20px;
	}

	.drop-info .left p, .drop-info .left li {
		font-size: 16px;
		line-height: 20px;
	}


	.drop-info-services.hasVideoPart {
		grid-template-columns: 1fr;
		grid-gap: 40px
	}


	.person-section {
		padding: 50px 0;
	}

	.person-flex {
		flex-direction: column;
	}




	.person-flex .image {
		min-width: 150px;
		display: flex;
	    justify-content: center;
	    flex-direction: column;
	    align-items: center;
	}

	.person-flex .image img {width: 100%; height: auto; max-width: 400px}

	.person-flex .content h2 {
		font-size: 30px;
		line-height: 50px;
		margin-top: 20px;
		margin-bottom: 20px;
	}


	.title-subtitle h2, .tkt h2 {
		font-size: 30px;
		line-height: 50px;
	}

	.tkt h2 img {max-width: 30px;}

	.title-subtitle p {
		font-size: 20px;
		line-height: 24px;
	}


	.page-template-page-nos-services .services-hero-flex {
		grid-template-columns: 1fr;
	}

	.page-template-page-nos-services .services-hero-flex .left {order: 2;}
	.page-template-page-nos-services .services-hero {
		padding-bottom: 0;
	}

	.services-hero-flex .left img {
		width: 80%;
	}

	.services-hero-flex .left img {max-width: 240px;}

	.page-template-page-boutique .lireposts, .page-template-page-videos .lireposts, .page-template-page-diablogue .lireposts {
		padding-bottom: 50px;
	}


	.videos-grid-categories ul {
		flex-wrap: wrap;
		justify-content: center;
	}

	.videos-grid-categories ul li {
		padding: 9px 15px;
	    border-radius: 20px;
	    font-size: 15px;
		margin: 4px;
	}

	.lirepost .white-transparent-btn {padding: 17px 25px}




	.page-template-page-fair-un-don .services-hero-flex {
		grid-template-columns: 1fr;
		text-align: center;
		grid-gap: 20px;
	}

	.page-template-page-fair-un-don .services-hero-flex .left {
		padding-top: 20px!important;
		order: 2;
	}
	.page-template-page-fair-un-don .services-hero-flex .left img {
		max-width: 170px;
	}

	.services-hero-flex .right {text-align: center;}

	.faire-service p {max-width: 100%;}



	.address-map-flex {
		flex-direction: column;
	}


	.page-template-page-joindre-php .zone-text {
		padding: 40px 0!important;
	}

	.address-map {padding-bottom: 40px}





	.grid-pdfs-videos {grid-gap: 50px}



}


@media (max-width: 767px) {
	.partners-logos-section .logo-holder {
		width: 50%;
	}

	.partners-logos-3-section.four-in-row .logo-holder {
		width: 50%;
	}

	.partners-logos-2-section .logo-holder {
		width: 50%;
	}

	.partners-logos-3-section.six-in-row .logo-holder {
		width: 50%;
	}

	.members-section .member {
		width: 100%;
		text-align: center;
	}

	.le-defi.services-hero .left {
		justify-content: center;
	}

	.le-defi.services-hero img {
		width: auto;
	}

	.downloadable-files .right .file {
		flex-wrap: wrap;
	}

	.downloadable-files .right .file .file-image {
		margin: 0 auto 32px;
	}

	.downloadable-files .right .file .file-info {
		width: 100%;
		text-align: center;
	}

	.footer-flex {
		grid-template-columns: 1fr;
		grid-gap: 15px;
	}

	.footer-center {
		display: grid;
    	grid-template-columns: 1fr;
    	grid-gap: 0;
	}

	.grid-of-circles {
		grid-template-columns: 1fr;
	}

	.green-circles .circle-with-content .content p {
		max-width: 80%;
		margin: 0 auto
	}

	.circle-with-content .content h3 {
		font-size: 22px;
	}

	.circle-with-content .content p {
		font-size: 15px;
	}
	.circle-with-content .content span {font-size: 18px;}
	.circle-with-content .content {top: 33%;}


	.yellow-ad-text-button .container {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 0 40px!important;
	}

	.yellow-ad-text-button .container p {padding-left: 0!important;}



	.yellow-ad-text-button .container p {margin-right: 0; margin-bottom: 30px;}


	.lireposts .tl {
		font-size: 20px;
		line-height: 28px;
	}

	




	.grid-of-circles .circle-wrapper {
   	 	width: 100%;
	    margin: 0;
	    margin-bottom: 40px;
	    max-width: 350px;
	}


	.slider-people {
		flex-direction: column;
	}

	.slider-people .left {max-height: 350px; width: 100%}
	.slider-people .left img {max-height: 350px;}


	.people-carousel-wr > i {
		top: 175px;
		left: -10px;
		z-index: 1000;
		font-size: 42px;
		filter: drop-shadow(0px 0px 8px rgba(255,255,255,0.3));
	}

	.people-carousel-wr > i.next-people-carousel-wr {right: -10px;}


	.next-pop {right: 0}
	.previous-pop {left: 0}

	.popup-video {
		display: none!important;
	}


	.people-carousel .container {
		padding: 0;
	}


	.people-carousel .container {
		margin:30px auto 50px auto;
	}


	.grid-pdfs-videos {grid-template-columns: 1fr }
	.centredocs-grid-section {padding: 60px 0}

	.boutons a {padding:0 50px;}

	.boutique-grid-wrapper .tl h2 {font-size: 30px; line-height: 1}

	.boutique-grid-wrapper {margin-top: 50px;}

}

@media (max-width: 600px) {
	.partners-logos-section .logo {
		height: 120px;
		padding: 20px;
	}

	.partners-logos-2-section .logo {
		height: 120px;
		padding: 20px;
	}

	.partners-logos-3-section.six-in-row .logo {
		height: 120px;
		padding: 20px;
	}

	.partners-logos-3-section.four-in-row .logo {
		height: 120px;
		padding: 20px;
	}

	.boutique-item {
		margin: 0;
	    width: 100%;
	    margin-bottom: 30px
	}

	.home-hero h1  {
		margin: 0 auto;
		text-align:center;
	}

	.home-hero .swiper-slide {
		padding: 46px 0 420px
	}

	.home-hero .swiper-slide {
		 background-position:bottom center!important;
		 background-size: 620px!important;
	}


	.vous-split .container {
		grid-template-columns: 1fr;
	}

	.vous-green-bg {
		background: var(--green);
	}

	.vous-yellow-bg {
		background: var(--yellow);
	}

	.vous-split .container {
		padding: 0;
	}


	.vous-item {
		padding: 39px;
	}


	.hdr-flex {
		display: block;
	}

	.hdr-menus-top .gold-button a, .hdr-menus-top .white-button a {
		margin-left: 0; margin-right: 15px;
	}
	.hdr-menus-top .gold-button a {margin-right: 0;}


	.menu-wrapper {
		position: absolute;
	    right: 40px;
	    top: 35px;
	}

	.hdr-menus-top {
		margin-top: 36px;
	}

	.hdr-menus-top .gold-button a, .hdr-menus-top .white-button a {
		padding: 17px 19px
	}




	.lireposts-grid {
		grid-template-columns: 1fr;
	}



	.faire-service {
		padding: 24px;
	}

	.faire-service h2 {
		font-size: 30px;
	}
	.faire-service .img-name img {max-width: 35px;}

	.faire-service p {
		font-size: 16px;
		line-height: 20px;
	}

	.faire-service h2 {width: 100%;}


	.previous-and-next-blog {
		flex-direction: column;
	}

	.previous-and-next-blog .cta {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}


	.blog-content p {
		font-size: 16px;
		line-height: 20px;
	}

	.blog-content {
		padding-bottom: 50px;
	}


	.services-single-hero-flex .right p {
		font-size: 32px;
	}

	.services-hero-flex {grid-template-columns: 1fr}
	.services-hero-flex .left {order: 2}
	.services-hero-flex .left img {max-height: 80px}
	.davcest-hero .services-hero-flex .left img {max-height: unset;}



	.centredocs-grid-section h2 {font-size: 30px;}


	.green-transparent-btn {
		padding: 22px 34px;
		font-size: 16px;
	}

	.drop-info-wrapper .ctas a {
		width: 100%;    
		display: flex;
	    justify-content: center;
	}

	.drop-info .left .list li {
		flex-direction: column;
	}

	.drop-info .left .list li a {margin-left: 0; margin-top: 5px;}
	.drop-info .left ul {padding-left: 10px}

	.drop-info .left .intro ol {padding-left: 25px;}

	.videos-grid-categories ul {flex-direction: column;}

}

@media (max-width: 390px) {
	.partners-logos-section .logo {
		height: 100px;
		padding: 15px;
	}

	.partners-logos-2-section .logo {
		height: 100px;
		padding: 15px;
	}

	.partners-logos-3-section.six-in-row .logo {
		height: 100px;
		padding: 15px;
	}

	.partners-logos-3-section.four-in-row .logo {
		height: 100px;
		padding: 15px;
	}


	.hdr-menus-top .gold-button a, .hdr-menus-top .white-button a {
		padding: 14px 12px;
		margin-right: 10px;
	}

	.container {
		padding: 0 20px;
	}

	.menu-wrapper {
		right: 20px;
	}
}