@media screen and (max-width: 736px) {
  /* line 2, sass/responsive.scss */
  body {
    width: 100%;
    min-width: 320px;
    background-color: white;
  }

  /* line 7, sass/responsive.scss */
  header {
    width: 100%;
    max-width: auto;
    min-width: auto;
  }
  /* line 11, sass/responsive.scss */
  header #header-info {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 10px;
    display: block;
    width: 100%;
  }
  /* line 17, sass/responsive.scss */
  header #header-info a {
    border-right: 0px;
    padding-right: 0px;
    margin-right: 0px;
    display: block;
  }
  /* line 24, sass/responsive.scss */
  header #header {
    display: block;
    text-align: center;
    margin: 0 auto;
    float: none;
  }
  /* line 29, sass/responsive.scss */
  header #header #logo-wrapper {
    width: 80%;
    max-width: 400px;
    margin-right: 15px;
    float: right;
    padding: 0;
    margin: 8px 0;
  }
  /* line 36, sass/responsive.scss */
  header #header #logo-wrapper #obturateur1 {
    max-height: 50vh;
  }
  /* line 39, sass/responsive.scss */
  header #header #logo-wrapper #logo {
    width: 100%;
  }
  /* line 44, sass/responsive.scss */
  header nav {
    display: none;
  }

  /* line 48, sass/responsive.scss */
  .header {
    display: block;
    height: 40px;
    position: absolute;
    top: 0;
    width: 100%;
  }
  /* line 54, sass/responsive.scss */
  .header a {
    background: center center no-repeat transparent;
    background-image: url(images/hamburger.svg);
    width: 40px;
    height: 40px;
    position: absolute;
    top: 8px;
    left: 10px;
  }

  /* line 64, sass/responsive.scss */
  .home .royalSlider {
    min-width: 100% !important;
    height: 55vh !important;
    min-height: 400px !important;
    max-height: 400px !important;
  }

  /* line 71, sass/responsive.scss */
  .home h2 {
    font-size: 25px;
  }
  /* line 75, sass/responsive.scss */
  .home #content-cont #content {
    width: 90%;
    margin: 0 5%;
  }
  /* line 80, sass/responsive.scss */
  .home .parallax-window {
    padding: 20px 0;
  }
  /* line 82, sass/responsive.scss */
  .home .parallax-window #par-box, .home .parallax-window #par-box2 {
    width: 90%;
    margin: 10px 5%;
    height: auto;
    position: relative;
    top: auto;
    box-sizing: border-box;
    left: auto;
    padding-bottom: 70px;
  }
  /* line 93, sass/responsive.scss */
  .home .parallax-window .par-box a {
    left: 20px;
    right: auto;
  }
  /* line 97, sass/responsive.scss */
  .home .parallax-window .par-box h3 {
    float: none;
    max-width: 90%;
  }
  /* line 101, sass/responsive.scss */
  .home .parallax-window .par-box p {
    float: none;
  }
  /* line 106, sass/responsive.scss */
  .home .infoBlockHolder {
    width: 85%;
    top: auto;
    bottom: 10px;
    transform: translate(-50%, -10%) !important;
  }
  /* line 111, sass/responsive.scss */
  .home .infoBlockHolder .infoBlock {
    width: 100%;
  }
  /* line 113, sass/responsive.scss */
  .home .infoBlockHolder .infoBlock p.title {
    font-size: 20px;
    line-height: 22px;
  }
  /* line 118, sass/responsive.scss */
  .home .infoBlockHolder h1 {
    font-size: 30px;
    line-height: 32px;
  }

  /* line 125, sass/responsive.scss */
  #boxes .bx {
    padding-bottom: 100px;
    padding-right: 0px;
    display: block;
    position: relative;
    background-image: none;
  }
  /* line 132, sass/responsive.scss */
  #boxes .bx:before {
    content: "";
    position: absolute;
    background: transparent url("images/blue-arrow.svg") no-repeat scroll center center;
    width: 100%;
    height: 100%;
    top: 90px;
    left: 0;
    z-index: -1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  /* line 147, sass/responsive.scss */
  #boxes .bx:nth-child(3n):before {
    background-image: none;
  }
  /* line 151, sass/responsive.scss */
  #boxes .bx:nth-child(3n) {
    padding-bottom: 0px;
  }

  /* line 155, sass/responsive.scss */
  #content-cont {
    width: 100%;
    padding: 0 0;
  }
  /* line 159, sass/responsive.scss */
  #content-cont #content img {
    width: 100%;
    height: auto;
  }

  /* line 166, sass/responsive.scss */
  #covid19 {
    padding: 0;
    margin: 0 auto;
  }
  /* line 169, sass/responsive.scss */
  #covid19 #content-container {
    width: 90%;
    margin: 0 5%;
  }
  /* line 172, sass/responsive.scss */
  #covid19 #content-container h2 {
    margin: 0 0 0 0;
    padding: 15px 0 0 0;
  }
  /* line 176, sass/responsive.scss */
  #covid19 #content-container p {
    font-size: 14px;
    line-height: 19px;
  }

  /* line 184, sass/responsive.scss */
  #second-cont #second-content {
    width: 100%;
  }

  /* line 189, sass/responsive.scss */
  footer #footer {
    width: 90%;
    margin: 0 5%;
  }
  /* line 192, sass/responsive.scss */
  footer #footer p.right {
    float: left;
  }
  /* line 195, sass/responsive.scss */
  footer #footer .f-col {
    width: 90%;
    margin: 0 5% 15px 5%;
  }
  /* line 199, sass/responsive.scss */
  footer #footer .f-col.last {
    float: none;
  }

  /* line 204, sass/responsive.scss */
  #box-holder {
    text-align: center;
  }
  /* line 206, sass/responsive.scss */
  #box-holder .service-one {
    width: 90%;
    max-width: 250px;
    margin: 0%;
  }

  /* line 213, sass/responsive.scss */
  #box-holder .industries {
    width: 100%;
    min-height: auto;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  /* line 218, sass/responsive.scss */
  #box-holder .industries .industries-bg {
    position: relative;
    padding: 25px 5%;
  }
  /* line 221, sass/responsive.scss */
  #box-holder .industries .industries-bg a.button {
    position: relative;
    left: auto;
    margin-top: 20px;
    bottom: 0px;
    float: none;
    width: 90%;
    box-sizing: border-box;
  }

  /* line 234, sass/responsive.scss */
  #box-holder .support {
    width: 100%;
  }
  /* line 236, sass/responsive.scss */
  #box-holder .support img {
    width: 100%;
    height: auto;
  }

  /* line 243, sass/responsive.scss */
  .general .royalSlider {
    min-height: 200px !important;
  }
  /* line 247, sass/responsive.scss */
  .general #dark-cont-cont #dark-cont {
    width: 100%;
  }
  /* line 249, sass/responsive.scss */
  .general #dark-cont-cont #dark-cont #box-holder {
    width: 90%;
    margin: 0 5%;
    text-align: left;
  }
  /* line 254, sass/responsive.scss */
  .general #dark-cont-cont #dark-cont .dark-box {
    width: 49%;
    margin-right: 2%;
    vertical-align: top;
  }
  /* line 258, sass/responsive.scss */
  .general #dark-cont-cont #dark-cont .dark-box a {
    display: inline-block;
  }
  /* line 261, sass/responsive.scss */
  .general #dark-cont-cont #dark-cont .dark-box .image {
    width: 100%;
  }
  /* line 263, sass/responsive.scss */
  .general #dark-cont-cont #dark-cont .dark-box .image img {
    width: 100%;
  }
  /* line 268, sass/responsive.scss */
  .general #dark-cont-cont #dark-cont .dark-box:nth-child(2n) {
    margin-right: 0;
  }
  /* line 275, sass/responsive.scss */
  .general #content-cont #content .content-left.split {
    width: 100%;
  }
  /* line 278, sass/responsive.scss */
  .general #content-cont #content .content-right.split {
    width: 100%;
  }

  /* line 284, sass/responsive.scss */
  video#bgvid {
    top: 0;
    left: 0;
    z-index: -1;
    transform: none;
  }

  /* line 291, sass/responsive.scss */
  .contact header {
    position: relative;
  }
  /* line 294, sass/responsive.scss */
  .contact main {
    padding-top: 0px;
  }
  /* line 298, sass/responsive.scss */
  .contact #contact-form .col {
    width: 100%;
  }
  /* line 301, sass/responsive.scss */
  .contact #contact-form textarea {
    width: 100%;
  }
  /* line 304, sass/responsive.scss */
  .contact #contact-form input[type="submit"] {
    width: 100%;
  }
  /* line 309, sass/responsive.scss */
  .contact #contact-cont p {
    float: none;
  }
  /* line 312, sass/responsive.scss */
  .contact #contact-cont .divider {
    float: none;
  }
  /* line 315, sass/responsive.scss */
  .contact #contact-cont #contact-left {
    width: 100%;
    float: none;
  }
  /* line 319, sass/responsive.scss */
  .contact #contact-cont #contact-middle {
    width: 100%;
    margin: 30px 0;
    float: none;
  }
  /* line 324, sass/responsive.scss */
  .contact #contact-cont #contact-right {
    width: 100%;
    float: none;
  }

  /* line 332, sass/responsive.scss */
  #news-cont .post .post-left {
    float: none;
    width: 100%;
    margin: 0;
  }
  /* line 337, sass/responsive.scss */
  #news-cont .post .post-right {
    float: none;
    width: 100%;
    margin: 0;
  }
  /* line 342, sass/responsive.scss */
  #news-cont .post .social-cont {
    position: relative;
  }

  /* line 347, sass/responsive.scss */
  .ow-box {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    height: auto;
  }
  /* line 352, sass/responsive.scss */
  .ow-box img {
    width: 100%;
    height: auto;
  }

  /* line 357, sass/responsive.scss */
  p.title {
    font-size: 25px;
  }

  /* line 361, sass/responsive.scss */
  .hero .royalSlider {
    height: 95vh !important;
    max-height: 95vh !important;
  }
  /* line 365, sass/responsive.scss */
  .hero a#bbtn {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  /* line 377, sass/responsive.scss */
  .home .royalSlider {
    min-width: 100% !important;
    height: 55vh !important;
    min-height: 400px !important;
    max-height: 400px !important;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
  /* line 389, sass/responsive.scss */
  .home .royalSlider {
    min-width: 100% !important;
    height: 55vh !important;
    min-height: 400px !important;
    max-height: 400px !important;
  }
}