@media screen and (max-width: 1024px) {
    article > .title_container > hr {
        width: 100%;
    }

    article > .title_container {
        flex-direction: column;
        align-items: baseline;
        height: 32rem;
        margin: 4rem auto;
    }

    article > .title_container > div {
        width: 100%;
    }

    #rooms > .rooms_container {
        flex-direction: column;
    }

    #rooms > .rooms_container > .preview_container {
        width: 100%;
    }

    #rooms > .rooms_container > .preview_title {
        width: 100%;
        height: 36rem;
        padding: 4rem 0;
    }

    #rooms > .detail_container > .slide_List > .slide_Box {
        width: 28rem;
        height: 54rem;
    }

    #special > .special_container > .slide_List > .slide_Box {
        width: 28rem;
        height: 48rem;
    }
}

@media screen and (max-width: 820px) {
    aside > .aside_container > div:first-of-type > h3,
    aside > .aside_container > div:first-of-type > h3 > span {
        font-size: var(--font-big);
    }
}

@media screen and (max-width: 414px) {
    #rooms > .detail_container > .slide_List > .slide_Box > div:first-of-type {
        height: 65%;
    }
    #rooms > .rooms_container > .preview_container > .slide_List > .slide_Box {
        height: 48rem;
    }

    #rooms > .rooms_container > .preview_title {
        height: 32rem;
    }
}