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

}

@media screen and (min-width: 568px) and (max-width: 684px) {  

}

@media screen and (min-width: 685px) and (max-width: 767px) {  

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

}

@media only screen and (min-width: 319px) and (max-width: 767px) {
	#main-sidebar-container {
		overflow: hidden;	
	}
	.article-grid-home .article_wrap {
		display: block !important;
		margin: 0 0 2% 0 !important;
		width: 100% !important;
		float: none !important;
		min-height: 185px !important;
	}
	#footerContent #text-9 .col,
	.ft_info {
		display: block !important;
		margin: 0 0 2% 0 !important;
		width: 100% !important;
		float: none !important;
		text-align: center !important;
	}
	#timeline.responluke {
		width: 100% !important;	
	}
	.searcHimage {
		top: 25px;
		position: absolute;
		left: 556px;
	}
	
	#logo {
		display: block;
		margin: 7% auto;
		float: none;
		text-align: center;
	}
	#headLine {
		margin-top: 560px;
	}
	#navigation {
		
	}
	.searcHimage {
		top: -130px !important;
	}
	
	

	ul.nav li a {
	
		padding: .5em 1em;
		display: block;
		color: #666;
		font-family: sans-serif;
	}
	
	
	
	#navigation .nav li.parent > a {
		font-family: sans-serif;
		padding-right: 0.6em !important;
	
	}
	
	
	
	ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
	
		background: #ffffff;
		color: #3088ff;
		font-family: sans-serif;
	}
	
	
	
	#navigation .nav li#menu-item-125.parent > a:after, #navigation .nav li#menu-item-573.parent > a:after {
	
		content:none !important;	
	
	}
	
	
	.nav-toggle.icon {
		margin-left: 0px;	
	}
	
	
	#navigation {
		margin-top: -46px !important;
		background: rgb(240, 240, 240) !important;
	
		border: 0 none !important;
	
		border-radius: 0 0 0 0 !important;
	
		box-shadow: none !important;
	
		clear: both !important;
	
		display: block !important;
	
		float: none;
	
		left: 0;
	
		margin-left: 0;
	
		padding-top: 50px !important;
	
		position: absolute;
		top: 0;
	
		width: 80%;
	
		list-style:none;
	
	}
	
	
	
	#navigation ul {
	
		padding-left: 0 !important; 
	
	}
	
	
	
	#navigation ul.nav > li {
	
		border-right: 0 none !important;
	
	}
	
	
	
	#navigation ul.nav > li:hover {
	
		background: none repeat scroll 0 0 transparent;
	
	}
	
	
	
	ul.nav li a:hover {
	
		background:transparent !important;
	
		color: #87A90F;		
	
	}
	
	
	
	#navigation ul.nav ul {
	
		background: none;
	
		border: medium none !important;
	
		color: rgb(85, 85, 85); !important;
	
		left: 0;
	
		padding-left: 0 !important;
	
	}
	
	
	
	#navigation ul.nav ul li a {
		font-family: sans-serif;
		color: rgb(102, 102, 102) !important;	
	
	}
	
	
	
	#navigation ul.nav ul li a:hover {
	
		color: #87A90F	 !important;
	
		text-decoration: none;
	
	}
	#navigation .nav-home, #navigation .nav-close, #navigation .cart-contents, #navigation ul.rss li a {
		height: 2em;
		width: 2em;
	}

	
}

@media only screen and (min-width: 319px) and (max-width:768px) {
	#headLine {
		margin-top: 320px !important;
		overflow: hidden !important;
	}
	#headLine ul li {
	float: none;
	margin: 0 auto 3%;
	}

}