.bgpix {position:absolute; left:0; top:0; bgcolor:#ffffff;
	background-image:url(products/products-banner.png); 
	background-repeat:no-repeat; background-size:95%; background-position: 0 105px; 
	}

font {text-decoration:none;font-size:10pt;color:black;font-family="arial";font-weight:normal;}

.MainCtn {position:relative; top:0px; left:0px; width:100%; height:auto; display:flex; flex-wrap:wrap; }

div.Pdctn {position:relative; top:0; left:0; width:100%; height:auto; padding-top:4.35%; display:flex;flex-wrap:wrap; }

div.pdctn1 {position:relative; top:0%; left:0; width:50%; height:auto; 
			display:flex; flex-direction:row; flex-wrap:wrap; }
a.T1  {position:relative; top:0.5%; left: 12.75%; padding-bottom:35.25%; padding-right:29.0%; 
       font-size:5px; color:white; opacity:1.0; font-family: "Arial", "Helvetica", "sans-serif";
	   background-color: white; opacity:0.0; 
	   }
a.T1:hover, a.T1:focus, a.T1:active {
	   background-color: white; opacity:0.6;
	   }
a.T2  {position:relative; top:0.5%; left:19.0%; padding-bottom:35.25%; padding-right:29.0%; 
       font-size:5px; color:white; opacity:1.0; font-family: "Arial", "Helvetica", "sans-serif";
      background-color: white; opacity:0.0; 
	   }
a.T2:hover, a.T2:focus, a.T2:active {
	background-color: white; opacity:0.6;
	}

div.pdctn2 {position:relative; top:0; left:0; width:50%; height:auto; 
			display:flex; flex-direction:row; flex-wrap:wrap; }
a.T3  {position:relative; top:0.5%; left:12.75%; padding-bottom:35.25%; padding-right:29.0%; 
       font-size:5px; color:white; opacity:1.0; font-family: "Arial", "Helvetica", "sans-serif";
       background-color: white; opacity:0.0; 
	   }
a.T3:hover, a.T3:focus, a.T3:active {
	background-color: white; opacity:0.6;
	}
a.T4  {position:relative; top:0.5%; left: 19.0%; padding-bottom:35.25%; padding-right:29.0%; 
       font-size:5px; color:white; opacity:1.0; font-family: "Arial", "Helvetica", "sans-serif";
       background-color: white; opacity:0.0; 
	   }
a.T4:hover, a.T4:focus, a.T4:active {
	background-color: white; opacity:0.6;
	}

