.error-page {
  background: #2796bd;
}
@media (min-width: 1200px) {
  .error-page .error-page-inner {
    overflow: hidden;
    background: #2796bd;
    padding-bottom: 15%;
  }
  .error-page .error-page-inner .block_main1 {
    background: #4bbebe;
    margin: 150px -1000px 0;
    margin: 0 -1000px;
    transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    position: relative;
  }
  .error-page .error-page-inner .block_main1:before {
    content: "";
    height: 100%;
    width: 100%;
    bottom: 99%;
    left: 0;
    background: #4bbebe;
    position: absolute;
  }
  .error-page .error-page-inner .block_main2 {
    transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    margin: 9px -1000px 0;
    text-align: center;
  }
  .error-page .error-page-inner .block_main2 .error-message {
    font-size: 22px;
    color: #fff;
    padding: 20px;
  }
  .error-page .error-page-inner.has-background {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .error-page .error-page-inner .error-wrap {
    text-align: center;
    position: relative;
  }
  .error-page .error-page-inner .error-wrap > img {
    display: inline-block;
    width: 520px;
  }
  .error-page .error-page-inner .error-wrap .error-code {
    display: inline-block;
    font-size: 270px;
    color: #fff;
    font-weight: bold;
    transform: translate(-200px,208px);
    -moz-transform: translate(-200px,208px);
    -webkit-transform: translate(-200px,208px);
  }
  .error-page .error-page-inner .error-wrap a {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 25px;
  }
}
@media (max-width: 1199px) {
  .error-page .error-page-inner {
    overflow: hidden;
    background: #2796bd;
    padding: 30% 0;
  }
  .error-page .error-page-inner .error-wrap > .error-image {
    display: inline-block;
    width: 30%;
    float: left;
  }
  .error-page .error-page-inner .error-wrap .error-code {
    display: inline-block;
    font-size: 190px;
    color: #fff;
    font-weight: bold;
    width: 40%;
    float: left;
  }
  .error-page .error-page-inner .error-wrap .back_home {
    width: 30%;
    display: inline-block;
    float: left;
  }
  .error-page .block_main2 {
    text-align: center;
    font-size: 18px;
    color: #fff;
  }
}
@media (max-width: 991px) {
  .error-page .error-page-inner .error-wrap .error-code {
    font-size: 160px;
  }
}
@media (max-width: 767px) {
  .error-page .error-page-inner .error-wrap .error-code {
    font-size: 100px;
  }
}
@media (max-width: 480px) {
  .error-page .error-page-inner .error-wrap > .error-image,
  .error-page .error-page-inner .error-wrap .error-code,
  .error-page .error-page-inner .error-wrap .back_home {
    width: 100%;
    float: none;
    text-align: center;
    margin: 0 auto 15px;
  }
}
.error-page .fa-exclamation-triangle {
  font-size: 64px;
  line-height: 1;
  margin-bottom: 10px;
}