.error{
 color: red !important;
}

.error-area {
 padding-top: 80px
}

.error-area .error-content {
 text-align: center;
 position: relative
}

.error-area .error-content img {
 max-width: 100%;
 margin-bottom: 30px
}

.error-area .error-content h3 {
 margin-bottom: 20px;
 position: relative;
 color: var(--titleColor);
 font-size: 35px
}

.error-area .error-content p {
 margin-top: 20px;
 margin-bottom: 20px;
 font-size: 18px;
 max-width: 520px;
 margin-left: auto;
 margin-right: auto
}

@media only screen and (max-width:767px) {
 .error-area {
  padding-top: 40px
 }

 .error-area .error-content img {
  margin-bottom: 20px
 }

 .error-area .error-content h3 {
  font-size: 26px
 }

 .error-area .error-content p {
  font-size: 16px
 }
}

@media only screen and (min-width:768px) and (max-width:991px) {
 .error-area {
  padding-top: 40px
 }

 .error-area .error-content img {
  margin-bottom: 20px
 }

 .error-area .error-content h3 {
  font-size: 26px
 }

 .error-area .error-content p {
  font-size: 16px
 }
}