
.burger {display:none }

/*Anchor*/
.flexwrap {height:60px}/*height menu 60*/
#thecontent {position:relative;top:-60px /*height menu 60*/}
.admin-bar #thecontent {position:relative;top:-92px /*height menu 60 + adminbar 32*/}
.primary-menu-container .sub-menu {top:60px} /*hauteur arrivée sous-menu*/
/* =Screen Size Max 1680px
-------------------------------------------------------------- */
@media screen and (max-width: 1680px) {
	
	.container {
		width: 1000px;
	}
	
	/*Anchor*/
.flexwrap {height:50px}/*height menu 50*/
#thecontent {position:relative;top:-50px /*height menu 50*/}
.admin-bar #thecontent {position:relative;top:-82px /*height menu 50 + adminbar 32*/}
.primary-menu-container .sub-menu {top:50px} /*hauteur arrivée sous-menu*/
	.fleche-down-darkbg, .fleche-down-lightbg {width:30px}
	
	/*RS*/
	.social-circle {width:28px;height:28px; }
	.rs-set {font-size:18px;height: 24px;line-height:24px}
	
	/*Navigation*/
	.primary-menu-container .menu-wrapper li a, .switcher {font-size:14px;}
	.primary-menu-container .menu-wrapper li {padding: 12.5px 10px;}
	#header-search::before {font-size:22px}
	
	/*Burger*/
	#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {width: 24px;height:20px;}
	#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {top:9px;}
	#nav-icon3 span:nth-child(4) {top: 18px;}
	
	/*Home expertises*/
	#section-home-expertises .defaut-img img, ul.sous-expertises-list li img {width:400px}
	
	
	/*post-grid*/
	#gridlist {row-gap:50px;}
	
	/* Carousel */
	button.flickity-prev-next-button {width: 80px;height: 80px;}
	
	

	
	#toTop {bottom: 22px;font: normal 20px/1 'Genericons';padding: 7px;right: 20px;}
	
}
/* =Screen Size Max 1344px
-------------------------------------------------------------- */
@media screen and (max-width: 1366px) {
	
	:root {
  --offset-value: 30px;
}
	
	/*Anchor*/
.flexwrap {height:40px}/*height menu 40*/
#thecontent {position:relative;top:-40px /*height menu 50*/}
.admin-bar #thecontent {position:relative;top:-72px /*height menu 40 + adminbar 32*/}
	.primary-menu-container .sub-menu {top:40px} /*hauteur arrivée sous-menu*/
	.fleche-down-darkbg, .fleche-down-lightbg {width:26px}
	.container {width: 850px;}
	
	/*RS*/
	.social-circle {width:24px;height:24px; }
	.rs-set {font-size:16px;height: 20px;line-height:20px}
	
	/*Navigation*/
	.site-logo img {height:32px;}
	.primary-menu-container .menu-wrapper li a, .switcher {font-size:12px;}
	.primary-menu-container .menu-wrapper li {padding: 11px 10px;}
	
	#header-search::before {font-size:20px}
	
	/*Deco big title*/
	.deco-title::after {height:50px;Width:30px;background-size:30px 50px;}
	#breadcrumbs {font-size: 12px;}
	/*Buttons*/
	button, .malinky-load-more__button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {padding: 14px 30px 14px 30px;}
	/*Burger*/
	#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {width: 22px;height: 18px;}
	#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {top: 8px;}
	#nav-icon3 span:nth-child(4) {top: 16px;}
	
	/*Home expertises*/
	#section-home-expertises .defaut-img img, ul.sous-expertises-list li img {width:300px}
	
	/*header image */
	#header-featured-image {height:35vh}
	
	/*post-grid*/
	#gridlist {row-gap:40px;}
	
	/*logos clients*/
	
	.galerie-logo img {max-width:100px;max-height:100px}
	
	/* Carousel */
	button.flickity-prev-next-button {width: 60px;height: 60px;}
	.flickity-prev-next-button.previous {left: -60PX;} .flickity-prev-next-button.next {right: -60PX;}
	.flickity-page-dots .dot {width: 8px;height: 8px;}
	
	
	

	
	/* Font Sizes */
	body,
	button,
	input,
	select,
	textarea
	 {
		font-size: 12px;
	}
	p {margin-bottom:20px}
	
#toTop {bottom: 20px;font: normal 20px/1 'Genericons';padding: 6px;right: 20px;}

	
}


