/* prevent angular from loading on smaller screens */
@media only all and (min-width: 1024px) {
    .main-loader {
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
      img {
        height: 80px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
      }
    }

    .main-loader-image {
      width: 100px;
      height: 100px;
      position: fixed;
      top: 50%;
      left: 50%;
      margin-left: -50px;
      margin-top: -50px;
    }

    .small-screen-error {
      display: none;
    }
  }

  @media only all and (max-width: 1023px) {
    .main-loader {
      display: none;
    }

    .small-screen-error {
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
    }

    .small-screen-details {
      color: #4b6479;
      font-size: 20px;
      width: 100%;
    }

    .error-image {
      margin: 50px 60px;
      width: 160px;
    }
    .loading-screen-error-text {
      color: #4b6479;
      padding: 0 30px;
    }
  }