/**********************************
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(/~cityofne/images/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(/~cityofne/images/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;
	}
}