.mobile-only{display:block}
.mobile-only-inline{display:inline}
.non-mobile{display:none!important}
.mobile-table-cell{display:table-cell}
.mobile-table-row{display:table-row}
div.pagewrapper {
  width: 100%;
}
.footer-social {
  margin: 5px auto;
  float: none;
  text-align: center;
  overflow: auto;
}
.footer-social a {
  float: none;
  display: inline-block;
}
.footer-contact {
  text-align: center;
  float: none;
  margin: 5px auto;
}
div.headerbubble {
  width: 100%;
}
.article-lhs, .article-rhs {
  width: 100%;
}
td.main-content {
  width: 100%;
}
img#top-logo {
  width: 200px;
  height: auto;
}
ol.topnavigation li {
	width: 100% !important;
}
ol.topnavigation > li > a {
  height: auto !important;
}
ol.subnavigation > li {
  padding: 2px 0 !important;
}
ol.subnavigation > li > a {
  font-size: 14px !important;
  padding-top: 4px !important;
  position: relative;
}
.sub-menu-icon {
	max-width: 22px;
	height: auto;
	position: absolute;
	left: 20px;
	top: 0px;
}
ol#subnav-4 li a, ol#subnav-1 li a {
  height: auto !important;
}
.menu-burger {
    display: inline-block;
    cursor: pointer;
}
body.inframe .menu-burger {
  display: none;
}
.menu-burger .bar1, .menu-burger .bar2, .menu-burger .bar3 {
    width: 35px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}
.menu-burger-change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}
.menu-burger-change .bar2 { opacity: 0; }
.menu-burger-change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}
header, footer {
  display: none;
}
ol.topnavigation {
  display: none;
}
ol.subnavigation {
	float: none;
	width: 80%;
	margin: 5px auto 5px auto;
}
ol.duplicate-topnavigation {
  width: 100%;
}
ol.topnavigation li a {
  height: auto;
  padding-bottom: 4px;
}
.distributer-logos {
}
.article-lhs {
  width: 100%;
  clear: both;
}
.article-rhs {
  width: 100%;
  clear: both;
  margin-top: 10px;
  float: none;
  box-sizing: border-box;
}
#production-carousel-wrapper .carousel {
  width: 280px !important;
}
.video-list-wrapper {
  margin: 0;
}

.video-wrapper {
  clear: both;
  overflow: auto;
  margin-bottom: 20px;
}

.video-wrapper .video {
  float: none;
  clear: both;
  margin-right: 0;
}

.video-wrapper .video-meta {
  float: none;
  clear: both;
  text-align: justify;
  width: 100%;
}

.video-wrapper .video iframe {
  max-width: 100%;
}
