/* ----------------

Responsive CSS

---------------- */



@media only screen and (max-width : 1219px) {
	.navmenu {display:none;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

	.page_tabs_wrapper ul {
		display: block;
	}
	.page_tabs_wrapper ul li {
		display: block;
	}
	.page_tabs_wrapper ul li a {
		display: block;
		margin:0;
	}

	.border-section .titleintro--main {
		font-size: 30px;
	}

	.btn-solid{
		font-size: 14px;
		line-height: 20px;
		padding: 10px 20px;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

	.sliderhero .slider-home {
		height:auto;
	}

	.pagehero-c--halfside h2 {
		font-size: 34px;
		line-height: 34px;
	}

	.page_espace-entreprise .breadcrumb_wrapper ul li a {
		color:#212121;
	}

}

@media only screen and (max-width : 575px) {

	.footer_menu_wrap h3 {
		margin-top:20px;
	}
	.pagehero {
		max-height: 80%;
		max-height: 80vh;
	}
	.content_wrapper {
		margin-top:6rem!important;
	}
	h2, .h2, .titleintro {
		font-size:34px;
	}
	.content_wrapper.popup_wrapper {
		margin-top:0!important;
	}

}



@media only screen and (max-width : 694px) {

	table {
		border: 0;
	}

	table caption {
		font-size: 1.3em;
	}

	table thead {
		border: none;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table tr {
		border-bottom: 1px solid #ddd;
		display: block;
		margin-bottom: 20px;
	}

	table td {
		border-bottom: 1px solid #ddd;
		display: block;
		text-align: right;
	}

	table td::before {
		/*
		* aria-label has no advantage, it won't be read inside a table
		content: attr(aria-label);
		*/
		content: attr(data-label);
		float: left;
		font-family: var(--font-family-aestetico-bold);
	}

	table td:last-child {
		border-bottom: 0;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {


}

/**/

@media only screen and (max-width : 812px) and (min-width: 767px) {

	.slider-home--container{
		top:65%;
	}

	.slider-home--controller{
		display: none;
	}

}

@media only screen and (min-width: 767px) and (max-width:1023px){

	.pagehero-c--halfside{
		width: inherit;
	}

}

@media (min-width: 768px) and (max-width: 991px){

	.navigator-col {
		flex-direction: column;
	}

	.navigator-col--cell{
		width: 70%;
		margin: auto;
	}

	.navigator-col--cell:last-child {
		margin-right: inherit;
	}

}