GSYH/WebRoot/static/ace/css/less/ace-responsive.less

@media only screen and (max-width: @grid-float-breakpoint-max) {
 body {
	overflow-x : hidden;
 }
}


.navbar-fixed-top + .main-container {
	padding-top: @navbar-min-height;
}
@media (max-width: @screen-topbar-down) {
	.navbar-fixed-top + .main-container {
		padding-top: (@navbar-min-height * 2);
	}
	.navbar-fixed-top.navbar-collapse + .main-container {
		padding-top: @navbar-min-height;
	}
}



// custom grid
@media only screen and (max-width: @screen-topbar-down-small) {
	.grid2 , .grid3 , .grid4{
		 float: none;
		 display: block;
		 width: 96%;
		 border-left-width: 0;
		 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-width: 0;
	}
}


@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;
	}
}