@media (max-width: 1400px) {
      #navigation {
          left: 5%;
      }
      section > article {
          width: 70%;
          padding: 4%;
      }
      .col:first-child {
          width: 45%;
      }
      .col:last-child {
          width: 55%;
      }
      section[data-role='section-3'] article {
          width: 100%;
      }
      section[data-role='section-3'] .col:first-child {
          width: 35%;
          margin-left: 15%;
      }
      .mobile {
          display: none;
      }
  }
  @media (max-width: 480px) {
      .mobile {
          display: block;
      }
      section[data-role='section-3'] .col:first-child {
          margin-left: 5%;
      }
      .loader-bar {
          width: 200px;
      }
      .logoBCS {
          background-image: url(../WD_INC/img/logo-bcs-halo@.png);
      }
      .logoBCS > h1 {
          font-size: 22px;
          margin-bottom: 15px;
          -webkit-transform: translateY(-70px);
      }
      .logoBCS > h2 {
          font-size: 15px;
          letter-spacing: 0.3em;
          -webkit-transform: translateY(-30px);
      }
      .scrollDownIcon {
          background-image: url(../WD_INC/img/scrolldown-icon.png);
      }
      #navigation {
          display: none;
      }
      section {
          background-attachment: scroll;
      }
      /* section[data-role='section-1'] {
          background-image: url(../WD_INC/img/bg-section1@.jpg);
      } */
      
      section[data-role='section-2'] {
          background-image: url(../WD_INC/img/lavage-vitres-en-tete@.jpg);
          background-position: right top;
          -webkit-background-size: cover;
          background-size: cover;
      }
      section > article {
          width: 100%;
          padding: 1%;
          -webkit-overflow-scrolling: touch;
      }
      section[data-role='section-2'] article {
          padding-bottom: 20%;
          font-size: 14px;
          line-height: 1.5em;
      }
      .scrollDownIcon {
          bottom: 10px;
      }
      .col {
          width: 100% !important;
      }
      #slideshow {
          width: auto;
          margin-top: 0;
          margin-bottom: 50px;
          -webkit-transform: translateZ(0px);
          -ms-transform: translateZ(0px);
          -o-transform: translateZ(0px);
          transform: translateZ(0px);
          z-index: 9999;
      }
      #slideshow .slideshow-nav {
          z-index: 10 !important;
          -webkit-transform: translateZ(0px);
          -ms-transform: translateZ(0px);
          -o-transform: translateZ(0px);
          transform: translateZ(0px);
      }
      .slideShow_mask {
          display: none;
      }
      section[data-role='section-4'] {
          height: auto;
          padding-bottom: 50px;
      }
      #carte {
          height: 375px;
          width: 99% !important;
          border: 3px solid black !important;
      }
  }