/* Large Desktop
==================================================================================================== */
@media (min-width: 1900px) {
  .bx-wrapper img {
    max-width: none;
    width: 100%;
    display: block;
  }
}

@media (min-width: 1200px) {
  .bxslider .texte {
    top: 10%;
  }
  #bandeau .row {
  align-items: center;
  justify-content: center;
}
  #bandeau .col-md-6 {
  padding: 5rem 3rem 5rem 0;
  }
}
@media (max-width: 1199px) {
  header nav a {
    font-size: 14px;
    padding: 0 5px;
  }
  #logo a {
  height: 80px;
  left: -22px;
  top: 16px;
  }
}
/* #Tablet (Portrait)
==================================================================================================== */
@media (min-width: 768px) and (max-width: 979px) {
  /* header nav a {
    font-size: 14px;
    padding: 0 5px;
  } */
  #mobile-header {
    position: relative;
    display: block;
    height: 60px;
    width: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--main-color);
  }
  #mobile-header #responsive-logo {
    width: 60px;
    margin-top: 0px;
    position: absolute;
    left: 35%;
  }
  #mobile-header #responsive-logo img {
    width: auto;
    height: 60px;
  }
  #mobile-header #responsive-menu-button {
    /* z-index: 9999999;
    display: block;
    text-indent: -9999px;
    width: 20px;
    padding: 17px 0 0 25px;
    height: 56px;
    background: url("../img/menu.svg") center center no-repeat; */
  }
  #top,
  .arrow,
  header {
    display: none;
  }

  élément {
}
.bxslider .texte {
  top: 15%;
  }
  .bxslider .texte h2 {
  font-size: 3.5rem;
  padding:0;
  }
  .bx-wrapper li p {
  margin-bottom: 15px;
}
}
/*  #Mobile (Portrait)
==================================================================================================== */
@media (max-width: 767px) {
  #main {
    padding-top: 0;
  }
  /* .bxslider .texte {
  top: 15%;
} */
  /* .bx-wrapper img {
  max-width: none;
  width: auto;
  display: block;
  height: 350px;
} */
  /* .home-header.parallax {
    height: 480px;
    background-size: cover;
  }
  .home #page h2 {
  text-align: center;
} */

.bx-viewport {
  height: 400px !important;
}
.bx-wrapper img {
max-width: none;
width: auto;
display: block;
height: 400px;
}

.bxslider .texte {
  top: 15%;
}
.bxslider .texte h2 {
font-size: 2.8rem;
padding:0;
}
.col-md-4.item-activite {
  margin-bottom: 3rem;
}
#quisuisje::after {
  width: 100%;
  border-radius: 0;
}
#quisuisje .bloc-rdv {
  margin-bottom: 3rem;
}
.item-actu{
  margin-bottom: 3rem;
}
  #mobile-header {
    position: relative;
    display: block;
    height: 60px;
    width: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--main-color);
  }
  #mobile-header #responsive-logo {
      margin-top: 0px;
      position: relative;
      z-index: 1;
    }
  #mobile-header #responsive-logo img {
    width: auto;
    height: 60px;
  }
  #mobile-header #responsive-menu-button {
    /* z-index: 9999999;
    display: block;
    text-indent: -9999px;
    width: 20px;
    padding: 17px 0 0 25px;
    height: 56px;
    background: url("../img/menu.svg") center center no-repeat; */
  }
  #top,
  .arrow,
  header {
    display: none;
  }
}
@media (max-width: 979px) {
  #mobile-header {
  text-align: center;
  position: relative;
}
  #presta .item-presta {
    display: block;
  }
  #presta .colpresta.item-presta-text {
    padding-right: 0px;
  }
  #presta .colpresta7 {
  width: 100%;
  margin-bottom: 3rem;
}
#presta .item-presta:nth-of-type(2n) .colpresta.item-presta-text {
  padding-left: 0px;
}
#presta .colpresta5 {
  width: 100%;
}
#ateliers .ligne-atelier {
  display: block;
  margin:0 15px 5rem 15px;
}
#ateliers .col-atelier.image-atelier {
  padding: 3rem 3rem 0rem 3rem;
}

  #main {
    padding-top: 0;
  }
  #phone svg {
  width: 25px;
  height: auto;
}
#phone {
  position: absolute;
  right: 30px;
  top: 16px;
  fill: var(--second-color);
}
#mobile-header #responsive-menu-button {
    z-index: 9999999;
    display: block;
    padding: 12px 0 0;
    position: absolute;
    left: 30px;
    top: 0;
  }
#responsive-menu-button svg {
  width: 35px;
  height: auto;
  fill: #FFF;
}
}

/*  #Mobile (Paysage)
==================================================================================================== */
@media (max-width: 480px) {

  .author #home-blog .author-description {
  display: block;
}
.author #home-blog .author-description .avatar-image {
  margin-right: 0;
  margin-bottom: 15px;
}

  #btn-inscription .col-md-6.text-right {
    text-align: center !important;
  }
  .number-section {
  left: 5px;
  top: -20px;
}

  #popup-video .content-popup-video {
  width: 100%;
}
  #popup-video .content-popup-video iframe#teaser-yt {
  width: 100%;
}

  .bx-wrapper img {
   height: 500px;
 }
 .bx-viewport {
   height: 500px !important;
 }
 .bxslider .texte {
  top: 7%;
}
  #phone {
   position: absolute;
   right: 15px;
 }
 #mobile-header #responsive-menu-button {
   left: 15px;
 }
  .home-header.parallax {
    height: 330px;
    background-size: cover;
  }
  .bxslider .texte h2 {
  font-size: 2.5rem;
}
#quisuisje {
  padding: 5rem 0 8rem;
}
#contact-form .col6 {
  width: 100%;
}
.wpcf7-form-control.wpcf7-submit {
  max-width: 100%;
}
/* .wp-block-image .alignright {
  float: none;
} */
  #main {
    padding-top: 0;
  }
  .home #page h2 {
    text-align: center;
  }
  .parallax {
    height: 170px;
	background-position: 50% 50px !important;
  }
	.home-header.parallax h1.entete_titre {
  font-size: 4rem;
}
}


@media (max-width: 339px) {
  .bx-wrapper .btn.primary.btn-rdv {
    margin-left: 0px;
    margin-top: 10px;
  }

}