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

	body main {
	  overflow-x: hidden !important;
	}

	#team-page #bloc-3 {
	  padding-bottom: 0 !important;
	}

	body #home-page #bloc-5 .col-12.col-lg-7.container-img {
	  position: inherit;
	  height: auto;
	  text-align: center;
	  margin-top: 0;
	  width: 100%;
	}

	#team-page #bloc-1 .col-12.col-sm-7 {
	  padding: 0 !important;
		}

	img.img-partenaire {
	  width: 80% !important;
	  height: auto !important;
	  margin: auto;
	  display: block;
	}

	body #home-page #bloc-5 .col-12.col-lg-5 {
	  margin-left: 0;
	  margin-top: 20px;
	}

	body #bloc-5 div.bloc-etape {
	  padding-left: 0;
	}


	div, p {
	font-size: 15px;
	}

	/*EQUIPE*/
	#team-page #bloc-5 {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 90px;
	}

	#team-page #bloc-5 h2 {
	text-align: center;
	}

	.owl-carousel .owl-item img {
		max-height: 140px;
	}

}

@media (max-width: 990px) {
	.no-mobile {display: none !important}
	.mobile {display: unset; !important}
	.border-right-vert::after {
	  display: none;
	}
	#footer-middle {
	  text-align: center;
	}
	#footer-top {
	  text-align: center;
	}
	#menu-dropdown a {
	  display: block;
	  margin-bottom: 7px;
	}

    div .grand-btn-blanc,  div .grand-btn-vert {
    font-size: 15px !important ;
    }

    .cta-btn, cta-btn a {
    font-size: 14px;
    }

	#biens #bloc-alerte .grand-btn-blanc {
	  min-width: 230px;
	  margin-left: 15px;
	  display: inline-block;
	}

	div .card-pharmacie .btn-blanc {
	  width: 60%;
	  margin-left: 21%;
	}
	#bloc-titre .bg-vert img {
	  display: none;
	}
	#bloc-titre .bg-vert h1 {
	  font-size: 22px;
	  padding: 20px 10px;
	  text-align: center;
	  width: 100%;
	}
	main #bloc-titre {
	  padding-bottom: 0 !important;
	}
	section#bloc-recherche {
	  padding-top: 0;
	  padding-bottom: 80px;
	  margin-top: 0;
	}
	#biens #bloc-intro, #biens #bloc-5,
	#to-sell-page #bloc-intro, #to-sell-page #bloc-5, #bloc-intro-stage  {
	  background: none !important;
	}
	#biens #bloc-intro h3, #biens #bloc-intro p, #biens #bloc-alerte p, #biens #bloc-alerte img,
	#bloc-intro-stage .intro-txt h3, #to-sell-page .container-txt-icon h3, #bloc-intro-stage .intro-txt p, #to-sell-page .container-txt-icon p  {
	  margin-left: 0;
	  text-align: center;
	  margin-top: 0;
	}

	#to-sell-page .icone-demarche p{
	text-align: left;
	}

	#menu-dropdown {
	  margin-top: 15px;
	}
	#avatar-detail {
	  text-align: center;
	}
	.nav-pills li.nav-item, .nav-pills li.nav-item button {
	  width: 100%;
	  display: block;
	  margin-bottom: 10px;
	  margin-left: 0 !important;
	  margin-right: 0 !important;
	}
	#avatar-detail img {
	  max-width: 150px;
	}
	.bandeau-btn-detail a {
	  text-align: center !important;
	}
	#footer-top .d-flex {
	  display: block !important;
	  margin-top: 25px !important;
	}
	.bandeau-icone-detail {
	  margin-bottom: 20px;
	  text-align: center;
	  margin-top: 10px;
	}
	#footer-top .d-flex a {
	  display: block;
	  margin-top: 10px;
	}

	#footer-middle .d-flex {
	  display: block !important;
	}

	header .d-flex {
	  display: block !important;
	  margin-right: 0;
	  width: 100%;
	  margin-top: -55px;
	}
	header .navbar .container-fluid {display: block;}
	header .row.my-5 {
	  margin-top: 1rem !important;
	  margin-bottom: 1rem !important;
	}
	header .navbar .container-fluid button.navbar-toggler {
	  float: right;
	}
	#navbarHeader {margin-top: 60px;}
	#navbarHeader, #navbarHeader > ul {
	  width: 100%;
	}
	 ul.navbar-nav.me-auto > li {
		  margin: 3px auto;
		  line-height: 0px;
		}
	 button.nav-link.dropdown-toggle {
	  width: 100%;
	}
	 ul.dropdown-menu.show {
	  padding: 5px !important;
	  line-height: 30px;
	}
	div .navbar-nav li.nav-item::after {display: none !important}

	div .navbar-nav li.nav-item a {
    font-size: 15px;
    }

	#home-page #bloc-1 h1 {
	  margin-top: 20px;
	  margin-bottom: 35px;
	}

	#home-page #bloc-1 {
	  text-align: center;
	}

	#home-page #bloc-1 .row.bloc-icon-round > div {
	  padding: 25px 15px;
	  margin-right: 1%;
	  max-width: 31%;
	  font-size: 17px;
	  margin-left: 1%;
	  margin-bottom: 50px;
	}
	div p.bloc-data {
	  width: 40%;
	}
	.formulaire-recherche div.input-green {
	  margin-bottom: 20px;
	}
	a.grand-btn-vert {
	  display: block;
	}
	#team-page #bloc-3 .owl-nav,
	#home-page #bloc-3 .owl-nav {
	  display: none;
	}
	div h3 {
	  font-size: 25px;
	}
	div #bloc-5 .col-12.col-lg-7 img {
	  max-width: 100%;
	  border-radius: 20px;
	  padding-top: 0;
	  overflow: hidden;
	}
	#home-page #bloc-6 iframe {
	  height: 200px;
	}
	a.grand-btn-blanc {
	  display: block;
	}
	div .color-vert.citation {
	  background-size: 39px;
	}

	#home-page #bloc-5 {
    padding: 90px 0;
    }

	#home-page #bloc-5 .container-img, #home-page #bloc-8 .container-img {
	 display: flex;
	 justify-content:center;
	}

	#home-page #bloc-8 .col-12.col-lg-6 > img {
	  position: relative !important;
	  max-width: 95% !important;
	  margin-top: 50px !important;
	  border-radius: 10px;
	  display: block;
	}

	#home-page #bloc-9 .col-12.col-lg-1 {
	  margin-top: 40px;
	}
	.block-sub-menu .separateur::before {
      display:none;
    }

    .block-sub-menu .separateur::after {
    display:none;
    }

     .block-sub-menu>.d-flex{
     display: block!important;
     text-align:center;
     }

     .block-sub-menu .justify-content-between div {
      margin: 5px auto;
      }

     .block-sub-menu a{
     font-size: 18px;
     }

     .block-sub-menu .l900 div:nth-child(2) a{
     border-top: 2px solid var(--noir);
      border-bottom: 2px solid var(--noir);
      display: inline-block;
      width : max-content;
      line-height: 30px;
     }

     .block-sub-menu .separateur {
    padding: 3px 0px;
    }

