source: pro-violet-viettel/docs/Space/assets/css/less/ace-responsive.less @ 290

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