div.addr {width:75%; padding-top:3.5%; padding-left:6%; padding-bottom:1%;  height:auto;
          font-size:18px;color:#0000f0;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif"; }
div.Social {width: 25%; padding-right:4.5%; padding-top:3.5%; padding-bottom:1%; 
         display:flex; flex-flow:row-reverse wrap; }
img.twer {width: 48px; height: 24px; border:0; }
img.ig {width: 48px; height: 24px; border:0; }
img.fb {width: 48px; height: 24px; border:0; }

div.InqH {width:100%; height:auto; padding-top:2.5%; padding-bottom:1.5%; 
          font-size:22px;color:#0000C0;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif"; }
div.InqCo {width:100%; height:auto; padding-top:1%; padding-bottom:1.5%; 
          font-size:20px;color:#0000C0;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif"; }
div.InqL {width:50%; padding-left:15%; height:auto ; 
          font-size:17px;color:#606060;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}
div.InqR {width:50%; padding-right:15%; height:auto ; 
          font-size:17px;color:#606060;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}


img.chat {width: 18%; height:auto; }

a.eml {font-size:17px;color:#818080; text-decoration:underline; font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}
a.eml:active {color:#818080;}
a.eml:visited {color:#818080;}
a.eml:hover{color:#818080; }

div.foot {width:100%;height:auto; 
          text-decoration:none;font-size:18px;color:#303030;font-family:"arial""Helvetica", "sans-serif";font-weight:normal;}




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

.bgpix {position:absolute; left:0; top:0; bgcolor:#ffffff;
	background-image:url(products/products-m-banner.png); 
	background-repeat:no-repeat; background-size:100%; background-position:center 50px; 
	}

font {text-decoration:none;font-size:8px;color:black;font-family="arial";font-weight:normal;}

.MainCtn {position:relative; top:0px; left:0px; width:100%; height:auto; display:flex; flex-wrap:wrap; }

div.Pdctn {position:relative; top:0; left:0; width:100%; height:auto; padding-top:4.35%; display:flex;flex-wrap:wrap; }

div.pdctn1 {position:relative; top:0%; left:0; width:100%; height:auto; padding-top:13.5%;
			display:flex; flex-direction:row; flex-wrap:wrap; }
a.T1  {position:relative; top:0%; left: 10.75%; padding-bottom:31%; padding-right:35.25%; 
       font-size:5px; color:white; opacity:1.0; font-family: "Arial", "Helvetica", "sans-serif";
	   background-color: white; opacity:0.0; 
	   }
a.T1:hover, a.T1:focus, a.T1:active {
	   background-color: white; opacity:0.6;
	   }
a.T2  {position:relative; top:0%; left:16.25%; padding-bottom:31%; padding-right:35.25%; 
       font-size:5px; color:white; opacity:1.0; font-family: "Arial", "Helvetica", "sans-serif";
      background-color: white; opacity:0.0; 
	   }
a.T2:hover, a.T2:focus, a.T2:active {
	background-color: white; opacity:0.6;
	}

div.pdctn2 {position:relative; top:0; left:0; width:100%; height:auto;  padding-top:6.5%;
			display:flex; flex-direction:row; flex-wrap:wrap; }
a.T3  {position:relative; top:0.0%; left:10.75%; padding-bottom:31%; padding-right:35.25%; 
       font-size:5px; color:white; opacity:1.0; font-family: "Arial", "Helvetica", "sans-serif";
       background-color: white; opacity:0.0; 
	   }
a.T3:hover, a.T3:focus, a.T3:active {
	background-color: white; opacity:0.6;
	}
a.T4  {position:relative; top:0; left: 16.25%; padding-bottom:31%; padding-right:35.25%; 
       font-size:5px; color:white; opacity:1.0; font-family: "Arial", "Helvetica", "sans-serif";
       background-color: white; opacity:0.0; 
	   }
a.T4:hover, a.T4:focus, a.T4:active {
	background-color: white; opacity:0.6;
	}

div.addr {width:65%; height:auto; padding-left:13.5%; padding-top:5%; 
          font-size:12px;color:#0000f0; font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}
div.Social {position:relative; width:35%; height:auto; padding-top:5%; padding-right:1%; display:flex; flex-flow:row-reverse wrap; }
img.twer {width: 30px; height: 15px; border:0; }
img.ig {width: 30px; height: 15px; border:0; }
img.fb {width: 30px; height: 15px; border:0; }

font {text-decoration:none;font-size:8px;color:black;font-family="arial";font-weight:normal;}

div.InqH {width:100%; height:auto; padding-top:3%; padding-bottom:0.5%; font-size:13px;color:#0000C0;font-weight:bold;font-style:italic; 
        font-family: "Arial", "Helvetica", "sans-serif"; }
div.InqCo {width:100%; height:auto; padding-top:3%; padding-bottom:0.5%; font-size:11px;color:#0000C0;font-weight:bold;font-style:italic; 
        font-family: "Arial", "Helvetica", "sans-serif"; }
div.InqL {width:50%; padding-left:8%; height:auto ; 
      font-size:10px;color:#606060;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}
div.InqR {width:50%; padding-left:0; height:auto ; 
      font-size:10px;color:#606060;font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}

img.chat {width: 38%; height:auto; left:0; }

a.eml {font-size:10px;color:#818080; text-decoration:underline; font-weight:bold;font-style:italic;font-family: "Arial", "Helvetica", "sans-serif";}
a.eml:active {color:#818080;}
a.eml:visited {color:#818080;}
a.eml:hover{color:#818080; }

div.foot {width:100%;height:auto; font-size:5px; text-decoration:none; font-weight:bold; color:#303030; 
		  font-family:"arial""Helvetica", "sans-serif";}
}