/**********************************
RESPONSIVE for DEVICES 480PX AND UP
***********************************/

/**********************************
min-width: 480px
***********************************/

@media screen and (min-width: 480px){
    
}



/**********************************
min-width: 640px
***********************************/

@media screen and (min-width: 640px){
  
  
	/**********************************
	TOP
	***********************************/  	
    .logo-top img{ 
        width: 50%;
  	}
  
  
  
	/**********************************
	DISPLAY
	***********************************/ 
  	#display-container .tagline h2{
    	text-transform: uppercase;
        width: auto;
        font-size: 2.75em;
        line-height: 1.4em;
	}
    
  	.three-modules{
        width: 700px;
        margin: 30px auto 0 auto;
        position: relative;
    }
  
	.binge, .prescription, .tobacco{
        float:left;
        width:200px;
        margin:10px;
        background:rgba(255, 255, 255, 1.0);
        border: 1px solid rgba(226, 226, 226, 1.0);
        color: rgba(51, 51, 51, 1.0);
    }
  
	/**********************************
	CONTENTS
	***********************************/
  	.pull-left {
   		margin: 10px 20px 20px 0;
        float: left;
	}
    
  	.pull-right {
   		margin: 0px 0px 20px 20px;
      	border: 8px solid rgba(255, 255, 255, 1.0);
      	float: right;
      	width: 40%;
      	height: auto;
	}   
  
  	/**********************************
	CONTACT AND MAP
	***********************************/      
    #full-width-bar-contents-first img {
        width: 50%;
        height: auto;
        margin: 10px 0 20px 0;
  	}
  
  /********* Navigation is here ***********/
    #top-bar-contents-second {
        text-align: center;
        margin: 10px auto;
        float: none;
        background: rgba(191, 30, 46, 1.0);
    }
}