/* =Screen Size Max 1280px
-------------------------------------------------------------- */
@media screen and (max-width: 1280px) {
	
	h2.fs40 {font-size:30px !important}
	
}


/* =Screen Size Max 1152px
-------------------------------------------------------------- */
@media screen and (max-width: 1152px) {
	
	#site-navigation {display:none}
	.site-logo img { margin: 6px 0;}
	.burger { display: block;}
	.site-branding {flex: 1;}
	
	
}


/* =Screen Size Max 1024px
-------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
	
	
	
	
	
}


/* =Screen Size Max 980px
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {
	.burger {display:block }
	/*Anchor*/
.flexwrap {height:60px}/*height menu 60*/
#thecontent {position:relative;top:-60px /*height menu 60*/}
.admin-bar #thecontent {position:relative;top:-92px /*height menu 60 + adminbar 32*/}
	
	.container {width:80%}
	.social-header {display:none}
	.search-container {width: 80%;}
	.search-container input#s {
border-bottom: 2px solid #fff;
padding: 10px 0;	}
	
	/*Home cover*/
	.logo-cover.w40, .baseline-cover.w40 {width:80%}
	
	/*Home expertise*/
	  #section-home-expertises .defaut-img img, ul.sous-expertises-list li img {display: none;}
	#section-home-expertises p {width: 100%;}
	#section-home-expertises li .exp:hover {-moz-transform: translate(0px, 0%);-ms-transform: translate(0px, 0%);-webkit-transform: translate(0px, 0%);transform: translate(0px, 0%);}
	#section-home-expertises li {white-space:nowrap }
	#section-home-expertises .exp:before {opacity: 1;}
	
	/*home-promo*/
	#section-home-promo .fixbutton {text-align:center}
	#section-home-promo .flexsection-image img {width: 100%;padding-bottom: 0 }
	
	/*Page agence */
	.valeurs .bloc-valeur {border-right: 0;width: 100%;margin-bottom: 15px;}
	
	/*Page Fabrik*/
	#isotope-list article {width: 47%;margin: 1.5%; margin-bottom:30px;}
	
	/*Flexsections*/
	
	.flexsection-image {order:1;margin-bottom:30px}
	.flexsection-image img {width: 50%;padding:30px 0;}
	.bg-image {height:25vh}
	.flexsection-content {order: 2;}
	.flexsection-content .content-align.mh80, .flexsection-content .content-align.mh40, .flexsection-content.mh40 {margin:0}
	/*expertises*/
	#expertises .flexsection-item.mb60 {margin-bottom:60px}
	#expertises .flexsection-item.mb60:last-of-type {margin-bottom:20px}
	/*Carousel*/
	.team-carousel-item {width: 31%;margin: 0 2%;}
	
	
	/*rs*/
	.social-circle {width: 32px;height: 32px;}
	.rs-set {font-size: 20px;text-align: center;height: 28px;line-height: 28px;}
	
	#colophon {font-size: 14px;}
	.logo-footer img {width: 200px;margin:auto}
	.baseline {width:200px !important}
	#second::before {display: none;}
	
	.footer-navigation li {display: block;margin: 14px 0;}
	#footer-widget {display: block;}
	#footer-widget .widget-area {width: 100%;text-align: center;}
	#footer-widget ul {list-style:none;}
	.footer-navigation li::after {display: none;margin: 0;}
		
}

