body .mm-menu.mm-offcanvas {
    z-index: 99999;
}
.menu-icon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC") no-repeat scroll center center transparent;
    display: block;
    height: 40px;
    right: 0;
    position: absolute;
    top: 11px;
    width: 40px;
	z-index: 9999;
	cursor: pointer;
}
body {
	min-width:320px;
}
.mobile-only {
	display:none !important;
}
.desktop-only {
	display:block !important;
}

@media only screen and (max-width: 980px){
	* {
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
				box-sizing:border-box;
	}	
	body {
		width: 100%;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
				box-sizing:border-box;
	}
	.mobile-only {
		display:block !important;
	}
	.desktop-only {
		display:none !important;
	}
	#header,
	#container,
	#content,
	#footer,
	#footerinner,
	.wide .left_content {
		width:100%;
	}
	.left_content,
	.right_content {
		width: 100%;
		float: none;
	}	
	.logo {
		z-index: 100000;
	}	
	.footerpanels {
		width: 100%;
		height: auto;
	}	
	.footerpanel {
		width: 31.333%;
		margin-right: 2%;
		min-height: 255px;
	}
	.finddealerpanel h2, .footerpanel h2 {
		display: block;
		margin: 0px;
		padding: 0px 20px;
	}
	.panelimg {
		position: relative;
		height: auto;
		overflow: hidden;
		display: block;
		width: 100%;
	}
	.panelimg img {
		display: inline-block;
		width: 100%;
		height: auto;
	}
	.footerpanel .excerpt {
		width: 100%;
	}
	.dealerbox {
		width: 100%;
		height: auto;
	}	
	.dealerbox input[type="text"] {
		width: 100%;
	}
	.footerbottom-inner {
		width: 100%;
		height: auto;
	}	
	.miniheaderinner {
		width: 100%;
	}	
	.panels,
	.innerpanels {
		height: auto;
		width: 100%;
	}	
	.panel {
		margin: 5px 0px 5px 1%;
		width: 19%;
	}
	.panel .fimage {
		height: auto;
		display: block;
		border-width: 0px;
		width: 100%;
	}
	.panel .fimage .size-category-thumb {
		display: inline-block;
		width: 100%;
		height: auto;
	}	
	.panel h2 {
		width: 100%;
	}
	.panel h2 a {
		font-size: 16px;
	}
	.left_content.short {
		width: 100%;
		margin-right: 0;
		min-height: 0;
	}
	.left_content.short .metaslider {
		max-width: 100% !important;
	}
	body.woocommerce .woocommerce-breadcrumb, body.woocommerce-page .woocommerce-breadcrumb {
		width: 100%;
		padding-left:20px;
	}
	ul.cat_product_list_widget {
		overflow: hidden;
	}	
	ul.cat_product_list_widget li {
		position: relative;
		width: 50%;
		float: left;
		padding: 0px 10px;
		margin-bottom: 15px;
	}
	.cat_product_list_widget h2 {
		min-height: 52px;
		text-align: center;
	}
	.prod_left {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.cat_product_list_widget .prod_left img {
		margin-right: 0px;
		width: 50%;
		height: auto;
	}
	.cat_product_list_widget .vidcontainer .catvideoplay {
		height: auto;
		margin: 0px;
	}
	ul.cat_product_list_widget .catvideoplay img {
		width: 100%;
		height: 50px !important;
	}
	ul.cat_product_list_widget .vidcontainer .catvideoplay a.playvideo.small {
		height: 50px;
		max-width: 64px;
	}
	ul.cat_product_list_widget .panel {
		float: none;
		margin: 0px 0px 0px 10px;
		height: auto;
		position: relative;
		width: 100%;
	}
	.cat_product_link {
		position: relative;
		right: auto;
		bottom: -4px;
		margin-left: 0;
		display: block;
	}
	#masthead {
		width: 100%;
		height: auto;
	}	
	#slides {
		height: auto;
		width: 100%;
	}
	#slides .metaslider {
		max-width: 100% !important;
	}
	#slides .metaslider img {
		width: 100% !important;
		height: auto !important;
	}
	.videothumb {
		position: relative;
		margin: 0px auto;
	}
	.play-video {
		left: 50%;
		top: 39%;
		margin-left: -24px;
		margin-top: -24px;
	}
	.categoryvideo_widget h3 {
		padding: 0px 20px;
		width: 100%;
	}
	.footerbottom {
		height: auto;
		line-height: 1.4;
		text-align: center;
		width: 100%;
		clear: both;
		display: block;
		overflow: hidden;
	}	
	.footerbottom-inner {
		width: 100%;
		height: auto;
		line-height: 1.4;
		padding: 10px 0px;
	}
	.attribution,
	.address {
		float: none;
	}
	.attribution span {
		line-height: 1.4;
	}
	.catvideos {
		min-height: auto;
	}
	.right_content .catvideos ul {
		display: table;
		width: 100%;
		padding: 0px 0 10px;	
	}	
	.right_content .catvideos ul li {
		padding: 5px;
		display: table-cell;
		vertical-align: middle;
	}
	.catvideos .videothumb {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 100%;
	}
	.catvideos .videothumb a.playvideo.small {
		width: 100%;
		top: 0px;
		left: 0px;
		height: 100%;
	}
	.right_content .catvideos .videothumb img {
		height: auto;
		max-width: none;
		width: 50%;
		position: relative;
		margin: 0px auto;
		float: none;
		display: block;
	}
	.catvideos .videotitle {
		padding-left: 0px;
		width: 100%;
		text-align: center;
	}
	.loginoptions {
		position: relative;
		float: left;
		padding-left: 150px;
	}
	.bgreen {
		left: 57px;
	}	
	.logo {
		top: 12px;
		left: 6px;
		width: 150px;
		height: auto;
	}
	.mainmenucontainer {
		position: absolute;
		right: 0px;
		top: 52px;
		z-index: 10000;
		width: 100%;
		padding-left: 57px;
	}
	form#searchform > div {
		float: left;
		width: 98%;
		position: relative;
		margin-right: 2%;
	}
	form#searchform input#s {
		float: left;
		padding: 0px 32px 0px 6px;
		width: 100%;
	}
	form#searchform input#searchsubmit {
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 200;
	}
	.field {
		float: none;
		padding: 5px 0px;
		width: 100%;
	}
	.field label {
		width: 100%;
		font-size: 14px;
	}
	input.huctext.wrong,
	input.input, 
	.gform_wrapper textarea, 
	.gform_wrapper input[type="text"], 
	input.huctext,
	select.huctext {
		width: 100%;
	}
	.mobile-only.nav-mob {
		display:none !important;
	}
	.mm-menu {
		margin:0 !important;
	}	
	.mm-menu > .menu-item-type-post_type {
		display: block;
		float: none;
		height: auto;
		margin: 4px 15px;
		position: relative;
	}	
	.mm-menu li a {
		clear: both;
		color: #999999;
		display: block;
		float: none;
		font-size: 16px;
		font-weight: normal;
		height: auto;
		line-height: 1.3;
		margin: 0px;
		padding: 5px 10px;
		text-align: left;
		text-decoration: none;
	}
	.mm-menu ul.sub-menu {
		clear: both;
		float: none;
		left: 0;
		line-height: 1;
		margin: 0px 0x 10px 0px;
		padding: 5px 0px;
		position: relative;
		top: 0px;
		width: auto;
	}
	.mm-menu ul.sub-menu > li {
		float: none;
		margin: 0;
		padding: 0;
	}
	.mm-menu ul.sub-menu li a {
		margin: 0;
		padding: 5px 10px;
	}	
	.site_content #tab-additional_information {
		width: 100%;
		margin-left: 0px;
	}	
	.product .images > a {
		display: inline-block;
		width: 50%;
		float: left;
	}	
	.woocommerce.woocommerce-page #content div.product div.images div.thumbnails, 
	.product_images .thumbnails {
		clear: none;
		vertical-align: top;
		width: 50%;
	}
	.woocommerce.woocommerce-page div.product div.images img, .woocommerce.woocommerce-page #content div.product div.images img {
		display: block;
		height: auto;
		float: none;
		width: 100%;
	}
	.footer-nav,
	.footer-nav ul#menu-footer-navigation {
		width: 100%;
	}	
	.footer-nav ul#menu-footer-navigation {
		display: table;
	}
	.footer-nav ul#menu-footer-navigation li {
		display: table-cell;
		width: auto;
	}
	#content.short {
		width: 100%;
	}	
	.menu-header-secondary ul.menu li a {
		padding: 0px 6px;
	}
	.menu-header-secondary {
		float: left;
	}
	.logged-in #header {
		padding: 95px 0px 0px;
	}	
	.menu-header-secondary.prof-links {
		float: none;
		height: auto;
		line-height: 1;
		padding: 10px 0px;
	}	
	.menu-header-secondary.prof-links ul.menu {
		color: #2D2A2A;
		margin: 0px;
		height: auto;
		line-height: 1;
	}
	.menu-header-secondary.prof-links ul.menu li {
		display: inline-block;
		height: auto;
		line-height: 1;
		text-transform: uppercase;
	}
	.menu-header-secondary.prof-links ul.menu li a {
		padding: 2px 6px;
		height: auto;
		color: #2D2A2A;
		line-height: 1;
	}
	#sidebar {
		float: left;
		width: 100%;
	}
	#sidebar .widget {
		width: 100%;
	}	
	.searchrow {
		width: 100%;
		float: none;
	}
	.text-area {
		width: 100%;
	}
	.searchrow.short {
		width: 100%;
	}
	.searchrow.short .text-area {
		width: 100%;
	}
	.logged-in #masthead {
		margin-bottom: 0;
	}	
}

