@media only screen and (max-width: @screen-xs) {
	.hidden-480{
		 display:none !important;
	}
}
@media only screen and (max-width: @screen-tiny) {
	.hidden-320{
		 display:none !important;
	}
}

@media only screen and (max-width: @screen-xs) {
	[class*="vspace-xs"] {
		display:block;
	}
}
@media only screen and (max-width: @screen-xs-max) {
	[class*="vspace-sm"] {
		 display:block;
	}
}
@media only screen and (max-width: @screen-sm-max) {
	[class*="vspace-md"] {
		 display:block;
	}
}
@media only screen and (max-width: @screen-md-max) {
	[class*="vspace-lg"] {
		 display:block;
	}
}


@media only screen and (max-width: @screen-sm-max) {
 .main-content {
	margin-left:0 !important;
 }
}
// page-content less padding
@media only screen and (max-width: @screen-xs-max) {
 .page-content {
	padding-left: @grid-gutter-width / 2;
	padding-right: @grid-gutter-width / 2;
 }
}


@media (max-width: @screen-sm-max) {
	body.breadcrumbs-fixed {
		padding-top:45px;
	}
	.navbar-fixed-top {
		margin-bottom: 0;
	}
	.sidebar.fixed , .sidebar.sidebar-fixed {
		position:absolute;
	}
}
@media (max-width: @screen-topbar-down) {
	body.navbar-fixed {
		padding-top: 90px;
	}
}



// error pages
@media only screen and (max-width: @screen-xs-max) {
 .error-container {
	margin:12px;
 }
}
@media only screen and (max-width: @screen-xs) {
 .error-container {
	margin:6px;
 }
}




/* custom grid */
@media only screen and (max-width: 360px) {
	.grid2 , .grid3 , .grid4{
		 float:none;
		 display:block;
		 width:96%;
		 border-left:none;
		 position:relative;
		 margin-bottom:11px;
		 border-bottom:1px solid #E3E3E3;
		 padding-bottom:4px;
	}
	.grid2 > [class*="pull-"], .grid3 > [class*="pull-"], .grid4 > [class*="pull-"]{
		float:none !important;
		display:inline-block;
		position:absolute;
		right:11px; top:0;
		margin-top:0;
	}
	.grid2:last-child , .grid3:last-child , .grid4:last-child {
		border-bottom:none;
	}
}




@media only screen and (max-width: @screen-xs) {
 .ace-settings-container , body.breadcrumbs-fixed .ace-settings-container {
	top: 65px;
 }
}




