:root {
  --breakpoint: 'desktop'
}


@media screen and (max-width: 768px) {
  :root {
    --breakpoint: 'mobile'
  }


  #page-body-wrap.no-sidebar .header-bar .content-wrapper,
  #page-content .page-wrapper,
  #footer-copyrights {
    padding-left: 20px;
    padding-right: 20px;
  }


  #page-body-wrap .header-bg {
    min-width: auto;
  }

  #page-body-wrap.no-sidebar .header-bar .content-wrapper {
    width: 100%;
  }

  .app-body-style-1 {
    width: 100%;
  }

  .app-body-style-1 .app-body-wrap {
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  #the-message.v2 {
    width: 100%;
  }

  .modal-confirm .modal-title {
    min-height: 36px;
    line-height: 24px;
    font-size: 18px;
    padding-left: 54px;
    margin-bottom: 10px;
    background-size: 36px auto;
  }

  .the-layer {
    width: 94%;
    margin-left: 3%;
    left: 0 !important;
  }

  .dialog-confirm .title {
    line-height: 24px;
    padding-right: 12px;
    padding-left: 62px;
    font-size: 16px;
    white-space: normal;
  }

  .dialog-confirm .content {
    background-position: 12px 28px;
    background-size: 36px auto;
  }

  #header-bar-breadcrumb h3 .home {
    font-size: 18px;
  }

  #page-primary-header-bar .wrap-user-info {
    margin-left: 10px;
  }

  #header-bar-user-info .content-user-name {
    max-width: 130px;
  }


  #form-start-Cheers4Peers .item-select-school .flex-layout {
    display: block;
  }

  #form-start-Cheers4Peers .item-select-school .the-input-container.forSchool,
  #form-start-Cheers4Peers .item-select-school .the-input-container.forDepartment {
    display: block;
    width: 100%;
  }

  #form-start-Cheers4Peers .item-select-school .the-input-container.forSchool {
    margin-bottom: 15px;
  }

  #form-start-Cheers4Peers .label {
    height: auto;
  }

  #button-submit-a-shoutout {
    background: #C03;
    color: #FFF;
  }

  .container-display-shoutout-list .content-shoutout-list li {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .page-content-header {
    border-radius: 0;
  }

  .content-submit-success .success-img {
    height: 80px;
  }

  .content-submit-success .summary {
    line-height: 24px;
  }

  #footer-copyrights .content-copyright {
    margin-bottom: 5px;
  }
}