@import "../../../styles/variables.less";

.featured-books {
    .make-row();
    // Override bootstrap css
    margin: 0 !important;
    overflow: hidden;

    .books {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .book {
        .make-column(6);
        display: none;
        margin-bottom: 15px;

        img {
            float: left;
            margin-right: 20px;
            border: 0;
        }

        h4 {
            a {
                color: @link-color;
                font-weight: 300;
            }
        }

        p {
            color: @gray-dark;
            font-weight: 300;
        }
    }

    .book:after {
        visibility: hidden;
    	display: block;
        height: 0;
    	font-size: 0;
    	content: " ";
    	clear: both;
    }

    .book:first-child, .book:nth-child(2) {
        display: block;
    }

    .book:nth-child(2n+1) {
        padding-left: 0;
        padding-right: 15px;
    }

    .book:nth-child(2n) {
        padding-left: 15px;
    }
}

@import "../../../styles/variables.less";

.featured-books {
    .make-row();
    // Override bootstrap css
    margin: 0 !important;
    overflow: hidden;

    .books {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .book {
        .make-column(6);
        display: none;
        margin-bottom: 15px;

        @media screen and (max-width: @screen-tiny-max) {
            padding-left: 0 !important;
        }

        img {
            float: left;
            margin-right: 20px;
            border: 0;
        }

        h4 {
            a {
                color: @link-color;
                font-weight: 300;
            }
        }

        p {
            color: @gray-dark;
            font-weight: 300;
        }
    }

    .book:after {
        visibility: hidden;
    	display: block;
        height: 0;
    	font-size: 0;
    	content: " ";
    	clear: both;
    }

    .book:first-child, .book:nth-child(2) {
        display: block;
    }

    .book:nth-child(2n+1) {
        padding-left: 0;
        padding-right: 15px;
    }

    .book:nth-child(2n) {
        padding-left: 15px;
    }
}

Fix featured book layout on small screens
Fix featured book layout on small screens
