@charset "utf-8";

@media screen and (min-width: 501px) {
	ul.navmenu {	
		display: block !important;
		visibility:visible !important;
	}		
	.menuset .menuitems_content {
		display: block !important;
		visibility:visible !important;
	}
}

@media screen and (max-width: 500px){
	.nomobile {
		display:none !important;
		visibility: hidden;	
	}
	body {
		width: 100%;
		background: #000;
	}
	.supercontainer {
		width: 100%;	
		min-width: 270px;
		background-color: #000;
	}
	.container {
		background: #000;  
		min-width: 0 !important;
		width: 100%;
		overflow: hidden;
	}
	.headercontainer {
	  
	}
	.header {
		width: 100%;
		height: auto;
	}
	#headerlogo {
		position: relative;
		left: 0.0em;
		top: 0.0em; 
		margin: 1.0em 0 1.0em 1.0em;
	}
	
	#mobilelogo {
		height: 36px; position: relative; top:-5px; left: 4.7%;
	}
	
	#mobilehammenu {
	    height: 24px; float: right; position: relative; right: 10px;	
		-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.36);
		-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.36);
		box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.36);
	}
	
	ul.navmenu {	
		display: none;
	}	
	
	ul.navmenu li {	
		background: #111 !important;
	}	
	
	.navbar {
		height: auto;	
		background: none repeat-y center top;
		background-color: #333;
	}
	.navbarcontainer {
		height: auto;
		background: none repeat-y center top;
		background-color: #333;
	}
	.navbarcontent {
		float: none !important;
		padding: 0 !important;
		position: relative !important;
		top: 0 !important;
		right: 0 !important;
		/*background: #600;*/
		width: 100% !important;
		margin-top: 0 !important;
		margin-right: 0 !important;
	}
	.navbarcontent ul  {
		width: 100%;
	}
	.navbarcontent ul li  {
		/*float: none;*/
		position: static;
		margin-left: 0;
		width: 100%;
		text-align: center;
		padding-top: 0.25em;
		padding-bottom: 0.25em;
		border-top: 1px #713815 dotted;
		display: block !important;
		text-align: center !important;
	}
	.navbarcontent ul li:first-child  {
		margin-top: 0;
		border-top: none;
		margin-left: 0 !important;
	}
	
	ul.navmenu li.newsletter {
		display: none !important;
		visibility: none;;	
	}
	
	.navbarcontainerbottom {
		height: 0 !important;	
	}
	
	.featurecontainer {
		display: none;	
	}
	
	.contentcontainer {
		padding-bottom: 0em !important;	
	}
	
	.contentcontainer .content {
		width: 100% !important;
	}
	
	.maincontent {
		width: 100%; 
		float: none;
	}
	
	.maincontent > img {
		display: block !important;
		width: 100% !important;
		height: auto;
	}
	
	.pagetitletext {
		text-shadow: none !important;	
		margin-left: 0 !important;
	}
	
	.collapsible {
		width: 100%;	
	}
	.collapsible img {
		width: 100%;	
		height: auto;
	}
	
	.collapsible > *{
		width: 100%;	
	}
	
	.collapsible {
		text-align: justify;
	}
	.collapsible-1 img {
		display: inline-block;
		width: 100% !important;
		height: auto !important;	
	}
	.collapsible-3 img {
		display: inline-block;
		width: 100% !important;
		height: auto !important;	
	}
	
	.footercontainerset {
		position: relative;
	}

	/*.footercontent {
		width: 100%;
		font-size: 0.8em;	
	}*/
	.footercontent {
		width: 100%;
		font-size: 0.5em;
		top: 16px;
	}
	
