@media only screen and (max-width: 720px) {
* { box-sizing: border-box;}
.mobile-hide {display: none !important}
* { outline: none !important }
table, td, img, div, p {max-width: 100% !important;}

html, body {max-width: 720px; width: 100%; font-size: 18px;}
div.container-page { width: 100%; float: none; margin: 0; left: 0}
div.topbar-red {width: 100%; height: auto; text-align: center; display: block; padding: 6px 0;}
div.topbar-red img { margin: 0px auto; display: block; cursor: pointer;}
#maindiv {width: 100%;}
#mainbody {width: 100%; float: none; background: #fff;}
#header {width: 100%; float: none; height: auto; background: none; padding-bottom: 40px; position: relative;}
#footer { width: 100%; float: none; margin: 0; padding:20px;}

#mainlogo {position: static; width: 100%; text-align: center; float: none;top: 0; left: 0; margin: 25px 0;}
div.sitenav {height: 0; overflow: hidden;}
div.container-topnav {float: none; width: 100%; background: none; margin: 0; height: auto; font-size: 18px;}
div.container-topnav a {color: #888; width: 100%; text-align: center; display: block; float: none; margin: 0 !important; padding: 10px !important; background-color: #eee; border-bottom: 1px solid #fff; text-transform: uppercase;}
div.container-topnav a:hover {color: #000; }
.lang {float: none; display: block; width: 100%; margin: 0; text-align: center;}
.lang a {font-size: 18px; color: #888; width: 100%; text-align: center; display: block; float: none; margin: 0 !important; padding: 10px !important; background-color: #eee; border-bottom: 1px solid #fff; text-transform: uppercase;}
.lang a:hover {font-size: 18px; color: #000; width: 100%; text-align: center; display: block; float: none; margin: 0 !important; padding: 10px !important; background-color: #eee; border-bottom: 1px solid #fff; text-transform: uppercase;}
.login {float: none; display: block; width: 100%; margin: 0; text-align: center; height: auto;}
.login a { font-size: 18px; float: none; margin: 0; display: block; background: none; color: #888; width: 100%; text-align: center; display: block; float: none; margin: 0 !important; padding: 10px !important; background-color: #eee; border-bottom: 1px solid #fff; text-transform: uppercase; height: auto;}
.login a:hover { font-size: 18px; float: none; margin: 0; display: block; background: none; color: #000; width: 100%; text-align: center; display: block; float: none; margin: 0 !important; padding: 10px !important; background-color: #eee; border-bottom: 1px solid #fff; text-transform: uppercase; height: auto;}
.srch {display: block; position: absolute; bottom: 20px;left: 0; width: 100%;}
.srchholder {width: 82%; margin-left: 5%}
.srchtxt {width: 100%; border: 1px solid #eee; margin: 0; font-size: 16px; padding: 5px; color: #ccc; font-weight: normal;}
div.srchbttn {width: 10% !important;  height: 100%; margin-right: 2%;}
div.srchbttn img {height: 30px;  width: auto !important; display: block;}
div.brandnav {width: 100%; float: none; margin:0; padding: 0; display: none;}

#slideshow {width: 100%; overflow: static; height: 0; padding-bottom: 42.91%;  float: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
#banner-left {display: none;}
#banner-div-1, #banner-div-2 {width: 100%; left: 0}
#banner-div-1 img, #banner-div-2 img {width: 100%; height: auto;}

div.home-content { width: 100% ;float: none;}

div.quick-links {display: none;}
div.product-highlights { width: 100%; background: none;}
div.news-events {width: 100%; margin-top: 0px; border-top: 1px solid #ccc;}
#footer-left, #footer-right {width: 100%; float: none; margin: 0}
#footer-right { display: none;}
#footer-right a {color: #666}

#footer-left p { font-size: 13px;}

div.copyright-container {width: 100%; float: none; color: #666; padding: 0; text-align: left; display: flex; flex-direction: column-reverse; padding-top: 20px; line-height: 1.4;}
div.copyright-container a {color: #444; text-decoration: underline; font-size: 13px;}
div.copyright {width: 100%; float: none; padding: 10px; padding-left: 0}
div.copyright-right {width: 100%; float: none; text-align: left; padding-left: 0}

div.content-pri {width: 100%; padding: 0; float: none !important}
table.content-table {width: 100% !important; margin-left: 0 !important;}
td.aboutus {padding: 10px 20px;}
div.news-head {width: 100%; float: none; background-image: url(/images/nav-gray.png); background-repeat: no-repeat; background-position: 5px 0; padding-left: 0px; cursor: pointer; padding-left: 0!important}
div.news-head div.product-title{width: 100%;  padding-left: 55px;}
div.news-head div.product-title h1 {width: 100%;  padding-left: 0px;}
div.rightblock-news {width:100%; height: 0; overflow: hidden; padding-top: 10px; margin-right: 0 !important; margin-bottom: 0px;}
div.content-pri-prod {width: 100% !important; padding: 0px !important;}

div.product-head {	
	float:left;
	width:100%;
	margin: 0 0 0 0px;
	padding-left: 28px;
}
.product-title { 
	width:100%; 
	height:auto;
	margin:20px 0px 0 0;/*85*/
}


.RelatedFooter {
	min-height: auto;
}
#RelatedBrands {
}
.open {
	height: auto;
	margin: 10px auto 0;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
}
.showpanel {
	width:100%;
	margin-left:0px;
	display:none;
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
	clear: both;
	
}
.showpanel a  { margin-bottom: 30px;}

div.product-highlight div.thumb {width: 30%}
div.product-highlight div.thumb img {width: 100%; height: auto;}
div.product-highlight div.desc {width: 70%}

div.news-blurb  { width: 100%; line-height: 175%}


ul.panellink {background-image: none; display: block; width: 100%; text-align: left; padding-left: 0px; margin-left: 0}
ul.panellink li a {background-image: none; display: block; width: 100%; text-align: left; padding-left: 65px; background-color: #ccc;  padding: 8px 8px 8px 65px}
div.CollapsiblePanel {border: 0; margin: 0; padding: 0; width: 100%;}
div.CollapsiblePanel br {display: none;}
div.CollapsiblePanelTab {display: none; padding: 0; margin: 0}
div.CollapsiblePanelContent{border: 0; margin: 0; padding: 0; background: #fff; width: 100%; font-size: 16px;}

div.newstabs {display: none;}
div.news-txtcontent {width: 100%; margin: 0; padding: 0; font-size: 18px;}
.news-short { padding: 10px 10px 0px 10px; }
.news-title { padding: 10px 10px 0px 10px; }
.news-date { padding: 10px 10px 0px 10px; }
.news-link a {font-size: 20px; background: #eee; border: 1px solid #eee; color: #444; padding: 10px 20px; background-image: none; float: none; display: inline-block;}
.news-link a img {display: none;}

div.manual-head {	
	float:none;
	width:100%;
	margin: 0px;
	padding-left: 20px;
}
div.product-finder {width: 100%; border: 0px solid #000; margin: 0px; padding: 0px; float: left; margin-left: 0px; margin-right: 0px; padding: 0px 20px; float: none; clear: both;}
div.product-finder input {border: 1px solid #ddd; background-color: #efebef; border-radius: 4px; padding: 4px 6px; margin-right: 2px; width: 60%;}
div.product-finder div {margin-top:8px; font-size: 0.7em}
#mansrch {cursor: pointer; position: relative; top: 6px; width: 25px;}

div.products-filters-box {padding-left: 0px;	width:100%; margin: 20px 0px 20px 0px; background-color: #eee; padding: 20px; float: none; clear: both; }
#ProductGroupFilter, #ProductCollectionFilter, #ProductGroupDesc {width: 100%; margin: 10px 0; font-size: 18px;}
div.product-txtcontent {width: 100% !important; padding-left: 0 !important}
div.product-filters div.CollapsiblePanelContent { background: #eee;}
div.product-filters div.CollapsiblePanelTab { display: block; background-image: none; background-color: #eee; width: 100%;}
div.product-filters div.CollapsiblePanelTab div.tabtitle { font-size: 20px; font-weight: normal; color: #000; margin-top: 0px;}
div.category-holder {width: 100%; clear: both; float: none; padding: 0 20px;}
div.rightblock-product {float: none; width: 100%; padding: 0}
div.products-menu-right {float: none; width: 100%; padding: 0; margin-top: 30px !important;}
div.product-distbutton {width: 100%; padding: 0; margin: 0}
div.product-distbutton .bttn {width: 100%; margin: 0 !important; float: none; padding: 0;}
div.product-distbutton .bttn a {width: 100%; display: block; float: none; background-image: none;  display: block; width: 100%; text-align: left;  background-color: #ccc; border-bottom: 1px solid #fff; padding: 8px 8px 8px 65px; color: #333; font-size: 16px; font-weight: normal; height: auto;}
div.product-distbutton .bttn a:hover {color:#000;	background-color:#EAEAEA;}
.panellink li {padding: 0}

#techlib_sidemenu { display: none !important}
#libraryContent { padding-top: 0px !important; padding-left: 0px} 
#libraryContent div { width: 100% !important; padding-top: 0px; padding-left: 0 !important}
#libraryContent div.library-header1 {font-size: 20px;background-image: none; padding-top: 20px; padding-bottom: 10px; display: block;}
div.library-text1 ul li {width: 100%; background-image: none; display: block; width: 100%; text-align: left; background-color: #ccc;  padding: 0}
div.library-text1 ul li a {width: 100%; background-image: none; display: block; width: 100%; text-align: left; background-color: #ccc; font-size: 18px; text-decoration: none; border-bottom: 1px solid #fff; display: block; width: 100%; padding: 8px 8px 8px 25px}
div.library-text1 a {width: 100%; background-image: none; display: block; width: 100%; text-align: left; background-color: #ccc; font-size: 18px; display: block; width: 100%; border-bottom: 1px solid #fff;text-decoration: none; padding: 8px 8px 8px 25px}
div.library-text1 br { display: none;}

#libraryContent  div.loginreq-info {width: 100%; padding: 30px !important; display: block; border: 0px; background-color: #e93b3f; color: #fff; font-size: 16px;}
#libraryContent  div.loginreq-info a {color: #000;}
div.library-menu {display: none !important;}

div.contact-top-new {float: left; width: 100%;}
div.contact-left-new {float: left; width: 100%;}
#libraryContent div div.contact-right-new {float: left; width: 100%; border-left: 0; padding-left: 0;  border: 0 !important; margin: 0 !important; margin-top: 30px !important; padding-left: 30px !important	}
#libraryContent .map-navigator {width: 100%; margin-top: 15px; margin-bottom: 10px; margin-left: 0px; padding: 0px 0px 0px 20px !important; background: #ccc; color: #000; font-size: 14px; text-transform: uppercase; vertical-align: middle;}
.map-navigator a {display: inline-block; height: 100%; background-color: #fff; color: #aaa; vertical-align: center; padding: 6px 6px; margin: 0 0 0 0px; margin-right: 6px;	font-size: 14px; }

#mapArea {width: 100% !important; background-size: contain; height: auto; background-repeat: no-repeat; background: none;}
#mainMap {width: 100% !important; height: auto !important; margin-top: 20px}
#listArea { display:none; width: 100%; height: 180px; }

#contactsDiv {width: 100%; height: 450px; border: 0px solid #ddd; overflow: scroll; margin: 0; margin-top:8px; visibility: visible !important}
#contactsDiv table {max-width: 100% !important; }
#contactsDivHeader { width: 100%; overflow: auto;}
#contactsDivHeader div.contacts_header { max-width: 100% !important; margin: 0; }
#contactsArea {width: 100%; padding-top: 40px; float: left; margin: 0; padding: 40px 0px}
div.contacts_header div {width: 100%; padding: 3% 0; margin-bottom: 5px; font-size: 16px; background: #eee;}
div.contacts_header div select {width: 100% !important; font-size: 16px;  }
div.contacts_header div input {width: 100% !important; font-size: 16px !important; padding: 4px 0px; height: auto !important;}
#CountryName {width: 100% !important; padding: 0 !important; margin: 0px !important; margin-top: 20px !important; }

#message_win {width: 100% !important;}
div.login-popup { left: 0; width: 100%; height: auto !important; background-size: cover !important; padding-bottom: 0px;  float: left;}
div.small-popup { left: 0; width: 100%; height: auto !important; background-size: cover !important; padding-bottom: 20px;  float: left;}
div.small-popupregion { left: 0; width: 100%; height: auto !important; background-size: cover !important; padding-bottom: 20px;  float: left;}
div.small-popuptitle {  width: 100% !important; text-align: center !important; font-size: 18px !important; padding: 20px 0px 5px !important; border-bottom: 1px solid #fff; text-transform: uppercase;}
div.login-title {  width: 100% !important; text-align: center !important; font-size: 18px !important; padding: 20px 0px 5px !important; border-bottom: 1px solid #fff; text-transform: uppercase;}
div.language-label {width: 100%; float: none; text-align: center !important; font-size: 18px !important; padding: 20px 0px !important;}
div.login-row {width: 100%; float: none; height: auto; text-align: center !important; font-size: 18px !important; padding: 20px 0px !important;}
div.login-row div {text-align: center !important; }
div.login-popup div.login-row {width: 100%; float: left; height: auto; text-align: left !important; font-size: 18px !important; padding: 10px 0px !important;}
div.login-popup > div {width: 100%; float: left; height: auto; }
div.login-popup div.exaccess-link {width: 100%; float: left; text-align: left !important; font-size: 18px !important; }
div.login-popup div.login-bttn-row {width: 100%; float: left; height: auto; text-align: left !important; font-size: 18px !important; padding: 10px 0px !important;}
div.login-popup div.login-link {width: 100%; float: left; height: auto; text-align: right !important; font-size: 18px !important; padding: 4px 20px !important;}
div.login-label {width: 30% !important; padding-right: 10px;}
div.login-field-holder {width: 70% !important;}
div.login-field-holder input {width: 90% !important; margin: 0 auto; font-size: 16px;}
div.region-radio-holder, div.language-radio-holder {width: 100%; float: none; text-align: center !important; font-size: 18px !important; padding: 20px 0px !important;}
div.region-radio-holder table {width: 100%; !important; }
div.language-radio-holder table {margin: 0 auto;}
div.language-radio-holder table td {text-align: left;}
div.region-radio-holder table td  {text-align: center;}
div.region-radio-holder table td select {width: 80%; !important; margin: 0 auto; font-size: 18px;}
.bttn-eventpop { text-align: center; margin: 0 auto; display: block;}
.bttn-eventpop a {display: block; margin: 0 auto;  background-image: none; background-color: #aaa; border-radius: 6px; color: #fff; padding: 6px 10px; height: auto;text-align: center; width: auto; text-transform: uppercase; font-size: 16px; font-weight: normal;}

div.banner-reg {background-image: none; background-color: #fff; height: auto; padding: 20px 0;}
#reg-intro {display: block; padding: 0px; text-align: left; margin-left: 0px; width: 100%; font-size: 14px;}
div.regform-row div {width:100%; text-align: left; margin: 0 !important}
.regform-label {width:100%; text-align: left; font-size: 16px; font-weight: normal;}
.form-item {width:100%; font-size: 16px; font-weight: normal;}
.form-item input.txtfield310 {width:100%;}
.form-item input[type="text"] {width:100%;}
.form-item input[type="password"] {width:100%;}
.form-item select {width:100% !important; font-size: 16px; font-weight: normal;}
.form-item textarea {width:100%;}
#captcha {clear:both; display: block;}
div.regform-row div.bttn {text-align: center; margin: 0 auto;}

div.news-text {width: 100%!important; margin: 0px!important; padding: 0px !important;}
div.news-title {width: 100%!important; margin: 0px!important; padding: 10px 0px !important;}
div.news-date {width: 100%!important; margin: 0px!important; padding: 10px 0px !important;}
div.seminar-short {font-size: 20px !important}
div.seminar-short span {font-size: 20px !important}

#frmSeminar table {width: 100%;}
#frmSeminar table tr td  {width: 100%;}
#frmSeminar table tr td input {width: 100%; margin-bottom: 10px;}


.hide-on-mobile { display: none !important}
}