@media only screen and (max-width: 782px){
	html #wpadminbar {
		top: 0px;
		position: fixed;
		left: 0;
	}	
}

@media only screen and (max-width: 730px){
	.panel {
		margin: 0;
		width: 100%;
		height: auto;
	}	
	.panel .fimage {
		display: none;
	}
	.panel h2 {
		margin: 0px;
		position: relative;
		width: 100%;
	}
	.panel h2 a {
		font-size: 22px;
		display: block;
	}
	.site_content table,	
	.site_content tbody,
	.site_content thead,
	.site_content th,
	.site_content tr,
	.site_content td {
		display:block;
		width:100% !important;
		text-align: left !important;
		word-wrap: break-word;
		white-space: initial;	
		border-left: none !important;
		border-right: none !important;		
	}
}

@media only screen and (max-width: 640px){
	.site_content iframe {
		width: 100% !important;
		height: auto;
		min-height: 230px;
	}	
	.footer-nav ul#menu-footer-navigation {
		display: block;
		overflow: hidden;
		padding: 0px 20px;
	}
	.footer-nav ul#menu-footer-navigation li {
		display: inline-block;
		float: none;
		width: 48%;
	}	
	#schematic_display {
		width: 100%;
	}
	.scroll_outer {
		width: 100%;
	}
	.scroll_inner {
		width: 100% !important;
	}	
}