@media screen and (max-width: 450px){
	.footercontent {
		width: 100%;
		font-size: 0.5em;
		top: 16px;
	}
}

	#categorymenucontainer {
		display: none;
		visibility: hidden;	
	}
	
	.rightcol {
		mergin-left: 0;	
	}



	
	/* homepage specific */
	
	.frontpagecontainerset {
		margin-bottom: 0 !important;	
	}
	
	.frontpagecontainermid,
	.frontpagecontainermidmid {
		background: none !important;
		background-image: none;
		background-color:transparent;	
	}
	
	.frontpagecontentwrapper_lowsrc,
	.frontpagecontentwrapper {
		height: auto !important;	
	}
	
	.frontpagecontentwrapper {
		background-repeat: repeat !important;	
		overflow: hidden;
	}
	
	#bannerforbranches {
		width: 135.7%;
		margin-left: -18.2% !important;
		margin-top: 0 !important;	
	}

	.branches {
		
	}
	.branches .branchpin_tl,
	.branches .branchpin_tr {
		display: none;
	}

	.branches {
		text-align: center;
	}
	
	.branches .branchpanel {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		border-left: none !important;
	}
	.branches .branchpanel:after {
		border-left: none !important;
	}
	.branches .branchpanel:first-child {
		margin-left: 0 !important;
	}
	.branches .branchpanel .branchpic {
		width: 100% !important;
		height: auto !important;
	}
	
	/* Menu Specific*/
	
	.pagetitle {
		height: auto !important;
	}
		
	.pagetitletext {
		width: 100% !important;
		float: none !important;
		text-align: center !important;
		height: auto !important;	
		font-size: 3.2em !important;
		margin-top: 0 !important;
		line-height: 1.2em;
		padding: 0.2em 0 0.2em 0 !important;
	}
	
	.menucontainer {
		width: 100% !important;
		overflow: hidden;	
	}
	
	.menuset {
		width: 100%;
	}
	
	.menuset .menucategory {
		width: 100%;
	}
	
	.menuset .menucategory > * {
		width: 100%;
		margin-left: 0 !important;
		padding-left: 0 !important;
		text-align: center;
		font-size: 1.4em;
		padding-top: 0.9em !important;
	}
	
	.menuset .menuitems {
		width: 100%;	
	}
	
	.menuset .menuitems .menuitems_content {
		margin-left: 0 !important;
		width: 100% !important;	
	}
	
	.menuset .menuitems .menuitems_content .menuitem.fullfeature,
	.menuset .menuitems .menuitems_content .menuitem.feature {
		margin-left: 0 !important;
		width: 100% !important;	
		box-sizing: border-box !important;
	} 
	
	.menuset .menuitems .menuitems_content .menuitem.fullfeature img:not(.itembadge),
	.menuset .menuitems .menuitems_content .menuitem.feature img:not(.itembadge) {
		margin-left: 0 !important;
		width: 100% !important;	
		height: auto !important;
	}
	
	.menuset .menuitems .menuitems_content .leftcol {
		margin-left: 0 !important;
		width: 100% !important;
		box-sizing: border-box !important;
		float: none !important;	
	}
	
	.menuset .menuitems .menuitems_content .rightcol {
		margin-left: 0 !important;
		width: 100% !important;
		box-sizing: border-box !important;
		float: none !important;	
		display: block;
	}	
	
	
	
	
	
	#MobileMenuPanel {
		display: block;
	}
	.sidecontent {
		/*display: none;*/
		float: none;
	}
	.component {
		padding: 1em !important;
	}
	.component img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}
	.content {
	    width: 100%;
		overflow:visible;	
	}
	.footermore {
		width: 100%;	
	}
	.footermore div.moduletable {
		margin-top: 15px;
		width: 100%;
		border-top: 9px solid #f53e20;
	}
	
	.footer {
		text-align: center;	
		width: 100%;
		font-color: #333;
	}
	
	
	
	.columns {
		text-align: center;
	}
	.columns > .clearcolumn {
	}
	.columns > .column {
		display: block !important;
		width: 100% !important;
	}
	.columns.columns-4 > .column {
		width: 100%;
	}
	
	.menuset .menuitems_content {
		display: none;
	}
}