@media only screen and (max-width: 1366px) {
    #vert-nav{
        display: none;
    } 
    .book_description{
        font-size: xx-small;
    }
    #shelf_nav{
        min-width: auto;
    }
    .nav_menu_tab{
        font-size: small;
    }
    .shelf_item{
        width: fit-content;
    }
    
    #book_shelf {
        justify-content: left;
        flex-direction: column;
    }

    .book_description {
        display: none;
    }

    .book_details_list {
        display: grid;
        grid-template-areas:
        "book_title"
        "book_author"
        "book_tags"
        "book_controls";
        grid-area: details;
        grid-template-rows: .5fr .5fr .15fr 0.25fr;
    }
}

@media only screen and (max-width: 1024px) {
    #vert-nav{
        display: none;
    } 
    .book_description{
        font-size: xx-small;
    }
    #shelf_nav{
        min-width: auto;
    }
    .nav_menu_tab{
        font-size: small;
    }
    .shelf_item{
        min-width: 100%;
        margin: 0px auto 10px auto;
    }
    .nav_search{
        /* display: none !important; */
    }
    #horiz_nav_main{
        grid-template-columns: auto;
    }
}
@media only screen and (max-width: 768px) {
    .nav_search{content: "Search"}
}
@media only screen and (max-width: 400px) {
    .vert-nav{
        list-style: None;
        padding: 0px;
        margin: 0px 0px;
    }
    .vert-nav-item {}

    #vert-nav {
        display: none;
        list-style: None;
        padding: 0px 0px 0px 0px;
        margin: 0px;
        /*! border-left: 5px solid #292f35; */
        /*! border-right: 5px solid #292f35; */
        /* border-right: 1px solid; */
        background: linear-gradient(to right, #333 51%, #7d7a7aed 181%);
    }
    #shelf_nav {
        min-width: auto;
    }
    .shelf_item {
        grid-template-areas:
            "thumb details";
        max-width: initial;
        min-width: -webkit-fill-available;
        margin: 0px 0px 40px auto;
    }
    .book_thumb {
        max-width: -webkit-fill-available;
    }
    .app_body{
        margin: 0px 50px;
    }
    #book_shelf{
        display: grid;
        grid-template-columns: auto auto;
    }
}
