@media screen and (max-width: 1199px) {}

@media screen and (max-width: 800px) {
    body {
        font-size: 15px;
    }
    .on_bottom {
        flex-direction: column;
        gap: 1.5rem;
        justify-content: center;
        align-items: center;
    }
    .notice {
        flex-direction: column;
        align-items: center;
        gap: 1.2rem;
    }
    .notice .text {
        text-align: center;
    }
    .redirect {
        display: none;
    }
    .on_top {
        padding: 2rem
    }
}

@media screen and (max-width: 560px) {
    #logo img {
        height: 40px;
    }
    #fly_center {
        border-radius: 1rem;
        margin: 2rem auto;
    }
    .browser {
        flex-direction: column;
    }
    .browser .br_input {
        justify-content: center;
        font-size: 1.2em;
    }
    .heading-md {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 479px) {
    .on_bottom {
        padding: 1.2rem;
    }
    .notice .social-list .item {
        font-size: 14px;
        padding: .4rem;
        min-width: 30px;
    }
}

@media screen and (max-width: 360px) {}

@media screen and (max-width: 320px) {}