/*VENDRE*/

    #to-sell-page #bloc-intro-stage {
    margin-bottom: 10px;
    padding-bottom: 10px;
    }

    #biens #bloc-5, #to-sell-page #bloc-5 {
    margin-top: 10px;
    }

 /*SAVOIR-FAIRE*/
    #know-how-page #bloc-1 > .row {
      background: bottom right/100% no-repeat url(../images/savoir-faire/bg-banner-know-how.webp);
    }
    #know-how-page .banner-title-strong > h1:nth-child(1) {
    margin-left: 20px;
    margin-bottom: 100px;
    }

    .block-notre-savoir-faire .l900 {
    width: 90%;
    }
    .container-nos-services {
      width: 85%;
      margin: auto;
    }

    .nos-services p {
      text-align: center;
    }

    .container-picto p {
      text-align: left;
    }

    #know-how-page #bloc-2 {
      margin: 25px auto;
    }
      #know-how-page #bloc-2 .d-flex {
      justify-content: center;
    }

    #know-how-page .video {
      margin: auto;
      padding: 10px;
      width: 90%;
    }

    #know-how-page #bloc-3 {
    margin-bottom: 80px;
    margin-top: 100px;
    }

    .cards-container .card {
      width: 90%;
      margin: auto;
      margin-bottom: 50px;
    }

    .cards-container .col1,  .cards-container .col2 {
    gap: 60px;
    }

    .cards-container p, .cards-container a {
      font-size: 14px;
    }

