/* Large Devices, Wide Screens */
@media only screen and (min-width : 992px) {
	#navbar-collapse.collapse {
		display:block;
		visibility:visible;
	}
	nav .system {
		bottom:0;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) and (min-width: 768px) {
	ul.list-actions li a i{
		font-size: 24px !important;
	}
	.head .listactions li a{
		font-size: 14px;
	}

	.nav-expand .navbar {
		position:absolute;
	}
	.box.nopadding{
		padding: 0;
	}
	.navbar-inverse .navbar-toggle, .navbar-header {
		background-color:#353e48;
	}
	.navbar-inverse {
		background-image:none;
		/* background-color:#353e48; */
	}
	#navbar-collapse.collapse {
		display:block;
		visibility:visible;
	}
	nav .system {
		bottom:0;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) and (min-width: 481px) {
	.nav-expand .navbar + .main-content {
		margin-left: 70px;
	}

	.nav-expand .navbar, .nav-expand nav {
		width: 220px;
	}
	.navbar-header{
		display: none;
	}
	.main{
		position: static;
	}

	.nav-expand .navbar{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}

	.navbar-inverse .navbar-toggle, .navbar-header {
		background-color:#353e48;
	}
	.navbar-inverse {
		background-image:none;
		/* background-color:#353e48; */
	}
	#navbar-collapse.collapse {
		display:block;
		visibility:visible;
	}
	nav .system {
		bottom:0;
	}

	table.responsive tbody th, table.responsive tbody td {
		min-height:24px;
		line-height:24px;
		height:auto;
		padding: 5px 10px 10px;
		border: 0;
	}

	.sign-form{
		width: 95%;
	}

	table.responsive th, table.responsive td {
		display:block;
		clear:both;
		width:initial;
		max-width:none;
	}

	table.responsive tbody td {
		border-top: 0;
		border-bottom: 1px solid #ddd;
	}

	table.responsive tbody th {
		border-bottom:none;
		padding: 10px;
	}
	table.responsive tfoot th{
		display: none;
	}
	div .wrap {
		width: 90%;
	}
	.pane h4{
		margin: 5px 10px;
	}
	.input.xsmall { width: 50px; }

	.input.small,
	.input.medium,
	.input.large, .selectui.large,
	.input.xlarge, .selectui.xlarge,
	.input.xxlarge, .selectui.xxlarge,
	.input.xxxlarge, .selectui.xxxlarge, .xxxlarge .select2-container,
	.input.full {
		width: 100%;
	}
	.input.tel { width: 60%; }
	.selectui{width: 400px;}

	.ui-accordion .ui-accordion-content {
		padding:15px 20px 20px;
	}
	.ui-accordion .ui-accordion-content .text-right {
		width:10%;
	}
	.ui-accordion .ui-accordion-content label.location {
		margin:0;
		padding:0;
	}
	.ui-accordion .ui-accordion-content .cart select.input {
		width:89%;
		margin-right:0;
	}
	.ui-accordion .ui-accordion-content#personaldetails th {
		width:10%;
	}

	/* News */
	#page.news-archive {
		padding-right:36%;
	}
	#page.news-archive .col.half{
		width:36%;
	}
	#page.news-archive h2{
		font-size:16px;
	}
	#page.news-archive h3{
		font-size:14px;
	}
	#page.news-archive .col.half hr {
		margin:10px 0;
	}
	#page.news-archive .col.half .box > a {
		margin-bottom:10px;
		font-size:14px;
		float:left;
		clear:both;
	}
	#page.news-archive .col.half .calendar td {
		padding:4px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) and (min-width: 1px) {
	.main-content {
		margin-left: 0px !important;
	}

	.promotion-msg {
		font-size: 0.8em;
	}

	.navbar-header {
		width: 100%;
		height: 55px;
		display: block;
	}

	.navbar + .main-content {
		margin-left: 5px;
	}

	body{
		padding-top: 55px;
	}

	body.server-background {
		padding: 35px 15px;
	}

	.navbar, nav {
		width: 100%;
	}
	.main{
		position: static;
	}

	.navbar{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: auto;
		min-height: 0;
		width: 100% !important;
	}

	nav {
		background: none !important;
	}
	nav nav{
		position: static !important;
		background-color:#3C4652;
	}
	nav li {
		position: relative;
	}
	nav .system{
		position: static !important;
	}

	.navbar-inverse {
		border:none;
	}
	.navbar-inverse .navbar-toggle, .navbar-header {
		background-color:#353e48;
	}
	#sidebar-collapse {
		display:none;
	}
	.navbar-toggle {
		float:left;
		margin:10px;
	}
	nav {
		width:100%;
	}
	.main {
		padding-left:0;
	}
	nav li a {
		line-height:19px;
	}

	nav li.app-mode-switch {
		display: none;
	}

	nav li.split {
		display: block;
	}

	#navbar-collapse.collapse, #navbar-collapse.collapsing {
		background: #353e48;
		width: 260px;
	}
	#navbar-collapse.collapse {
		display:none;
		float: left;
	}

	/* Force scroll on smallest devices, force hide scrollbar*/
	#navbar-collapse.collapse.in, #navbar-collapse.collapsing {
		max-height: 90vh;
	}

	#navbar-collapse.collapse.in {
		display:block;
		overflow-y: scroll !important;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	#navbar-collapse.collapse.in::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

	.user-profile {
		display: none;
	}

	nav li span {
		display: inline !important;
		-webkit-transition: width 0.5s ease;
		-moz-transition: width 0.5s ease;
		-o-transition: width 0.5s ease;
		transition: width 0.5s ease;
	}

	nav li a{
		font-size: inherit !important;
		text-align: left;
		font-weight: normal !important;
	}

	nav li.split a.active {
		font-weight: bold !important;
	}


	nav li a i {
		vertical-align: -1px;
		width: 22px;
		font-size: 18px !important;
	}

	nav .submenu{
		position: relative !important;
		left: 0;
		top: 0;
		width: 260px;
	}

	nav .submenu-header {
		display: none;
	}

	nav .active .submenu {
		left: 0;
	}

	.user-profile-xxs {
		display: inline;
		margin-left: 10px;
		/* margin-right: 10px; */
	}

	.cart-info-xl, .tickets-info-xl {
		display: none;
	}

	.cart-info-xxs, .tickets-info-xxs {
		display: inline;
	}

	.main {
		padding-left:0;
	}
	header {
		padding: 10px 5px;
		margin: 0 auto;
		height:auto;
		min-height:30px;
	}
	header .searchform {
		display: none;
	}
	header .searchform.smallsearch {
		display: block;
		margin-bottom: 15px;
	}
	#search-toggle{
		display: inline-block;
		/* margin: 0 10px 0 0; */
		margin:0px;
	}
	header .cart-link{
		color: #fff;
		margin: 0;
	}

	h2{
		font-size: 16px;
	}
	.box{
		padding: 5px;
		/* margin:4px; */

	}
	.box.tab-box{
		padding: 0;
	}
	header .right {
		position: fixed;
		/* position: absolute; */
		top: 10px;
		right: 0;
		z-index: 1000;
		text-align: right;
	}
	#page{
		clear:both;
		/* padding: 0 1px 0; */
		padding: 5px;
	}
	.col {
		padding:0;
	}
	.ui-tabs .ui-tabs-panel {
		padding:1em 0;
	}


	.tabs {
		display:none;
	}
	.panes {
		margin-left:0;
	}

	.accodrion.ui-accordion .ui-accordion-header {
		padding: 10px 10px 10px 26px;
	}
	.accodrion.ui-accordion .ui-accordion-header .ordertotal {
		display:none;
	}
	.ui-accordion .ui-accordion-content {
		padding:4px;
	}

	tfoot td.text-right p {
		margin-bottom:20px;
	}
	#icanwarn .message.warning {
		position: absolute;
		left: 15px;
		right: 15px;
	}

	tr#icanwarn label.error {
		margin-top:300px;
	}

	/* Shopping cart */

	form tbody th {
		max-width:100%;
	}
	#orderform thead {
		display:none;
	}
	.cart td, .cart th {
		display:block;
		float:left;
		clear:both;
		width:96%;
		height:auto;
		padding:3% 2%;
		width:96% !important;
	}
	.cart .prdesc {
		width:89%;
	}
	#cartform .cart .mute ul {
		margin-left:0;
	}
	section#page .col.full div > h4 {
		padding-left:5px;
	}
	#orderform  a.left.button {
		float:none;
	}
	.col.half {
		width:96%;
		padding:0 2%;
	}
	table.nobg.condensed thead, #transform .condensed thead{
		display:none;
	}
	table.nobg.condensed td, table.nobg.condensed th, #transform .condensed th, #transform .condensed td{
		float:left;
		display:block;
		width:100%;
		clear:both;
	}
	/* News */

	#page.news-archive {
		padding:inherit;
	}

	#page.news-archive .col.full {
		width:100%;
	}
	#page.news-archive .col.half {
		width:100%;
		position:relative;
		right:auto;
	}

	.input.xlarge, .selectui.xlarge,
	.input.xxlarge, .selectui.xxlarge,
	.input.xxxlarge, .selectui.xxxlarge, .xxxlarge .select2-container,
	.input.full {
		width: 100% !important;
	}

	#dev-bar {
		width: 95%;
		opacity: 0.9;
	}
}