@media only screen and (max-width: 500px) {
    .nav{
        padding: 1.5rem  2rem;
    }

    .posterBox{
        padding: 1rem 2rem;
    }

    .s1, .s2{
        font-size: 3.5rem;
    }

    .box{
        flex-direction: column;
    }

    .loginBox{
        margin-bottom: 5rem;
        padding: 1rem 2rem;
    }

    .faqSec{
        padding: 5rem 2rem 20rem 2rem;
    }



    .card{
        margin-bottom: 3rem;
    }

    .subTitle{
        margin: 0 0 2rem 2rem;
        font-size: 2.5rem;
    }

    .detailBox{
        padding: 3rem 2rem;
    }

    .time-box{
        color: var(--deposit);
    }
}

@media only screen and (max-width: 380px){
    .s1, .s2{
        font-size: 2.8rem;
    }

    .leaveBox{
        min-width: 11rem;
    }
}