/*EQUIPE*/
    #team-page #bloc-1>.row {
      background: bottom right/100% no-repeat url(../images/equipe/bg-banner-team.webp);
    }

    #team-page #bloc-1 {
    margin: 0px auto 0px auto;
    }

    #team-page #bloc-2 .l1000 {
      margin-bottom: 25px;
    }

    #team-page #bloc-1 h1 {
      margin-bottom: 100px;
    }

    #team-page #bloc-1 > .row {
    padding: 0 20px;
    }

      #team-page .card-list {
      margin: auto;
      margin-bottom: 30px;
      width: 70%;
    }

     #team-page .card-list img{
      width: 100%;
      object-fit: contain;
    }
    #team-page .card-list h4 {
    font-size: 17px;
    }

    #team-page .card-list a {
    font-size: 14px;
    }

     #team-page  #bloc-4 .container-fluid {
    width: 95% !important;
    }

    .block-list-menu list-tab {
    width: 95%;
    }

    #team-page a.item-list-menu:first-child {
    border-radius: 10px 10px 0px 0px;
    }

    #team-page #bloc-4 {
    margin: auto 10px auto 10px;
    }

    #team-page a.item-list-menu:last-child {
    border-radius: 0px 0px 0px 0px;
    }

    #team-page a.item-list-menu {
    width: 100%;
    }

    #team-page #list-1 > .d-flex {
    display: block !important;
    }

      /*SERVICES*/

    #services-page #bloc-1 > .row {
    margin-top: -20px !important;
    }

     #services-page .btn-container {
    flex-wrap: wrap;
    }

    #services-page .grand-btn-vert, #services-page .grand-btn-blanc {
    width: 95%!important;
    }

    #services-page .card {
    margin-top: 65px;
    }

    #services-page .accordion-body h4, #services-page .accordion-button {
    font-size: 18px;
    }

    #services-page .accordion-body li p {
    font-size: 14px;
    }

     #services-page #bloc-2 .accordion {
      max-width: 95%;
    }

}

@media (min-width: 990px) and (max-width: 1450px) {
	.col-12.col-lg-7.banner-title-strong {
    padding-top: 75px;
	}
}


/*TABLETTE*/
@media (min-width: 990px) and (max-width: 1135px) {
	header .navbar.navbar-expand-lg {
	  margin-right: 0 !important;
	}
	header .d-flex.justify-content-end a {
	  font-size: 13px;
	}
	div .navbar-nav li.nav-item a, div .navbar-nav li.nav-item button {
	  font-size: 14px !important;
	}
	.row.bloc-icon-round > div {
	  border: 2px solid var(--vert);
	  border-radius: 7px;
	  padding: 25px;
	  text-align: center;
	  margin-right: 2%;
	  max-width: 31%;
	  text-transform: uppercase;
	  font-weight: 600;
	  color: var(--vert);
	  background: #fff;
	  font-size: 20px;
	}
}

/*LG-SCREEN*/
@media (max-width: 1450px) {

  /*SERVICES*/

  #services-page #bloc-1 > .row {
  height: 394px;
  background: bottom right/100% no-repeat url(../images/services/banner-services.webp);
  margin-top: -100px;
}

/*EQUIPE*/
    #contact-services .bg-white {
    flex-direction: column;
    gap: 20px;
    }

}