/*
 * only mobile device
 */
@media all and (max-width: 1024px){
html.fixed,
html.fixed body { height:100%; overflow:hidden; }
}
/**************
 * Responsive *
 **************/
/* 1025 - 1280 */
@media only screen and (min-width:1025px) and (max-width:1280px){
}
@media only screen and (min-width:900px) and (max-width:1024px){
}
/* Tablet */
@media only screen and (min-width:768px) and (max-width:1024px){
img{ max-width:100%; }
h1,
h2,
h3{ line-height:1.35; }
h1{ font-size:2.714em; }
h2{ font-size:2.214em; }
h3{ font-size:1.286em; }
h4{ font-size:1em; }
}

/* Mobile */
@media only screen and (min-width:320px) and (max-width:767px){
img{ max-width:100%; }
br{ display:none; }
h1,
h2,
h3{ line-height:1.35; }
h1{ font-size:2.714em; }
h2{ font-size:2.214em; }
h3{ font-size:1.286em; }
h4{ font-size:1em; }
.container{ width:100%; }
.row{ margin-left:0; margin-right:0; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right:0; padding-left:0; }
#content{ padding-top:72px; }
#globalheader .gh-item{ padding:0 12px; }
#globalheader #gh-user-info{ font-size:1em; }
#globalheader #gh-page-title{ width:95%; position:absolute; top:60px; left:36px; color:#333; font-size:1em; border-bottom:1px solid #ddd; text-align:left; padding-bottom:10px; }
.home #gh-page-title{ display:none; }
.home #content{ padding-top:0; }
#gh-page-title .breadcrumb a{ color:#333; }
#gh-bread{ height:28px; margin-top:18px; }
#gh-bread > div{ width:18px; }
#gh-bread span:nth-child(2){ top:8px; }
#globalheader #gh-app-switcher-view{ width:350px; }
.flex{ width:33.33333%; }
#welcome-box{ margin-top:48px; }
#welcome-box .welcome-message{ line-height:1.2; margin:12px; }
.tile-nav-container{ margin-left:0; margin-right:0; }
.tile-nav{ padding-left:0; padding-right:0; }
.tile-nav .tn-label{ font-size:1em; }
.tile-nav .icon-container{ width:84px; height:84px; }
.tile-nav .icon-container .ec{ font-size:56px; }
.navbar-search .navbar-form{ margin-bottom:12px; border-bottom:none; }
.navbar-form .form-control{ margin-bottom:6px; }
.employee .emp-modal-body{ padding-left:24px; padding-right:24px; }
.employee .emp-modal-body th{ padding:0 0 3px; }
.employee .emp-modal-body td{ padding:0 0 24px 0; }
.employee .emp-modal-body th,
.employee .emp-modal-body td{ display:block; text-align:left; width:100%; white-space:normal; }
}