@media screen and (max-width: 900px) {
  .popup {
    width: 100%;
    margin: 40px auto;
  }
  .popup h3 {
    background: none;
  }
  .popup p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
  }
  .popup .article {
    width: 100%;
    padding-right: 0px;
    padding: 30px;
  }
  .popup .article iframe {
    width: 100% !important;
  }
}
@media screen and (max-width: 800px) {
  #overview .overviewContent {
    width: 33.33%;
  }
  #overview-disease .overviewContent {
    width: 50%;
  }
  .info-button {
    font-size: 15px;
  }
  .disease-10 #content div.intro {
    padding-right: 0px;
  }
  .popup-diabetes-liga .border-img {
    float: none;
    margin-bottom: 10px;
    width: 250px;
  }
}
@media screen and (max-width: 700px) {
  #content .document .three {
    width: 45%;
  }
}
@media screen and (max-width: 600px) {
  /* Header __________________________________________________________________________________________________________*/
  #header #ad-top {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    margin: 0px;
  }
  #header #ad-top a img {
    width: 100%;
  }
  /* Content __________________________________________________________________________________________________________*/
  #main #sidenav {
    width: auto !important;
  }
  #main #sidenav .close-nav {
    display: none !important;
  }
  .disease-8 #content,
  .disease-9 #content,
  .disease-10 #content,
  .disease-12 #content {
    width: 100% !important;
  }
  #overview-disease .overviewContent {
    width: 100%;
  }
  #overview-disease .overviewContent a img {
    width: auto;
  }
  .doc #content {
    width: 100%;
  }
  #content .close-nav {
    display: none !important;
  }
  #breadcrumb {
    display: none;
  }
  #head #bottom-nav {
    display: none;
  }
  #head h2 {
    margin: 20px 15px 5px 0px;
    font-size: 25px;
  }
  #sidenavResponsive {
    display: inline-block;
    padding: 10px 15px;
    background-color: #6ec4d5;
    color: #fff;
    margin: 20px 0px 0px 20px;
    font-weight: 700;
    cursor: pointer;
  }
  #sidenav {
    display: none;
  }
}
@media screen and (max-width: 550px) {
  #main a.manual-button {
    margin-top: 15px;
  }
  #overview .overviewContent {
    width: 100%;
  }
  /* FAQ _____________________________________________________________________________________________________________*/
  #faq .ui-accordion-content .inner {
    padding: 20px 20px 20px 60px;
  }
  #aliments .col {
    width: 80%;
    float: none;
    margin: 40px auto;
  }
  /* Footer __________________________________________________________________________________________________________*/
  #footer #links {
    width: 80%;
  }
  #footer #links a {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  #overview .overviewContent {
    width: 100%;
  }
  .info-button {
    font-size: 12px;
  }
  #content .document .two {
    width: 60% !important;
  }
  #content .document .three {
    width: 80% !important;
    padding: 10px 30px;
  }
  .popup-diabetes-liga .border-img {
    float: none;
    margin-bottom: 10px;
    width: 200px;
  }
  /* Footer __________________________________________________________________________________________________________*/
  #footer #links {
    width: 80%;
  }
}
@media screen and (max-width: 350px) {
  .disease-8 #content .question-video .video-button,
  .disease-9 #content .question-video .video-button,
  .disease-10 #content .question-video .video-button,
  .disease-12 #content .question-video .video-button {
    font-size: 10px;
  }
  #access a:first-child {
    display: inline-block;
    width: 100%;
  }
  #overview-disease .overviewContent a img {
    width: 100%;
  }
  #main #content .action h1 {
    background: none;
    padding-left: 0px;
  }
  #main #content .document .question-video h2 {
    padding: 0 152px 0 0px;
  }
  #main #content .document .question-video h2 .num {
    display: none;
  }
  #content .document .two {
    width: 80% !important;
  }
  #content .document .doc-button {
    padding: 0px;
  }
  .campagnes.box p {
    width: 100%;
  }
  .popup-diabetes-liga .border-img {
    float: none;
    margin-bottom: 10px;
    width: 180px;
  }
  #tabagisme .button {
    padding: 0px 35px;
    font-size: 20px;
  }
}