/***** MEDIA QUERIES *****/
/*************************/

@media screen and (max-width: 1280px) {
	
	.mainwrapper { width: auto; }
	.skins li.fixed,.skins li.wide { display: none; }
	
	/* dashboard */
	.content-dashboard .row-fluid > .span8,
	.content-dashboard .row-fluid > .span4 { display: block; width: auto; float: none; }
	.content-dashboard .row-fluid > .span4 { margin-left: 0; }
	.widgeticons li.span2 { width: 18.2%; }
	
	/* media */
	.mediamgr_menu li.right { float: none; margin-top: 8px; }
	.mediamgr_category, .mediamgr_content { margin-right: 0; }
	.mediamgr .mediamgr_right { position: relative; top: auto; width: auto; }
	.mediamgr .mediamgr_rightinner { padding-left: 0; }
	
	/* elements/bootstrap/typography/charts */
	.content-elements .row-fluid .span6,
	.content-bootstrap .row-fluid .span6, 
	.content-typography .row-fluid .span6,
	.content-charts .row-fluid .span6 { width: auto; float: none; margin-left: 0; }
	
	/* buttons */
	#examples .row-fluid .span4 { width: auto; float: none; margin-left: 0; }
	
	/* forms */
	.input-xxlarge, .uneditable-input {
    	width: 100%;
    	min-height: 36px;
    	-webkit-box-sizing: border-box;
       	-moz-box-sizing: border-box;
        box-sizing: border-box;
  	}
	.stdform label { float: none; width: auto; display: block; text-align: left; }
	.stdform span.field, .stdform div.field { margin-left: 0; }
	.stdform small.desc, .dualselect, .stdform .formwrapper, .stdform .stdformbutton { margin-left: 0; }
	.stdform2 span.field, .stdform2 div.field { border-left: 0; }
	
	/* wizard */
	#wiz1step1 p, #wiz1step2 p { margin: 15px; }
	
	/* animations */
	.content-animations .row-fluid .span9 { margin-left: 40%; margin-top: -30px; width: 59%; }
	
	/* edit profile */
	.content-editprofile .row-fluid .span3 { float: none; display: block; width: auto; margin-bottom: 30px; }
	.content-editprofile .row-fluid .span9 { float: none; display: block; width: auto; margin-left: 0; }
	
}

/* iPad Portrait */
@media screen and (max-width: 959px) {
	
	.rightpanel, .footer .footerright { 
		width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	}
	.mediamgr_menu li.right { float: right; margin-top: 0; }
	
}

/* iPhone Landscape */
@media screen and (max-width: 767px) {
	
	.pagetitle h1 { line-height: normal; }
	.pagetitle span { display: block; margin-left: 0; }
	.widgeticons .one_third { width: 31.16%; }
	.searchwidget input.search-query { width: 200px; }
	
	/* media */
	.mediamgr_menu { overflow: inherit; min-height: 33px; }
	.newfilebtn .btn { position: absolute; top: -72px; right: -10px; }
	
	/* forms */
	.input-prepend input[class*="span"], 
	.input-append input[class*="span"] { min-height: 36px; }

	/* wizard */
	.verwizard .verticalmenu { width: 200px; }
	.verwizard .stepContainer { margin-left: 230px; }
}

@media screen and (max-width: 479px) {
	
	/* login */
	.loginwrapper { width: 280px; }
	.loginshadow { background-size: 100%; }
	
	/* dashboard */
	.content-dashboard .ui-tabs-nav li a span { display: none; }
	.content-dashboard .ui-tabs-nav li a { padding: 7px 10px; }
	.notification .dropdown-menu { right: -100px; }
	
	/* media */
	.mediamgr_menu li.filesearch { 
		clear: both; margin-left: 0; width: 100%; float: none; display: block; padding-top: 10px;
	}
	.mediamgr_menu li.filesearch input { 
		width: 100%; display:  block; min-height: 36px;  
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	.mediamgr_category ul li.right { 
		float: none; margin: 10px 0 0 0; display: block; text-align: right; border-top: 1px dashed #ddd; padding-top: 5px; 
	}
	
	/* dynamic table */
	.dataTables_paginate { position: relative; bottom: 0; right: 0; left: 10px; top: -35px; }
	.dataTables_info { height: 50px; }
	
	/* messages */
	.msghead { padding-bottom: 0; }
	.msghead_menu { margin-bottom: 0 !important; }
	.msghead_menu li:last-child { float: none; padding: 10px 0 0 0; }
	
	/* wizard */
	.wizard .tabbedmenu li a { padding: 10px; }
	.wizard .tabbedmenu li a span.label { display: none; }
	.verwizard .verticalmenu { float: none; width: auto; margin-bottom: 20px; }
	.verwizard .stepContainer, .verwizard .actionBar { margin-left: 0; }
}