
#ebook-container {
    display: flex;
    flex-direction: column;
    
    >.language-container {
        order: 1;

        >.book-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            row-gap: 100px;
            
            margin-bottom: 100px;
        }
    }
}

#language-english {
    order: 0 !important;
}

@media only screen and (max-width: 1024px) {
    #ebook-container>.language-container>.book-container {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 767px) {
    #ebook-container>.language-container>.book-container {
        grid-template-columns: 1fr;
    }
}