/**********************************
min-width: 768px
***********************************/

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

    /**********************************
	GENERAL
	***********************************/
  	body {
		position: relative;     
	}
    
    .body .container {
		padding: 0 0 40px 0;
    	max-width: 1200px;
	}
  
    /*body.site {
      background-size: contain;
  	}*/



  	/**********************************
	TOP BAR
	***********************************/
  	#top-bar {
    	position: relative;
    	width: 100%;
    	padding: 20px 0;
    	z-index: 1;
      	background: rgba(255, 255, 255, 1.0);
	}
  
  	#top-container {
 	   	max-width: 1200px;
		margin: 0 auto;
		position: relative;
    	padding: 0;      
  	}
  
  /********* Logo is here ***********/
  	.logo-top { 
        padding: 0px;
        background: transparent;
  	}
    
  	.logo-top img{ 
        width: 30%;
  	}

	/*** Navigation is here ***/		 
    #top-bar-contents-second{
        background: rgba(255, 255, 255, 1.0);
      	float:none;
      	width: 72%;
      	margin: 20px auto;
      	position: relative;
	}
  
  	.responsiveMenuTheme1d.isDesktop {
        list-style: none;
        zoom: 1;
        background: #ffffff;
        margin: 0;
        padding: 0;
        font-family: 'Oswald', sans-serif;
        font-size: 1em;
        width: 100%;
	}
  
  	.responsiveMenuTheme1d.isDesktop {
        background: transparent;
      	margin: 0 30px;
      	position: relative;
    }
  
  	.responsiveMenuTheme1d > li {
  		font-size: 1em;
      	text-transform: uppercase;
	}
  
  	.responsiveMenuTheme1d.isDesktop a:hover, .responsiveMenuTheme1d.isDesktop li.active > a, .responsiveMenuTheme1d.isDesktop li > span.separator:hover {
  		color: #fff;
  		background-color: #bf1e2e;
	}
  	
  	#responsiveMenu88.responsiveMenuTheme1d.isDesktop > li.first {
    	width: auto;
	}
  
  	.responsiveMenuTheme1d.isDesktop > li.parent > a {
  		padding: 0px 40px 0px 15px;
	}
  
  	.responsiveMenuTheme1d.isDesktop > li > a {
    	display: block;
    	padding: 0px 15px;
	}
  
  	.responsiveMenuTheme1d.isDesktop span.linker {
  		padding: 14px 0;
  		display: inline-block;
  		vertical-align: middle;
	}
    
  	.responsiveMenuTheme1d.isDesktop li ul li{
        text-align: left;
      	background-color: #ac1b29;
  	}
  
    .responsiveMenuTheme1d.isDesktop li li > a {
  		background-color: rgba(226, 226, 226, 1.0);
      	border-bottom: rgba(255, 255, 255, 1.0);
  	}
  
    .responsiveMenuTheme1d li li li > a {

  	}
  
  	.responsiveMenuTheme1d.isDesktop li a, 
	.responsiveMenuTheme1d.isDesktop li span.separator, 
  	.responsiveMenuTheme1d.isDesktop li span.navHeader {
  		border-left: 0;
  		border-bottom: none;
	}	  



  
  
 	/**********************************
	DISPLAY
	***********************************/  
   	#display {
        background-image: url('/images/top-bg.jpg');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position:center top;
        padding: 0; 
        background-size:100% auto;
        text-align: center;
        width: 100%;
	}
  
  	#display-container .tagline h2{
        text-transform: uppercase;
        width: auto;
        font-size: 3.25em;
        line-height: 1.4em;
	}
  
    .tagline{
        padding: 50px 0 30px 0;
  	}
  
  	.three-modules{
        width: 900px;
        margin: 40px auto 0 auto;
        position: relative;
    }
  
	.binge, .prescription, .tobacco{
        float:left;
        width:278px;
        margin:10px;
        background:rgba(255, 255, 255, 1.0);
        border: 1px solid rgba(226, 226, 226, 1.0);
        color: rgba(51, 51, 51, 1.0);
    }

  
  
    /**********************************
    REDLINE - EMERGENCY
    ***********************************/   
	.redline h2{
        color: rgba(255, 255, 255, 1.0);
        text-transform: uppercase;
        background: rgba(191, 30, 46, 1.0);
        padding: 20px 0;
        font-size: 2.5em;
	} 
  
  
  
    /**********************************
    CONTENTS
    ***********************************/ 
  
	/*** .row-fluid .span12 ***/	
  	.row-fluid {
  		padding: 0px;
	}
  
  	/********** .item *****************/
    .item {
        padding: 30px;
    }
  
  	.item p, .item ul{
  		padding: 10px 0 0 20px;
    }

    .item li{
        padding: 0px 0px 10px 0px;
    }

    .item table{
        margin: 0px 30px 20px 30px;
    }
  
    /*.item  .pull-right {
      width: 25%;
      height: auto;
    }*/
  
	/********** .items-leading *****************/  
  	 .items-leading {
        padding: 30px;
        clear: both;
	} 
  
  	.items-leading p{
        padding: 10px 0 10px 20px;
    }
  
    .items-leading ul{
        padding: 10px 0 0 20px;
      	list-style-position: inside;
    }

    .items-leading li{
        padding: 0px 0 10px 0px;
    }
  
	/********** .items-row *****************/  
  	.items-row h3 {
	}
  
 	/********** .item-page *****************/   
    .item-page {
        padding: 30px;
        margin: 40px 30px;
  	}
  
  	.item-page h2{
  		padding:0px;
	}
    	
 	.item-page h3{
  		padding: 10px 20px 0 20px;
      	color: rgba(87, 89, 96, 1.0);
	}
  
  	.item-page table{
		margin: 0px 30px 20px 20px;
	}
    	
  	.item-page td{
		line-height: 1.5em;
  		font-weight: 300;
	}
  
  	.item-page p, .item-page ul{
		padding: 10px 20px;
	}
  
  	/*.item-page .pull-right {
        width: 25%;
        height: auto;
      	float: right;
    }*/

 	/********** .blog *****************/   
    .blog {
        margin: 40px 0px;
  	}
 

  
    /**********************************
    RIGHT COLUMN
    ***********************************/
    .well {
        text-align: left;
    }
  
 
  
    /**********************************
    PARTNERS
    ***********************************/
    #newsletter h2 {
        text-transform: uppercase;
        color: rgba(153, 153, 153, 1.0);
        padding: 0px 0 40px 0;
        font-weight: 600;
        font-size: 2.5em;
    }

    #newsletter img{
        margin: 0px 10px;
    }  
  
 
  
    /**********************************
    LOGO BOTTOM
    ***********************************/
    #bottom-logo {
        width: 100%;
        position:relative;
        text-align: center;
        background: rgba(236, 236, 236, 1.0) url('/images/get-involved-bg.jpg') no-repeat scroll top center;
        background-size: 100% auto;
        padding: 50px 0;
        text-transform: uppercase;
    }

    #bottom-logo h2{
        font-size: 4em;
        line-height:1em;
        color: rgba(255, 255, 255, 1.0);
        text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    }

    #bottom-logo p{
        font-size: 2em;
        font-family: 'Oswald', sans-serif;
        margin: 20px 0 0 0;
    }

  
  
  	/**********************************
    CONTACT AND MAP
    ***********************************/
    #full-width-bar-1-container {

	}
  
    #full-width-bar-contents-first {
        padding: 0 3%;
        width: 34%;
        float: left;
        text-align: right;
  	}
  
  	#full-width-bar-contents-first img {
        width: 100%;
        height: auto;
       	margin: 0;
	}
  
  	.contact-bottom {
        width: 250px;
        margin:0 0 0 auto;
    }
  
    #full-width-bar-contents-first img{
        width: 200px;
        height: auto;
        margin: 10px 0 20px 0;
  	} 
  
    #full-width-bar-contents-second{
        padding: 210px 0 110px 0;
        width: 60%;
        float: left;
  	}

  
  
  	/**********************************
	FOOTER
	***********************************/
  	.footer {
  		clear: both;
	}
  
    #footer-container {
        max-width: 960px;
  	}

    #footer-bar-contents-first {
  		padding: 30px 0 10px 0;
  		float: none;
    	clear: both;
      	width: 100%;
	}
  
    #footer-bar-contents-second {
  		text-align: center;
  		padding: 0;
  		float: none;
    	clear: left;
      	width: 100%;
      	text-transform: uppercase;
	}
      
  	#footer-bar-contents-third {
  		text-align: center;
  		padding: 0;
  		float: none;
    	clear: none;
      	width: 100%;
	}
  
    #footer-bar-contents-first li, #footer-bar-contents-second li, #footer-bar-contents-third li {
      	text-align: left;
      	display: inline-block;
    }
  
    #footer-container .nav a{
        padding: 5px 20px;
      	display: inline-block;
	}
  
    .footer .menu li{
      	display: inline-block;
  	}
  
  
  
  	/**********************************
	CREDITS
	***********************************/
  	.credits {
        border-top: 1px solid rgba(255, 255, 255, 0.8);
        position: relative;
        margin: 0 auto;
        text-transform: uppercase;
        font-size: .7em;
        padding: 10px 0;
	}
  
  
  
	/**********************************
    BUTTONS
    ***********************************/  
  	.get-directions-2 {
        margin: 10px 0;
	}

}


