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

[Dashboard Stylesheet]

	Project:		Mahdia Adminize
	Version:		1.0
	Last change:	11/08/2012
	Assigned to:	Chandra Racman



[Table of contents]

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

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



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

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

	#content {
		padding-top: 15px;
	}

	.plan-container{
		width:50% !important;
		margin-bottom:20px;
	}

	.navbar-fixed-top{
		margin-bottom:0;
	}

	div.selector{
		display:block !important;
	}

	.navbar-inner {
		position: relative;
		z-index: 1100;
	}

	.navbar-fixed-top .brand strong {
		display: inline-block !important;
	}

	.navbar-fixed-top .brand .mobile-hide {
		display: none !important;
	}

	.navbar-fixed-top .nav-client-switch {
		display: block;
		width: 100%;
		box-sizing: border-box;
		height: 36px;
	}

	.nav-collapse {
		width: 100%;
	}

	.nav.pull-right {
		margin: 5px 0 0;
		height: auto;
	}

	.nav.pull-right .dropdown {
		line-height: 1;
	}

	.nav.pull-right .dropdown .dropdown-menu {
		margin: 0 !important;
	}

	.nav.pull-right .dropdown-toggle {
		margin: 2px 0 0;
		line-height: inherit !important;
		padding: 10px 5px 0 10px;
	}

	.nav.pull-right .dropdown-toggle .caret {
		margin-top: 6px !important;
	}
}


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

@media (max-width: 767px) {

	#content {
		padding-top: 0;
	}

	.subnavbar {

	margin-left:-20px;
	margin-right:-20px;

	}

	.navbar-fixed-top .brand .truncated-text {
		width: 30%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 1;
	}
	.navbar-fixed-top .brand strong {
		font-size: 12px;
	}

	.sidebar-extra {
		display: none;
	}
	.plan-container{
	width:100% !important;
	margin-bottom:20px;
	}
	.profile_pic img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}

}