/*------------------------------------------------------------------

[Responsive Stylesheet]

	Project:		Base Admin Responsive
	Version:		1.0
	Last change:	05/21/2012
	Assigned to:	Rod Howard (rh)


[Table of contents]

	1. Max Width: 767px
	2. Max Width: 1200px
	3. Max Width: 979px

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[1. Max Width: 480px]
*/

@media (max-width: 480px) {
	
	.error-container h1 {
		font-size: 72px;
	}
	
	
	
	.subnavbar {
		margin-left: 0px !important;
		margin-right: 0px !important;	
	}
	
}





/*------------------------------------------------------------------
[1. Max Width: 767px]
*/

@media (max-width: 767px) {
    	
	.main {
		padding: 0 10px;
		margin-left: 0px;
		margin-right: 0px;	
	}
	
	.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: 33%;
		height: 70px;
		margin-bottom: 0;
		
		border: none;
	}
	
    
    
    .subnavbar .container > ul > li.active > a {
		font-size: 11px;
    	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;
	}

}
    


/*------------------------------------------------------------------
[3. Min Width: 768px]
*/

@media (min-width: 768px) {
	h1 {
		margin: 10px 0 28px;
		padding: 0 0 0 20px;
		background: rgba(0,0,0,0.05);
		line-height: 10px;
	}
	h1 span {
		display: inline-block;
		padding: 0 10px 6px;
		background: #f5f5f5;
	}
}


@media (min-width: 768px) and (max-width: 979px) {
	.midspan {
		width: 724px;
	}
}



/*------------------------------------------------------------------
[3. Max Width: 979px]
*/

@media (max-width: 979px) {
	
	.navbar-fixed-top {
		position: static;
		
		margin-bottom: 0;
	}
	
	.subnavbar {
	}
	
	.subnavbar .container {		
		width: auto;
	}
	
	
	/* ----- MODS ----- */
	.subnavbar .container > ul > li > a {
		padding: 0 5px;
	}
	.navbar .nav > li, .navbar .dropdown-menu > li.current {
		border-radius: 3px;
	}
	.navbar .nav > li.current > a, .navbar .dropdown-menu li.current a {
		color: #fff;
	}
	/*------------------------------------------------------------------ SOLO PER TEST -------------------------------------------------------------- 
	table {
		display: none;
	}*/
}

/*------------------------------------------------------------------
[2. Min Width: 1200px]
*/

@media (min-width: 1200px) {
	.navbar .search-query {
		width: 200px;
	}
	
}

/*------------------------------------------------------------------
google maps responsive
*/
 .google-maps {
        position: relative;
        padding-bottom: 25%;
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 400px !important;
    }


.overflow-table{
	display: block;
	overflow-x: auto;
}