
/*------------------------------------------------------------------

[Responsive Stylesheet]

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. Max Width: 767px]
*/

@media (max-width: 640px) {
	
	.pagination-title { 
		visibility:hidden;
	}

	.pagination a { 
		line-height:24px;
		padding: 0 8px;
	}

	.prio1 { 
		display:none;
	}

	.subnavbar .container > ul > li {
		width: 50%;
	}
	
}

@media (max-width: 767px) {
    	
	#main {
		padding: 0 10px;
		margin-right: -20px;
		margin-left: -20px;	
	}
	
	
	.subnavbar {
		/*
		margin-left: -20px;
		margin-right: -20px;	
		*/
	}
	
	
	.subnavbar-inner {
		height: auto;
	}
	
	.subnavbar .container > ul {
		width: 100%;
		height: auto;
		
		border: none;
	}
	
	.subnavbar .container > ul > li {
		width: 25%;
		height: 40px;
		margin-bottom: 0;
		
		border: none;
	}
	
    
    
    .subnavbar .container > ul > li.active > a {
		font-size: 13px;
    	background: transparent;
    }
	
	.subnavbar .container > ul > li > a > i {	
		display: inline-block;	
		margin-bottom: 0;
		
		font-size: 20px;
	}
	
	
	.subnavbar-open-right .dropdown-menu {
		left: auto;
		right: 0;
	}
	
	.subnavbar-open-right .dropdown-menu:before {
		left: auto;
		right: 12px;
	}
	.subnavbar-open-right .dropdown-menu:after {
		left: auto;
		right: 13px;
	}
	
	.extra {
		margin-right: -20px;
		margin-left: -20px;
	}
	
	.extra .container {
		padding: 0 20px;
	}
	
	.footer {
		margin-right: -20px;
		margin-left: -20px;
	}
	
	.footer .container {
		padding: 0 20px;
	}
	
	.footer .footer-terms {
		text-align: left;
	}
	
	.footer .footer-terms a {
		margin-left: 0;
		margin-right: 1em;
	}

	.prio2 { 
		display:none;
	}

	.subnavbar .container > ul > li > a.prio2 {
		display:none;
	}

	.well { 
		margin-right:0px;
	}

}
    
/*------------------------------------------------------------------
[3. Max Width: 979px]
*/

@media (max-width: 979px) {
	
	.navbar-fixed-top {
		position: static;
		
		margin-bottom: 0;
	}
	
	.subnavbar {
	}
	
	.subnavbar .container {		
		width: auto;
	}

	.prio3 { 
		display:none;
	}

}


@media (min-width: 979px) {
	.gen-search-form { 
		float:left;
		margin-right:40px;
	}
}

/*------------------------------------------------------------------
[2. Max Width: 1200px]
*/

@media (min-width: 1200px) {
	.navbar .search-query {
		width: 200px;
	}


	div.col1 { 
		width: 538px;
		padding-left: 30px;
		float: left;
	}

	div.col2 { 
		width: 538px;
		margin-left: 30px;
		padding-left: 30px;
		float: left;
		border-left: 1px solid #aaaaaa;
	}

	div.col_inner { 
		margin-right:0px;
	}
	
}

@media (min-width: 1440px) {

	div#shortcut_bar {
		display: block;
	}
}

/*------------------------------------------------------------------
[1. Max Width: 480px]
*/

@media (max-width: 480px) {
	
	.error-container h1 {
		font-size: 72px;
	}

	.subnavbar .container > ul > li {
		width: 50%;
	}
	
}