@media screen and (max-width: 1366px) {
  
}

@media screen and (max-width:1200px) {
.responsive .page-not-found-content h2 {
    font-size: 128px;
    margin: 0 0 60px;
}
body.responsive  > div.body::before {
    right: 0px;
    top: 328px;
}
.responsive .page-not-found-area {
    padding: 30px 0 20px;
}
}

@media screen and (max-width:991px) {
 body.responsive  > div.body::before {
    right: 0px;
    top: 328px;
   display:none;
} 
.responsive .page-not-found-content h3 {
    font-size: 26px;
    line-height: 38px;
}
.responsive .page-not-found-content h2 {
    font-size: 113px;
    margin: 0 0 45px;
}
}

@media screen and (max-width:767px) {
  .responsive .page-not-found-content h2 {
      font-size: 70px;
      margin: 0 0 25px;
}
.responsive .page-not-found-content {
    text-align: left;
}
.responsive .page-not-found-content h3 {
    font-size: 19px;
    line-height: 29px;
    margin: 2px 0 13px;
}
  
.responsive .page-not-found-content .button-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: left;
    margin-top: 18px;
}
  
.responsive .page-not-found-content .button-wrap a {
    min-width: 200px;
    min-height: 42px;
    font-size: 15px;
    padding: 8px 15px;
}
.responsive .page-not-found-area {
    padding: 0px 0 0px;
}
.responsive .page-not-found-content p {
    font-size: 15px;
    line-height: 25px;
}
}