@media only screen and (max-width: 960px) {

  body.not-front #main {
    padding-left: 15px;
    padding-right: 15px;
  }


  .page-services-et-personnel-search #content .form-wrapper,
  .page-department-staff-search #content .form-wrapper,
  .page-health-info-search #content .form-wrapper,
  .page-resources-search #content .form-wrapper,
  .page-ressources-search #content .form-wrapper,
  .page-search #content .form-wrapper {
    width: 100%;
  }


  .panel-pane .search-form, #content .search-form, .page-search #content .search-form {
    max-width: 75%;
    margin: 0 auto;
    margin-bottom: 25px;
  }

  .panel-pane .search-form .form-type-textfield input, .panel-pane .search-form .form-wrapper .form-type-textfield input[type=text], #content .search-form .form-type-textfield input, #content .search-form .form-wrapper .form-type-textfield input[type=text], .page-search #content .search-form .form-type-textfield input, .page-search #content .search-form .form-wrapper .form-type-textfield input[type=text] {
    max-width: 100%;
    width: 100%;
  }


  .panel-display .panel-panel {
    width: 100%;
    float: none;
  }


  .panel-2col-stacked .panel-col-first .inside, .panel-2col-stacked .panel-col-last .inside, .panel-2col-bricks .panel-col-first .inside, .panel-2col-bricks .panel-col-last .inside {
    margin: 0px;
  }

  .panel-2col-stacked ul, .panel-2col-bricks ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
  }


  .panel-healthInfo-background.contextual-links ul {
    margin: 0 auto;
  }


  .panel-panel {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    text-align: left;
  }

  .panel-panel ul {
    width: fit-content;
    margin: 0 auto;
    text-align: left;
  }

  .panel-panel .pane-custom img {
    margin: 0px;
  }

  .panel-panel.block-triptictopright {
    margin-top: 20px;
  }

  .panel-panel .pane-nouvelles {
    margin: 0px;
  }

  .panel-panel .panel-pane {
    height: fit-content;
  }


  .container-home-box-social .panel-panel {
    width: 23.5%;
    display: inline-block;
  }

  .container-home-box-social .panel-panel .panel-pane {
    max-width: 600px;
    margin: 0 auto;
    padding: 10px;
  }


  .front .panel-panel.block-top {
    width: 100%;
  }

  .front .panel-panel.block-triptictopright {
    width: 100%;
  }


  .pane-hme-alphabetical-staff.color-block-search ul, .pane-hme-alphabetical-department.color-block-search ul {
    flex-direction: row;
  }

  .pane-hme-alphabetical-staff.color-block-search ul li, .pane-hme-alphabetical-department.color-block-search ul li {
    font-size: 22px;
    margin: 5px;
  }
}