/*------------------------------------------*/
  /*  responsive
  /*------------------------------------------*/
  @media (min-width: 1780px) {
    .hero-section {
    background-size: 100%;
    background-position-x: left;
    height: 50rem !important;
    }
      
  }
  @media (min-width: 1200px) {
    .container{
          width: 95%;
      }
      
  }
  @media (min-width: 992px) {
      .container{
          max-width: 80%;
      }
    h4.titre {
      font-size: 1.9rem;
    }
    #programme .bounce-up .subject,
    #programme .bounce-up .subject.left,
    #programme .bounce-up.in-view .subject,
    #gallerie .bounce-up .subject,
    #gallerie .bounce-up .subject.left,
    #gallerie .bounce-up.in-view .subject {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    }
    .mfp-iframe-scaler {
      padding-top: 56.25%;
    }
    .wrapMainContent {
      margin-top: 0;
    }
    .uploadBtn {
      width: 17%;
    }
     .lightbox_img_wrap {
       width: 16em;
       height: 16em; 
     }
    /*------------------------------------------*/
    /*  hero
    /*------------------------------------------*/
    .hero-section {
    background-size: 100%;
    background-position-x: left;
    height: 30rem;
    }
    .hero-text {
      top: 30%;
      bottom: 2%;
      left: 0;
      right: 0;
      margin: auto;
      width: 11.5%;
    }
    .hero-text .profile {
      width: 7rem !important;
      height: 7rem !important;
    }
    .hero-text .wrapPosted h1 {
      font-size: 2.2rem;
      text-align: inherit;
    }
    /*------------------------------------------*/
    /*  countdown
    /*------------------------------------------*/
    .savethedate {
      position: relative;
      bottom: inherit;
    }
    .claimer .wedding-spacer {
      background-size: 30%;
      margin-bottom: 2%;
    }
    /*------------------------------------------*/
  /*  DATES
  /*------------------------------------------*/
  .dates .date {
    background: transparent url(../images/deco-dates.png) left -41% no-repeat;
    background-size: 100%;
  }
  .dates .date .pointilles {
    height: 112px;
    width: 47px;
    top: -12px;
    left: -21px;
  }
  .dates .date .textDate.up{
    top: -9rem;
    margin: 0;
  }
  .dates .date .textDate.down{
    top: -1rem;
    margin: 0;
  }
  .dates .date  .imgDate{
    /* width: 7em !important;
    height: 7em !important; */
    padding: 4%;
  }
  .fancybox-caption__body {
    height: 8vh;
  }
    /*------------------------------------------*/
    /*  mariés
    /*------------------------------------------*/
    /* #married {
      margin-top: 11%;
    } */
    /*------------------------------------------*/
    /*  lieux
    /*------------------------------------------*/
    .horaires .wedding-spacer {
      background-size: 45%;
      height: 1.3rem;
    }
    .carte .wedding-spacer {
      background-size: 45%;
      height: 1.3rem;
    }
  /*------------------------------------------*/
  /*  gallerie
  /*------------------------------------------*/
  .carousel-gallerie .gallerie-item {
    height: 10rem;
  }
    /*------------------------------------------*/
    /*  footer
    /*------------------------------------------*/
    footer {
      margin-bottom: 0;
    }
  }
  @media (min-width: 768px) {
        .container{
          max-width: 95%;
      }
    .wrapMainContent {
      margin-top: 6%;
    }
  }
  @media (min-width: 576px) {
    .wrapMainContent {
      margin-top: 0;
    }
  }