@media only screen and (max-width: 600px){
	.footerpanel {
		width: 100%;
		margin-right: 0px;
		min-height: 0px;
		height: auto;
	}	
	#main {
		padding-bottom: 60px;
	}
	#footer {
		padding: 0px;
	}
	#footer .menu {
		font-size: 14px;
		line-height: 1.4;
	}	
	.footerpanels {
		position: relative;
		left: 0px;
		top: -20px;
	}	
	ul.cat_product_list_widget li {
		width: 100%;
		padding: 0px;
	}	
	.right_content .catvideos ul {
		display: block;
		width: 100%;
	}	
	.right_content .catvideos ul li {
		display: block;
		overflow: hidden;
	}	
	.catvideos .videothumb {
		width: 40%;
		float: left;
	}
	.right_content .catvideos .videothumb img {
		height: auto;
		width: 80%;
		position: relative;
		margin: 0px auto;
		float: none;
		display: block;
	}
	.catvideos .videotitle {
		padding-left: 20px;
		width: 60%;
		text-align: left;
		float: left;
		padding-top: 43px;
	}
	#stockistlist {
		width: 100%;
	}	
	.finddealerpanel .dealerbox input[type="text"] {
		width: 100%;
	}
	#map {
		width: 100%;
	}
	.key {
		display: block;
	}
}

@media only screen and (max-width: 480px){
	.catvideos .videothumb,
	.catvideos .videotitle {
		float:none;
		width:100%;
		padding-top: 0;
	}
	.right_content .catvideos .videothumb img {
		width: 70%;
	}	
	.catvideos .videothumb, .catvideos .videotitle {
		text-align: center;
	}
	div.pp_pic_holder {
		width: 100% !important;
		left: 0% !important;
		right: 0% !important;
	}	
	div.ppt {
		margin: 0px 0px 5px;
		width: 100% !important;
	}
	.pp_content_container {
		width: 100%;
	}
	div.pp_default .pp_content_container .pp_left {
		padding-left: 6px;
	}
	div.pp_default .pp_content, 
	div.light_rounded .pp_content {
		width: 100% !important;
		height: 100% !important;
		min-height: 250px;
	}
	a.pp_expand, 
	a.pp_contract {
		top: 10px;
		right: 14px;
	}
	#pp_full_res iframe {
		width: 100% !important;
		height: 200px !important;
	}
	div.pp_default .pp_content_container .pp_details {
		width: 100% !important;
	}
	.product .images > a {
		display: inline-block;
		width: 100%;
		float: none;
	}	
	.woocommerce.woocommerce-page #content div.product div.images div.thumbnails, 
	.product_images .thumbnails {
		width: 100%;
	}	
	.menu-header-secondary.prof-links ul.menu li {
		display: block;
	}	
}