/* =Screen Size Max 782px
-------------------------------------------------------------- */
@media screen and (max-width: 782px) {
	
	.admin-bar #masthead.fixed-header {top:46px;}
	#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {height:1.8px}
	
	 .height100 {height:93vh}
	
	/* Home fabrik*/
	.fabrik-4 {overflow: hidden;float:none;width:69%;margin-bottom: 20px;margin-left: auto;margin-right: auto;}
	
	/*Logos clients*/
	.galerie-logo {width: 29%;}
	
	/*post-grid*/
	#post-grid {width:47%}
	#gridlist {row-gap: 30px;}
	
}
/* =Screen Size Max 767px
-------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	
	.anchorfix {position: relative;top: -80px;}
	textarea {width: 92%;padding: 4%;}
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7input[type="password"] {width:70%}
	#content-sidebar,
	#footer-sidebar	{
		padding-top: 20px;
	}
	
	/*header image */
	#header-featured-image {height:25vh} .gradient {height:20vh} 
	
	/*Cas clients*/
	.cas-client-list {width: 47%;}
	
	/*Profilers*/
	.profilers-list {width: 49.6%;}
	
	
	
	/* = Posts & pages basics
-------------------------------------------------------------- */

.entry-content p:first-of-type {font-size:16px;}
.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {font-size:18px; margin-bottom:20px}
	.justify {text-align:left !important}
	
	/*Carousel*/
	.team-carousel-item {width: 48%;margin: 0 2%;}
	.flickity-page-dots {display: none;}
	
	
}


/* =Screen Size Max 640px
-------------------------------------------------------------- */
@media screen and (max-width: 640px) {
	
	
	#contact .container, .contact-form {width: 80%;}
	.flexsection-item ul {display: block;}}

/* =Screen Size Max 600px
-------------------------------------------------------------- */
@media screen and (max-width:600px) {
	.admin-bar #masthead.fixed-header {top: 0;}
	
	/*Ancres nav*/
#filters li a, #ancres li a {
  width: 120px;
  display: block;
  margin: auto;
}
	#filters li, #ancres li {
  display: block;

}
	/*post-grid*/
	#post-grid {width:100%}
	
	/* Home fabrik*/
	.fabrik-4 {width:99%;}
	
	/* Page agence */
	.statistiques-agence .bloc-stat {width:49%;}
	.agence-logos-grid {flex-wrap: wrap;row-gap: 0.2REM;}
	#logos-qsn .galerie-logo {width: 32.33%;} .agence-logos-grid .galerie-logo img {max-width:70%}
	
	/*Carousel*/
	.team-carousel {width:250px;margin:auto}
	.team-carousel-item {width: 100%;margin: 0%;}
	.flickity-prev-next-button.previous {left: -45PX;} .flickity-prev-next-button.next {right: -45PX;}
	

}


/* =Screen Size Max 560px
-------------------------------------------------------------- */
@media screen and (max-width: 560px) {
	
.burger-menu-container .menu-wrapper li {font-size: 20px;}	
#toTop {bottom:8px;font: normal 20px/1 'Genericons';padding: 6px;right:8px;}	
	
	/*Deco big title*/
	.deco-title.centered {width: 100%;}
	 .deco-title::after {height: 30px;width: 15px;background-size: 15px 30px;}
	h2.fs40 {font-size:26px !important}
	/*home-cover*/
	.baseline-cover.w40 {font-size:14px;letter-spacing: 0px}
	
	/* Page Fabrik*/
	 #isotope-list article {width: 97%;margin: 0 1.5%;margin-bottom: 30PX;}
	.content-article {height: auto;}
	
}




/* =Screen Size Max 480px
-------------------------------------------------------------- */
@media screen and (max-width: 480px) {
	/*Logos clients*/
	.galerie-logo {width: 46%;}
	
}


/* =Screen Size Max 479px
-------------------------------------------------------------- */
@media screen and (max-width: 479px) {
	/*Cas clients*/
	.cas-client-list {width: 96%;margin: 2%;}
	
	/* Home fabrik*/
	.fabrik-4 .fabrik-tag {display:none !important}
	.fabrik-4 h3.fs18 {font-size:12px}
	.fabrik-4 .fs14 {font-size:11px}
}


/* =Screen Size Max 400px
-------------------------------------------------------------- */
@media screen and (max-width: 400px) {
	
	.item-tabmenu {width: 40%;}
}


/* =Screen Size Max 360px
-------------------------------------------------------------- */
@media screen and (max-width: 360px) {
	.team-carousel {width: 200px;}
	/*Profilers*/
	.profilers-list {width: 100%;}
	.statistiques-agence .bloc-stat {width: 50%;border-right:0;margin-bottom:20px}
	.statistiques-agence .bloc-stat:last-of-type {border-bottom:0}
}