/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        #home-banner {
            display: none;
        }
        #home-content .col {
            width: 23.333%;
        }

        #logo {
            padding-top: 28px !important;
            width: 23%;
        }

        #main-nav {
            clear: right;
            width: 530px;
        }
        #sub-nav, #main-nav {
            float: left;
        }

        #footer-contact {
            display: none;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }