/**********************************
RESPONSIVE
***********************************/

/**********************************
min-width: 480px
***********************************/
@media screen and (min-width: 480px) {
    /**********************************
    CONTENTS
    ***********************************/
    body.site {
        border-top: 4px solid rgba(252, 102, 3, 1.0);
        padding: 0;
        background-color: #fff;
    }

    .module-public-docs h3 {
        display: block;
    }

    .pull-right {
        margin: 0 0 20px 20px;
        float: right;
    }

    .pull-left {
        margin: 0 20px 20px 0px;
        width: 50%;
        float: left;
    }

    .row-fluid .span6 {
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
    }

    .row-fluid {
        margin: 0 0 30px 0;
        padding: 0;
        width: 100%;
    }

    .items-leading {
        margin: 0 0 30px 0;
    }

    .page-header h2 {
        padding: 0;
        margin: 0 0 20px 0px;
    }
}

/**********************************
min-width: 768px
***********************************/
@media screen and (min-width: 768px) {

    /**********************************
	GENERAL
	***********************************/

    body {
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: relative;
    }

    /**********************************
	TOP BAR
	***********************************/

    #top-container {
        max-width: 1150px;
        margin: 0 auto;
        position: relative;
    }

    #top-bar {
        background-repeat: repeat;
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, 1.0);
        padding: 10px 0 0 0;
    }

    #top-bar-contents-first {
        text-align: left;
        float: left;
        margin-left: 10px;
    }

        #top-bar-contents-first img {
            width: 150px;
            height: auto;
        }

    #top-bar-contents-second {
        text-align: left;
        padding: 0px 20px 30px 40px;
        float: left;
    }

        #top-bar-contents-second h1 {
            font-size: 2.5em;
            padding: 10px;
        }

    #top-bar-contents-third {
        text-align: right;
        padding: 30px 0 0 0;
        float: right;
        display: initial;
    }



    /**********************************
	BANNER
	***********************************/
    .home-banner {
        height: 300px;
    }

    .sub-banner {
        height: 150px;
    }



    /**********************************
    NAVIGATION
    ***********************************/
    #main-navigation-container {
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        height: auto;
        text-align: left;
    }

    #responsiveMenu141.responsiveMenuTheme1d.isDesktop > li.first {
        width: auto;
    }

    .responsiveMenuTheme1d.isDesktop a:hover, .responsiveMenuTheme1d.isDesktop li.active > a, .responsiveMenuTheme1d.isDesktop li > span.separator:hover {
        color: #ffffff;
        background-color: #000;
    }

    .responsiveMenuTheme1d.isDesktop > li > a {
        display: block;
        padding: 0px 20px;
    }

    .responsiveMenuTheme1d.isDesktop > li.parent > a {
        padding: 0px 45px 0px 20px;
    }

    .responsiveMenuTheme1d.isDesktop span.opener {
        width: 40px;
        padding: 12px 0;
    }

    .responsiveMenuTheme1d.isDesktop li li span.navHeader {
        width: 170px;
    }

    .responsiveMenuTheme1d.isDesktop li li > a {
        padding-left: 20px;
    }

    /**********************************
	BOXES IN HOMEPAGE
	***********************************/

    .moduletable {
        border: 1px solid rgba(226, 226, 226, 1.0);
        height: 400px;
        overflow: auto;
        width: 30%;
        margin: 1.5%;
        float: left;
        background: rgba(255, 255, 255, 1.0);
        padding: 0;
    }



    /**********************************
	FOOTER
	***********************************/
    .footer {
        clear: both;
    }

    #footer-container {
        width: 95%;
        margin: 0 auto;
        position: relative;
        background: transparent;
    }

    #footer-bar-contents-first, #footer-bar-contents-second {
        float: left;
        text-align: center;
        width: 33%;
    }

    #footer-bar-contents-third {
        float: left;
        text-align: center;
        width: 33%;
    }

    #footer-bar-contents-second .footer-info {
        height: auto;
        float: none;
        margin: 20px auto 0 auto;
        display: block;
    }

        #footer-bar-contents-second .footer-info .info {
            float: none;
            margin: 20px auto;
            text-align: center;
            width: 100%;
        }

        #footer-bar-contents-second .footer-info img {
            display: block;
            width: 150px;
            height: auto;
            margin: 20px auto 0 auto;
        }

    .blog .pull-right {
        width: 30%;
    }

    .item-page .pull-right {
        width: 30%;
    }
}



/**********************************
min-width: 1024px
***********************************/
@media screen and (min-width: 1024px) {
    .body .container {
        background-color: transparent;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding: 40px 0px;
        border: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .row-fluid {
        margin: 0 0 30px 0;
        padding: 0;
    }



    /**********************************
	TOP BAR
	***********************************/
    #top-bar-contents-second h1 {
        font-size: 3em;
        padding: 20px 10px;
    }



    /**********************************
	BANNER
	***********************************/
    .home-banner {
        background-image: url(newbern-depot.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: scroll;
        background-size: 100% auto;
        height: auto;
        padding: 15% 0;
    }

    .sub-banner {
        background-image: url(newbern-depot.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: scroll;
        background-size: 100% auto;
        height: auto;
        padding: 10% 0;
    }



    /**********************************
	NAVIGATION
	***********************************/
    #responsiveMenu142.responsiveMenuTheme1d.isDesktop > li.first {
        width: auto;
    }



    /**********************************
	NEWSLETTER
	***********************************/
    .newsletter {
        display: inline-block;
        width: 45%;
        vertical-align: top;
        margin: 0;
    }



    /**********************************
	FOOTER
	***********************************/
    .footer {
        clear: both;
    }

    #footer-container {
        width: 75%;
        margin: 0 auto;
        position: relative;
        background: transparent;
    }

    #footer-bar-contents-first {
        float: left;
        text-align: left;
        width: 33%;
    }

    #footer-bar-contents-second {
        float: left;
        text-align: center;
        width: 33%;
    }

    #footer-bar-contents-third {
        float: right;
        text-align: center;
        width: 33%;
    }

    #footer-bar-contents-second .footer-info {
        height: auto;
        float: none;
        margin: 20px auto 0 auto;
        display: block;
    }

        #footer-bar-contents-second .footer-info .info {
            float: none;
            margin: 20px auto;
            text-align: center;
            width: 100%;
        }

        #footer-bar-contents-second .footer-info img {
            display: block;
            width: 150px;
            height: auto;
            margin: 20px auto 0 auto;
        }



    /**********************************
	ARTICLE STYLES
	***********************************/
    .page-header h2 {
        padding: 0;
        margin: 15px 0;
    }

    .pull-right {
        margin: 0 0 20px 20px;
        float: right;
    }
}



/**********************************
min-width: 1200px
***********************************/
@media screen and (min-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1150px;
    }
}