@media screen and (width < 1000px)
{
    html
    {
        font-size: 8px;
    }

    nav
    {
        position: sticky;
    }

    nav .middle
    {
        display: none;
    }
    nav .left, nav .right
    {
        min-width: unset;
    }
    
    .section-search-bar.mobile
    {
        display: flex;
    }

    #section-main-content
    {
        padding-top: 0;
    }

    .sort-btn
    {
        visibility: hidden;
    }

    .pokemon .weaknesses .types
    {
        grid-template-columns: repeat(4, minmax(50px, 180px));
    }
    .pokemons
    {
        grid-template-columns: repeat(auto-fit, minmax(calc(100vw - 40px), 650px));
    }
    .pokemon
    {
        max-height: none;
    }

    .pokemon .row.head
    {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .pokemon .head .type1
    {
        margin-top: 15px;
    }

    .pokemon .moves .legend
    {
        font-size: 1.7rem;
    }
    .pokemon .moves
    {
        font-size: 1.3rem;
    }

    #banner
    {
        height: 200px;
        width: unset;
        inset: auto 20px 20px;
        padding: 10px;
    }
    #banner.success
    {
        background-color: #4caf4fb8;
    }
    #banner.error
    {
        background-color: #f44336b8;
    }
    #banner.warning
    {
        background-color: #ff9900b8;
    }

    .boss-head
    {
        padding: 0;
    }
    .boss-head textarea
    {
        height: 180px;
    }
}