/* Large Desktop
==================================================================================================== */
@media (min-width: 1280px) {
	
	.rangee {
		width: 95%;
		max-width: 1300px;
	}
	.section-col.banniere .rangee {
		width: calc(95% - 40px);
		max-width: calc(1320px - 40px);
	}
	#logo {
		left: 30px;
	}
}

/*  Très Large Desktop
==================================================================================================== */
@media (min-width: 1480px) {


}


/*  #Mobile et tablette portrait
==================================================================================================== */

@media (max-width: 1025px) {
	#mobile-header{
		position: fixed;
		z-index: 99998;
		display:block;
		height:80px;
		width:100%;
		top:0;
		left:0;
		width: 100%;
		background:  var(--wp--preset--color--blanc);
	}
	#mobile-header #responsive-logo {
		width: 300px;
		top: 15px;
		position: absolute;
		left: 30px;
	}
	#mobile-header #responsive-logo img{
		width: 100%;
		height: auto;
	}
	header#header, .no-mobile{
		display: none;
	}
	#hambmenu li.menu-item.btn-devis {
		display: none !important;
	}
	#main, #main.main-menu-top {
		padding-top: 80px;
	}

	/* GRILLE
	-------------------------------------------------------------- */

	.rangee,.section-col.banniere .rangee  {
		width: 100%!important;
	}
	.ecart-normal{
		flex: 0 0 auto;
		padding: 15px 20px;
	}
	.section-col.banniere .rangee {
		padding: 20px;
	}
	.fullwidth, .full {
		width: 100%!important;
		max-width: 100%!important;
	}
	.col3, .col5, .col15, .col10, .col20, .col30, .col40, .col48, .col50, .col60, .col70, .col80, .col90, .col25,.col33, .col45, .col55, .col57, .col75, .col65,.col66,.col35, section .col50.deux-tiers:first-of-type,section .col50.un-tiers:last-of-type,section .col50.deux-tiers:last-of-type, section .col50.un-tiers:first-of-type {
		flex-basis:100% !important;
		width: 100%!important;
	}
	.reverse-mobile .rangee {
		flex-direction: column-reverse;
	}
	#hero {
		height: 500px;
	}
	#hero .col50 {
		flex-basis:100% !important;
		width: 100%!important;
	}
	#hero h1 {
		line-height: 1.1em;
	}
	.bloc-content-hero {
		position: relative;
		padding:60px;
		top: 0px;
		text-align: center;
	}
	.col-vignette {
		flex-basis:50% !important;
		width: 50%!important;
	}
	.section-col .colonne01 {
		padding-right: 0px;
	}
	.section-col .colonne02 {
		padding-left: 0px;	
	}
	.decalage {
		position: relative;
		top: 0px;
		margin-bottom: inherit;
	}
	.aucun-ecart{
		padding: 0px!important;
	}
	.padding {
		padding: 50px 0 ;
	}
	.padding-bottom {
		padding-bottom: 50px ;
	}
	.padding-top {
		padding-top: 50px ;
	}
	.section-bandeau.padding {
		padding: 70px 0 ;
	}
	.section-deux-col .colonne01, .section-deux-col .colonne02 {
		padding: 0;
	}
	h1 {
		font-size: var(--wp--preset--font-size--big) !important;
	}
	h2 {
		font-size: var(--wp--preset--font-size--large) !important;
	}
	footer#footer,  #credits p {
		text-align: center;
	}
	footer#footer .ecart-normal{
		padding: 0px 25px;
	}
	blockquote {
		padding: 20px;
		color: var(--wp--preset--color--primary);
		line-height: 28px;
		font-size: var(--wp--preset--font-size--medium);
	}
	blockquote p {
		padding: 20px 0px 20px 0;
		color: var(--wp--preset--color--primary);
		line-height: 28px;
		font-size: var(--wp--preset--font-size--medium);
	}
	#credits p a {
		display: block;
		margin-right: 0px;
	}
}

/* #Mobile
==================================================================================================== */

@media (max-width: 767px) {
	.rangee {
		width: 100%!important;
	}
	#hero {
		height: 400px;
	}
	#hero .col50 {
		flex-basis:100% !important;
		width: 100%!important;
	}
	h1 {
		line-height: 1.1em;
		text-align: center;
	}
	.bloc-content-hero {
		position: relative;
		padding:20px 0;
		top: 0px;
	}
	#bloc-titre-page .rangee {
		min-height: 350px;
		text-align: center;
	}
	.gallery-item {
		flex-basis: 100%;
		width:100%;
	}
	.col-vignette {
		flex-basis:100% !important;
		width: 100%!important;
	}
	.owl-carousel .owl-nav .owl-prev { left: 0px; }
	.owl-carousel .owl-nav .owl-next { right: 0px; }

	.padding {
		padding: 30px 0 ;
	}
	.padding-bottom {
		padding-bottom: 30px ;
	}
	.padding-top {
		padding-top: 30px ;
	}
	.only-mobile {
		display: block !important;
	}
	#hambmenu {
	  width: 100%;
	}
}