/*======================
    404 page
=======================*/

html,body {
    height:100%;
    width:100%;
}

.page_404 {
  background: #fff;
  height: 100%;
  display:flex;
  justify-content:center;
  align-items:center;
}


.four_zero_four_bg {
    background-image: url(../images/11104.jpg);
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.four_zero_four_bg h1 {
  font-size: 80px;
}

.four_zero_four_bg h3 {
  font-size: 80px;
}

.contant_box_404 .h2 {
    font-weight:bold;
}

.link_404 {
    color: #fff !important;
    padding: 10px 20px;
    background: #3e5bb5;
    margin: 20px 0;
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0px 4px 8px #3e3e3e4f;
}

    .link_404:hover,
    .link_404:active {
        outline:unset;
        text-decoration: none;
    }

    /*.contant_box_404 {
        margin-top: -50px;
    }*/
@media (min-width:1441px) {
    .page_404 img {
        width: 900px;
    }
}

@media (max-width:1440px) {
    .page_404 img {
        width: 600px;
    }
}

@media (max-width:1024px)  {
    .page_404 img {
        width: 500px;
    }
}

@media (max-width:991px) {
    .page_404 img {
        width: 400px;
    }
}

@media (max-width:768px) {
    .page_404 img {
        width: 100%;
    }
    .four_zero_four_bg {
        background-size:cover;
    }
}