@media screen and (min-width: 715px) and (max-width: 840px) {
    .search-input-container {
        width: 100%;
    }

    .menu-list{
        gap: .8rem;
        margin: 0;
        padding: 0;
    }
    .menu-item {
        font-size: .8rem;
        & .button-login{
            margin-right: 1rem;
        }
    }

    .footer-logo{
        margin-left: 1rem;
        & img{
            height: 40px;
        }
    }
    .footer-menu{
        gap: 1rem;
        margin: 0 1rem;
    }

    .footer-item{
        gap:.6rem;
        font-size: .7rem;
    }
    .footer-item-subtitle {
        font-size: .7rem;
    }

    .hero-content {
        margin: 0 2rem;
    }

    .hero-section {
        height: 450px;
        & .hero-image {
            margin: 0 2rem;
            & img{
                width: 230px;
            }
        }

        & .hero-title {
            font-size: 2.4rem;
        }
        & .hero-subtitle{
            font-size: 1rem;
            font-weight: 500;
            margin: 1rem 0;
            
        }
    }

    .explore-section{
        width: 100%;
        padding: 0;
        .explore-cards{
            flex-direction: column;
            gap: 2rem;
        }
    }

    .course-card-list {
        flex-direction: column;
        height: auto;
        padding: 1rem 0;
    }

    .course-card-button-container {
        margin-top: -2rem;
    }

    .course-card-cover-list{
        border-radius: .6rem;
        
    }

    .course-card-content-list {
        width: 90%;
        font-size: .8rem;
    }

    .course-card-section{
        text-align: center;
    }

    .course-objective-dates{
        flex-direction: column;
        gap: 2rem;
        align-items: center;
        justify-content: center;
    }

    .course-objective{
        width: 80%;
        height: auto;
    }

    .course-dates{
        width: 80%;
    }

    .course-topics{
        flex-direction: column-reverse;
    }

    .course-topics-content{
        width: 80%;
    }
}