@charset "UTF-8";
/* TABLE OF CONTENTS
- Viewport widths 992px and larger
- Viewport widths between 992-1200px
- Viewport widths under 1200px
----------------------------------------------------------------------------------------*/


/* VIEWPORT WIDTHS 992px AND LARGER
----------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) {

	.display-xs-sm-md {
		display: none !important;
	}
}

/* VIEWPORT WIDTHS BETWEEN 992-1200px
----------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199.9px) {

	.display-xs,
	.display-sm,
	.display-md,
	.display-xl,
	.display-xxl {
		display: none !important;
	}
}

/* VIEWPORT WIDTHS UNDER 1200px
----------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1199.9px) {

	.display-xl-xxl {
		display: none !important;
	}

	/* Panel Styles used for making content work on mobile devices */

	.inside.panels-flexible-row-inside,
	.inside,
	.flexBox-container,
	.pane-panels-mini div.center-wrapper {
		display: flex;
		flex-flow: column;
	}

	.main-content {
		width: auto !important;
		order: 2
	}

	.left-sidebar {
		width: auto !important;
		order: 3;
	}

	.bottom-bar {
		width: auto !important;
		order: 10;
	}

	.top-bar {
		width: auto !important;
		order: 1;
	}

	.right-sidebar {
		width: auto !important;
		order: 3;
	}

	.left-content {
		width: auto !important;
		order: 2;
	}

	.right-content {
		width: auto !important;
		order: 3;
	}

	.center-column {
		width: auto !important;
		order: 2;
	}

	.left-column {
		width: auto !important;
		order: 3;
	}

	.right-column {
		width: auto !important;
		order: 4;
	}
	
	div.mobile-hide {
		display: none;
	}
	
	.mobile-1 {
		width: auto !important;
		order: 1;
	}
	.error-r1-c1,
	.mobile-2 {
		width: auto !important;
		order: 2;
	}
	.error-r1-c2,
	.mobile-3 {
		width: auto !important;
		order: 3;
	}
	.error-r1-c3,
	.mobile-4 {
		width: auto !important;
		order: 4;
	}
	.error-r1-c4,
	.mobile-5 {
		width: auto !important;
		order: 5;
	}
	.error-r2-c1,
	.mobile-6 {
		width: auto !important;
		order: 6;
	}
	.error-r2-c2,
	.mobile-7 {
		width: auto !important;
		order: 7;
	}
	.error-r2-c3,
	.mobile-8 {
		width: auto !important;
		order: 8;
	}
	.error-r2-c4,
	.mobile-9 {
		width: auto !important;
		order: 9;
	}
	.mobile-10 {
		width: auto !important;
		order: 10;
	}
	
	.error-bottom-left {
		width: auto !important;
		order: 10;
	}
	.error-bottom-center {
		width: auto !important;
		order: 11;
	}
	.error-bottom-right {
		width: auto !important;
		order: 12;
	}
}