@include potrait-tablet {
    .banner-404 {
        background-position: center center;
        background-size: cover;
    }
    .content-404 {
        &.style-6 {
            text-align: right;
        }
    }
}

@include tablet {
    .content-404 {
        &.style-9 {
            .subtitle-404 {
                font-size: rem(70px);
            }
        }
    }
}

@include small-device {
    .content-404 {
        &.style-9 {
            .subtitle-404 {
                font-size: rem(30px);
                margin-top: 0;
            }
        }
        &.style-7 {
            padding-left: 0px;
        }
        &.style-8 {
            .title-404 {
                font-size: rem(102px / 2);
            }
        }
    }
}

@include tiny-device {
    .banner-404 {
        min-height: 700px;
    }
    .content-404 {
        .title-404 {
            font-size: rem(198px / 3);
        }
        > p {
            > br {
                display: none;
            }
        }
        &.style-8 {
            .title-404 {
                font-size: rem(51px);
            }
        }
    }
}