/* ---------------------------------------------------------------------- */
	/*	Responsive adjustments
	/* ---------------------------------------------------------------------- */		

	@media screen and (min-width: 1325px) {
		#page-content {
/*			margin-right:249px !important;*/
			margin-right:15px !important;
			border-right-color: #DBDBDC;
		}
		
		#page-content {
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
		}
		
		aside.right {
			display:block;
		}
	
		#page-content:after {
			/*content:"min-width: 1325px";*/
		}
	}
	
	@media screen and (min-width: 1150px) {

		#page-content:after {
			/*content:"min-width: 1150px";*/
		}
	}



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

		.dashboard-box-outer {
			position: relative;
			height: 158px;
		}

		.spaced-box {
			width: 100%;
			margin-bottom: 20px;
		}
		.spaced-box .btn { width: 100%!important; }
	}
	
	@media (max-width: 1040px) {
		#header-toolbar h1 {
			line-height: 45px;
		}

		#page-content {
			/*overflow: auto;*/
		}
	}

	@media (min-width: 980px) {
				
		#page-content {
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			
			margin-right:15px;	
		
		}
		
		#page-content:after {
			/*content:"min-width: 980px";*/
		}
	}


	@media (max-width: 880px) {
		.dashboard-box-outer { position: static; height: auto; }
		.dashboard-box-inner { position: static; }
	}


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


		.dt-footer .span6 {
			display: block;
			float: none;
			width: 100%;
			margin-left: 0;
		}
		ul.all-icons-display li {
			width:33%;
		}
		
		aside {
			width:215px;
			}.easypie {
				display: inline-block;
				margin: 10px 6px 0px;
			}
			.my-profile{
				padding: 0 10px;	
			}
			.mini-inbox div.alert.inbox {
				max-height: 90px;
				}.mini-inbox div.alert.inbox a {
					font-size: 12px;
					}
			aside ul.menu a {
				font-size:13px;
				}aside ul.menu > li > ul > li a {
					font-size:12px; text-indent: 32px;
					}
			.number-stats ul li {
				width: 38px;
				padding: 0 9px;
			}		
		
		#page-content {
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;			
			margin-right:15;
		}
		
		#gague-chart > div {
			width: 80.5px;
			height: 55px;
			display: inline-block;
			margin: 0 0 20px 0;
		}
		
		.radio.inline, .checkbox.inline {
			display:block;
		}
		.radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
			margin-left: 0;
		}
		
		div#main #page-header {
			font-size:30px;
			line-height:30px;
		}
	
		/* big icons margin subtracted to align it with header */
		#start {
			margin: 0 -10px;
		}
	
		/* big icons resized */
		#start ul li, #start ul li:first-child, #start ul li:last-child {
			margin: 4px 1%;
			width: 30%;
		}
	
		#page-content:after {
			/*content:"(min-width: 768px) and (max-width: 979px)";*/
		}
		
	}
	
	@media (min-width: 768px) and (max-width: 880px) {	
		ul.all-icons-display li {
			width:50%;
		}
		#page-content {
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			
			margin-right:15px;
		}
		
		.radio.inline, .checkbox.inline {
			display:block;
		}
		.radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
			margin-left: 0;
		}
			
		div#main #page-header {
			font-size:30px;
			line-height:30px;
		}
		
		/* big icons margin subtracted to align it with header */
		#start {
			margin: 0 -10px;
		}
		
		/* label adjustment */
		#start ul li label {
			right:auto;
			left:55%;
		}
		
		/* big icons resized */
		#start ul li {
			margin: 4px 1%;
			width: 30%;
		}
		
		/* at ipad (portrait) view convert all widgets to 100% width */
		section#widget-grid article {
			display: block;
			float: none;
			width: 100%;
			margin-left: 0;
			margin-bottom: 10px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			
		#page-content:after {
			/*content:"(min-width: 768px) and (max-width: 880px)";*/
		}
	}

	@media (max-width: 767px) {

		.btn { line-height: 38px; }

		.bg-green, .bg-red {
			padding: 20px;
		}

		.jarviswidget.login form {
			background: #efefef;
			padding: 20px;
		}

		aside { width: 100%; float: none; padding-bottom: 0; }

		.menu-toggle::before {-webkit-font-smoothing: antialiased;font: normal 26px/1 Fontawesome;text-decoration: inherit;vertical-align: text-bottom;color: #FFF;content: "\f0c9";display: inline-block;margin-top: 12px;width: 48px;}

		.menu-toggle, .menu-toggle:active {display: inline;border: 0 none;box-shadow: none;border-radius: 0;cursor: pointer;font-size: 0;height: 48px;margin: 0;overflow: hidden;padding: 0;position: absolute;z-index: 999;right: 0;top: 10px;text-align: center;width: 48px;color: #FFF;;background-color: #333;}

		.menu-toggle:focus, .menu-toggle:hover {border: 0;color: #FFF;background-color: #24ade4;}

		#header-toolbar {
			text-align: center;
		}

		#header-title, #header-toolbar h1, #header-right {
			float: none; width: 100%;
		}
		#header-toolbar h2 {
			float: none;
		}

		#header-toolbar img {
			margin-right: 0!important;
			float:none;
			display:inline;
		}

		input.ui-display-text, .widget-content-padding {
			padding: 0;
		}

		.control-group {
			padding: 6px 0 7px;
		}

		ul.all-icons-display li {
			width:50%;
		}
		/* display responsive navigation */
		.js .selectnav {
			display: block;
		}
		
		#header-toolbar {
			padding:15px;
			height: auto;
		}
		body {
			padding-left:0px;
			padding-right:0px;
		}
		#page-content {
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			
			margin-top:15px;
			margin-right:15px;
			margin-left:15px;
		}

		.radio.inline, .checkbox.inline {
			display:block;
		}
		.radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
			margin-left: 0;
		}
		
		/* big icons resized */
		#start ul li {
			display: inline-table;
			width: 49%;
			margin: 1px 1px 5px 0;
		}
		
		aside {
			display:none;
		}
		
		#page-content:after {
			/* content:"max-width: 767px"; */
		}

		.bg-green, .bg-red {
			margin-bottom: 15px;
		}
	}
	
	@media only screen and (min-width: 0px) and (max-width: 679px) {


		ul.all-icons-display li {
			width:100%;
		}
		/* display responsive navigation */
		.js .selectnav {
			display: block;
		}
		
		#page-content:after {
			/*content:"@media only screen and (min-width: 0px) and (max-width: 679px)";*/
		}
	}
	
	@media (max-width: 480px) {
		ul.all-icons-display li {
			width:100%;
		}
		#page-content {
			margin-right:0px;
			margin-left:0px;
		}

		.radio.inline, .checkbox.inline {
			display:block;
		}
		.radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
			margin-left: 0;
		}

		.form-horizontal .control-label {
			font-weight: bold;
		}



		div#main #page-header {
			font-size:22px;
			line-height:22px;
		}
		/*
		.chat-tabs li:first-child {
			margin-left:10px;
		}
		
		.chat-tabs li {
			margin-left:10px;
			margin-right:10px;
		}*/
		
		#page-content {
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
		}
		
	    /* hide left hand menu and top menu */
		.js ul#top-nav, aside, #secondary-nav {
			display: none;
		}
		
		#header-toolbar {
