/* responsive */
@media screen and (max-width: 1200px) {
	header .navbar-brand.logo {
	  margin-right: 40px;
	  width: 120px;
	}
  
	header.sticky .navbar-brand.logo {
	  width: 100px;
	}
  
	header+section {
	  margin-top: 142px;
	}
  
	#banner1 .hibou-png {
	  max-height: 650px;
	  z-index: -1;
	}
  
	#banner1 {
	  height: calc(100vh - 156px);
	}
  
	#section-a-propos .grid-img-text {
	  padding: 0px 20px 0;
	}
  
	.grid-img-text p {
	  margin-bottom: 8px;
	}
  
	#section-type-formation::before {
	  left: -270px;
	}
  
	#section-type-formation::after {
	  right: -270px;
	}
	#section-notre-expertise::before {
	  width: 40%;
  }
  }
  
  @media screen and (max-width: 1079px) {
	header .navbar-brand.logo {
	  margin-right: 26px;
	}
  
	header .navbar-light .navbar-nav .nav-link {
	  font-size: 16px;
	}
  
	header .top-header {
	  padding: 10px 0;
	}
  
	#banner1 .banner-content .container {
	  padding-left: 50px;
	}
  
	footer .logo-footer {
	  margin-right: 80px;
	  width: 120px;
	}
  
	footer .menu-footer p,
	footer .menu-footer a {
	  font-size: 16px;
	  margin-bottom: 0px;
	}
  
	.section-post-banner {
	  padding-top: 140px;
	}
  }
  
  @media screen and (max-width: 1024px) {
	header+section {
	  margin-top: 130px;
	}
  
	#banner1 {
	  height: calc(100vh - 130px);
	}
  
	.section-post-banner.formation-page {
	  padding-top: 160px;
	  padding-bottom: 80px;
	}
  
	#section-type-formation {
	  padding-bottom: 150px;
	}
	#section-formules-tarifs .tarif-item {
		margin: 0px 10px;
		width: calc(33.33% - 20px);
	}
  
  }
  
  @media screen and (max-width: 991px) {
	header .main-header {
	  background-color: #fff;
	}
  
	header {
	  z-index: 10;
	}
  
	header .navbar-nav {
	  margin: 30px 0 0;
	}
  
	.section-post-banner {
	  padding-top: 80px;
	}
	#section-presentation.section-post-banner {
	  padding-top: 100px;
	}
  
	.grid-img-text-list .col-md-6 {
	  padding: 0 20px;
	}
  
	.grid-img-text-list .item-title {
	  font-size: 22px;
	  margin-bottom: 12px;
	}
  
	.grid-img-text p {
	  margin-bottom: 12px;
	}
  
	.qb7-btn {
	  font-size: 20px;
	}
  
	.grid-img-text-list .row {
	  margin-bottom: 40px;
	}
  
	#section-presentation .step-list {
	  margin-top: 40px;
	}
  
	#section-presentation .step-list .step-item {
	  padding: 30px 20px 30px;
	  margin: 0 8px 0px;
	}
  
	#section-presentation .step-list .step-title {
	  font-size: 20px;
	  margin-bottom: 8px;
	}
  
	#section-presentation .step-list .step-item figure {
	  height: 60px;
	  margin: 0 auto 8px;
	}
  
	#section-formation-list .formation-step {
	  padding: 30px 8px 20px;
	}
  
	#section-formation-list .formation-step-item p {
	  font-size: 16px;
	  max-width: 100%;
	  padding: 0 12px;
	}
  
	#section-type-formation {
	  padding-bottom: 80px;
	}
  
	#section-contact .section-title {
	  font-size: 34px;
	}
  
	#section-contact .row .col-md-4 {
	  padding-right: 10px;
	}
	#section-notre-expertise::before {
	  width: 30%;
  }
  #section-formules-tarifs .formule-1 {
	margin-bottom: 60px;
	flex-direction: column;
  }
  #section-formules-tarifs .formule-details {
	width: 100%;
	padding: 0 20px;
  }
  #section-formules-tarifs .formule-steps {
	padding: 0 16px;
  }
  #section-formules-tarifs .tarifs-list {
	flex-wrap: wrap;
  }
  #section-formules-tarifs .tarif-item {
	width: 100%;
	flex-shrink: 0;
	margin: 0 auto 38px;
	max-width: 424px;
  }
  #section-formules-tarifs .regular-title {
	font-size: 34px;
  }
  #section-formules-tarifs .regular-title img {
	height: 34px;
  }
  #section-formules-tarifs .formule-titre-text span:nth-child(2) {
	  font-size: 26px;
  }
  #section-formules-tarifs .formule-titre-text span:nth-child(1) {
	font-size: 32px;
  }
  }
  
  
  
  @media screen and (max-width: 820px) {
	#banner1 .hibou-png {
	  max-height: 400px;
	}
  
	footer .logo-footer {
	  margin-right: 30px;
	}
  
	footer .footer-container {
	  padding: 30px 0 24px;
	}
  
	header .top-header ul li a.tel {
	  margin-left: 0;
	}
  
	header .top-header ul li a {
	  font-size: 14px;
	}
  
	header .top-header .container {
	  flex-direction: column;
	}
  
	#section-a-propos::before {
	  width: 200px;
	  height: 200px;
	}
  
	#section-a-propos::before {
	  left: -160px;
	}
  
	#section-a-propos .a-propos-list::before {
	  width: 200px;
	  height: 200px;
	  transform: rotate(-45deg);
	  top: -100px;
	  right: -130px;
	}
  
	#section-a-propos .section-title {
	  padding: 40px 0 40px;
	}
  
	#section-a-propos .a-propos-list.grid-img-text-list .row {
	  margin-bottom: 18px;
	}
  
	#section-type-formation::before,
	#section-type-formation::after {
	  display: none;
	}
  
	#section-type-formation .section-type-formation-header {
	  padding: 60px 0;
	}
  }
  html.no-js {
	margin-top: 0 !important;
  }
  @media screen and (max-width: 767px) {
	footer .footer-container {
	  padding: 24px 0 24px;
	  flex-direction: column;
	  align-items: center;
	}
  
	footer .menus-footer {
	  flex-direction: column;
	  align-items: center;
	}
  
	footer .menu-footer {
	  width: 100%;
	}
  
	footer .menu-footer p,
	footer .menu-footer a {
	  text-align: center;
	}
  
	footer .logo-footer {
	  margin: 0 0 40px;
	}
  
	footer .footer-copyright p {
	  font-size: 14px;
	}
  
	#banner1 .banner-content .container {
	  padding-left: 16px;
	}
  
	#banner1 h1 {
	  font-size: 30px;
	}
  
	header+section {
	  margin-top: 160px;
	}
  
	#banner1 {
	  height: 400px;
	}
  
	#banner1 .hibou-png {
	  max-height: 260px;
	}
  
	.qb7-btn {
	  font-size: 18px;
	}
  
	#section-presentation .presentation-list .row:nth-child(2) .col-md-6:first-child {
	  order: 0;
	}
  
	#section-presentation .presentation-item {
	  margin-bottom: 28px;
	}
  
	.grid-img-text-list {
	  margin-top: 40px;
	}
  
	.section-title {
	  font-size: 28px;
	}
  
	#section-modules figure {
	  margin: 0 auto;
	}
  
	#section-a-propos .a-propos-list .row:nth-child(2) .col-md-6:first-child {
	  order: 0;
	}
  
	#section-a-propos::before {
	  left: -90px;
	}
  
	#section-a-propos::before {
	  width: 120px;
	  height: 120px;
	}
  
	#section-a-propos .a-propos-list::before {
	  top: -154px;
	  right: -100px;
	}
  
	#section-a-propos .a-propos-list::before {
	  width: 120px;
	  height: 120px;
	}
  
	#section-a-propos .grid-img-text {
	  padding: 0px 20px 0;
	  margin-bottom: 30px;
	}
  
	#section-confiance .confiance-list {
	  flex-wrap: wrap;
	}
  
	#section-confiance .confiance-list li {
	  width: 33%;
	  margin-bottom: 20px;
	}
  
	#section-actus .actus-extrait {
	  font-size: 16px;
	}
  
	.regular-title {
	  font-size: 30px;
	  margin-bottom: 32px;
	}
  
	#section-actus {
	  padding: 30px 0;
	}
  
	#banner1 .formation-title {
	  width: 100%;
	  padding: 0;
	  padding-left: 12px;
	}
  
	#banner1.banner-formation h1 {
	  margin-bottom: 4px;
	  font-size: 32px;
	  text-align: left;
	}
  
	#banner1 .banner-content .container {
	  padding-left: 12px;
	}
  
	#banner1 .formation-title img {
	  margin-left: 0;
	}
  
	.section-post-banner.formation-page {
	  padding-top: 100px;
	  padding-bottom: 40px;
	}
  
	.section-post-banner.formation-page p {
	  font-size: 14px;
	}
  
	#section-formation-list .formation-step {
	  width: 50%;
	}
  
	#section-formation-list .nbr-formation-step {
	  font-size: 20px;
	  width: 50px;
	  height: 50px;
	  line-height: 42px;
	}
  
	#section-formation-list .formation-step-item {
	  height: 140px;
	}
  
	#section-formation-list .section-title {
	  font-size: 26px;
	  margin-bottom: 24px;
	}
  
	#section-formation-list {
	  padding: 30px 0 30px;
	}
  
	#section-type-formation .section-type-formation-header {
	  font-size: 16px;
	}
  
	#section-type-formation .tel-mail {
	  flex-direction: column;
	}
  
	#section-type-formation .tel-mail li {
	  margin-bottom: 12px;
	}
  
	#section-type-formation .tel-mail li figure {
	  width: 30px;
	  margin-right: 12px;
	}
  
	#section-type-formation .tel-mail li p {
	  font-size: 22px;
	}
  
	#section-type-formation .section-title {
	  margin-bottom: 30px;
	}
  
	#section-type-formation .section-type-formation-list {
	  padding: 20px 0;
	}
  
	#section-type-formation .section-type-formation-list li {
	  font-size: 14px;
	  margin-bottom: 14px;
	}
  
	#section-type-formation .section-type-formation-list li::before {
	  width: 26px;
	  height: 26px;
	  margin-right: 10px;
	}
	.section-actus-single .actus-single {
	  padding: 20px 0px;
	}
	.section-actus-single .blog-media {
	  padding: 0;
	}
	#section-modules figure {
	  margin: 8px auto;
	  height: 40px;
	  padding-left: 30px;
  }
  #section-notre-expertise .notre-expertise-img-wrp {
	width: 100%;
	margin: 20px 0;
  }
  #section-notre-expertise::before {
	display: none;
  }
  #notre-expertise-list .expertise-row .col-left {
	width: 100%;
  }
  #notre-expertise-list .expertise-row .col-right {
	width: 100%;
	margin-top: 32px;
  }
  #notre-expertise-list .expertise-row {
	flex-direction: column;
  }
  #notre-expertise-list .expertise-row .col-right {
	margin-top: 32px;
  }
  #section-formules-tarifs .formule-details>p {
	font-size: 16px;
  }
  #section-formules-tarifs .formule-steps li {
	font-size: 16px;
	margin-bottom: 8px;
	padding-left: 40px;
  }
  #section-formules-tarifs .tarif-details-list li {
	margin-bottom: 8px;
  }
  #section-formules-tarifs .tarif-subtitle {
	font-size: 16px;
  }
  .error404-section p {
	font-size: 26px;
	padding: 100px 0;
  }
  }
  
  @media screen and (max-width: 500px) {
	.section-post-banner::before {
	  top: 0px;
	  height: 80px;
	}
  }
  
  @media screen and (max-width: 424px) {
	#banner1 .hibou-png {
	  max-height: 170px;
	}
  
	#banner1 h1 {
	  font-size: 20px;
	  margin-bottom: 12px;
	}
  
	header .navbar-brand.logo {
	  margin-right: 0;
	  width: 80px;
	}
  
	header+section {
	  margin-top: 140px;
	}
  
	header.sticky .navbar-brand.logo {
	  width: 60px;
	}
  
	.grid-img-text p {
	  font-size: 14px;
	}
  
	#section-presentation .step-list .step-item p:not(.step-title) {
	  font-size: 14px;
	}
  
	.section-title {
	  font-size: 24px;
	}
  
	#section-a-propos .grid-img-text {
	  padding: 0px 16px 0;
	}
  
	#section-confiance .section-title+p {
	  font-size: 14px;
	}
  
	#section-formules p,
	#section-formules span {
	  font-size: 14px;
	}
  
	#section-actus .actus-details {
	  padding: 12px 0 20px;
	}
  
	#section-actus .actus-extrait {
	  font-size: 14px;
	}
  
	#section-actus .actus-item figure {
	  height: 250px;
	}
  
	#section-actus .actus-titre {
	  font-size: 22px;
	  margin: 0px 0px 4px;
	}
  
	.section-post-banner.formation-page {
	  padding-top: 70px;
	}
  
	#section-formation-list .formation-step {
	  width: 100%;
	}
  
	#section-formation-list .formation-step-item {
	  height: 100px;
	}
  
	#section-type-formation .section-type-formation-header {
	  padding: 30px 0;
	  font-size: 14px;
	}
  
	#section-type-formation .section-type-formation-list li::before {
	  margin-top: 4px;
	}
  
	#section-type-formation {
	  padding-bottom: 20px;
	}
	#notre-expertise-list .expertise-title+p {
	  font-size: 16px;
  }
  #notre-expertise-list .expertise-title {
	font-size: 30px;
	margin-bottom: 8px;
  }
  #notre-expertise-list .notre-expertise-item {
	padding: 40px 0;
  }
  #notre-expertise-list .notre-expertise-item+p {
	font-size: 16px;
	padding: 0 4px;
  }
  #section-formules-tarifs .tarif-details-list {
    padding-left: 6px;
}
  }