/* for webkit browser */
@-webkit-viewport{width:device-width;}
/* for mozilla browser */
@-moz-viewport{width:device-width;}
/* for ie browser */
@-ms-viewport{width:device-width;}
/* for opera browser */
@-o-viewport{width:device-width;}
/* for other browser */
@viewport{width:device-width;}

@font-face{
	font-family: 'Noto Sans SC', Gotham, Arial, sans-serif;
	font-style: normal;
}


html {
  scroll-behavior: smooth;
}

body{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	color:#37302a;
	background:#f1f2f2;
	font-family: 'Noto Sans SC', Gotham, Arial, sans-serif;
	font-style: normal;
}

h1{ 
	font-size:0; margin:0 auto; padding:0; 
}

h2{ 
	font-size:1.8em; 
	font-weight:900; 
	color:#000;
	text-transform:uppercase; 
	line-height:1.5; 
	margin:0 auto 0.2em; 
}

h3{
	font-size:1.3em;
	font-weight:900; 
	line-height:1.5; 
}

h4{
	font-size:1.1em; 
	font-weight:500; 
	width:60%; 
	margin: 0 auto;
	margin-bottom:20px;
	line-height:1.5; 
	border-bottom:#000 solid 1px; 
}

p{
	/* width:90%; */ 
	font-size:1em; 
	font-weight:300; 
	line-height:1.5;
	margin:0 auto; 
	margin-bottom:2em;
}

.italic { font-style:italic; }
.mb1 { margin-bottom:1em; }
.mb2 { margin-bottom:2em; }
.mb3 { margin-bottom:3em; }
.mb4 { margin-bottom:4em; }
.mb5 { margin-bottom:5em; }

.mt1 { margin-top:1em; }
.mt2 { margin-top:2em; }
.mt3 { margin-top:3em; }
.mt4 { margin-top:4em; }
.mt5 { margin-top:5em; }

.bold { font-weight:900; }
.medium { font-weight:500; }
.regular { font-weight:300; }
.uppercase { text-transform:uppercase; }
.underline { text-decoration: underline; }

.FujikinBlue { color:rgba(40,156,217,1.00); }

img { 
	width: 100%; 
	height: auto; 
	-ms-interpolation-mode: bicubic;
}


/* unvisited link */
a:link { color: #333; text-decoration:none; }

/* visited link */
a:visited { color: #000;; text-decoration:none; }

/* mouse over link */
a:hover { color: #666; text-decoration:underline; }

/* selected link */
a:active { color: #000; text-decoration:underline; }


span.ts14 { font-size:1.4em; }
span.ts13 { font-size:1.3em; }
span.ts12 { font-size:1.2em; }
span.ts11 { font-size:1.1em; }
span.ts09 { font-size:0.9em; }
span.ts08 { font-size:0.8em; }
span.ts07 { font-size:0.7em; }
span.ts06 { font-size:0.6em; }
span.red { color: crimson; font-size: 14px; }

.wrapper { 
	width:100%; 
	min-height:100%; 
	margin:0 auto; 
	position:relative; 
	background:#FFF;
}

header {
	background:rgba(255,255,255,1.0);
	margin: 0 auto; 
	width:100%;
	/* max-width:950px; */ 
	height:100px;
	position:fixed;
	z-index:5; 
	text-align:center;
	/* display:none; */
	box-shadow: 0 5px 8px rgba(0,0,0,0.3);
}

sub { vertical-align: text-bottom; }

section{
	border-bottom:0;
	text-align:center;
	width:100%;
	margin: 0 auto; 
	padding:100px 0; 
	height:auto;
}



/*++++++ MOBILE NAVIGATIONS ++++++*/


#menuToggle {
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
}

#menuToggle a {
	text-decoration: none;
	color: #FFF;
	transition: color 0.3s ease;
}

#menuToggle a:hover {
	color: #FFF;
}

#menuToggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0; /* Hide this */
	z-index: 2; /* To place it over the hamburger */
	-webkit-touch-callout: none;
}

/* The hamburger Stripes */

#menuToggle span
{
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: rgba(0,173,239,1.0);
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				opacity 0.55s ease;
}

#menuToggle span:first-child
{
	transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
	transform-origin: 0% 100%;
}

/* Transform all the slices of hamburger into a crossmark. */
	
#menuToggle input:checked ~ span
{
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background:#FFF;
}

/* But let's hide the middle one. */
	
