body{background-color:#eeeeee;font: 400 16px/1.8 Roboto, sans-serif;color:#4c4c4c;margin:0px;;padding:0px;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}
* {    box-sizing: border-box;}
.row::after { content: "";  clear: both;  display: block;}
[class*="col-"] { float: left;width:100%;}

.txt-area{line-height:29px;text-align:justify;font-size:15px;font-family:'roboto',sans-serif;font-weight:normal;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}
.txt-area a {line-height:30px;color:blue;font-weight:400;font-size:15px;font-family:'roboto',sans-serif,arial;text-decoration:none;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}

.txt-areas {text-align:left;font-weight:300;padding:10px;font-size:9pt;font-family:roboto,sans-serif,verdana,arial; text-decoration:none; text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}
.txt-areas a{font-weight:300;font-size:9pt;font-family:roboot,sans-serif,verdana,arial;text-decoration:none;line-height:21px;text-shadow: none !important;	-webkit-box-shadow: none !important;box-shadow: none !important;}

h1{font-size:23px;font-weight:400;font-family:roboto,sans-serif,arial; padding:0px;padding-top:5px;padding-bottom:5px;margin:0px;line-height:30px;text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}

h2{font-size:21px !important;font-family:roboto,sans-serif,arial; font-weight:400; padding:0px;padding-top:2px; padding-bottom:2px;margin:0px; line-height:25px; text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
h2 a{text-decoration:none;font-size:21px !important;font-family:roboto,sans-serif,arial; font-weight:400; padding:0px;padding-top:2px; padding-bottom:2px;margin:0px; line-height:25px; text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}

h3{font-size:18px;font-family:roboto,sans-serif,arial; font-weight:400; padding:0px;padding-top:2px; padding-bottom:2px;margin:0px; line-height:25px; text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}

.footer {    background-color: #0099cc;    color: #ffffff;    text-align: center;    font-size: 12px;    padding: 15px;}
/* For mobile phones: */
[class*="cola-"] { width: 100%;font-size:9pt;font-family:sans-serif;line-height:21px;color:#4c4c4c;}
.quality{padding-top:190px;padding-right:20px;color:#C9C9C9;font-size:15px;}
.slideb{background-color:#000000;opacity:0.3;}
.inquirybg{text-decoration:none;background-color:#0066cc;color:#ffffff;text-shadow: none;padding:7px; border-radius: 5px;-webkit-box-shadow: none;box-shadow: none;font-family:sans-serif;}
.inquirybg a{background-color:#0066cc;padding:7px;color:#ffffff;font-weight:100;font-size:13px; border-radius: 5px;text-decoration:none;}

@media only screen and (max-width: 599px)
{
			.topwid{max-width:600px;margin:0px;width:100%;}
			.proImg{height:auto;max-width:100%;}

			.lht{max-width:90%;}
			body {margin:0px;padding:0px;font-size:16px;}
			.main-body{max-width:600px;width:100%; margin:0px;	border: solid 0px #524d3a;}
			.mobnodisplay{display:none;}
			.header-gap{height:9%;}
			.comname{display:none;}
			.logo{max-width:60%;height:auto;}
			.top-row{line-height:40px;height:40px;text-align:center;}
			.top-row a{line-height:40px;height:40px;color:#ffffff;padding:20px;font-family:roboto,sans-serif;font-size:15px;text-decoration:none;font-weight:normal;}

			.col-m-0 {width: 0%;}.col-m-1 {width: 8.33%;}.col-m-2 {width: 16.66%;}.col-m-3 {width: 25%;}.col-m-4 {width: 33.33%;}
			.col-m-5 {width: 41.66%;}.col-m-6 {width: 50%;}.col-m-7 {width: 58.33%;}.col-m-8 {width: 66.66%;}.col-m-9 {width: 72%;}
			.col-m-10 {width: 83.33%;}.col-m-11 {width: 91.66%;}.col-m-12 {width: 100%;}

			.pname{font-size:9pt;font-family:roboto,sans-serif;font-weight:400;}
			.pcode{font-size:8pt;font-family:roboto,sans-serif;font-weight:100;}
			.pro-img{height:100%;margin:5px;text-align:center;}

			.readmore {font-size:11px;font-weight:300;text-align:right;text-decoration:none;}
			.readmore a{font-size:11px;font-family:roboto,sans-serif;font-weight:300;text-align:right;text-decoration:none;padding:5px;}
			input[type="text"] {display: block;margin: 0;width: 95%;font-family: sans-serif;font-size: 9pt;appearance: none;box-shadow: none;border-radius: none;border: solid 1px #707070;
			transition: box-shadow 0.3s, border 0.3s;padding:6px;}
			input[type="text"]:focus {outline: none;	border: solid 1px #707070;	}
			textarea{width:95%;}
}


@media only screen and (min-width: 769px)
{
/* For desktop: */
			.proImg{max-height:160px;width:auto;}
			.desknodisplay{display:none;}
			.lht{max-width:80%;}
				.topwid{max-width:1280px; width:100%;}
				.main-body{text-align:center;max-width:1280px;width:100%;	aborder: solid 0px #524d3a;}

				.top-row{line-height:40px;height:40px;}
				.top-row a	{color:#ffffff; padding-left:45px; padding-right:45px; font-family:roboto,sans-serif; font-size:13pt;font-weight:400; text-decoration:none;text-shadow: none !important;-webkit-box-shadow: none
				!important;box-shadow: none !important;}

				.header-gap{height:13%;}
				.logo{max-width:80%;height:auto;}
				.pname{font-size:9pt;font-family:roboto,sans-serif;font-weight:400;}
				.pcode{font-size:8pt;font-family:roboto,sans-serif;font-weight:400;}
				.pro-img{height:100%;margin:5px;text-align:center;}

				.readmore {font-size:11px;font-weight:300;text-align:right;text-decoration:none;font-family:roboto,sans-serif;}
				.readmore a{font-size:11px;font-weight:300;text-align:right;text-decoration:none;color:#ffffff;padding:5px;}
				.col-0 {width: 0%;}.col-1 {width: 8.33%;}.col-2 {width: 16.66%;}.col-3 {width: 25%;}
				.col-4 {width: 33.33%;}.col-5 {width: 41.66%;}.col-6 {width: 50%;}.col-7 {width: 58.33%;}
				.col-8 {width: 66.66%;}.col-9 {width: 72%;}.col-10 {width: 83.33%;}.col-11 {width: 91.66%;}
				.col-12 {width: 100%;}
				.top-links {float: left;font-family:roboto,sans-serif;}
				.top-links a {display: inline-block;padding: 15px 20px;text-decoration: none;transition: 0.3s;font-size: 19px;color:#a45500;font-weight:400;}
}


@media only screen and (min-width: 600px) and (max-width: 768px)
{
/* For tablets: */
			.lht{max-width:100%;}
			.proImg{max-height:160px;width:auto;}

		.topwid{max-width:768px;width:100%;}
		.tabnodisplay{display:none;}
		.main-body{text-align:center;max-width:768px;width:100%;	aborder: solid 0px #524d3a;}
		.header-gap{height:7%;}
		.top-row{line-height:40px;height:40px;}
		.top-row a	{color:#ffffff;padding:30px;font-family:roboto,sans-serif;font-size:12pt;text-decoration:none;}
		.readmore {font-size:12px;font-weight:300;text-align:right;text-decoration:none;}
		.readmore a{font-size:12px;font-family:arial;font-weight:300;text-align:right;text-decoration:none;color:#ffffff;padding:15px;}
		.txt-area{font-size:14px;padding:5px;}
		.txt-area a{color:blue;font-size:14px;padding:5px;}
		.pname{font-size:9pt;font-family:roboto,sans-serif;font-weight:400;}
		.pcode{font-size:8pt;font-family:roboto,sans-serif;font-weight:400;}
		.pro-img{height:100%;margin:5px;text-align:center;}

		.col-t-0 {width: 0%;}.col-t-1 {width: 8.33%;}.col-t-2 {width: 16.66%;}.col-t-3 {width: 25%;}.col-t-4 {width: 33.33%;}
		.col-t-5 {width: 41.66%;}.col-t-6 {width: 50%;}.col-t-7 {width: 58.33%;}.col-t-8 {width: 66.66%;}.col-t-9 {width: 72%;}
		.col-t-10 {width: 83.33%;}.col-t-11 {width: 91.66%;}.col-t-12 {width: 100%;}

			.top-links {float: left;font-family:roboto,sans-serif;}
			.top-links a {display: inline-block;padding: 19px 14px;text-decoration: none;transition: 0.3s;font-size: 14px;color:#a45500;font-weight:400;}
}


.aleft{text-align:left;}
.ctr{text-align:center;}
.tdnone{text-decoration:none;}
.tdnone a{text-decoration:none;}
input[type="text"]
{
margin: 5px;
width:99%;
font-family: sans-serif;
font-size: 9pt;
appearance: none;
box-shadow: none;
border-radius: 3px;
border: solid 1px #707070;
transition: box-shadow 0.3s, border 0.3s;
padding:6px;
}

input[type="text"]:focus {outline: none;border: solid 1px #707070;}
textarea{width:99%;margin:5px;border-radius:4px;border: solid 1px #707070;}
select{margin:5px;border-radius:4px;border: solid 1px #707070;height:28px;}
.rcor {    border-radius: 5px; border-color:#eeeeee; border-width:1px;border-style:solid;padding: 2px;}
.rcorimg {    border-radius: 3px 3px 0px 0px ; border-color:#e7dac3; border-width:0px;border-style:solid;}
body {margin:0px;padding:0px;font-size:20px;}
img{max-width:100%;}
.bgwht{background-color:#ffffff;}
.wht{color:#ffffff;}
.wht a{color:#ffffff;}
.grey{color:#4c4c4c;}
.grey a{color:#4c4c4c;}
.offwht{color:#C5C5C5;}
.offwht a{color:#C5C5C5;}
.golden{color:#1e1e1e;}
.golden a{color:#a45500;}
.p5{padding:5px;}
.p3{padding:3px;}
.p10{padding:7px;}
.p15{padding:15px;}
.tborder{border-style:solid;border-width:3px;border-color:#eeeeee;}
.bgmain{background-color:#eeeeee;padding-left:3px;}


hr{border:0px;border-color:#eeeeee; border-top:1px;border-style:solid;margin:0px;padding:4px;}
.dropdown {float: middle;overflow: hidden;display:inline;}

.dropdown .dropbtn {font-family:roboto,sans-serif;font-size: 15px; border: none;outline: none;color: white; background-color: #000000;margin: 0;text-align:center;cursor: pointer; outline: none;}

.dropdown:hover .dropbtn {background-color: inherit;}

.dropdown-content {display: none;position: absolute;color:#4c4c4c;background-color: #ffffff;width: 100%;left: 0;abox-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2); z-index: 15;}
.dropdown-content a{padding-left:1px;color:#4c4c4c;font-family:roboto,sans-serif;font-size:14px;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}

@media only screen and (min-width: 769px)
{
.dropdown:hover .dropdown-content{display: block;}
}


/* code below for panel from left to right for mobile devices */
@media only screen and (min-width: 601px)
{
.overlay {height: 100%;width: 0;position: fixed;z-index: 1;top: 75px;left: 100px;background-color: #ffffff;background-color: #ffffff;
    overflow-x: hidden;transition: 0.6s;}
.overlay-content {position: relative;top: 0%;padding:5px;text-align: left; border-style:solid;border-width:1px;border-color:#cccccc; border-radius:2px;}
.overlay a {font-family:roboto,sans-serif;text-decoration: none;afont-size: 16px;color: #a45500;adisplay: block;font-weight:400;}
.overlay a:hover, .overlay a:focus { color: #333366;}
.closebtn { position: absolute;top: 10px;right: 15px;font-size: 50px !important;}
}

@media screen and (max-width: 600px)
{
.overlay a {font-size: 12px;}
.closebtn {font-size: 40px !important;font-family:roboto,sans-serif;padding-top: 5px;right: 5px;font-weight:400;text-shadow: none !important;	-webkit-box-shadow: none !important;box-shadow: none !important;}
.overlay {padding:0px;height: 100%;width: 0;position: fixed;margin:0px;z-index: 1;top: 0;left: 0;background-color: #ffffff;background-color: #ffffff;overflow-x: hidden;transition: 0.5s;}
.overlay-content{padding:0px;margin:0px;}
.overlay-content a{position: relative;top: 0%;width: 100%;text-align: left;margin-top: 0px;font-size:12px;font-family:roboto,sans-serif;text-decoration:none;color:#4c4c4c;font-weight:400;}
}