/* Collapse the Joomla desktop grid. Do not restyle as a modern agency theme. */

@media screen and (max-width: 820px) {
	.base {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.container {
		padding-left: 2%;
		padding-right: 2%;
	}

	#headersite .flash-header {
		margin-left: 0;
		padding-top: 8px;
	}

	#headersite .flash-header img.header-banner {
		width: 100%;
		height: auto;
		max-width: 776px;
	}

	#nav {
		width: 100%;
		right: 0;
		margin-top: 0;
		position: static;
		float: none;
		padding: 8px 0;
		text-align: center;
	}

	#nav .moduletable_menu ul.menu {
		float: none;
		display: inline-block;
	}

	#breadcrumbs {
		width: 100%;
	}

	#breadcrumbs .breadcrumb-search {
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
	}

	#main {
		display: block !important;
		width: 100% !important;
	}

	#maincontent,
	#maincontent.gray,
	#maincontent.ninecol {
		margin-left: 0 !important;
		min-width: 0 !important;
		width: 100% !important;
		float: none !important;
	}

	#left,
	#left.threecol {
		position: static !important;
		top: auto !important;
		left: auto !important;
		margin-top: 10px;
		width: 100% !important;
		float: none !important;
		z-index: 20;
	}

	.menu-toggle {
		display: block;
		width: 100%;
		background: url("../images/template/menu_left_background.png") repeat;
		color: #000;
		font: bold 10pt Verdana, Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		border: 0;
		padding: 10px;
		margin: 0 0 6px;
		cursor: pointer;
		box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
	}

	#left .moduletable ul.menu {
		display: none;
	}

	#left.is-open .moduletable ul.menu {
		display: block;
	}

	.vip-stack {
		width: 100% !important;
	}

	#bottom1,
	#bottom1.twelvecol,
	#bottom1.ninecol {
		margin-left: 0 !important;
		width: 100% !important;
	}

	#bottom1 table.video {
		width: 100% !important;
	}

	#bottom1 table.video img[src*="/gifs/"] {
		width: 100%;
		height: auto;
		max-width: 170px;
	}

	table.video,
	table.video tbody,
	table.video tr,
	table.video td {
		display: block;
		width: 100% !important;
		height: auto !important;
	}

	table.video img {
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	.item-page table,
	.item-page tbody,
	.item-page tr,
	.item-page td {
		display: block;
		width: 100% !important;
	}

	.item-page td img {
		float: none !important;
		display: block;
		margin: 8px auto;
	}

	#footer {
		width: 100%;
	}

	#footer1,
	#footer2,
	#footer3 {
		width: 100% !important;
		float: none !important;
		margin: 10px 0;
	}

	.contact-layout,
	.contact-layout tbody,
	.contact-layout tr,
	.contact-layout td {
		display: block;
		width: 100% !important;
	}

	.maincontainer {
		margin-bottom: 0;
	}

	.contentwrapper {
		padding-bottom: 20px;
	}
}