@media screen and (max-width:1050px) {
    body #top-menu li a {
        max-width: 80px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    #top-panel .actions .title {
        display: block!important;
    }
}
@media handheld and (max-width:1280px) {
    body #main-menu ul li a {
        padding: 14px 20px;
        font-size: 20px;
        line-height: 28px;
    }
    #top-panel .actions .title {
        display: block!important;
    }
}
@media screen and (max-width:1050px) {
    body #preLoader {
        top: 43px;
    }
    html body #main {
        margin-top: 85px;
    }
    body #top-menu {
        height: 45px;
    }
    .panel-hidden + #top-panel + #main {
        margin-top: 46px;
    }
    body #loadProgress {
        top: 44px;
    }
    #top-panel .actions .title {
        display: none!important;
    }
    #top-panel .actions .panelButton {
        min-width: 24px;
        padding: 4px 10px 6px;
    }
    body #top-panel {
        height: 40px;
        top: 43px;
    }
    body #main {
        margin-top: 94px;
    }
    body #top-menu li {
        padding-bottom: 0;
    }
    body .well.well-s {
        width: 55%;
    }
    body .well.well-xs {
        width: 35%;
    }
    body .actions .panelButton {
        margin-top: 6px;
    }
    #top-menu .inner .glyphicons {
        font-size: 14px;
        padding-left: 36px;
    }
    #top-menu .glyphicons .icon:before {
        font-size: 18px;
    }
    body .userActions .panelButton {
        margin: 12px 0 0 0;
    }
    body .userActions .panelButtonWrapper:last-child .panelButton {
        margin-right: 12px;
    }
}
@media screen and (max-width:980px) {
    body #main-content .inline-input-block label + input[readonly="readonly"], body #main-content .inline-input-block label + input {
        display: inline-block;
        margin: 4px 0 0 2px;
    }
}
@media screen and (max-width:767px) {
    body .well.well-s, body h1.glyphicons.heading-s, body h2.glyphicons.heading-s {
        width: 70%;
    }
    body .well.well-xs, body h1.glyphicons.heading-xs, body h2.glyphicons.heading-xs {
        width: 60%;
    }
    body #top-menu li {
        margin-left: 2px;
        margin-right: 2px;
    }
    body #top-menu li a {
        visibility: collapse;
        width: 24px;
    }
    body #top-menu li a .icon {
        visibility: visible;
    }
    body #top-menu .glyphicons {
        padding: 7px 0 5px;
    }
	#top-menu .inner li .glyphicons.home {
		width: 34px;
	}
	#top-menu .panelButton.menuToggle {
		margin-right: 4px;
	}
	#top-menu li {
		margin-top: 3px;
		margin-block: 3px;
	}
}
#portrait-disable {
    position: absolute;
    top:0;
    left:0;
    display: none;
    width: 100%;
    height: 100%;
    background: url("../images/tablet-rotate.png") 50% 50% no-repeat rgba(0,0,0,0.8);
    color: #fff;
    z-index: 1000;
    font-size: 100px;
    text-align: center;
}
.portrait-disable-touch {
    position: fixed;
    top:0;
    left:0;
    display: none;
    width: 100%;
    height: 100%;
    background: url("../images/tablet-rotate.png") 50% 50% no-repeat rgba(0,0,0,1);
    color: #fff;
    z-index: 1000;
    font-size: 100px;
    text-align: center;
}
/*@media screen and (orientation:portrait) {
    #portrait-disable {
        display: block;
    }
}*/
.mobile-view .animateAll300,
.mobile-view .animateHeight300,
.mobile-view #main-content, .mobile-view #main-menu, .mobile-view input, .mobile-view input:hover + .add-on {
    -webkit-transition: all 0ms;
    -moz-transition: all 0ms;
    -o-transition: all 0ms;
    transition: all 0ms;
}

:-webkit-full-screen {
    background: none;
}