*{margin:0; padding:0; text-decoration:none}

body{background:#fff; font-family:'Philosopher', sans-serif;}

.clear	{clear:both;}

header{position:relative ;width:100%; }

.header	{width:100%; float:left;background:#1774be; height: 120px;}

.logo{position:relative; z-index:123; padding:1%; float:left; width:14%}

.logo a{color:#6DDB07;}

.logo a img {width: 100%; float: left; max-width: 120px;}

.nav{position:relative; z-index:123; padding:1%; float:right; width:auto}

nav{position:relative; width:100%; margin:0 auto;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index: 9; }

#cssmenu:after,#cssmenu > ul:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}

#cssmenu #head-mobile{display:none}

#cssmenu{font-family:'Philosopher', sans-serif; background:#1774be; margin:3% 0;}

#cssmenu > ul > li{float:left}

#cssmenu > ul > li > a{padding:15px 8px; font-size:1em; letter-spacing:1px; text-decoration:none; color:#ddd; font-weight:normal;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}

/*#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#448D00!important; -webkit-transition:background .3s ease; -ms-transition:background .3s ease; transition:background .3s ease;}*/

#cssmenu > ul > li.has-sub > a{padding-right:30px}

#cssmenu > ul > li.has-sub > a:after{position:absolute; top:22px; right:11px; width:8px; height:2px; display:block; background:#ddd; content:''}

#cssmenu > ul > li.has-sub > a:before{position:absolute; top:19px; right:14px; display:block; width:2px; height:8px; background:#ddd; content:''; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px; height:0}

#cssmenu ul ul{position:absolute; left:-9999px; padding: 25% 0 0 0;}

#cssmenu ul ul li{height:0; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; background:#1774be; transition:all .25s ease; opacity: 0.9;}

#cssmenu ul ul li:hover{}

#cssmenu li:hover > ul{left:auto}

#cssmenu li:hover > ul > li{height:35px}

#cssmenu ul ul ul{margin-left:100%; top:0; padding: 0%;}

#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15); padding:11px 5px; width:240px; font-size:0.9em; text-decoration:none; color:#ddd; font-weight:normal;}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}

#cssmenu ul ul li.has-sub > a:after{position:absolute; top:16px; right:11px; width:8px; height:2px; display:block; background:#ddd; content:''}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{color:#363636;}

#cssmenu ul ul ul li.active a{border-left:1px solid #333}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (min-width:992px) and (max-width:1041px){
.logo{position:relative; z-index:123; padding:1% 0; float:left; width:13%}

.nav{position:relative; z-index:123; padding:1% 0; float:right; width:auto;}

#cssmenu > ul > li > a{padding:15px 5px; font-size:1em; letter-spacing:1px; text-decoration:none; color:#ddd; font-weight:normal;}


}
@media screen and (max-width:991px){
.logo{position:relative;top:0;left: 0;width:100%;height:70px;text-align:center;padding:0px 0 0 7px ;float:left; z-index: 9999;}

.logo a{color:#6DDB07;}

.logo a img {width:100%; float:none;}

.nav{position:absolute; z-index:123; padding:70px 0 0 0; float:right; width:100%;}

nav{width:100%;}

#cssmenu{width:100%; margin:0 auto;}

#cssmenu ul{width:100%;display:none}

#cssmenu ul li{width:100%;border-top:1px solid #444}

#cssmenu ul li:hover{background:#363636;}

#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}

#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}

#cssmenu > ul > li{float:none}

#cssmenu ul ul li a{padding-left:25px}

#cssmenu ul ul li{background:#333!important;}

#cssmenu ul ul li:hover{background:#363636!important}

#cssmenu ul ul ul li a{padding-left:35px}

#cssmenu ul ul li a{color:#ddd;background:none}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}

#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left; padding:0;}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}

#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}

.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}

.button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}

.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}

.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}

#cssmenu .submenu-button.submenu-opened{background:#262626}

#cssmenu ul ul .submenu-button{height:34px;width:34px}

#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}

#cssmenu ul ul .submenu-button:after{top:15px;right:13px}

#cssmenu .submenu-button.submenu-opened:after{background:#fff}

#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}

#cssmenu ul ul .submenu-button:before{top:12px;right:16px}

