@media screen and (min-width: 801px) {
	.menu-toggle { display: none; }
	.main-navigation ul { display: block;	}
}

@media only screen and (max-width: 980px) {
	#content-wrapper { width:90%; margin:0 5%; }
	
	.site-info { width:100%; }
	#logosPAD { width:100%; }	
	#logosPAD .padWrap { width:90%; }
	#logosPAD ul {width:45%;}	
	#logosPAD .padWrap p { width:50%;}

	.widget_search .search-form { width: 100%;}
	
	.site-header { width:100%;}	
	.site-branding {width:30%; clear:both;}	
	.main-navigation { width:70%; margin-bottom: 0px;}
	
	.site-title { width: 65%;}	
	#logo { max-width:60%; margin-right:10px;}
	
	.widget-area { width: 100%}	
	.widget { width: 20%; margin:0 6% 5% 0;}
	
	#slider { width:100%;}	

	.index-article { width:23%; margin:0 2% 20% 0 !important; }
	.index-article .entry-thumbnail { margin:0 auto; }
	
	.widget_search .search-form label { width: 80%;}	
	.widget_search .search-form input[type="search"] { width:95%; }
}

@media only screen and (max-width: 800px) {
	#slider { height:320px;}
	#slider img { height:320px;}	
	#slider .slider-text { height: 200px; left:20%; width:80%; }
	#slider h2 { font-size:1.75em;}
	
	.widget { width: 30%; margin:0 4% 5% 0;}	
	.widget:nth-child(4n) { margin-right: 5% !important; }	
	.widget:nth-child(3n) { margin-right: 0 !important; }
	
	#search-wrapper { position:static; padding:20px; width:50%; float:left; }	
	.search-form { float: none; }
	
	#font-wrapper {position:static; padding-top:20px; margin-right:20px; float:right; width:225px;}	
	
	.site-branding {width:100%; clear:both; float:none; left: 80px; top: 40px; }		
	.site-title { width:75%; }
	
	.main-navigation { width:100%; position:static; text-align:left; }
	
	.menu-toggle { float:right; margin:0 10px 10px 0; }	
	
	h2.index-news .left { left: 20%; }	
	h2.index-news .right { right: 20%; }
	
	.index-article { width:100%; margin:0 0 5% 0 !important; float:none; min-height:auto; }
	.index-article .entry-thumbnail { margin:0 20px 0 0; float:left;  }
	.index-article h3.entry-title { text-align:left; background-position:210px bottom}	
	a.more-link { float:right; }
}

@media only screen and (max-width: 640px) {
	#skip-links { position:fixed; z-index:1000; width:95%; height:50px; margin:0; text-align:center; background:#000;}
	#skip-links li { display: inline-block; float:left; border-right:1px solid #444;}
	#skip-links a { display: inline-block; height:50px; padding: 14px 15px 6px; position: static; width: auto; color:#e6e6e6;}	
	#skip-links a:hover, 
	#skip-links a:focus, 
	#skip-links a:active {background:#444; color:#fff; border:none; position:static; }
	
	.goto-top { display:block; margin:0; }
	.goto-top a { display:inline-block; position:fixed; top:0; right:0; background:url('../images/btnGotoTop.png') no-repeat center center #000; text-indent:-10000px; width:50px; height:50px; z-index:10000;}
	
	.menu-toggle {  background:url('../images/btnToggle.png') no-repeat center center #000; text-indent:-10000px; width:50px; height:50px; z-index:10000; float:none; border-radius:0; margin:0; }

	#header-wrapper { padding-top:50px; }

	#logo { margin:0 10px; }
	
	#slider { height:260px;}
	#slider img { height:260px;}	
	#slider .slider-text { height: 180px; left:10%; width:80%; }
	#slider h2 { font-size:1.5em;}	

	.main-navigation { width:98%;}
	.main-navigation li { display:block;}	
	.main-navigation a { margin:0; border-bottom:1px solid #f1f1f1; padding:10px 20px; background:#fff; } 
	.main-navigation ul ul { float:none; position:static; display:none !important; width:100% !important; padding-bottom:0;}	
	.main-navigation ul ul li { width:100%;	}	
	.main-navigation ul ul a { border-bottom:1px solid #fff !important; }
	.main-navigation ul ul a:focus,
	.main-navigation ul ul a:hover { background-position:95% 16px; }	
	.main-navigation ul ul ul a { padding-left:50px !important; }
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul,
	.main-navigation ul li.hover > ul { display:block !important;}

	#crumbpath { display:none; }
	
	.nav-links li { padding:0 0 5px 0; }
	
	.index-article:nth-child(5n+1) { clear:none; }
}

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

	#slider { height:200px;}
	#slider img { height:200px;}	
	#slider .slider-text { height: 150px; left:10%; width:80%; }
	#slider h2 { font-size:1.23em;}	
	#slider p { padding:10px 80px 10px 0; }
	
	#font-wrapper { width:120px; padding-top:25px; margin-right:6px;}	
	.font-list { display:none; }	
	
	h1 { font-size: 1.75em;}
	
	#primary-menu { width:96%; }	
	
	.content-area { padding:0; }
	
	.index-article h3.entry-title { background-position:160px bottom}	
	h2.index-news .left { left: 10%; }	
	h2.index-news .right { right: 10%; }
	
	.entry-thumbnail { width:140px; height:140px;  }
		
	.page-content .search-form label { width: 80%; }		

	.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: none; width: 100%; margin:0 0 10px 0; }	
	.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: none; width: 100%; text-align:left; }
	.nav-previous a { display:block; }
	.nav-next a { display:block; }

	.widget { width: 45%; margin:0 4% 5% 2%;}	
	.widget:nth-child(4n) { margin-right: 5% !important; }	
	.widget:nth-child(3n) { margin-right: 5% !important; }
	.widget:nth-child(2n) { margin-right: 0 !important; }

}

@media only screen and (max-width: 420px) {
	#skip-links { width:90%; }
	#skip-links li { width:31%; text align:center; font-size:0.85em; }
	#skip-links a { padding: 8px 12px; }	
}

@media only screen and (max-width: 320px) {

	#header-wrapper { padding-top:50px;}	
	
	ul, ol { margin: 1em 0;}
	
	#slider { height:180px;}
	#slider img { height:140px;}	
	#slider .slider-text { height: 140px; left:5%; width:90%; }
	#slider h2 { font-size:1em;}	
	#slider p { font-size: 0.8em; margin:0;}	
	
	#font-wrapper { width:40px;}	
	#fonts p span { display:none; }
	
	#primary-menu { width:94%; }	
	
	.site-branding { text-align: center;}
	#logo { float:none; text-align:center; }
	.site-title { width: 100%;}

	.menu-toggle { margin: 0 14px 10px 0;}

	h2.entry-title, h2.page-title { font-size:2em; }
	h2.index-news .left { left: 0; }	
	h2.index-news .right { right: 0; }	
	
	.entry-thumbnail { height:190px; width:190px; float:none; margin: 10px auto;}
	.index-article .entry-thumbnail { margin: 10px auto; float:none;  }
	.index-article p { margin: 10px 0;} 
	.index-article h3.entry-title { background-position: 0 bottom; }
	
	.widget { width: 90%; margin:0 5% 5%; }	
	.widget:nth-child(4n) { margin:0 5% 5% !important; }	
	.widget:nth-child(3n) { margin:0 5% 5% !important; }	
	.widget:nth-child(2n) { margin:0 5% 5% !important; }	
}