/* ===== RESPONSIVE CHO TABLET ===== */
@media screen and (max-width: 1024px) {

    /* start search */
    .search-container {
        max-width: 300px;
        margin: 0 8px;
    }

    .search-input {
        font-size: 13px;
        padding: 9px 50px 9px 12px;
    }

    .search-results {
        max-height: 350px;
    }

    .search-results-list {
        max-height: 300px;
    }

    /* end search */


    /* start footer */
    .footer {
        padding: 10px 20px;
        gap: 10px;
    }

    .footer button {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .footer button i {
        font-size: 16px;
    }

    /* end footer */


    /* START TRANG BÌA */
    .cover-title {
        font-size: 3rem;
        letter-spacing: 6px;
        gap: 10px;
    }

    .cover-subtitle {
        font-size: 2rem;
        letter-spacing: 4px;
        gap: 10px;
    }

    .cover-decoration i {
        font-size: 4rem;
    }

    /* END TRANG BÌA */
}