@media all and (max-width: 992px) {

    body {
        padding:60px 0px 0px 0px;
    }

    .container {
        width:100%;
    }

    header {
        display:none;
    }

    #header-alt {
        display:block;
    }

    #header-alt #logo img {
        height:40px;
        margin-top: 10px;
        margin-left: 7px;
    }

    #home #books .text {
        width: 100%;
    }

    #home #row3 #books .images {
        position: relative;
        float:right;
        top: auto;
        right: auto;
        margin-bottom:15px;
    }

    #home #row3 #books .images img {
        width: 65px;
        margin-left: 10px;
    }

    #home #row3 .col-33,
    #home #row3 .col-66 {
        width:50%;
    }

    footer {
        padding: 15px 35px;
    }


    #default #content {
        width: 100%;
        margin-left:15px;
        padding-right:20px;
    }

    #default #content h1 {
        margin-left:-15px;
    }


    #default #sidebar {
        width:100%;
        position: relative;
    }

    #default #sidebar h1:not(.more) {
        display:inline-block;
        padding-left: 15px;
        padding-right: 15px;
    }

    #default #sidebar h3,
    #default #sidebar p {
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media all and (max-width: 768px) {

    #home #row2 > div:hover .default {
        opacity: 1;
    }

    #home #row2 .over {
        display: none;
    }

    #home #row3 #books .images img {
        width: 50x;
    }

    footer .col-25 {
        width:50%;
        margin-bottom:15px;
    }

    #subNav #h1Links {
        display:none;
    }

    #subNav #cart {
        right:0px;
    }

}

@media all and (max-width: 575px) {

    #home #row1 #banner h1 {
        margin: 25px;
    }

    #home #row3 #news,
    #home #row3 #books {
        float:none;
        width:100%;
        height:auto;
    }

    #home #row3 #news {
        height: 300px;
    }

    #home #row3 #books .images img {
        width:80px;
    }

    footer .col-25 {
        width:100%;
        height: auto;
    }

}

@media all and (max-width: 540px) {
    #content .product {
        float:none;
        height: auto;
        margin-left:auto;
        margin-right:auto;
        border:1px solid #c0c0c0;
    }

    #content .product h2,
    #content .product .introtext {
        height: auto;
    }

    #tools {
        margin: 15px 15px 0px 25px;
    }

}

@media all and (max-width: 480px) {
    #header-alt #logo img {
        height:35px;
    }

    #header-alt .social {
        margin-top: 3px;
        right: 58px;
    }

    #header-alt .social a {
        width: 17px;
        height:17px;
        line-height: 17px;
        margin-left:2px;
    }

    #header-alt .social .fa {
        font-size: 13px;
    }

}