/**********************************
min-width: 1024px
***********************************/

@media screen and (min-width: 1024px){  
  
/**********************************
PARTNERS MODULE
***********************************/  
.partner-left {
    display: inline-block;
    width: 40%;
    margin: 0 4.5%;
    vertical-align: top;
}
  
.partner-right {
    display: inline-block;
    width: 40%;
    margin: 0 4.5%;
    vertical-align: top;
  	border-top: none;
    padding: 0;
}
 
}



/**********************************
min-width: 1200px
***********************************/

@media screen and (min-width: 1200px) {
    .row-fluid .span9 {
  		width: 62.468085099%;
	}

	.row-fluid .span3 {
        width: 35.404255317%;
    }
  
  
  
    /**********************************
	TOP BAR
	***********************************/ 
  	#top-bar {

	}
  
  	#top-container {
  
  	}
  
  	/********* Logo is here ***********/
  	#top-bar-contents-first { 
        position: relative;
        float:left;
        margin: 0 30px 0 0;
        width: 235px;
        text-align: left;
      	padding: 0; 
  	}
  
    .logo-top img{ 
        width: 100%;
  	}
  
	/********* Navigation is here ***********/
  	#top-bar-contents-second{
    	float: left;
    	padding: 0;
      	margin: 0 auto;
      	width: 60%;
        background: rgba(255, 255, 255, 1.0);
	}
  
	.responsiveMenuTheme2 {
  		background: transparent;
  		margin: 0 auto;
  		position: relative;
	}
  
    /********* Social icons are here ***********/
    #top-bar-contents-third { 
        float:right;
        text-align: right;
        padding: 0;
    } 	
  
  	.responsiveMenuTheme1d > li {
  		font-size: 1.15em;
      	text-transform: uppercase;
	}

  
  
  	/**********************************
	FOOTER
	***********************************/      
  	.footer .menu li{
      	display: inline-block;
      	font-size: .9em;
  	}
}