@media(max-width: 1440px) and (min-width: 1201px){
	#head-bottom{
		top: 30%;
	}
}

@media (max-width: 1200px){
	#head-bottom{
		top: 30%;
	}
	#head-menu{
		flex-direction: column;
	}
	#logo{
		margin-bottom: 30px;
	}	
}
@media (min-width: 992px){
	#page #head-slider{
		height: 400px;
	}
	#page .carousel-inner, #page .carousel-fade .carousel-item{
		height: 100%;
	}

	#page .carousel-fade .carousel-item img{
		height: 100%;
		object-fit: cover;
	}
	#page #head-bottom{
		top: 30%;
	}
	#page #logo{
		max-width: 400px;
		margin-bottom: 30px;
	}
}
@media (max-width: 991px){
	header{
		margin-top: 56px;
	}
	#head-top{
		z-index: 9;
	}
	#head-bottom{
		z-index: 10;
	}
	.navbar{
		position: fixed;
		top: 0;
		width: 100%;
	}
	.navbar-toggler-icon{
		background-image: url(../img/btn-menu.png);
	}
	#head-slider{
		height: 400px;
	}
	.carousel-inner, .carousel-fade .carousel-item{
		height: 100%;
	}

	.carousel-fade .carousel-item img{
		height: 100%;
		object-fit: cover;
	}

	#logo{
		margin: 0;
		width: 90%;
	}
	#slogan, #ombre{
		display: none;
	}
	#bloc-location{
		flex-direction: column;
	}
	#bloc-location>div{
		width: 100%;
	}
	#bloc-location .box2{
		margin-top: 40px;
	}
	#content .imgD,
	#content .imgG{
		flex-direction: column-reverse;
		align-items: center;
	}
	#content .imgG>div:last-child, 
	#content .imgD>div:last-child{
		margin: 30px auto;
		width: 100% !important;
		max-width: 100%;
	}
	.row.bottom-footer{
		flex-direction: column-reverse;
	}
	.row.bottom-footer>div{
		width: 100%;
		margin: 20px auto;
	}
}

@media(max-width: 768px){
	#bloc-prestations{
		flex-direction: column-reverse;
	}
	#bloc-prestations .box{
		width: calc(100% - 20px);
	}
	#bloc-prestations .box a{
		font-size: 18px;
	}
	#bloc-rdv{
		padding: 40px 15px;
	}
	#foot-contact{
		align-items: center;
		flex-direction: column;
	}
	#foot-contact>div{
		margin: 20px 0;
	}
	#foot-bottom{
		flex-direction: column;
	}
	#foot-bottom img{
		margin-bottom: 20px;
	}
	#foot-bottom p{
		margin: 0;
	}
}