#menuToggle input:checked ~ span:nth-last-child(3)
{
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

/* The last one should go the other direction */
	
#menuToggle input:checked ~ span:nth-last-child(2)
{
	transform: rotate(-45deg) translate(0, -1px);
}

/* Make this absolute positioned at the top right of the screen */
	
#menu
{

	position: absolute;
	width: 300px;
	margin: -100px 0 0 -300px;
	padding: 30px;
	padding-top: 120px;
	background:rgba(0,173,239,1.0); /* FujikinBlue Light */
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	/* to stop flickering of text in safari */
	transform-origin: 0% 0%;
	transform: translate(0, -100%);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
	padding: 12px 0;
	font-size: 21px; border-bottom: rgba(255,255,255,0.3) 1px solid;
	text-transform: uppercase;
}

/* And let's slide it in from the left */
	
#menuToggle input:checked ~ ul
{
  transform: none;
}
	


/*++++++ DESKTOP NAVIGATIONS ++++++*/

.logo1{
	-webkit-tap-highlight-color:transparent;
	text-decoration:none;
	left:6%; 
	top:0;
	position:absolute; 
	background:none;
	width: 60%; 
	max-width:330px; 
	padding:2em 0; 
}

.desktopMenu { /*++ Desktop Nav Left Panell ++*/
	display:block;
	float:right;
	margin: 0 auto;
	margin-right:3%;
	width:62%;
}

.desktopMenu *{
	box-sizing:border-box;
}

.desktopMenu ul{
	margin:0; 
	margin:24px 0 0 0; 
	padding:0;
	width:100%; 
	height:auto;
	display:block;
	list-style:none;
	overflow:hidden;
	z-index:10;
}

.desktopMenu li{ /* Desktop Nav Width */
	display:block;
	float:right; 
	width:15%; 
	margin-left:1%; 
	text-align:center;
}

.desktopMenu a{
	display:block;
	border-bottom:1px solid rgba(0,173,239,1.0); width: 100%;
	padding:12px 0;
	text-transform: uppercase;
	border-top:0;
	float: left;
	margin:0 auto;
	background:#FFF; 
	text-decoration: none;
	color: rgba(0,173,239,1.0);
}

.desktopMenu a:active{
	background:#FFF;
	color: rgba(0,173,239,1.0);
}

.desktopMenu a:hover{
	color:rgba(0,173,239,1.0);
	border-bottom:3px solid rgba(0,173,239,1.0);
	background: none;
}
	
.desktopMenu ul ul a{
	display:none;
}
	



/*++++++ NAVIGATIONS ++++++*/

.nav-collapse ul{
	margin:0; 
	margin:24px 0 0 0; 
	padding:0;
	width:100%; 
	height:auto;
	display:block;
	list-style:none;
}

.nav-collapse li{
	width:100%;
	display:block;
}

.js .nav-collapse{
	clip:rect(0 0 0 0);
	max-height:0;
	position:absolute;
	display:block;
	overflow:hidden;
	zoom:1;
}

.nav-collapse.opened{
	max-height:9999px;
}

.disable-pointer-events{
	pointer-events:none; /* important */
}

.nav-toggle{
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.logo{
	-webkit-tap-highlight-color:transparent;
	text-decoration:none;
	width: 32%; 
	max-width:330px; 
	padding:2em 0; 
	left:6%; 
	top:0;
	position:absolute; 
	background:none;
}

.mask{
	-webkit-transition:opacity 300ms;
	transition:opacity 300ms;
	background:rgba(0,0,0,0.7);
	visibility:hidden;
	position:fixed;
	opacity:0;
	z-index:2;
	bottom:0;
	right:0;
	left:0;
	top:0;
}

.android .mask{
	-webkit-transition:none;
	transition:none;
}

.js-nav-active .mask{
	visibility:visible;
	opacity:1;
}


.fixed{
	position:fixed;
	width:100%;
	left:0;
	top:0;
}

.nav-collapse *{
	box-sizing:border-box;
}

.nav-collapse ul{
	width:100%; 
	list-style:none; 
	overflow:hidden;
	height:auto;
	float:left; z-index:10;
}

.nav-collapse li{
	float:left;
	width:100%;
}

/* Top Nav text color */
.nav-collapse a{
	-webkit-tap-highlight-color:transparent;
	border-top:1px solid rgba(0,173,239,1.0);
	text-decoration:none;
	text-transform: uppercase;
	padding:10px 3px;
	background: #FFF;
	color: rgba(0,173,239,1.0);
	font-size:14px; 
	width:100%;
	float:left;
}

.nav-collapse a:active,.nav-collapse .active a{
	/*++ background: rgba(0,173,239,0.7);
	color:#FFF; ++*/
	background: #FFF;
	color: rgba(0,173,239,1.0);
}

.nav-collapse a:hover{
	background: rgba(0,173,239,1.0);
	color: rgba(255,255,255,1.0);
}

.nav-collapse ul ul a{
	background:#ca3716;
	padding-left:2em;
	text-transform: uppercase;
}

/* +++ Toggle X  +++ */
.nav-toggle{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-decoration:none;
	text-indent:-300px;
	position:relative;
	overflow:hidden;
	width:60px;
	height:50px;
	float:right;
}

.nav-toggle:before{
	/* color:#000; */ 
	color: rgba(40,156,217,1.0); 
	font:normal 28px/50px "responsivenav";
	text-transform:none;
	text-align:center;
	position:absolute;
	content:"\2261"; /* denotes X */
	text-indent:0;
	speak:none;
	width:100%;
	left:0;
	top:0;
}

.nav-toggle.active:before{
	font-size:24px;
	content:"\78" /* denotes 3 stripes */
}


/*++++++ Content ++++++*/

.HeaderDivider { 
	width:15%; 
	margin: 0 auto 2em; 
	border-top: 3px solid rgba(40,156,217,1.0); 
	padding:0;
}


#home { width:100%; margin: 0 auto; padding:100px 0 0 0; }

/* Slideshow */
.w3-content{ width:100%;}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.6s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.6s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.6s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.6s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
/* End Slideshow */

/*++++++ New Slideshow ++++++*/

.swiper-container { 
	width: 100%; 
	max-width: 1280px;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#contact { 
	background: url(../images/bg_map.jpg); 
	background-repeat: no-repeat;
	background-size: cover;
}


/*++++++ End New Slideshow ++++++*/

.ContentWrap { width: 90%; max-width:1280px; height:auto; margin: 0 auto; padding:0; text-align:center; overflow:hidden; }

.ContentWrap h2 { margin: 0 0 30px 0; padding: 0 0 8px 0; }
.ContentWrap h2 span { border-bottom: 3px solid rgba(40,156,217,1.0); }

/*++++++ About Us Pages ++++++*/

.ColMain { width:100%; margin: 0 auto; padding:0; overflow:hidden; text-align:justify; }
.ColLeft { width:40%; float:left; background: none; margin:0 0 3em 0; padding:0; }
.ColRight { width:59%; float:right; background: none; margin:0 0 3em 0; padding:0; overflow: hidden; }

.ColMainPolicy { max-width:1080px; margin: 0 auto 2em; padding:0 2px; overflow:hidden; text-align:justify; }
.ColMainPolicy h3 { margin-bottom: 1em; }
.ColMainPolicy p { margin-bottom: 0.5em; }
.ColMainPolicy p.Last { margin-bottom: 2em; }

.AboutUsSubhead { width:98%; margin:0 0 2em 0; padding: 5px 0 5px 15px; background: linear-gradient(to right, #1CB6FE 0%, #F6FBFF 100%); color:#FFF; }
.AboutUsLogo { width:20%; margin: 0 auto 3em; padding:0; margin-top:1em; }
.AboutUsLogoV { font-size:24px; font-weight:500; color:#1CB6FE; }
.AboutUsLogoContent1 { width:94%; margin: 0 auto; padding: 5px 2px; overflow: hidden; }
.AboutUsLogoContent { width:94%; margin: 0 auto 2em; padding: 5px 2px; overflow: hidden; }
ul.AboutSection { width: 100%; margin: 0 auto 1em; padding:0; }
ul.AboutSection li { width: 45%; float:left; margin:0 auto 1em; margin-right:2%; padding:0; background:url(../../about/images/icon_AboutCat1.png) no-repeat top left; list-style:none; text-align:left; }
ul.AboutSection li a:link { display:block; padding:8px 0 6px 30px; font-size:18px; font-weight:900; color:#000;  }

.ContentColumn4 { width: 20%; float: left; margin: 0 0 0 4%; padding: 0 2px; background: rgba(0,0,0,0.0); }

.AboutBAIntro { width:100%; margin: 0 auto 3em; padding:0; text-align:center; }
.AboutBAIntro h3 { color: rgba(40,156,217,1.0); }

.AboutBAS1 { width:100%; margin: 0 auto 2em; padding: 2em 37% 2em 3%; text-align:left; /* background: rgba(180,71,73,1.00); */ background:url(../../about/images/BA_1.jpg) no-repeat;  }
.AboutBASegment { width:1020px; margin: 0 auto 2em; padding: 0; text-align:left; background:#e9edec; overflow: hidden; }
.AboutBASegment img{ width:100%; margin: 0; padding: 0; border: 0; }
.AboutBASegment p{ font-size:15px; line-height: 1.5; margin: 0 0 15px 0; }
.AboutBASegment .BusAct1 { width: 360px; margin: 0; padding: 0; float: right; /* background: #27A66C; */ }
.AboutBASegment .BusAct1t { width: 600px; margin: 0; padding: 30px 0 30px 30px; float: left; /* background: #9F5455; */ }
.AboutBASegment .BusAct2 { width: 360px; margin: 0; padding: 0; float: left; /* background: #27A66C; */ }
.AboutBASegment .BusAct2t { width: 600px; margin: 0; padding: 30px 30px 30px 0; float: right; /* background: #9F5455; */ }
.AboutBASegment2 { width:100%; margin: 0 auto 2em; padding: 2em 3% 2em 42%; text-align:left; background:url(../../about/images/BA_2.jpg) no-repeat top left; }
.AboutBASegment3 { width:100%; margin: 0 auto 2em; padding: 2em 42% 2em 3%; text-align:left; background:url(../../about/images/BA_3.jpg) no-repeat top right; }
.AboutBASegment4 { width:100%; margin: 0 auto 2em; padding: 2em 3% 2em 37%; text-align:left; background:url(../../about/images/BA_4.jpg) no-repeat top left; }

.AboutBASegment .SegmentHead { font-size:21px; font-weight:500; line-height:1.1; }
.AboutBASegment .SegmentHead p{ margin-bottom: 5px; padding: 0; }

.ImgForDTP { display: block; }
.ImgForMP { display: none; }


dl.History { width: 100%; margin: 0 auto 0.5em; padding:0; background-color: none; text-align: left; line-height: 1.5; border-top: solid 1px rgba(40,156,217,1.0); overflow: hidden;}
dl.History dt { margin: 0; padding:0.5em 0; background-color: none; float:left; width:15%; font-weight: 300; clear: left; }
dl.History dd { margin: 0 0 0 15%; padding:0.5em 0; background-color: none; width: 85%; font-weight: 300; }

dl.HistoryLast { width: 100%; margin: 0 auto 0.5em; padding:0; background-color: none; text-align: left; line-height: 1.5; border-top: solid 1px rgba(40,156,217,1.0); border-bottom: solid 1px rgba(40,156,217,1.0); overflow: hidden;}
dl.HistoryLast dt { margin: 0; padding:0.5em 0; background-color: none; float:left; width:15%; font-weight: 300; clear: left; }
dl.HistoryLast dd { margin: 0 0 0 15%; padding:0.5em 0 1em 0; background-color: none; width: 85%; font-weight: 300; }

/*++++++ Distributors Pages ++++++*/

.ColOne { width:28%; margin:0 3% 0 2%; padding:0; float:left; text-align:left; }
span.BlueBold { font-weight:900; color: rgba(40,156,217,1.0); font-size:21px; text-transform:uppercase; }

/*++++++ Products Pages ++++++*/

ul.ProductCat1 { width:100%; max-width: 1024px; list-style: none; margin: 0 auto 3em; overflow:hidden; }
ul.ProductCat1 img { width:100%; margin: 0 auto 0.5em; padding:0; border:0; }
ul.ProductCat1 li { width:23%; float:left; padding: 5px 0; padding-right:1%; padding-left:1%; margin:0; background:none; line-height: 1.5; } 
ul.ProductCat1 li a{ display:block; padding: 0; margin:0; background:rgba(40,156,217,0.0); font-weight:900; text-transform:uppercase; text-align:center; } 

#breadcrumb { width: 100%; padding: 110px 0 45px 0; margin: 0 auto; border: 0; position: relative; background: rgba(0,0,0,0.10); }
#breadcrumb ul { width: 90%; margin: 0 auto; }
#breadcrumb ul li{ margin: 0; float: left; padding: 10px 20px; text-align: left; list-style: none; border-right: solid 1px #CCCCCC; background: url("../../common/images/breadcrumb_divider.png") no-repeat bottom left; font-weight: 500; }
#breadcrumb ul li.LastChild { border-right: none; }
#breadcrumb ul li a{ margin: 0; float: left; display: block; color:rgba(40,156,217,1.0); }

/* +++ Product Pages Header +++ */
#SubProductHeader { width: 100%; margin: 0 auto; padding: 0; border: 0; position: relative; background: rgba(82,148,98,0.00); }
.SubProductHeader { width: 90%; margin: 0 auto; padding: 0; border: 0; overflow: hidden; }
.SubProductHeader dl { width: 100%; margin: 0; padding: 0; float: left; }
.SubProductHeader dl dt { width: 170px; margin: 0; padding: 0; float: left; }
.SubProductHeader dl dd { margin: 0 0 0 170px; padding: 75px 0 0 0; text-align: left; }
.SubProductHeader dl dd h1{ text-align: left; font-size: 44px; font-weight: 900; letter-spacing: -2px; }


/* +++ Product Enquiry +++ */
.ProductEnquirySection { width: 100%; margin: 0 auto; padding:2em 0; border:0; background:rgba(40,156,217,1.0); color:#FFF; overflow:hidden; }
.ProductEnquiryContainer { width: 45%; margin: 0 auto; padding:0; border:0; background:rgba(40,156,217,1.0); color:#FFF; overflow:hidden; }
.ProductEnquiry { float:left; width: 45%; margin: 0 auto; padding:0; border:0; text-align:left; line-height:1.5; }
.ProductEnquiryForm { float:right; width: 55%; text-transform:uppercase; font-weight:900; font-size:1.2em; }
.ProductEnquiryForm a{ float:right; padding:0.8em 1.6em; margin: 0 auto; border:4px #FFF solid; border-radius:1.5em; display:block; color:#FFF; }
.ProductEnquiryForm a:hover { text-decoration:none; background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.5)); }

.video { margin: 0 auto; padding:0; width:75%; height:auto; background:rgba(40,156,217,1.0); }

.NewsContent { margin: 0 auto; padding:0; width:75%; height:auto; background: rgba(0,173,239,0.0); overflow: hidden; }
.NewsContentItem { width: 40%; float: left; margin: 0; padding: 0; background: rgba(0,173,239,0.0); }
.NewsContentItemText { width: 35%; float: right; margin: 0; padding: 10px 2px; text-align: right; line-height: 1.5; vertical-align: bottom; background: rgba(0,173,239,0.0); }

.NewsImages { margin: 0 auto; padding:0; width:75%; height:auto; background:rgba(0,173,239,0.0); }


#products { width:100%; margin: 0 auto; padding:0 0 3em 0; }

/* +++ Products tab +++ */

/* NEW Products Page tab buttons */

.tabset {
	width: 100%;
	max-width: 1280px; 
	/* background: url(../images/TabNavPanel.png) no-repeat #E5E5E5; */
	background: rgba(40,156,217,0.00); 
}

.tabsetwrapper { width: 100%; margin: 0 auto 2em; padding: 1em 0 0 0; background: rgba(40,156,217,0.00); overflow: hidden; }

.tablink { /* TAB NAVIGATIONS */
	background: rgba(255,255,255,0.20);
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	margin: 0 auto;
	padding: 0;
}

.tablink:hover {
	color: #FFF; 
}

/* Style the tab content */
.tabcontent {
	display: none;
	width: 100%;
	margin: 0 auto; 
	padding:0; 
	text-align: left; 
	background: #FFF;
} 

#SemiCondInd { background: rgba(40,156,217,0.50); color:#FFF; }
#GenInd { background: rgba(40,156,217,0.00); color:#FFF; }
#PharmInd { background: rgba(40,156,217,0.00); color:#FFF; }

.tabcontent ul { width:90%; margin: 0 auto 3em; padding:2em 0 3em 0; overflow:hidden;  }
.tabcontent ul li { 
	width:29%;
	margin:0 1%; 
	padding:0; 
	float:left; 
	list-style:none; 
	font-weight:500; 
	line-height:1.6; 
	background: rgba(40,156,217,0.00);
}

.tabcontent ul li h3 { padding-left: 10px; margin: 5px 0; }

.tabcontent ul li a:link { color:#000 ; }
.tabcontent ul li a:hover { color:#000; }
.tabcontent ul li a:visited { color: #000; }
.tabcontent ul li a:active { color: #000; }
.tabcontent ul li img { width:100%; margin:0 auto 0.5em; padding:0; border: 2px solid #FFF; }
.tabcontent ul li .ContentCategory { display:block; width:100%; margin: 0 auto; padding: 0 0 5px 0; background: url(../images/icon_point-down.png) no-repeat top right; font-weight:900; }
.tabcontent ul li ul{ width:100%; margin: 0 auto 0; padding:5px 0 0 0; background: rgba(255,255,255,1.00); }
.tabcontent ul li ul li{ width:100%; margin:0; padding:3px 0; float:none; list-style:none; font-size:0.8em; font-weight:300; background:none; }
.tabcontent ul li ul li a:link { color:#000; display:block; padding: 2px 5px; font-weight:500; }
.tabcontent ul li ul li a:hover { color:#000; background:#FFF; text-decoration: none; }
.tabcontent ul li ul li a:visited { color: #000; }
.tabcontent ul li ul li a:active { color: #000; }

.ProductCat { width: 100%; margin: 0 auto 3em; padding: 0; border:0; background: rgba(0,179,255,0.00); overflow: hidden; }
.ProductCat ul { width: 100%; margin: 0; padding: 0; }
.ProductCat ul li { width: 33%; margin: 0; padding: 0; float: left; }

.ProductCatSub { width: 100%; margin: 0 auto; padding: 2em 0; border:0; background: rgba(0,0,0,0.10); overflow: hidden; }
.ProductCatSub ul { width: 90%; margin: 0 auto; padding: 0; }
.ProductCatSub ul li { width: 33%; margin: 0; padding: 0; float: left; }
.ProductCatSub ul li.FirstChild { width: 33%; margin: 0; padding: 0; float: left; }

/* +++ Products tab Content +++ */

.ProductsContent { width: 90%; margin: 0 auto; padding:0; background:none; } 
.ProductsContent h3 { color: #FFF; }
.ProductsContent ul { width:100%; margin: 0 auto 3em; padding:0 0 3em 0; overflow:hidden; text-align: left; border-bottom: 1px solid rgba(0,173,239,0.00); }
.ProductsContent ul li { 
	width:30%;
	margin:0 1%; 
	padding:0; 
	float:left; 
	list-style:none; 
	line-height:1.6; 
}

.ProductsContent ul li .SubCat { font-weight: 500; border-bottom: 1px solid rgba(0,0,0,0.20); width: 92%; padding: 5px 0; margin: 0 auto; }

.ProductsContent ul li a:link { color:#000; font-size: 14px; }
.ProductsContent ul li a:hover { color:#000; }
.ProductsContent ul li a:visited { color: #000; }
.ProductsContent ul li a:active { color: #000; }
.ProductsContent ul li img { width:100%; margin:0 auto 0.5em; padding:0; border: 2px solid #FFF; }
.ProductsContent ul li .ContentCategory { display:block; width:100%; margin: 0 auto; padding: 0 0 5px 0; background: url(../images/icon_point-down.png) no-repeat top right; font-weight:900; }

.ProductsContent ul li ul{ width:92%; margin: 0 auto; padding:5px 0 15px 0; border-bottom:none;  }
.ProductsContent ul li ul li{ width:100%; margin:0; padding:3px 0; float:none; list-style:none; font-size:12px; background:rgba(0,0,0,0.00); }

.ProductsContent ul li ul li a:link { color:#000; display:block; padding: 2px 2px 8px 25px; font-weight:300; background: url("../../products/images/products-arrow-fade.png") no-repeat top left; border-bottom: 1px solid rgba(0,0,0,0.20);  }
.ProductsContent ul li ul li a:hover { color:#000; background: url("../../products/images/products-arrow.png") no-repeat top left; border-bottom: 1px solid rgba(0,0,0,0.40); text-decoration: none; }
.ProductsContent ul li ul li a:visited { color: #000; }
.ProductsContent ul li ul li a:active { color: #000; }

.ProductsContent .vSeries { width: 22px; margin: 0 3px 0 0; padding: 0; border: 0; float: left; }
.ProductsContent .rReg { width: 5px; margin: 0 1px; padding: 0; border: 0; }
.ProductsContent img.Reg-R { width: 3px; margin: 0 1px; padding: 0; border: 0; }
.ProductsContent .rUPG { height: 12px; width: auto; margin: 0 1px; padding: 0; border: 0; }

#OtherCategories { width: 100%; margin: 0 auto; padding: 0; border: 0; }
#ProductEnquiry { width: 100%; margin: 0 auto 3em; padding: 0; border: 0; }


.ProductsContentDescription { width:100%; margin:0 auto; padding:0 1%; }
.ProductsContentDescription h2 { font-size:1.5em; font-weight:900; margin: 0 auto; padding: 0; line-height:1.5; color:rgba(0,173,239,1.00); }

.TechSupportSet { width:100%; margin:0 auto; padding:1px 0; background:#FFF; text-align:center; }

.ProductsContentListing { width:100%; margin:0 auto; padding:1em 0; background: rgba(223,163,164,0.00); overflow: hidden; color: #000; }
.ProductsContentListing h4 { width: 100%; font-size:1.5em; font-weight:900; margin: 0 auto; line-height:1.5; padding: 10px 0; border-bottom: rgba(0,173,239,1.00) 1px solid; background: rgba(0,173,239,0.20); text-align: center; }
.ProductsContentListing h5 { font-size:1.1em; font-weight:900; margin: 0 auto 1em; line-height:1.5; border-bottom:0; /* margin-top: 7em; */ }

.ProductsContentListingWrapper { width: 100%; margin: 0 auto; padding: 0; border: 0; overflow: hidden; margin-top:0; /* border-bottom: solid 1px rgba(0,0,0,0.30); */ }

/* ++++++
.ProductsContentListingWrapper .SeriesDetails { float: left; width: 48%; margin: 0 1%; padding: 0; background: rgba(148,216,140,0.00); }

.ProductsContentListingWrapper .SeriesDetails .ProductAnchor { width: 100%; height: 70px; margin: 0; padding: 10px 0 0 0; background: rgba(130,130,130,0.00); font-size: 10px; text-align: right; }
.ProductsContentListingWrapper .SeriesDetails .ProductAnchor a { color: rgba(0,173,239,1.00); }

.ProductsContentListingWrapper .SeriesDetails dl.Items { width: 100%; margin: 0; padding: 0; background: rgba(159,134,231,0.00); overflow: hidden; }
.ProductsContentListingWrapper .SeriesDetails dl.Items dt { float: left; width: 25%; margin: 0; padding: 0; background: rgba(255,191,234,0.00); overflow: hidden; }
.ProductsContentListingWrapper .SeriesDetails dl.Items dd { width: 72%; margin: 0; margin-left: 27%; padding: 0; background: rgba(255,202,203,0.00); overflow: hidden; }

.ProductsContentListingWrapper .SeriesDetails ul { width: 100%; margin: 0 auto 0.5em; padding: 0; background: rgba(255,255,255,1.00); border-bottom: none; }
.ProductsContentListingWrapper .SeriesDetails ul li { width: 100%; margin: 0 auto; padding: 0; background: rgba(255,255,255,1.00); border-bottom: none; }
.ProductsContentListingWrapper .SeriesDetails ul li ul { width: 100%; margin: 0 auto 0.2em; padding: 0; background: rgba(255,255,255,1.00); border-top: 1px solid rgba(0,173,239,1.00); }
.ProductsContentListingWrapper .SeriesDetails ul li ul li { width: 100%; margin: 0 auto; padding: 0; background: rgba(255,255,255,1.00); border-bottom: none; }

.ProductsContentListingWrapper .DownloadPdf { float: left; width: 100%; margin: 5px 0 0 0; padding: 0; background: rgba(255,234,205,1.00); }

.ProductsContentListingWrapper .DownloadPdf a:link { display: block; color: #FFF; font-size: 12px; text-align: center; padding: 10px 0 13px 0; background: rgba(0,173,239,1.00); text-decoration:none; border: rgba(0,173,239,1.00) 1px solid; }
.ProductsContentListingWrapper .DownloadPdf a:visited { color: #FFF; }
.ProductsContentListingWrapper .DownloadPdf a:hover { color: rgba(0,173,239,1.00); text-decoration:none; background:#FFF; }
.ProductsContentListingWrapper .DownloadPdf a:active { color: #FFF; }

++++++ */


#map { 
	width: 97%;
	max-width:1280px; 
	height: 420px;
	margin: 0 auto 2em; 
	padding:5px; 
	background:#FFF;
	border:0; 
}

.ContactInfo { width:30%; margin:0 0 0 2%; padding:0 0 0 1em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000;  }
.ContactInfoAddress { width:40%; margin:0 0 0 2%; padding:0 0 2em 2.5em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000; background:url(../images/icon_contacts_address.png) no-repeat top left; }
.ContactInfoPhone { width:27%; margin:0 0 0 2%; padding:0 0 2em 2.5em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000; background:url(../images/icon_contacts_phone.png) no-repeat top left; }
.ContactInfoEmail { width:27%; margin:0 0 0 2%; padding:0 0 2em 2.5em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000; background:url(../images/icon_contacts_email.png) no-repeat top left; }

.TechSupport {
}

ul.TechSupport { margin: 2em 0; padding:0; width:100%;  }
ul.TechSupport li{ float:left; margin: 0 1%; padding:0; width:31%; height:auto; list-style:none; }
ul.TechSupport li a{ display:block; }


/* +++ Form Items +++ */

.AllButton { width: 200px; margin: 0 auto; height:auto; }
.AllButton img{ width: 100%; }

.appform {
	overflow: hidden;
	zoom: 1;
	margin: 0 auto 2em;
	width:100%; 
	line-height:1.8;
}

.appform p{ margin-bottom:0.5em;
}

.appfills { 
	overflow: hidden;
	width:100%; 
	margin: 0 auto 2em; 
	padding: 0; 
	text-align:left;
}

dl.appform {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 20px;
}

dl.appform dt {
	width: 350px;
	float: left;
	clear: both;
	font-weight: bold;
	font-weight: 700;
	margin-bottom: 10px;
}

dl.appform dd {
	margin-left: 360px;
	margin-bottom: 1.2em; 
	vertical-align: text-top;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Form bottom
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.form_bottom {
	text-align:center;
	width:100%;
	margin: 10px 0; 
	padding:30px 0 40px 0;
	background:none; 
	overflow:hidden;
}

.form_bottom .box_left {
	float: left;
	width: 50%;
	text-align: center;
	background:none;
}

.form_bottom .box_right {
	float: right;
	width: 50%;
	text-align: center;
	background:none;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Input
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.disable-ime {ime-mode:disabled;}


input[type="text"],input[type="password"], textarea, select {
	margin: 0 auto; 
	color:rgba(0,0,0,1.0);
	vertical-align:middle; 
	width:99%; 
	font-family: 'Noto Sans SC', Gotham, Arial, sans-serif;
	font-size:16px; 
	line-height:1.2;
	text-align:left;
	padding: 12px; 
	border:0;
	/* border:1px solid #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc); */ 
	background: rgba(0,0,0,0.05);
}

input.file {
	margin: 0 auto;
	vertical-align:middle;
	padding: 12px; 
	border:0;
	/* border:1px solid #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc); */
	background: rgba(0,0,0,0.05);
}

input[type="radio"] {
	margin-right: 5px;
	vertical-align: text-top;
	display:inline;
	width:12px;
	height:12px;
}

input[type="checkbox"] {
	margin-right: 3px;
	display:inline;
	vertical-align:middle;
	width:12px;
	height:12px;
}

input.w30 {width:30px; height:20px;}
input.w40 {width:40px; height:20px;}
input.w50 {width:50px; height:20px;}
input.w80 {width:80px; height:20px;}
input.w100 {width:100px; height:20px;}
input.w150 {width:150px; height:20px;}
input.w200 {width:200px; height:20px;}
input.w250 {width:250px; height:20px;}
input.w300 {width:300px; height:20px;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Textarea
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
textarea.w250 {width:250px;}
textarea.w300 {width:300px;}
textarea.w350 {width:350px;}
textarea.w400 {width:400px;}
textarea.w450 {width:450px;}
textarea.w460 {width:460px;}
textarea.w480 {width:480px;}
textarea.w675 {width:675px;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Textarea
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

::-webkit-input-placeholder { /* Edge */
  color: rgba(0,0,0,0.4); font-weight:500;
}
:-ms-input-placeholder { /* Internet Explorer */
  color: rgba(0,0,0,0.4); font-weight:500;
}
::placeholder {
  color: rgba(0,0,0,0.4); font-weight:500;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Buttons
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.button1 {
	color:#FFF; 
	font-size:18px; 
	font-weight:900;
	text-transform:uppercase; 
	padding:15px 40px; 
	background: rgba(40,156,217,1.0); 
	border:0; 
	/*
	border:2px solid #498FC5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);
	*/
/* IE 6,7
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8CB6D9', endColorstr='#489CCC'); */
/* IE 8,9
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8CB6D9', endColorstr='#489CCC')"; */
/* IE10
	background-image: -ms-linear-gradient(top , #8CB6D9 0%, #489CCC 100%); */ 
/* Mozilla
	background: -moz-linear-gradient(top,#8CB6D9,#489CCC); */
/* Opera
	background: -o-linear-gradient(top,#8CB6D9,#489CCC); */
/* Webkit
	background: -webkit-linear-gradient(top,#8CB6D9,#489CCC); */
/* W3C
	background: linear-gradient(top,#8CB6D9,#489CCC); */ 
}

.button1:hover, .button1:active {
	cursor:pointer;
	color:#FFF; 
	background: rgba(40,156,217,0.7); 
}

input[type="image"].cartlist {
	margin: 3px 0 3px 0;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Form Error Strings
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.error_strings {
	font-size:0.7em;
	color:#f00;
}

span.placeholder {color:rgba(0,0,0,0.1); }


.policy_statements {
	font-size:0.8em; 
	font-weight: 300; 
}




/* +++ Footer Sitemap +++ */

#Sitemap { width:100%; margin: 0 auto; padding:2em 0 4em 0; background:rgba(184,188,191,1.0); color:#FFF; }
.Sitemap { overflow:hidden; margin: 0 auto 3em; padding:0 0 1em 0;  }
ul.SitemapCol { width:18%; float:left; text-align:left; list-style:none; margin-right:2%; font-weight:500; font-size:0.8em; color:#000; }
ul.SitemapCol li { list-style:none inside; margin:1em 0; padding:0; }
ul.SitemapCol li ul { margin:1em 0; font-size:0.95em; }
ul.SitemapCol li ul li { list-style:none inside; margin:0; padding:0 0 1em 0; }
ul.SitemapCol li ul li ul { margin:1em 0; font-size:0.95em; }
ul.SitemapCol li ul li ul li { list-style: disc inside; margin:0 0 0 0.5em; padding:0 0 1em 0; }

ul.SitemapCol a { color:#000; }
ul.SitemapCol a:link { color:#000; }


footer {
	width:100%; 
	position:absolute; 
	bottom:0;  
	height:auto; 
	padding:1em 0;
	background:rgba(255,255,255,1.00);
	color:#000; 
	text-align:center; 
	font-weight:300; 
	font-size:0.8em;
}


.footerLogo { width:20%; float:left; margin:0; padding:1em 0; display: block; }
.footerText { width:40%; float:left; margin:0.9em 0 0 5%; padding:1.5em 0 1em 0; text-align:left; vertical-align:middle; display: block; }
.footerToTop { width:30px; float:right; margin:0; padding:1em 0; display: block; }


/*		Back to Top 		*/

#page-top {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 16px;
	bottom: 16px;
	display: block;
	z-index: 9999;
}

#page-top p{
	margin: 0;
	padding: 0;
	text-align: center; font-size:1.5em;
	background: url(../images/scroll-top_bg.png);
}

#page-top p:hover{
	background: #666;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}

#page-top p a {
	color:#fff;
	line-height:40px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}




@media screen and (min-width: 1440px){
	
}

@media screen and (max-width: 1280px){


}

@media screen and (min-width: 950px) and (max-width: 1240px){
	

}

@media screen and (max-width: 1023px){

	/* +++ for Mobile +++ */
	header {
		height:80px; z-index:5;
	}
	
	.logo1{
		padding:1.5em 0 2em 0; 
		left:3%; 
	}

	nav { width:100%; height:100%; z-index: 100; display: block; }

	.desktopMenu { /*++ Desktop Nav Left Panell ++*/
		display:none;
	}

	.logo{
		width: 60%; 
		max-width:280px; 
		padding:1em 0; 
		left:20%; 
		top: 0;
		position:absolute; 
	}

	.nav-collapse { /*++ Smartphone Nav Left Panel ++*/
		margin: 0 auto;
		width:100%; 
		height:auto; 
	}

	.nav-collapse ul{
		margin:10px 0 0 0;
	}

	.nav-collapse a{
		font-size:0.9em; 
	}

	#home { padding:60px 0 0 0; }
	
	#breadcrumb { width: 100%; padding: 90px 0 10px 0; margin: 0 auto; border: 0; position: relative; background: rgba(0,0,0,0.10); overflow: hidden; }
	#breadcrumb ul { width: 95%; margin: 0 auto; }
	#breadcrumb ul li{ margin: 0; padding: 2px 5px; font-size: 11px; line-height: 1.3; }
	#breadcrumb ul li.LastChild { border-right: none; }
	#breadcrumb ul li a{ margin: 0; float: left; display: block; color:rgba(40,156,217,1.0); }

	#map_canvas { margin: 0 auto; width:80%; height:400px; float:none; /* pointer-events: none; */ }
	
	.AboutBASegment { width:100%; margin: 0 auto 2em; padding: 0; text-align:left; background:#e9edec; overflow: hidden; }
	.AboutBASegment .BusAct1 { width: 43%; margin: 0; padding: 0; float: right; /* background: #27A66C; */ }
	.AboutBASegment .BusAct1t { width: 55%; margin: 0; padding: 20px 0 20px 2%; float: left; /* background: #9F5455; */ }
	.AboutBASegment .BusAct2 { width: 43%; margin: 0; padding: 0; float: left; /* background: #27A66C; */ }
	.AboutBASegment .BusAct2t { width: 55%; margin: 0; padding: 20px 2% 20px 0; float: right; /* background: #9F5455; */ }
	
	.AboutUsLogo { width:40%; margin-top:1em; }

	.ContactInfo { width:95%; margin:0 0 1em 0; padding:0 0 0 1em; float:none; font-size:0.9em;  }
	
	.NewsContent { width:85%; }
	.NewsContentItem { width: 50%; float: left; }
	.NewsContentItemText { width: 35%; float: right; }

	ul.ProductCat1 { width:100%; list-style: none; margin: 0 0 3em 0; overflow:hidden; }
	ul.ProductCat1 li { width:48%; float:left; padding-right:1%; padding-left:1%; margin-bottom:1em; } 

	.ProductEnquiryContainer { width: 60%; }
	.ProductEnquiry { float:left; width: 45%; }
	.ProductEnquiryForm { float:right; width: 55%; font-size:1.2em; }

	.video { width:100%;  }

	.footerLogo { width:210px; float:left; margin:0 20px 0 0; padding:1em 0; display: block; }
	.footerText { width:45%; float:left; margin:1em 0; padding:1em 0; text-align:left; display: block; }
	.footerToTop { width:30px; float:right; display: block; }

}

@media screen and (min-width: 640px) and (max-width: 949px){
	
	.ProductCat ul li { width: 50%; margin: 0; padding: 0; }


}


@media screen and (max-width: 768px){

	.logo1{
		width: 70%; 
		max-width:300px; 
		padding: 1.6em 0; 
		left:5%; 
	}

	.ColMain { width:100%; margin: 0 auto; padding:0; overflow:hidden; text-align:justify; }
	.ColLeft { width:100%; float:none; background: none; margin:0 0 3em 0; padding:0; }
	.ColRight { width:100%; float:none; background: none; margin:0 0 3em 0; padding:0; }

	.AboutBAIntro { text-align:left; }
	.AboutBAIntro h3 { margin-bottom: 10px;}
	.AboutBASegment { width:96%; margin: 0 auto 2em; }
	.AboutBASegment .BusAct1 { width: 90%; margin: 0 auto; padding: 0 0 30px 0; float: none; /* background: #27A66C; */ }
	.AboutBASegment .BusAct1t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }
	.AboutBASegment .BusAct2 { width: 90%; margin: 0 auto; padding: 30px 0 0 0; float: none; /* background: #27A66C; */ }
	.AboutBASegment .BusAct2t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }

	.AboutUsLogo { width:40%; margin-top:0.5em;  }

	.ImgForDTP { display: none; }
	.ImgForMP { display: block; }
	
	.SubProductHeader { width: 85%; }
	.SubProductHeader dl { width: 100%; margin: 0 auto 1em; padding: 0; float: none; overflow: hidden; }
	.SubProductHeader dl dt { width: 170px; margin: 0; padding: 0; float: none; }
	.SubProductHeader dl dd { margin: 0; padding: 0; text-align: left; }
	.SubProductHeader dl dd h1{ text-align: left; font-size: 30px; letter-spacing:-1; line-height: 1.2; }

	.ProductsContent ul li { 
		width:46%;
		margin:0 2% 5em 1%; 
		padding:0; 
		float:left; 
		list-style:none; 
		line-height:1.6; 
	}

	.ProductCatSub { width: 100%; margin: 0 auto; padding: 2em 0; border:0; background: rgba(0,0,0,0.10); overflow: hidden; }
	.ProductCatSub ul { width: 90%; margin: 0 auto; padding: 0; }
	.ProductCatSub ul li { width: 100%; }
	.ProductCatSub ul li.FirstChild { width: 100%; margin:0 0 1em 0; text-align: center; line-height: 1.3; }

	.ProductEnquiryContainer { width: 70%; }
	.ProductEnquiry { float:left; width: 45%; }
	.ProductEnquiryForm { font-size:1em; }

	span.ts13 { font-size:1.2em; }
	
	.ColOne { width:45%; margin:0 3% 0 2%; }
	
	.NewsContent { width:90%; }
	.NewsContentItem { width: 60%; float: left; }
	.NewsContentItemText { width: 35%; float: right; }

	ul.SitemapCol { width:48%; }

	.footerLogo { width:160px; float:left; margin:0 10px 0 0; padding:0.5em 0; display: block; }
	.footerText { width:55%; float:left; margin:0.5em 0; padding:1em 0; text-align:left; display: block; }
	.footerToTop { width:30px; float:right; display: block; }

}

@media screen and (max-width: 640px){

	.ProductEnquiryContainer { width: 85%; }
	.ProductEnquiryForm { font-size:1.1em; }
	
	.AboutBAIntro { text-align:left; }
	.AboutBAIntro h3 { margin-bottom: 10px;}
	.AboutBASegment { width:96%; margin: 0 auto 2em; }
	.AboutBASegment .BusAct1t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }
	.AboutBASegment .BusAct2t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }
	
	.ProductCat ul li { width: 100%; margin: 0; padding: 0; float: none; }

	.NewsContentItem { width: 65%; float: left; }
	.NewsContentItemText { width: 30%; float: right; font-size: 0.8em; }

}



@media screen and (max-width: 480px){

	section{
		padding:50px 0; 
	}

	ul.AboutSection li { width: 96%; float:left; }

	ul.ProductCat1 { width:100%;}
	ul.ProductCat1 li { width:98%; } 

	.ProductsContent ul li { 
		width:90%;
		margin:0 5% 3em 5%; 
		padding:0; 
		float:left; 
		list-style:none; 
		line-height:1.6; 
	}

	.ProductEnquiryContainer { width: 100%; }
	.ProductEnquiry { float:none; width: 80%; margin: 0 auto 1em; text-align: center; }
	.ProductEnquiryForm { float:none; width: 80%; font-size:1.2em; margin: 0 auto; }
	.ProductEnquiryForm a{ float:none; }

	span.ts13 { font-size:1.1em; }

	.AboutBAIntro { text-align:left; }
	.AboutBAIntro h3 { margin-bottom: 10px;}
	.AboutBASegment { width:100%; margin: 0 auto 2em; }
	.AboutBASegment .BusAct1t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }
	.AboutBASegment .BusAct2t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }

	dl.History dt { width:22%; }
	dl.History dd { margin: 0 0 0 22%; width: 78%; }

	dl.HistoryLast dt { width:22%; }
	dl.HistoryLast dd { margin: 0 0 0 22%; width: 78%; }

	.AboutUsLogo { width:60%; margin-top:0.5em;  }
	.ContentColumn4 { width: 40%; float: left; margin: 0 0 0 4%; padding: 0 2px; background: rgba(0,0,0,0.0); }
	
	.ContactInfoAddress { width:90%; margin:0 0 0 2%; padding:0 0 2em 2.5em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000; background:url(../images/icon_contacts_address.png) no-repeat top left; }
	.ContactInfoPhone { width:90%; margin:0 0 0 2%; padding:0 0 2em 2.5em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000; background:url(../images/icon_contacts_phone.png) no-repeat top left; }
	.ContactInfoEmail { width:90%; margin:0 0 0 2%; padding:0 0 2em 2.5em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000; background:url(../images/icon_contacts_email.png) no-repeat top left; }
	
	.ColOne { width:95%; margin:0 3% 0 2%; }
	
	.NewsContentItem { width: 100%; float: none; }
	.NewsContentItemText { width: 100%; float: none; font-size: 0.8em; text-align: center; }

	ul.SitemapCol { width:88%; }

	.footerLogo { width:0; float:left; margin:0; padding:1em 0; display: none; }
	.footerText { width:85%; float:left; margin:0.2em 0; padding:0.5em 0; text-align:left; display: block; }
	.footerToTop { width:30px; float:right; display: block; }

}

@media screen and (max-width: 320px){

	.logo1{
		width: 70%; 
		max-width:280px; 
		padding: 1.8em 0; 
		left:2%; 
	}


	ul.ProductCat1 { width:100%; max-width: 280px; }

	.ProductEnquiryContainer { width: 100%; }
	.ProductEnquiry { float:none; width: 80%; margin: 0 auto 1em; text-align: center; }
	.ProductEnquiryForm { float:none; width: 80%; font-size:1.2em; margin: 0 auto; }
	.ProductEnquiryForm a{ float:none; }
	span.ts13 { font-size:1.1em; }

	.AboutBAIntro { text-align:left; }
	.AboutBAIntro h3 { margin-bottom: 10px;}
	.AboutBASegment { width:98%; margin: 0 auto 2em; }
	.AboutBASegment .BusAct1t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }
	.AboutBASegment .BusAct2t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }
	
	.footerLogo { width:0; float:left; margin:0; padding:1em 0; display: none; }
	.footerText { width:100%; float:left; margin:0.5em 0; padding:0.5em 0; text-align:left; display: block; }
	.footerToTop { width:30px; float:right; display: block; }


}

@media screen and (min-width: 1023px){
		
	nav {
		display:none;
	}

	.js .nav-collapse{position:relative;}
	.js .nav-collapse.closed{max-height:none;}
	.nav-toggle{display:none;}

	.mask{
		display:none !important;
		opacity:0 !important;
	}
	
	.nav-collapse { /*++ Desktop Nav Left Panell ++*/
		float:right;
		margin: 0 auto;
		margin-right:3%;
		width:62%;
	}

	.nav-collapse li{ /* Desktop Nav Width */
		float:left; 
		width:15%; 
		margin-left:1%;
	}
	
	/* Top Nav for Desktop */

	.nav-collapse a{
		border-bottom:1px solid rgba(0,173,239,1.0);
		padding:12px;
		text-align:center;
		text-transform: uppercase;
		border-top:0;
		float: left;
		margin:0 auto;
		background:#FFF;
		color: rgba(0,173,239,1.0);
	}

	.nav-collapse a:active,.nav-collapse .active a{
		background:#FFF;
		color: rgba(0,173,239,1.0);
	}

	.nav-collapse a:hover{
		color:rgba(0,173,239,1.0);
		border-bottom:3px solid rgba(0,173,239,1.0);
		background: none;
	}
	
	.nav-collapse ul ul a{
		display:none;
	}
	

}


/*++++++++++
ContentsClear
++++++++++*/

* html .clearfix {
	height: 1px;
	height: auto;
	overflow: hidden;
	/**/
}

.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
 
.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content:".";
}
 
.clearfix {
	zoom: 1; /* ie 6/7 */
	min-height: 1px;
}