@media all and (max-width: 1199px) {
  .center {
    width: 94%;
  }
  #wrapper.page-404 main #main-content {
    flex-direction: column;
  }
  #wrapper.page-404 main #main-content #page-content,
  #wrapper.page-404 #error-image {
    width: 96%;
    padding: 2%;
    justify-content: center;
    align-items: center;
  }
  #wrapper.page-404 main #main-content #page-content {
    position: relative;
    z-index: 1;
  }
  #wrapper.page-404 main #main-content #page-content .info {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #wrapper.page-404 #error-image .image {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #wrapper.page-404 #error-image .image img,
  #wrapper.page-404.maintenance #error-image .image img {
    max-width: 90%;
    margin-top: 25px;
    margin-bottom: 20px;
  }
  #wrapper.page-404 #error-image {
    -webkit-transform: skewY(-11deg);
    -ms-transform: skewY(-11deg);
    transform: skewY(-11deg);
    border-radius: 0 0px 12px 12px;
  }
  #wrapper.page-404 #error-image-inner {
    -webkit-transform: skewY(11deg);
    -ms-transform: skewY(11deg);
    transform: skewY(11deg);
  }
  #wrapper.page-404 #error-image:before {
    top: 50%;
    left: 0;
  }
  #wrapper.page-404 {
    height: auto;
  }
  #wrapper.user-profile #main-content {
    flex-direction: column-reverse;
    align-items: center;
  }
  #wrapper.user-profile {
    background-image: linear-gradient(-10deg, #ffffff 0%, #ffffff 70%, #f5f5f5 70%, #f5f5f5 100%);
    align-items: flex-start;
    height: auto;
  }
  #wrapper.user-profile .user-bread {
    margin: 30px 0 70px;
  }
  #wrapper.user-profile #main-content  .user-left .user-info > div ,
  #wrapper.user-profile #main-content .user-right,
  #wrapper.user-profile #main-content .user-left {
    justify-content: center;
    text-align: center;
    width: 100%;
  }
  #wrapper.user-profile #main-content .user-right svg {
    width: 154px;
    height: auto;
    margin-bottom: 40px;
  }
  .gin--navigation .block-local-tasks-block, 
  .gin--vertical-toolbar .block-local-tasks-block {
    left: var(--drupal-displace-offset-left, 0);
  }
  #messages-wrapper,
  .messages__wrapper {
    width: 85%;
  }
}