* {    box-sizing: border-box;}
.row::after { content: "";  clear: both;  display: block;}
[class*="col-"] { float: left;width:100%;}
a{color: blue;}
.txt-area{font-size:15px;font-family:sans-serif,arial;font-weight:400;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;line-height:24px;text-align:justify;}

.txt-area a {font-weight:400;font-size:15px;font-family:sans-serif,arial;atext-decoration:none;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;line-height:26px;}

.txt-areas {text-align:left;font-weight:100;padding:10px;font-size:9pt;font-family: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:100;font-size:9pt;font-family: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-weight:100;padding:0px;padding-top:5px;padding-bottom:5px;margin:0px;line-height:28px;}

h2{font-size:17px;font-family:sans-serif,arial; font-weight:100; padding:0px;padding-top:2px; padding-bottom:2px;margin:0px; line-height:24px; 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{color:#ffffff;text-shadow: none;	-webkit-box-shadow: none;box-shadow: none;font-family:sans-serif;}
.inquirybg a{background-color:#0066cc;padding:7px;color:#ffffff;font-weight:200;;font-size:13px;text-decoration:none; border-radius: 5px;}


@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{abackground-image:url('images/top-bg.jpg');line-height:40px;height:40px;text-align:center;}
			.top-row a{color:#ffffff;padding:7px;font-family:sans-serif;font-size:10pt;text-decoration:none;}

			h1{font-family:sans-serif,arial;font-size:140%;line-height:28px;font-weight:100;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}

			h2{font-family:sans-serif,arial;font-size:130%x;line-height:25px;font-weight:100;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}

			h2 a{font-size:16px;line-height:25px;text-decoration:none;}

			.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:sans-serif;font-weight:400;}
			.pcode{font-size:8pt;font-family:sans-serif;font-weight:100;}
			.pro-img{height:100%;margin:5px;text-align:center;}
			.txt-areas {font-size:10pt;}
			.txt-areas a{text-decoration:none;}
			.readmore {font-size:11px;font-weight:100;text-align:right;text-decoration:none;}
			.readmore a{font-size:11px;font-family:sans-serif;font-weight:100;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 #cccccc;
			transition: box-shadow 0.3s, border 0.3s;padding:6px;}
			input[type="text"]:focus {outline: none;	border: solid 1px #cccccc;	}
			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%;}

				body {margin:0px;padding:0px;}
				.topwid{max-width:1280px; width:100%;}
				.main-body{text-align:center;max-width:1280px;width:100%;}
				.top-row{abackground-image:url('aimages/top-bg.jpg');line-height:40px;height:40px;}
				.top-row a	{color:#ffffff;padding-left:45px;padding-right:45px;font-family:sans-serif;font-size:14pt;font-weight:200;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:sans-serif;font-weight:400;}
				.pcode{font-size:8pt;font-family:sans-serif;font-weight:100;}
				.pro-img{height:100%;margin:5px;text-align:center;}

				.txt-areas {font-size:9pt;}
				.txt-areas a{text-decoration:none;line-height:21px;}
				h1{font-size:26px;line-height:28px;}
				h2{font-size:18px;line-height:26px;font-weight:50;text-shadow: none !important;	-webkit-box-shadow: none !important;box-shadow: none !important;}
				h2 a{font-size:17px;line-height:25px;text-decoration:none;font-weight:50;text-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;}

				.readmore {font-size:11px;font-weight:100;text-align:right;text-decoration:none;font-family:sans-serif;}
				.readmore a{font-size:11px;font-weight:100;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: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{abackground-image:url('images/top-bg.jpg');	line-height:40px;height:40px;}
		.top-row a	{color:#ffffff;padding:30px;font-family:sans-serif;font-size:12pt;text-decoration:none;}
		h1{font-size:20px;	line-height:28px;}
		h2{font-size:16px;line-height:25px;}
		h2 a{font-size:16px;line-height:25px;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;}
		.pname{font-size:9pt;font-family:sans-serif;font-weight:400;}
		.pcode{font-size:8pt;font-family:sans-serif;font-weight:100;}
		.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:sans-serif;}
			.top-links a {display: inline-block;padding: 19px 14px;text-decoration: none;transition: 0.3s;font-size: 14px;color:#a45500;font-weight:200;}
}



.aleft{text-align:left;}
.ctr{text-align:center;}
.tdnone{text-decoration:none;}
.tdnone a{text-decoration:none;}


input[type="text"]
{
margin: 2px;
width:99%;
font-family: sans-serif;
font-size: 13px;
appearance: none;
box-shadow: none;
border-radius: 3px;
border: solid 1px #cccccc;
transition: box-shadow 0.3s, border 0.3s;
padding:4px;
}

input[type="text"]:focus {
outline: none;
border: solid 1px #707070;
}

textarea{font-size: 13px;	width:99%;margin:2px;border-radius:4px;border: solid 1px #cccccc;}
select{margin:2px;border-radius:4px;border: solid 1px #cccccc;height:28px;}
.bred{color:red}
.rcor {    border-radius: 3px; border-color:#eeeeee; border-width:1px;border-style:solid;}
.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;}
.offwht{color:#C5C5C5;}
.offwht a{color:#C5C5C5;}
.golden{color:#1e1e1e;}
.golden a{color:#a45500;}
.p5{padding:5px;}
.p3{padding:3px;}
.p10{padding:4px;}
.p15{padding:15px;}

.tborder{border-style:solid;border-width:3px;border-color:#eeeeee;}
.bgmain{background-color:#eeeeee;}



/* 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:sans-serif;
    text-decoration: none;
    afont-size: 16px;
    color: #a45500;
    adisplay: block;
	font-weight:100;
}

.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:sans-serif;
			padding-top: 5px;
			right: 5px;
			font-weight:100;
			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:sans-serif;
			text-decoration:none;
			color:#4c4c4c;
			font-weight:100;
			}
}




#header { background-color: #333366;color: #ffffff;width:100%; margin-bottom: 0px;z-index:999; float: left; overflow: hidden;top:0;box-sizing: border-box;
-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}