/* MOBILE */
@media only screen and (max-width: 768px) {

	#main > .element_gal_multi_1_niveau > .xg_container_gal{
		margin-left: 0px!important;
		margin-right: 0px!important;
	}

	#main > .element_gal_multi_1_niveau > .xg_container_gal > .sd_box_gal_1{
		width: 100%!important;
	}
	
	#navbarNavDropdown{
		background:black;
	}

	#home_nav > .sd_admin_container{
		margin-right: 0px!important;
		padding-right: 0px!important;
	}
	
	body #home_nav .justify-content-center {
        display: flex !important; 
        justify-content: flex-end !important; 
    }
	
	#home_nav {
		background: linear-gradient(100deg, #000000 50%, #ffffff 50.1%) !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden;
	}

	#main p.text-big {
		font-size: 19px !important;
		line-height: 1 !important;
	}
	
	h2 .text-big{
		font-size: 23px;
	}
	
	
	[id^="sortableelement_column_avec_trait_"] > div {
		width: 100% !important;
	}

	/* 2. Cible les div IMPAIRES (1, 3, 5, 7...) */
	[id^="sortableelement_column_avec_trait_"] > div:nth-child(odd) {
		margin-bottom: 0px !important;
	}

	[id^="sortableelement_column_avec_trait_"] > div:nth-child(odd) > div.d-flex.sd_content {
		border-top: none !important;
	}

	/* 3. Cible les div PAIRES (2, 4, 6, 8...) */
	[id^="sortableelement_column_avec_trait_"] > div:nth-child(even) {
		margin-bottom: 20px !important;
	}
	
	.sd_element_faq .mb-5 {
		margin-bottom: 60px !important;
	}
	
	/********/

	#herotitrebiaisgauche .sd_text, 
	#herotitrebiaisgauche .sd_text * {
		text-align: left !important;
		align-items: flex-start !important;
	}
	
	#herotitrebiaisgauche h1,
	#titrebiaisdroite h2,
	#titrebiaisgauche h2{
	    background-color: var(--sd1);
		padding: 15px 40px 15px 15px !important;
		clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
	}
}