/*			background: none;*/
			margin-left: -5px;
			margin-right: -5px;
			padding-left: 10px;
			padding-right: 10px;
height: auto;
		}
		
#header-right {
	margin-bottom: 10px;
}


		.dropdown-menu.pull-right {
			right: auto;
			left: -133px;
		}
		
		body {
			padding:0 5px;
		}
		html, body {
/*
			background: #313131;
			background: -moz-linear-gradient(top,#313131 0,#101010 100%);
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#313131),color-stop(100%,#101010));
			background: -webkit-linear-gradient(top,#313131 0,#101010 100%);
			background: -o-linear-gradient(top,#313131 0,#101010 100%);
			background: -ms-linear-gradient(top,#313131 0,#101010 100%);
			background: linear-gradient(top,#313131 0,#101010 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131',endColorstr='#101010',GradientType=0);*/

		}
		nav {
			border-radius:4px 4px 0px 0px;
		}
		
		#header-toolbar {
/*			background:none;*/
		}
		
		#page-content, nav {
			padding:10px;
		}
		
		/* display responsive navigation */
		.js .selectnav {
			display: block;
		}
		
		#page-content:after {
			/*content:"max-width: 480px";*/
		}
		
		/*badges only on small screens*/
		.bwizard-steps li,
		.bwizard-steps li.active,
		.bwizard-steps li:first-child,
		.bwizard-steps li:last-child {
			background-color: transparent;
			padding: 0;
			margin-right: 0;}
		.bwizard-steps li:after,
		.bwizard-steps li:before {
			border: none;
		}
	}
	
	@media only screen and (min-width: 320px) and (max-width: 479px) {	
		#page-content:after {
			/*content:"iphone";*/
		}
	}