@media screen and (max-width: 1024px) {
    #special_article > .article_container > .slide_List > .slide_Box {
        height: 50vh;
    }

    #special
        > .detail_container
        > .specialToggleContent
        > .toggle_visible_container
        > .specialToggleTitle
        > div {
        flex-direction: column;
        align-items: flex-start;
    }

    #special
        > .detail_container
        > .specialToggleContent
        > .toggle_visible_container
        > .specialToggleTitle
        > div
        > div {
        flex-direction: column;
        align-items: flex-start;
    }

    #special
        > .detail_container
        > .specialToggleContent
        > .toggle_visible_container
        > div
        > .specialToggleIMG_Thumbnail {
        border-radius: 1rem;
    }

    #special
        > .detail_container
        > .specialToggleContent
        > .toggle_visible_container
        > .specialToggleTitle
        > div
        > div
        > h3 {
        font-size: var(--font-big);
        margin-right: 0;
    }

    #special
        > .detail_container
        > .specialToggleContent
        > .toggle_visible_container {
        display: flex;
        justify-content: space-between;
    }

    #special
        > .detail_container
        > .specialToggleContent
        > .toggle_visible_container
        > div
        > .specialToggleIMG_Thumbnail {
        width: 16rem;
        height: 16rem;
    }

    #special
        > .detail_container
        > .specialToggleContent
        > .toggle_hidden_container
        > .specialToggleHidden_ContainerLeft {
        width: 100%;
    }

    #special
        > .detail_container
        > .specialToggleContent
        > .toggle_hidden_container
        > .specialToggleHidden_ContainerLeft
        > div:first-of-type {
        width: 75%;
    }

    #special
        > .detail_container
        > .specialToggleContent
        > .toggle_hidden_container
        > .specialToggleHidden_ContainerLeft
        > div:first-of-type {
        height: 36rem;
    }

    #special
        > .detail_container
        > .specialToggleContent
        > .toggle_hidden_container
        > .specialToggleHidden_ContainerLeft
        > p {
        padding: 4rem 0rem;
    }

    #special
        > .detail_container
        > .specialToggleContent
        > .toggle_hidden_container
        > .specialToggleHidden_ContainerRight {
        position: relative;
        width: 75%;
        margin-left: auto;
        height: 36rem;
    }

    #special
        > .detail_container
        > .specialToggleContent
        > .toggle_visible_container
        > .specialToggleTitle
        > div
        > button
        > i {
        font-size: 3rem;
    }
}
