@media only screen
and (min-device-width: 320px) {
    html, body {
        height: 100%;
    }

    .bg-errors {
        background: right center / contain no-repeat url("../../image/errors/error-bg.png");
        width: 100%;
        height: 225px;
        position: absolute;
        top: 15%;
        z-index: -1;
        opacity: 0.5;
    }

    .error-message {
        padding-top: 20%;
    }

    .error-message-1 {
        padding: 0 10%;
    }

    .error-message-1 > p {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #320c01;
    }

    .error-message-2 {
        padding: 0 10%;
    }

    .error-message-2 > p {
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        color: #320c01;
        margin-bottom: 0;
    }

    .error-code {
        padding: 0 10%;
    }

    .div-error-btn {
        bottom: 20%;
        position: fixed;
        padding: 0 50px;
    }

    .error-code > p {
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        color: #320c01;
    }

    .btn-back-top-top {
        background: #310d01;
        width: 100%;
        padding: 13px 13px 13px 32px;
        border-radius: 32px;
        margin-top: 5px;
        border: none;
        outline: none;
    }

    .btn-back-top-top > span {
        color: white;
        font-size: 19px;
        font-weight: bold;
        margin-left: 5px;
    }
}

@media only screen
and (min-device-width: 360px) {
    .error-message {
        padding-top: 30%;
    }

    .bg-errors {
        height: 250px;
    }
}

@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px) {
    .bg-errors {
        height: 280px;
    }
}

@media only screen
and (min-device-width: 414px) {
    .bg-errors {
        height: 320px;
        top: 20%;
    }

    .error-message {
        padding-top: 10%;
        z-index: 1;
        position: relative;
    }
}

@media only screen
and (min-device-width: 768px)
and (min-device-height: 1024px) {
    .bg-errors {
        height: 420px;
    }
}

@media only screen
and (min-device-width: 1024px)
and (min-device-height: 1366px) {
    .bg-errors {
        height: 580px;
    }
}