@media(min-width:980px){
	#nav{display:block!Important}
	}
	
@media(max-width:979px){
	.wraper{
		padding:0 20px;
	}
	
	#nav li{
		margin-left:15px;
	}
}

@media(max-width:890px){
	#search{
		padding-top:0px;
	}
	
	#address{
		display:none;
	}
	
	#nav{
		float:right;
		padding-top:15px;
		margin-left:0;	
	}
	#nav li{
		margin-left:25px;
	}
}

@media(max-width:750px){
	
	#nav li{
		margin-left:15px;
	}
	
	#footer-bar-logos{
		width:137px;
	}
	#footer-bar-logos li{
		width:127px;
		height:62px;
		padding:0 0 10px 10px;
		float:left;
	}
	
	#footer-bar-links{
		margin:0 147px 0 132px;
	}
}

@media(max-width:680px)
{
	#header{
		position:absolute;
	}
	
	#logo{
		float:none;
		margin:0 auto;
		width:auto;
		text-align:center;
	}
	
	#logo img{
		width:100%;
		max-width:239px;
	}
	
	#search{
		float:none;
		clear:both;
		margin:10px auto 0 auto;
	}
	
	#nav{
		float:none;
		margin:0 auto;
		padding-left:0;
	}
	
	.nav{
		display:block;
	}
	#nav ul{
		border:1px solid #000;
		background:#333;
		display:none;
	}
	#nav li{
		clear:both;
		float:none;
		margin:0;
	}
	#nav a{
		display:block;
		padding:10px 10px;
		text-align:center;
	    width:auto;
	    float:none;
	    text-align:left;
		border-bottom:1px solid #444;    
	}
	#nav a:hover{
		background:#000;	
		color:#fff;
	}
	#nav li.active{
		border-bottom:1px solid #444;
	}
	#nav li.active a{
		background:#000;
		color:#fff;
	}
	#nav ul ul{
	    position:static;
	    box-shadow:none;
	    border:none
	  }	
	  #nav ul li li {
	    border:none
	  
	  }
	  #nav ul ul li a{
	    width:auto;
	    float:none;
	    text-align:left;
	    background:none;
	    border-bottom:1px solid #444;
	    font-size:13px;
	    padding:10px;
	  }
	  #nav ul ul li a:before{
	    content:"-- "
	  }
  
	#bg{
		position:fixed;
		z-index: 1
	}
	
	#welcome{
		position:absolute;
		left:0;
		margin:0 20px;
		width:auto;
		top:250px;
	}
	#welcome-box{
		width:auto;
	}
	#welcome-btns{
		display:none;
	}
	#main{
		position:absolute;
		z-index:999;
		bottom:auto;
		width:100%;
		top:450px;
	}
	
	#main .box{
		margin:10px auto 0 auto; 
		float:none; 
		width:auto;
		background-color:#fff;
	}
	
	#main-sub{
		position:absolute;
		z-index:19;
		bottom:auto;
		width:100%;
		top:210px;		
	}
	
	#main-sub .box{
		margin:10px auto 0 auto; 
		float:none; 
		width:auto;	
		background-color:#fff;	
	}
	
	#left{display:none;}
	
	.position .fr{
		clear:both;
		float:right;
	}
	.position{
		height:auto;
	}
	
	#mobile-nav{display:block; margin-top:20px;}
	
	.sub-nav{
		background:#333;
		border:1px solid #000;
	}
	.sub-nav li{
		background:none;
		padding:0;
		border-bottom:1px solid #444;
	}
	.sub-nav a{
		display:block;
		text-align:center;
		color:#fff;
		padding:10px;
	}
	.sub-nav a:hover{
		background:#000;
		text-decoration:none;
	}
	
	#footer{
		position:absolute;
		bottom:auto;
		z-index:99
	}
	
	#social{
		padding-right:0;
	}
	#social li{
		padding-left:5px;
	}
	#footer .fr{
		display:none;
	}
	
	#footer-bar{margin-top:25px;}
	
	#footer-bar-left{
		float:none;
		width:auto;
		padding:0;
		text-align:center;
	}
	
	#footer-bar-logos{
		float:none;
		width:100%;
		margin:15px 0 0 0;
	}
	#footer-bar-logos ul{
		width:100%;
	}
	
	#footer-bar-logos li{
		float:none;
		width:100%;
		height:62px;
		margin:5px auto;
		padding:0;
		text-align:center;
	}
	
	#footer-bar-links{
		margin:20px auto 0 auto;
	}
	
	.footer-bar-links{
		float:none;
		width:100%;
		margin-left:0;
		padding-right:0;
		float:none;
		background:none;
		line-height:22px;
		text-align:center;
	}

}