/* @media only screen and (min-width: 720px) and (max-width: 1280px){ */
@media only screen and (max-width: 1280px){
/* @media screen and (max-width: 992px) { */
  /* CSS rules to apply when the screen width is 768px or less */
    .container{
        max-width: 100%;
        padding: 0 1rem;
    }
    header {
        top: 0;
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 9px 12px 38px 0px rgba(0, 0, 0, 0.12)!important;
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    } 
    header nav.navbar .menu-logo img {
        margin-top: 0rem;
      }
    section.section-slide {
        margin-top: 5.6875rem;
        margin-top: 5rem;
    }
    .section-slide-under img {
      max-width: 5rem;
    }
    section.section-apropos,section.section-service {
      padding: 2rem 0;
    }
    section.section-service .section-service-titre h2::after {
      content: none;
    }
    section.section-service .section-service-titre h2 {
      margin-bottom: 0;
    }
}
@media screen and (max-width: 768px) {
  /* CSS rules to apply when the screen width is 768px or less */
}
@media screen and (min-width: 769px) {
  /* CSS rules to apply when the screen width is 769px or more */
}
@media screen and (max-width: 991px) {
   
    header nav.navbar .navbar-nav {
        background: #fff;
        position: fixed;
        top: 50%; left: 50%;
        width: 20rem;
        transform: translate(-50%,-50%);
        padding: 0;
        border-radius: .5rem;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1) !important;
        display: none;
        margin: 0 !important;
    }
     header nav.navbar .navbar-nav:before{
        content: '';
        background: rgba(0, 0, 0, 0.1);
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: -53%;
        bottom: 0;
        right: 0;
        
    }
    header nav.navbar .navbar li { float: none;}
    header nav.navbar .navbar-nav li:hover ul {
      left: -9999px!important;
      opacity: 0!important;
      visibility: hidden!important;
    }
    /* header nav.navbar .navbar-nav li {
        width: 100%;
    } */
    header nav.navbar li a{
        color: #111 !important;
        font-family: 'AirbnbCerealMedium' !important;
        padding: .5rem .5rem !important;
        background-color: #fafafa;
        font-size: .8rem !important;
        margin: .5rem;
        border-radius: .25rem !important;
    }
    header nav.navbar li a:hover, header nav.navbar li.current a {
      color: var(--primaire) !important;
    }
    .navbar-toggler {
          position: absolute;
          right: 0;
          cursor: pointer;
          border: none;
    }
}