#cssmenu .submenu-button.submenu-opened:before{display:none}

#cssmenu ul ul ul li.active a{border-left:none}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}


.gallery_content	{width:1024px; margin:0 auto; position:relative;}

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

.gallery_content	{width: 94%; float: left; position: relative; margin-left: 3%;}

}


/************** about us *******************/
.about	{width:100%; margin:0 auto; max-width:1024px; padding:3% 0; overflow:hidden;}

.about	h2	{color:#4f943a; text-align:left; text-transform:uppercase; margin:1% 0; font-size:1.8em; padding:1%}

.about	p	{color:#000; text-align:left; text-transform:inherit; margin:1% 0; font-size:1em; line-height:1.5em; padding:2%; text-align:justify;}

.about_sec	{width:31.333%; margin:2% 1%; float:left; border:1px solid #3e67a7;}

.about_sec img	{width:100%; margin:a auto;}

.grid {position: relative; margin: 0 auto; padding: 0; list-style: none; text-align: center; overflow:hidden; display:flex;}

.grid figure .title	{color:#3f3f3f; text-align:center; font-weight:bold; text-transform:capitalize; margin:3% 0; font-size:1.5em; padding:0;}

.grid figure .img {margin: 0 auto; width: 139px; max-width: 100%; height: 139px; max-height: 100%; min-height: 0;}

.grid figure .para	{color: #3f3f3f; text-align: center; font-weight: normal; text-transform: capitalize; margin: 0% 0; font-size: 1em; padding: 5% 0; line-height: 1.2em;}

/* EFFECT ONE */
a.effect1 {box-sizing: border-box; position: relative; overflow: hidden; display: inline-block; color: #fff; text-decoration: none; margin: 10px 0;  width: 150px; height:40px; border: 3px solid; font-size: 1.2em; text-align: initial; background:#1774be;}

a.effect1:after {box-sizing: border-box; position: absolute; text-align: center; width: 100%; line-height: 1.5em; content: 'Read More'; -webkit-transition: all 0.3s; transition: all 0.3s;}

a.effect1:before {box-sizing: border-box; content: ''; position: absolute; top: 100%; width: 100%; height: 100%; background: #fff; border: 3px solid #1774be; -webkit-transition: all 0.3s; transition: all 0.3s;}

a.effect1:hover:before {top: 0;}

a.effect1:hover:after {color: #1774be;}


/* Common style */
.grid figure {position: relative; float: left; overflow: hidden; margin: 1%; max-height: 360px; width: 31.33%; background: #fff; text-align: center; cursor: pointer; border: 1px solid #1774be;}

.grid figure img {position: relative; display: block; min-height: 100%; max-width: 100%; /*opacity: 0.8;*/}

.grid figure figcaption {padding: 2em; color: #fff; text-transform:inherit; font-size: 0.8em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

.grid figure figcaption::before, .grid figure figcaption::after {pointer-events: none;}

.grid figure figcaption, .grid figure figcaption > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.grid figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}

.grid figure h2 {word-spacing: -0.15em; font-weight: 300;}

.grid figure h2, .grid figure p {margin: 0;}

/* Individual effects */
figure.effect-zoe figcaption {top: auto; bottom: 0; padding: 1em; height: 3.75em; background: #1774be; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);}

.grid figure.effect-zoe h2 {text-align:center;}

.grid figure.effect-zoe p.description {position: absolute; bottom: 8em; padding: 2em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */}

.grid figure.effect-zoe h2 {-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0);}

.grid figure.effect-zoe h2 {display: inline-block; color:#fff; text-transform: inherit; font-size: 1.5em; padding: 1%;}

.grid figure.effect-zoe  h2::after	{content: ''; background-color: #4f943a;  height: 4px; width: 6%; left: 0%; bottom: 15px; display: none; position: absolute; top: 45%;}

figure.effect-zoe:hover p.description {opacity: 1;}

figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2, figure.effect-zoe:hover p.icon-links a {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.grid figure.effect-zoe:hover h2 {-webkit-transition-delay: 0.05s; transition-delay: 0.05s;}

@media screen and (max-width:800px){
.about	h2	{color:#4f943a; text-align:center; text-transform:uppercase; margin:1% 0; font-size:1.2em; padding:1%}

.about	p	{color:#000; text-align:center; text-transform:inherit; margin:1% 0; font-size:1em; line-height:1.2em; padding:2%;}


.grid figure	{width:31.33%; margin:1%; float:left; border:1px solid #3e67a7;}
}


@media screen and (max-width:400px){
.about	h2	{color:#4f943a; text-align:center; text-transform:uppercase; margin:1% 0; font-size:1.2em; padding:1%}

.about	p	{color:#000; text-align:center; text-transform:inherit; margin:1% 0; font-size:1em; line-height:1.2em; padding:2%;}

.grid {position: relative; margin: 0 auto; padding: 0; list-style: none; text-align: center; overflow:hidden; display:block;}

.grid figure	{width:96%; margin:2%; float:left; border:1px solid #3e67a7;}
}
/************** about us *******************/


/************** products *******************/
.product	{width:100%; margin:0 auto; padding:3% 0; background:#1774be; overflow:hidden;}

.prod	{ max-width:1024px; margin:0 auto; overflow:hidden;}

.product h2	{color:#fff; text-align:center; text-transform:uppercase; margin:1% 0; font-size:1.8em; padding:1%}

.imglist	{width:23%; margin:1%; float:left;}

.imglist ul {margin:0px;}

.imglist li {font-size:1.2em; margin-left:25px; padding:0px; list-style:url(../img/bullet.png); line-height:1.8em;}

.imglist li a {color:#fff; padding:2px; border:none 0px #000000;}

.imglist li a:hover {color:#fff; padding:2px; -moz-box-shadow: 0px 0px 12px #9e9ea3; -webkit-box-shadow: 0px 0px 12px #9e9ea3; box-shadow: 0px 0px 12px #9e9ea3; border:none 0px #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}


@media screen and (max-width:800px){
	.prod	{ max-width:1024px; margin:0 auto; margin:1% 2%;}

	.imglist	{width:48%; margin:1%; float:left;}

}

@media screen and (max-width:360px){
	.prod	{ max-width:1024px; margin:0 auto; margin:1% 2%;}

	.imglist	{width:98%; margin:1%; float:left;}

}
/************** products *******************/


/************** image gallery *******************/
.image_gallery	{width:100%; margin:0 auto; padding:5% 0; background:#fff; overflow:hidden;}

.image_gallery h3	{color: #4f943a; font-size: 1.5em; font-weight: bold; padding: 0% 0% 1% 12%;}

@media screen and (max-width:800px){
	.prod	{ max-width:1024px; margin:0 auto; margin:1% 2%;}

	.imglist	{width:48%; margin:1%; float:left;}

}

@media screen and (max-width:400px){
	.prod	{ max-width:1024px; margin:0 auto; margin:1% 2%;}

	.imglist	{width:98%; margin:1%; float:left;}

}
/************** image gallery *******************/


/************** footer *******************/
.footer	{width:100%; margin:0 auto; padding:1% 0; background:#1774be; overflow:hidden;}

.foot	{ max-width:1024px; margin:0 auto; overflow:hidden;  display:flex;}

.map	{width:60%; margin:0; float:left; padding:0;}

.contact	{width:40%; margin:0; float:left; padding:0 2%;}

.contact a	{text-decoration:none; color:#fff;}

.contact h2	{color:#fff; text-align:left; text-transform:uppercase; margin:1% 0; font-size: 1.2em; padding: 0% 1%; font-weight:normal;}

.contact p	{color:#fff; text-align:left; text-transform:capitalize; margin:1% 0; font-size:1em; padding:1%}

.details {color:#fff; text-align:left; text-transform:lowercase; margin:1% 0; font-size:0.8em; padding:1%}
@media screen and (max-width:767px){
	.foot	{ max-width:1024px; width:98%; margin:0 1%; overflow:hidden;  display:block;}
	
	.map	{width:50%; margin:0; float:left; padding:0;}

	.contact	{width:50%; margin:0; float:left; padding:0 2%;}
}

@media screen and (max-width:375px){
	.foot	{ max-width:1024px; width:98%; margin:0 1%; overflow:hidden;  display:block;}
	
	.map	{width: 92%; margin: 2% 4%; float: left; padding: 0;}

	.contact	{width:100%; margin:0; float:left; padding:0 2%;}

}
/************** footer *******************/


/************** footer nav *******************/
.footer_nav	{width:100%; margin:0 auto; padding:1% 0; background:#fff; overflow:hidden;}

.foot_nav	{ max-width:1024px; margin:0 auto; overflow:hidden; }

.navi	{width:100%; margin:0; float:left; padding:0;}

.navi ul {list-style-type: none; margin: 0; padding: 0; text-align:center;}

.navi ul li {display:inline-block; padding:1%;}

.navi ul li a {text-decoration:none; color:#000;}

.copy_1	{width:24%; margin:2% 0 1%; float:left; padding:0; color:black;}

.copy_1 a:hover {text-decoration:none; color:#551a8b;}


.copy_2	{width:25%; margin:2% 0 0% 14%; float:left; padding:0; color:black;}

.copy_2 a:hover {text-decoration:none; color:#551a8b;}


.copy_3	{width:13%; margin:2% 0 0% 24%; float:left; padding:0; color:black;}

.copy_3 a:hover {text-decoration:none; color:#551a8b;}

@media screen and (max-width:767px){
	.navi	{width:100%; margin:0; float:left; padding:0;}

/*.copy	{width:100%; margin:2% 0 1%; float:left; padding:0; text-align:center}*/

.copy_1, .copy_2, .copy_3 {width: 100%; float: left; padding: 0; margin:0; color: black; text-align: center; line-height: 157%;}
	
	

}

@media screen and (max-width:375px){
	.navi	{width:100%; margin:2% 0; float:left; padding:0;}
	
	
	.navi1 ul li {font-size:0.8em;}

	/*.copy	{width:100%; margin:2% 0 1%; float:left; padding:0; text-align:center}*/
	
	.copy_1, .copy_2, .copy_3 {width: 100%; float: left; padding: 0; margin:0; color: black; text-align: center; font-size: 0.8em; line-height: 157%;}
	
	

}
/************** footer nav *******************/


/************** Inner Page  footer nav *******************/
.footer_nav1	{width:100%; margin:0 auto; padding:1% 0; background:#1774be; overflow:hidden; margin-top: 5%;}

.foot_nav1	{ max-width:1024px; margin:0 auto; overflow:hidden; }

.navi1	{width:100%; margin:0; float:left; padding:0;}

.navi1 ul {list-style-type: none; margin: 0; padding: 0; text-align:center;}

.navi1 ul li {display:inline-block; padding:1%; color:white;}

.navi1 ul li a {text-decoration:none; color:#fff;}

.copy1	{width:24%; margin:2% 0 1%; float:left; padding:0; color:white;}

.copy1 a {text-decoration:none; color:#fff;}


.copy2	{width:25%; margin:2% 0 0% 14%; float:left; padding:0; color:white;}

.copy2 a {text-decoration:none; color:#fff;}


.copy3	{width:13%; margin:2% 0 0% 24%; float:left; padding:0; color:white;}

.copy3 a {text-decoration:none; color:#fff;}

@media screen and (max-width:767px){
	.navi1	{width:100%; margin:0; float:left; padding:0;}

/*.copy1	{width:100%; margin:2% 0 1%; float:left; padding:0; text-align:center}*/
.copy1, .copy2, .copy3 {width: 100%; float: left; padding: 0; margin:0; color: white; text-align: center; line-height: 157%;}

}

@media screen and (max-width:375px){
	.navi1	{width:100%; margin:2% 0; float:left; padding:0;}
	
	.navi1 ul li {font-size:0.8em;}

	/*.copy1	{width:100%; margin:2% 0 1%; float:left; padding:0; text-align:center}*/
	.copy1, .copy2, .copy3 {width: 100%; float: left; padding: 0; margin:0; color: white; text-align: center; font-size: 0.8em; line-height: 157%;}

}
/************** Inner Page footer nav *******************/




/************** Inner Page ********************/

/************** Company Profile ********************/

.inner_banner	{width:100%; float:left; position:relative; margin:0; padding:0;}

.inner_banner_img	{width:100%; background-size:cover;}


.page_container	{width:100%; position:relative;}

.heading_title	{width:1024px; margin:0 auto; position:relative; }

.heading_title h1	{color:#2160ac; text-align:center; text-transform:uppercase; font-size: 210%; font-weight: bold; padding: 5% 0% 0% 0%;}

.heading_title::before	{content: ''; background-color: #dcdcdc;  height: 4px; width: 20%; left: 40%; bottom: 15px; display: block; position: absolute; top: 126%;}

.heading_title::after	{content: ''; background-color: #2160ac;  height: 5px; width: 6%; left: 47%; bottom: 15px; display: block; position: absolute; top: 126%;}


.page_content	{width:1024px; margin:0 auto; position:relative; margin-top:40px; }

.digram		{width:60%; position:relative; margin:0 auto;}

.digram_img	{max-width:100%; float:left;}

.company_profile	{width:100%; float:left; position:relative; margin-bottom: 2%;}

.manufacture	{width:100%; float:left; position:relative; padding: 5% 0% 0% 0%;}
 

.manufacture  h1	{color: #4f943a; font-size: 170%;}

.manufacture  h1::after	{content: ''; background-color: #4f943a;  height: 4px; width: 6%; left: 0%; bottom: 15px; display: block; position: absolute; top: 33%;}

.manufacture  h2	{color: #4f943a; font-size: 170%;}

.manufacture  h2::after	{content: ''; background-color: #4f943a;  height: 4px; width: 6%; left: 0%; bottom: 15px; display: block; position: absolute; top: 57%;}

.manufacture  h3	{color: #4f943a; font-size: 170%;}

.manufacture  h3::after	{content: ''; background-color: #4f943a;  height: 4px; width: 6%; left: 0%; bottom: 15px; display: block; position: absolute; top: 57%;}

.manufacture  h4	{color: #4f943a; font-size: 170%;}

.manufacture  h4::after	{content: ''; background-color: #4f943a;  height: 4px; width: 6%; left: 0%; margin-top: 20px; display: block; /*position: absolute; top: 67%;*/}

.manufacture  p  {font-size: 97%; text-align: justify; line-height: 150%; /*color: #383085;*/}

.manufacture  h5	{color: #4f943a; font-size: 170%;}


@media screen and (max-width:1024px){
.heading_title {width: 100%;  position: relative;  float: left;}

.heading_title h1 {padding: 4% 0% 0% 0%;}

.page_content { width: 100%; position: relative; margin-top: 40px; float: left;	}

.manufacture { width: 85%; float: left; position: relative;  padding: 3% 0% 0% 8%;}

.manufacture h1::after {top:26%; left:9%;}

.manufacture h2::after {top:38%; left:9%;}

.manufacture h3::after {top:44%; left:9%;}

.manufacture h4::after {top:52%; left:9%;}	}


@media screen and (max-width:980px){
	
.manufacture h2::after {top: 50%; left: 9%;}
	
}


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

.inner_banner_img { max-width: 100%; }

.heading_title h1 {font-size:184%;}	

.heading_title::before {height: 4px; width: 50%; left: 25%; top: 126%;}

.heading_title::after {width: 12%; left: 45%; top: 126%;}

.manufacture h1, h2, h3, h4 	{font-size: 149%;}

.manufacture h1::after {top:13%; width: 16%;}

.manufacture h2::after {top:39%; width: 16%;}

.manufacture h3::after {top:24%; width: 16%;}

.manufacture h4::after {top:40%; width: 16%;}	}


/************** Company Profile ********************/


/************* Product Pages Table CSS *******************/
/* Table CSS */
/*** Table Styles **/

.table-fill {background: white; border-radius:3px; border-collapse: collapse; height: 320px; margin: auto; max-width: 1000px; padding:5px; width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); animation: float 5s infinite; margin-top:5%; border: 8px #114f84 solid; -webkit-box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.75); -moz-box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.75); box-shadow: -1px -1px 10px -2px rgba(0,0,0,0.75);}
 
th {color:#D5DDE5; background:#1b1e24; /*border-bottom:4px solid #9ea7af; border-right: 1px solid #343a45;*/ font-size:23px; font-weight: 100; padding:24px; text-align:left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); vertical-align:middle;}

th:first-child {border-top-left-radius:3px;}
 
th:last-child {border-top-right-radius:3px; border-right:none;}
  
tr {/*border-top: 1px solid #C1C3D1; border-bottom-: 1px solid #C1C3D1;*/ /*color:#666B85;*/ color:#black; font-size:16px; font-weight:normal; text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);}

tr:hover td {background:#4E5066; color:#666B85; /*border-top: 1px solid #22262e; border-bottom: 1px solid #22262e;*/}
 
tr:first-child {border-top:none;}

tr:last-child {/*border-bottom:none;*/}
 
tr:nth-child(odd) td {background:#EBEBEB;}
 
tr:nth-child(odd):hover td {background:#4E5066;}

tr:last-child td:first-child {border-bottom-left-radius:3px;}
 
tr:last-child td:last-child {border-bottom-right-radius:3px;}
 
td {background:#FFFFFF; padding:18px; text-align:left; vertical-align:middle; font-weight:300; font-size:110%; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1); /*border-right: 1px solid #C1C3D1;*/}

td:last-child {border-right: /*0px*/8px solid #114f84;;}

th.text-left {text-align: left;}

th.text-center {text-align: center;}

th.text-right {text-align: right;}

td.text-left {text-align: left;}

td.text-center {text-align: center;}

td.text-right {text-align: right;}

#text 	{background-color:#a9d5c6; font-size: 160%; font-weight: bold; color:#2160ac;}

@media screen and (max-width:1024px){.table-fill	{width: 84%;}	}

@media screen and (max-width:375px){  
.table-fill {width: 94%;  margin-left: 2%;}

#text {background-color: #a9d5c6; font-size: 119%; font-weight: bold; color: #2160ac; height: 40px;}

td	{font-size: 79%; height: 30px; padding:0%;}

.digram {width: 100%; position: relative; float: left;}
}

/************* Product Pages Table CSS *******************/

/*********** Product Customization ********************/

.customization { width: 100%; float: left; position: relative;  padding: 5% 0% 0% 0%;}

.customization  h1	{color: #4f943a; font-size: 170%;}

.customization  h1::after	{content: ''; background-color: #4f943a;  height: 4px; width: 6%; left: 0%; bottom: 15px; display: block; position: absolute; top: 27%;}

.customization ul li	{border-bottom: 1px solid #ccc; padding-bottom: 2%; margin-bottom: 2%; list-style-image:url(../images/yes_icon.jpg);}

.customization ul li ul li	{border-bottom: none !important; padding: 1%; margin-bottom: 0%; list-style-image:url(../images/yes_icon.jpg); list-style-position:inside;}

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

.customization { width: 92%; float: left; position: relative;  padding: 5% 0% 0% 9%;}

.customization h1::after {top : 29%; left: 11%;}  }


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

.customization h1::after  {top: 21%; left: 10%; width: 16%;}


}


/************** Contact US **********************/
.contact_us	{width:100%; float:left; position:relative; margin-top: 5%; -moz-box-shadow: 0 0 8px #888; -webkit-box-shadow: 0 0 8px #888;
box-shadow: 0 0 8px #888; padding: 5% 0% 4% 0%;}

.contact_left	{width: 35%; float: left; position: relative; margin-left: 14%;}

.contact_left h1	{color: #4f943a; font-size: 175%; padding-bottom: 3%;}

.contact_left p {font-size: 110%; line-height: 155%; padding-bottom: 7%; }

.contact_right	{width: 35%; float: left; position: relative; margin-left: 16%;}

.contact_right h1	{color: #4f943a; font-size: 175%; padding-bottom: 3%;}

.contact_right p {font-size: 110%; line-height: 155%; padding-bottom: 7%; }

.contact_map	{width:100%; float:left; position:relative; margin-top:6%; margin-bottom: -71px;}


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

.contact_us {width: 90%; float: left; position: relative; margin-left: 5%;}

.contact_map	{margin-bottom: -55px;}
}


@media screen and (max-width:375px){
.contact_left { width: 82%; float: left; position: relative;  margin-left: 13%;}
	
.contact_right { width: 82%; float: left; position: relative;  margin-left: 13%;}

.contact_left h1	{font-size: 162%;}


.footer_nav1 {margin-top: 15%;}

}