/*@font-face {
    font-family: 'calibri';
    src: url('calibri.eot');
    src: url('calibri.eot?#iefix') format('embedded-opentype'),
         url('calibri.woff') format('woff'),
         url('calibri.ttf') format('truetype'),
         url('calibri.svg#corbelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@import url(http://fonts.googleapis.com/css?family=Roboto);
body {
	color: #4a5a7b;
    font-family: 'Arial',Helvetica,Roboto;
    font-size: 12px;
    font-weight: normal;
    line-height: 18x;
    margin: 0;
    padding: 0;
	text-align:justify;
	background:url('../images/bg.png') repeat #eee;
}
* {border:none}
.clear{ clear:both;}
a:link, a:visited {outline:none; text-decoration:none; color:#66bc87;}
a:hover { color:#4a5a7b; text-decoration:none;}
a img{ border:none;}
p{ margin:0 0 5px 0; padding:0px;}
h1, h2, h3, h4, h5{ margin:0px 0 5px 0; padding:0px;}
ol, ul { margin: 0 0 0 15px; padding:2px 0 12px 0;}
blockquote, q {quotes:none;}
table, table td {padding:0; border:none; border-collapse:collapse;}
embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, div, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
iframe { border:0; margin:0; padding:0; width:100%; height:auto; }

input[type="text"], textarea, select{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#393939; border:solid 1px #a1a1a1; padding:5px; outline:none; clear:both; background:#fff;}
input[type="submit"], input[type="button"], input[type="reset"]{ 
 background: none repeat scroll 0 0 rgb(163, 36, 19);
    color: rgb(255, 255, 255);
    font-family: roboto;
    font-size: 14px;
    padding: 6px 0;
    text-align: center;
    width: 94px;
	cursor:pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{ 
	background: none repeat scroll 0 0 rgb(74, 90, 123) !important
}
.contact-frm span.red {
    color: rgb(255, 0, 0);
}
.rightContact .address b {
    font-size: 14px;
}

h1{color: #2f436d; font-size:30px; font-weight: normal; line-height: normal; font-family: 'Roboto';}
h2{color: #2f436d; font-size:22px; font-weight: normal; line-height: normal; font-family: 'Roboto';}
h3{color: #2f436d; font-size:18px; font-weight: normal; line-height: normal; font-family: 'Roboto';}

.mainwrap {  
    margin: 0 auto;
    padding: 0;
    width: 944px;
}
.mainwrap  .container {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    float: left;
    margin: 13px 0;
	border:1px solid #ddd \9;
	width: 100%;
}
.headerwrap .logo {
    padding: 17px 0 0 30px;
	float:left;
}
.headerwrap .menuwrap {
     background: none repeat scroll 0 0 rgb(74, 90, 123);
    float: right;
    padding: 13px 19px 17px 11px;
    width: 66%;
}
.insidewrap .content_area .content a,
.content .related-links a {
    font-weight: bold;
}
.headerwrap .menuwrap .topmenu {
    float: right;
}
.headerwrap .menuwrap .topmenu ul {
    margin: 0;
    padding: 0;
}
.headerwrap .menuwrap .topmenu ul li {
    display: inline-block;
    padding-right: 24px;
}
.headerwrap .menuwrap .topmenu ul li:last-child {
    padding: 0;
}

.headerwrap .menuwrap .topmenu ul li a:hover {
    color: rgb(102, 188, 135);
}
.headerwrap .menuwrap .topmenu ul li a {
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: bold;
}
.headerwrap .menuwrap .topmenu a.email > span {
	 background-image: url("../images/sprite.png");    background-repeat: no-repeat; 
	background-position:-28px 3px;
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    width: 36px;
}
.headerwrap .menuwrap .topmenu a.contact > span {
	background-image: url("../images/at-sign.png");
    background-position: 0 -1px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    width: 30px;
}

.headerwrap .menuwrap .topmenu a.telephone > span {
    background-image: url("../images/sprite.png");
	background-repeat: no-repeat;
	background-position: -61px 1px;
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    width: 36px;
}
nav.navigation {
    clear: both;
    padding-top: 15px;
}
.navigation ul {
    margin: 0;
    padding: 0;
}
.menu {
    float: right;
}

.menu > li {
     border-right: 1px solid rgb(255, 255, 255);
    display: inline-block;
    float: left;
    line-height: 12px;
    padding: 0 8px;
	padding: 0 4px \9;
}
.menu > li > a {
    margin: 2px 0 3px;
}
.menu a {
   color: rgb(255, 255, 255);
display: block;
font-family: arial;
font-size: 13px;
letter-spacing: 0.5px;
padding: 0;
}
.menu > li ul {
    display: none;
    position: absolute;
	z-index:100;
}

.menu li:hover > a {
    color: rgb(102, 188, 135);
}
.menu li a.parent_active, 
.menu li a.active {
	 color: rgb(102, 188, 135);
}
.menu .lastmenu{ border:none;}
.menu > li:last-child {
    border: medium none;
	 border: medium none \9;
    padding-right: 0;
}
.dataouterwrap.widthpopup {
    width: 25%;
}
.menu li a[title="Home"] span {
    background-image: url("../images/sprite.png");
	background-repeat: no-repeat;
	background-repeat: -1px 2px;
    padding: 5px 12px 1px;
    width: 20px;
}
.menu ul {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    box-shadow: 0 1px 3px 0 rgba(68, 68, 68, 0.3);
    list-style: none outside none;
    margin: 0;
	border:1px solid #ddd \9;
    padding: 0;
}
.menu ul li a {
    color: rgb(74, 90, 123);
    display: block;
    padding: 8px 16px;
}
.menu ul li:hover > a {
    background: none repeat scroll 0 0 rgb(74, 90, 123);
    color: rgb(255, 255, 255);
}
.menu li:hover > ul {
    display: block;
}
.sub-last-menu {
   right: -91px;
top: 25px;
}
/*Slider*/

.banner.flexslider {
   border-bottom:1px dashed #979797;
    box-shadow: none;
    margin: 0 auto;
    padding-bottom: 33px;
    padding-top: 17px;
    width: 883px;
}
.banner.flexslider .flex-control-nav {
    display: none;
}
.banner .flex-direction-nav a:before {
    content: none;
}
.banner .flex-direction-nav .flex-prev {
    background-image: url("../images/sprite.png");
	background-repeat: no-repeat;
	background-position: 0 -33px;
    display: block;
    font-size: 0;
    height: auto;
    left: 0;
    opacity: 1;
    padding: 26px 0;
    width: 19px;
}
.banner .flex-direction-nav .flex-next {
    right: 0;
	background-image: url("../images/sprite.png");
	background-repeat: no-repeat;
	background-position: -45px -33px;
    display: block;
    font-size: 0;
    height: auto;
    opacity: 1;
    padding: 26px 0;
    width: 19px;
}
.banner .flex-direction-nav a.flex-next:before {
    content: none;
}
.banner .imgcontainer {
    position: relative;
}
.banner .imgcontainer .redbtn {
    left: 67px;
    position: absolute;
    top: 292px;
}
.banner .imgcontainer .redbtn > a {
    background-image: url("../images/btn-bg.jpg");
	background-repeat: repeat-x;
	background-position: 0 0;
    border-radius: 7px;
    color: rgb(255, 255, 255);
    display: table;
    font-size: 21px;
    font-weight: bold;
    padding: 10px 19px;
}

.p_process .hideDiv a.toggleDiv:hover,
.btnmore > a:hover,
.redbtn > a:hover {
    background: none repeat scroll 0 0 rgb(74, 90, 123) !important;
}
.productlist {
    margin: 0 auto;
    padding-top: 37px;
    width: 870px;
	line-height:17px;
}
.productlist .box {
    float: left;
    margin-right: 45px;
    width: 21%;
}
.productlist .box.last {
    margin: 0;
}
.productlist .box h3 {
    margin: 17px 0;
}
.productlist .box p {
    min-height: 121px;
}
.p_process .hideDiv a.toggleDiv,
.btnmore > a {
    background: none repeat scroll 0 0 rgb(163, 36, 19);
    color: rgb(255, 255, 255);
    display: block;
    font-family: roboto;
    font-size: 14px;
    padding: 6px 0;
    text-align: center;
    width: 94px;
	font-weight:normal;
}
.p_process .hideDiv a.toggleDiv {
    float: right;
    margin-right: 18px;;
}
.overview_wrap {
    clear: both;
    float: left;
    padding-top: 56px;
}
.overview_wrap .aboutbox {
    margin-right: 38px;
    width: 42%;
}
.overview_wrap > div {
    float: left;
    width: 25%;
}
.overview_wrap h2 {
    margin: 0 0 18px;
}
.overview_wrap .quality {
    margin-right: 29px;
}
.overview_wrap .quality img {
    border: 1px solid #eee;
    padding: 11px 15px;
}
.overview_wrap  .aboutbox .btnmore {
    margin-top: 20px;
}
.overview_wrap  .contact a {
    color: rgb(74, 90, 123);
}
.overview_wrap  .contact a:hover {
	color: rgb(102, 188, 135);
}

.footerwrap {
    background: none repeat scroll 0 0 rgb(74, 90, 123);
    clear: both;
    float: left;
    margin-top: 70px;
    width: 100%;
}
.footerwrap .footermenu {
    margin: 0 auto;
    width: 840px;
}
.footerwrap  .footernav {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 29px 0 14px;
}
.footerwrap  .footernav > li {
    border-right: 1px solid rgb(255, 255, 255);
    display: inline-block;
    float: left;
    line-height: 11px;
}
.footerwrap .footernav > li:last-child {
    border: medium none;
}
.footerwrap .footernav a {
    color: rgb(255, 255, 255);
    font-size: 12px;
    padding: 0 4px;
}
.footerwrap  .copyright {
    clear: both;
    color: rgb(218, 218, 218);
    font-size: 11px;
    padding-bottom: 23px;
    text-align: center;
}
.copyright sup {
    font-size: 6px;
}
.footerwrap .footernav a:hover {
    color: rgb(102, 188, 135);
}
.copyright a {
    color: rgb(218, 218, 218);
}
.copyright a:hover {
	color: rgb(102, 188, 135);
  
}
.slicknav_menu{display:none}
/*Inside page layout*/
.insidewrap {
    clear: both;
    margin: 0 auto;
    width: 93%;
}
.insidewrap .innerwrap {
    float: left;
    margin: 37px 0;
    width: 100%;
}
.insidewrap .breadcrumb {
   border-bottom: 1px dashed rgb(153, 153, 153);
    font-family: roboto;
    font-size: 11px;
    padding: 0 0 11px;
}
.breadcrumb .links {
    color: rgb(47, 67, 109);
}
.breadcrumb .links:hover {
    color: rgb(0, 138, 46);
}
.breadcrumb .arrow {
    color: rgb(47, 67, 109);
}
.breadcrumb .nonlink {
    color: rgb(0, 138, 46);
}
.insidewrap .innerbodywrap {
    border-bottom: 1px dashed rgb(153, 153, 153);
    float: left;
	width: 100%;
    padding: 30px 0 40px;
}
.insidewrap .content_area {
    float: left;
    padding-top: 17px;
	width:100%;
}
.insidewrap .content_area .content {
    line-height: 20px;
    margin-left: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
.insidewrap .content_area .lefImg {
    float: left;
    margin: 0 31px 0 0;
}
.related-items {
    padding-top: 24px;
}
h2.subheader {
    font-size: 26px;
    padding-bottom: 14px;
}
.related-items .box {
    float: left;
    margin-right: 52px;
}
.related-items .box p {
    min-height: 70px;
}
.related-items .list {
    float: left;
    padding-left: 19%;
    width: 100%;
}
.footerwrap.finside {
    margin: 0 auto;
}
.innerbodywrap .imgbox {
    float: left;
    padding: 18px 0;
}
.innerbodywrap .imgbox > ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.innerbodywrap  .imgbox li {
    border: 1px solid rgb(238, 238, 238);
    display: inline-block;
    margin: 0 20px;
    padding: 0;
}
.innerbodywrap .imgbox li:first-child {
    margin-left: 0;
}
.innerbodywrap .imgbox img {
    height: 120px;
    width: 120px;
}
.innerbodywrap .imgbox p {
    background: none repeat scroll 0 0 rgb(74, 90, 123);
    color: rgb(255, 255, 255);
    margin: 0;
    padding: 3px;
    text-align: center;
}
.faqcontainer .faqbox {
    margin: 0 0 8px;
}
.faqcontainer .faqbox .head {
  background: none repeat scroll 0 0 rgb(74, 90, 123);
    color: rgb(255, 255, 255);
    display: block;
    font-size: 13px;
    padding: 5px 10px;
}
.faqcontainer .faqbox .head.current > span {
    background-position: 0 -13px;
}
.faqcontainer .faqbox .head > span {
    background-image: url("../images/arrow-right-white.png");
	background-repeat: no-repeat;
	background-position: 1px 0;
    float: right;
    height: 16px;
    margin-top: 1px;
    padding: 0;
    width: 16px;
}
.faqcontainer .faqbox .content {
    border: 1px solid rgb(232, 233, 237);
    display: none;
    font-size: 12px;
    margin: 0 0 11px;
    padding: 6px;
	width: 703px;
}
.thanksmsg {
    margin: 49px 0 19px;
    text-align: center;
}

.content table {
   
    display: block;
    padding: 15px 5px;
    width: 100%;
}
.faqcontainer {
    width: 717px;
}

.content_right {
    float: right;
    width: 74%;
}

.content .related-links {
    clear: both;
    float: left;
}
.content .related-links h4 {
    font-size: 15px;
	 margin-top: 17px;
}
.content .related-links > ul {
    padding: 0;
}
.certificate_wrap {
    margin: 19px 0 0;
}

.certificate_container {
    float: left;
	margin-right:25px;
    /*width: 50%;*/
}
.certificate_imgwrap {
    float: left;
	width: 46%;
}
.certificate_imgwrap img {
    border: 1px solid rgb(221, 221, 221);
    box-shadow: 0 0 3px 0 rgb(221, 221, 221);
}
.certificate_wrap .view_jpg {
    background-image: url("../images/jpg-icon.png");
	background-repeat: no-repeat;
	background-position: center 0;
}

.certificate_wrap .view_pdf {
    background-image: url("../images/pdf-icons.gif");
	background-repeat: no-repeat;
	background-position: center 0;
}

.p_process .txt > img {
    border: 1px solid rgb(238, 238, 238);
    float: left;
    height: 150px;
    margin: 3px 29px 10px 0;
    width: 150px;
}
.p_process h3 {
    margin-bottom: 14px;
}
.p_process {
    clear: both;
    float: left;
    margin-bottom: 17px;
}

table.color_chart {
    border: none;
    display: block;
    padding: 0;
    width: 100%;
}
table.color_chart td {
    display: block;
    padding: 7px;
}
.color_chart tbody {
    display: block;
    width: 100%;
}
.firstTR{
	border-top: 1px solid rgb(221, 221, 221);
}
.tblfirstchild {
    border-bottom: 1px solid rgb(221, 221, 221);
    border-right: 1px solid rgb(221, 221, 221);
	border-left: 1px solid rgb(221, 221, 221);
    float: left;
    height: 40px;
    vertical-align: middle;
	width:25px;
}
.tbllastchild {
    border-bottom: 1px solid rgb(221, 221, 221);
	 border-right: 1px solid rgb(221, 221, 221);
    float: right;
	 height: 40px;
	 width: 90px;
    vertical-align: middle;
}
.p_process .popup > li {
    display: inline-block;
    float: left;
    list-style: none outside none;
    margin-bottom: 14px;
    margin-right: 18px;
    position: relative;
}
.p_process .popup {
    margin: 0;
    padding: 0;
}






/*Lightbox Design*/
.datawrap{width: 283px !important; margin: 30px auto !important;}
.dataouterwrap, .datawrap {
background-color: rgb(255, 255, 255);
    box-shadow: none;
    display: none;
    float: left;
    left: 0;
    margin: 20px auto;
    padding: 4px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 1s linear 0s;
    width: 450px;
    z-index: 9999;
}
.datawrap .close-btn {
    right: -17px !important;
    top: -14px !important;
}
.dataouterwrap .close-btn, .datawrap .close-btn {
background-image: url("../images/close-adv-btn.png");
background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    font-size: 0;
    height: 31px;
    position: absolute;
    right: -1px;
    top: 5px;
    width: 35px;
    z-index: 99999999;
}
.dataouterwrap > img {
    float: left;
    position: relative;
    width: 100%;
}
.overlay, .frm-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
	 background-image:  url('../images/trans-bg.png')\9;
	background-repeat:repeat\9;
}
.p_process .popup .tras {
    background-color: rgba(0, 0, 0, 0.7);
	height: 98%;
    position: absolute;
    text-align: center;
	width:100%;
    top: 0;
    background-image:  url('../images/trans-bg.png')\9;
	background-repeat:repeat\9;

}
.p_process .popup .tras p {
    color: rgb(255, 255, 255);
    font-size: 13px;
    margin: 73px auto 0;
    width: 87%;
}
.p_process .popup .tras .fa.fa-search-plus {
    color: rgb(255, 255, 255);
    font-size: 35px;
    margin-top: 10px;
}
.content .imgbox1 {
    float: left;
    height: 280px;
    margin: 0 27px 18px 0;
}
.content .handloom_tweed li {
    display: inline-block;
    float: left;
    margin: 0 12px 6px 0;
}
.content .handloom_tweed img {
    height: 200px;
    width: 200px;
}
.content .handloom_tweed {
    margin: 0;
}
.content_area.maxwidth {
    width: 100%;
}

.content_area.maxwidth {
    width: 100%;
}
.contact-frm {
    float: left;
    width: 50%;
}
.contact-frm form#contact p {
	margin-bottom: 8px;
}
.contact-frm form#contact span input,
.contact-frm form#contact span textarea {
    width: 228px;
}
.contact-frm form#contact label {
  display: block;
    float: left;
    padding-left: 17px;
	 padding-top: 4px;
    width: 160px;
}
.contact-frm form#contact .btnbox {
    padding-bottom: 5px;
    padding-right: 22px;
    padding-top: 5px;
    text-align: right;
	clear:both;
}
.contact-frm .captcha {
    float: right;
    margin-top: -21px;
    width: 60%;
}
.contact-frm .captcha > input {
    margin-left: 8px;
    width: 131px !important;
}
.contact-frm .note {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    border-bottom: 1px dotted;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 2px 7px;
    text-align: left;
}

.rightContact {
    float: right;
}
.rightContact .address, .rightContact .mapaddress, .contact-frm {
    border-radius: 2px;
    box-shadow: 0 0 1px 1px rgb(221, 221, 221);
    margin: 21px 0;
    padding: 8px;
	border: 1px solid #eee\9;
}

.linkspage {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.linkspage > li {
    display: block;
    float: left;
}
.linkspage img {
    border: 1px solid rgb(238, 238, 238);
    clear: both;
    float: left;
    margin: 0 13px 29px 0;
    padding: 2px;
    width: 94px;
}
.tagline {
    font-size: 17px;
    text-align: center;
    text-shadow: 0 2px 1px rgb(221, 221, 221);
}

.sitemapUL {
    margin: 0 0 0 13px;
    padding: 0;
}
.sitemapUL ul {
    padding: 0;
}
.sitemapUL a {
    font-size: 13px;
}
.sitemapUL > li > a {
    color: rgb(74, 90, 123);
    font-weight: bold;
}


.matric_con > ul {
    list-style: none outside none;
    margin: 0;
}
.matric_con li {
    display: inline-block;
    margin-right: 9px;
}
.matric_con ul li span {
    display: block;
}
.matric_con p {
    font-size: 13px;
    font-weight: bold;
}
.matric_con input[type="text"] {
      padding: 7px 6px;
    width: 139px;
}

.matric_con input.calculate[type="button"] {
    background-image: url("../images/calculate.png");
    background-repeat: no-repeat;
    font-size: 0;
    padding: 19px 0 10px;
	float:left \9;
	margin-bottom: -11px \9;
}
.matric_con input.calculate[type="button"]:hover {
    background-image: url("../images/calculate-h.png") !important;
}

/*Chrome code*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.menu > li {
		
	} 
	.sub-last-menu {
	right: -91px;
	top: 25px;
	}
}

.slicknav_menu > a {
    color: rgb(255, 255, 255);
    display: block;
    font-size: 17px;
}
.slicknav_menu {
    background: none repeat scroll 0 0 rgb(74, 90, 123);
    border: 1px solid rgb(255, 255, 255);
    display: none;
    margin: 4px auto;
    padding: 5px;
    width: 95%;
}

.slicknav_nav {
    list-style: none outside none;
    margin: 0;
    padding: 9px 0 0;
    position: relative;
}
.slicknav_nav a {
    color: rgb(255, 255, 255);
    font-size: 15px;
    width: 100%;
}
.slicknav_nav a:hover {
	color:rgb(102, 188, 135);
}
.slicknav_arrow {
    float: none;
    font-size: 10px;
    margin-top: -19px;
    position: absolute;
    right: 0;
    width: 9%;
}
.slicknav_nav li a {
    display: block;
    padding: 4px 0;
}
.slicknav_nav ul {
    padding: 0;
}
.matric_con h3 {
    border-bottom: 1px solid rgb(238, 238, 238);
    margin-bottom: 15px;
    padding: 0 0 8px;
    text-align: center;
}
/*Quick Form Code*/


.captcha {
    float: right;
	width:175px;
}
.captcha > img {
    display: block;
    float: left;
    margin-bottom: 0;
    width: 90px;
}
.quick_form .captcha > input {
    float: right;
    margin-top: -28px;
    width: 39% !important;
}
.captcha input[type="text"] {
    margin-bottom: 7px;
    width: 163px;
}


.quick_contact {
    left: 0;
    position: fixed;
    top: 200px;
}
.quick_contact .contactbtn {
    background-image: url("../images/quick_contact.png");
    background-repeat: no-repeat;
    display: block;
    font-size: 0;
    height: 161px;
    width: 40px;
}

.quick_contact .contactbtn:hover {
    background-position: -52px 0;
}

.quick_form {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    padding: 8px;
    position:relative;
	display:none;
}
.quick_form label {
    display: inline-block;
    float: left;
    width: 92px;
}
.quick_form select {
    width: 175px;
}
.quick_form textarea {
    width: 163px;
}
.quick_form input[type="text"]{width: 162px}
.quick_form .btnwrap {
    float: right;
}
.quick_form input[type="submit"], .quick_form input[type="button"], .quick_form input[type="reset"] {
    padding: 5px 0;
    width: 82px;
}
.quick_form label span {
    color: rgb(255, 0, 0);
    padding-left: 3px;
}
.quick_form h3 {
    background: none repeat scroll 0 0 rgb(74, 90, 123);
    color: rgb(255, 255, 255);
    display: block;
    font-size: 16px;
    margin: 4px 0 14px;
    padding: 3px 0;
    text-align: center;
}
/*Gallery Code*/
.p_process .hideDiv {
    float: left;
    width: 772px;
}
.p_process .hideDiv a {
}
.p_process .hideDiv ul.popup.hide {
    display: none;
}
.p_process .btnView {
    float: left;
    width: 100%;
}




/*Mobile Responsive Code*/
@media (min-width : 300px) 
and (max-width : 480px) {
.mainwrap {
	width:100%;
}
.headerwrap .logo {
   float: none;
    padding: 32px 0 5px;
    text-align: center;
    width: 100%;
}
.menuwrap .mainmenu {
    display: none;
}
.slicknav_menu{display:block}
.quick_contact.mobilebtn {
    float: left;
    left: auto;
    margin-bottom: 15px;
    position: relative;
    top: auto;
    width: 100%;
	display:block;
}
.quick_contact.mobilebtn .contactbtn {
    background-image: url("../images/quick_contact_mobile.png");
    background-repeat: no-repeat;
    border-radius: 4px;
    display: block;
    font-size: 0;
    height: 43px;
    margin: 0 auto;
    width: 163px;
}
.quick_contact.mobilebtn .contactbtn:hover {
    background-position: 0 -52px;
}
.headerwrap .menuwrap {
    background: none repeat scroll 0 0 rgb(74, 90, 123);
    float: none;
    margin: 0 auto;
    padding: 4px;
    width: 95%;
}
.contact-frm form#contact .btnbox{text-align:center}
.contact-frm {
    float: none;
    width: 95%;
}

.headerwrap .menuwrap .topmenu ul li {
    display: inline-block;
    padding-right: 1px;
}
.headerwrap .menuwrap .topmenu {
    float: none;
    text-align: center;
}
.banner .imgcontainer .redbtn {
     left: 35px;
    position: relative;
    top: -32px;
}
.banner .imgcontainer .redbtn > a {
    border-radius: 7px;
    color: rgb(255, 255, 255);
    display: table;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 14px;
}

.productlist {
	width: 100%;
	padding-top: 24px;
}
.productlist .box {
    float: none;
    margin: 0 auto 18px;
    width: 88%;
}
.productlist .box p {
    height: auto;
    min-height: 10px;
}
.productlist .box.last {
    margin: auto;
}
.overview_wrap {
    clear: both;
    float: none;
    padding-top: 20px;
}
.overview_wrap .aboutbox {
    margin: 0 auto;
    width: 88%;
}
.overview_wrap > div {
    float: none;
    margin: 0 auto;
    width: 88%;
}
.banner.flexslider {
    margin: 0 auto;
    width: 96%;
}
.overview_wrap .contact,
.overview_wrap .quality {
    margin: 16px auto 0;
}
.footerwrap {
    background: none repeat scroll 0 0 rgb(74, 90, 123);
    clear: both;
    float: none;
    margin: 30px auto 0;
    width: 97%;
}
.footerwrap .footermenu {
    margin: 0 auto;
    width: 100%;
}
.footerwrap .footernav {
    float: none;
    list-style: none outside none;
    margin: 0;
    padding: 11px;
}

.footerwrap .footernav > li {
    float: none;
    width: 80%;
	border:none;
}

.footerwrap .footernav a {
    display: block;
    padding: 5px 4px;
}
.footerwrap .dashed {
    display: none;
}
.footerwrap .breakline {
    clear: both;
    float: left;
    padding: 2px 0;
    width: 100%;
}
/*Inner Page*/
/*.certificate_container {
    float: none;
    width: 100%;
}*/
.certificate_imgwrap {
    clear: both;
    float: none;
    margin-top: 22px;
    width: 100%;
}
.related-items .list {
    float: none;
    padding-left: 0;
    width: 100%;
}
.innerbodywrap .imgbox li {
	 margin: 5px;
}
.faqcontainer {
    width: 100%;
}
.faqcontainer .faqbox .content {
    width: 95.6%;
}
.matric_con li {
    display: inline-block;
}
.dataouterwrap{
 width: 63%;
}
.tbllastchild{
	 width: 144px;
}
table.color_chart {
    float: left;
    width: auto;
}

.tblfirstchild {
     float: left;
    font-size: 9px;
    padding: 0 !important;
    width: 24px;
}
.tbllastchild {
    float: left;
    font-size: 9px;
    padding: 0 !important;
    width: 25px;
}
table.color_chart tr {
    display: block;
    float: left;
    width: 100%;
}


.insidewrap .innerbodywrap{padding:10px 0;}
.p_process .popup > li{float:none}
.rightContact {float: none;width: 99%;}
.matric_con li:nth-child(5) {
    clear: right;
    display: table;
}
.matric_con input.calculate[type="button"]{margin-bottom:10px;}
.contact-frm form#contact label{padding-left:0px;}
.content_right{width:100%; padding-top:10px;}

}
@media (min-width : 481px) 
and (max-width : 767px) {
.mainwrap {
	width:100%;
}
.headerwrap .logo {
   float: none;
    padding: 32px 0 5px;
    text-align: center;
    width: 100%;
}
.menuwrap .mainmenu {
    display: none;
}
.slicknav_menu{display:block}
.quick_contact.mobilebtn {
    float: left;
    left: auto;
    margin-bottom: 15px;
    position: relative;
    top: auto;
    width: 100%;
	display:block;
}
.quick_contact.mobilebtn .contactbtn {
    background-image: url("../images/quick_contact_mobile.png");
    background-repeat: no-repeat;
    border-radius: 4px;
    display: block;
    font-size: 0;
    height: 43px;
    margin: 0 auto;
    width: 163px;
}
.quick_contact.mobilebtn .contactbtn:hover {
    background-position: 0 -52px;
}
.headerwrap .menuwrap {
    background: none repeat scroll 0 0 rgb(74, 90, 123);
    float: none;
    margin: 0 auto;
    padding: 4px;
    width: 95%;
}
.headerwrap .menuwrap .topmenu ul li {
    display: inline-block;
    padding-right: 1px;
}
.headerwrap .menuwrap .topmenu {
    float: none;
    text-align: center;
}
.banner .imgcontainer .redbtn {
     left: 35px;
    position: relative;
    top: -32px;
}
.banner .imgcontainer .redbtn > a {
    border-radius: 7px;
    color: rgb(255, 255, 255);
    display: table;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 14px;
}

.productlist {
	width: 100%;
	padding-top: 24px;
}
.productlist .box {
   float: left;
    margin: 11px 18px;
    width: 80%;
}
.productlist .box p {
    height: auto;
    min-height: 10px;
}
.productlist .box.last {
    margin: 11px 18px;
}
.overview_wrap {
    clear: both;
    float: none;
    padding-top: 20px;
}
.overview_wrap .aboutbox {
    margin: 0 auto;
    width: 88%;
}
.overview_wrap > div {
    float: none;
    margin: 0 auto;
    width: 88%;
}
.banner.flexslider {
    margin: 0 auto;
    width: 96%;
}
.overview_wrap .contact,
.overview_wrap .quality {
    margin: 16px auto 0;
}
.footerwrap {
    background: none repeat scroll 0 0 rgb(74, 90, 123);
    clear: both;
    float: none;
    margin: 30px auto 0;
    width: 97%;
}
.footerwrap .footermenu {
    margin: 0 auto;
    width: 100%;
}
.footerwrap .footernav {
    float: none;
    list-style: none outside none;
    margin: 0;
    padding: 11px;
}

.footerwrap .footernav > li {
    float: none;
    width: 80%;
	border:none;
}

.footerwrap .footernav a {
    display: block;
    padding: 5px 4px;
}
.footerwrap .dashed {
    display: none;
}
.footerwrap .breakline {
    clear: both;
    float: left;
    padding: 2px 0;
    width: 100%;
}
/*Inner Page*/
.certificate_container {
    float: none;
    width: 100%;
}
.certificate_imgwrap {
    clear: both;
    float: none;
    margin-top: 22px;
    width: 100%;
}
.related-items .list {
    float: none;
    padding-left: 0;
    width: 100%;
}
.innerbodywrap .imgbox li {
	 margin: 5px;
}
.faqcontainer {
    width: 100%;
}
.faqcontainer .faqbox .content {
    width: 97.3%;
}
.matric_con li {
    display: inline-block;
}
.dataouterwrap{
 width: 28%;
}

table.color_chart {
    float: left;
    width: auto;
}

.tblfirstchild {
    float: left;
    width: 25px;
}
.tbllastchild {
       float: left;
    width: 25px;
}
table.color_chart tr {
    display: block;
    float: left;
    width: 100%;
}
.insidewrap .innerbodywrap{padding:10px 0;}
.p_process .popup > li{float:none}
.contact-frm {
    float: none;
    width: 95%;
}
.rightContact {float: none;width: 99%;}


}
@media (min-width : 768px) 
and (max-width : 1024px) {
.mainwrap {
	width:100%;
}
.headerwrap .logo {
   float: none;
    padding: 32px 0 5px;
    text-align: center;
    width: 100%;
}
.menuwrap .mainmenu {
    display: none;
}
.slicknav_menu{display:block}
.quick_contact.mobilebtn {
    float: left;
    left: auto;
    margin-bottom: 15px;
    position: relative;
    top: auto;
    width: 100%;
	display:block;
}
.quick_contact.mobilebtn .contactbtn {
    background-image: url("../images/quick_contact_mobile.png");
    background-repeat: no-repeat;
    border-radius: 4px;
    display: block;
    font-size: 0;
    height: 43px;
    margin: 0 auto;
    width: 163px;
}
.quick_contact.mobilebtn .contactbtn:hover {
    background-position: 0 -52px;
}
.headerwrap .menuwrap {
    background: none repeat scroll 0 0 rgb(74, 90, 123);
    float: none;
    margin: 0 auto;
    padding: 4px;
    width: 95%;
}
.headerwrap .menuwrap .topmenu ul li {
    display: inline-block;
    padding-right: 1px;
}
.headerwrap .menuwrap .topmenu {
    float: none;
    text-align: center;
}
.banner .imgcontainer .redbtn {
     left: 35px;
    position: relative;
    top: -32px;
}
.banner .imgcontainer .redbtn > a {
    border-radius: 7px;
    color: rgb(255, 255, 255);
    display: table;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 14px;
}
.contact-frm form#contact .btnbox{
text-align:left;
}
.productlist {
	width: 100%;
	padding-top: 24px;
}
.productlist .box {
   float: left;
    margin: 4px 14px 29px;
    width: 22%;
}
.productlist .box p {
    height: 110px;
    min-height: 110px;
}
.productlist .box.last {
    margin: 4px 14px;;
}
.overview_wrap {
   clear: both;
    float: left;
    margin-bottom: 26px;
    padding-top: 20px;
}
.overview_wrap .aboutbox {
      float: left;
    margin: 0 0 0 15px;
    width: 28%;
}
.overview_wrap > div {
    float: none;
    margin: 0 auto;
    width: 88%;
}
.banner.flexslider {
    margin: 0 auto;
    width: 96%;
}
.overview_wrap .contact,
.overview_wrap .quality {
     float: left;
    margin: 0 0 0 29px;
    width: 28%;
}
.footerwrap {
    background: none repeat scroll 0 0 rgb(74, 90, 123);
    clear: both;
    float: none;
    margin: 30px auto 0;
    width: 97%;
}
.footerwrap .footermenu {
    margin: 0 auto;
    width: 100%;
}
.footerwrap .footernav {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 11px;
}

.footerwrap .footernav > li {
     border: medium none;
    float: left;
    width: auto;
}

.footerwrap .footernav a {
    display: block;
    padding: 5px 4px;
}
.footerwrap .dashed {
    display: none;
}
.footerwrap .breakline {
    clear: both;
    float: left;
    padding: 2px 0;
    width: 100%;
}
/*Inner Page*/
.certificate_container {
    float: none;
    width: 100%;
}
.certificate_imgwrap {
    clear: both;
    float: none;
    margin-top: 22px;
    width: 100%;
}
.related-items .list {
    float: none;
    padding-left: 0;
    width: 100%;
}
.innerbodywrap .imgbox li {
	 margin: 5px;
}
.faqcontainer {
    width: 100%;
}
.faqcontainer .faqbox .content {
    width: 98%;
}
.matric_con li {
    display: inline-block;
}
.dataouterwrap{
 width: 26%;
}

table.color_chart {
    float: left;
    width: auto;
}

.tblfirstchild {
    float: left;
    width: 20%;
}
.tbllastchild {
    float: left;
    width: 54%;
}
table.color_chart tr {
    display: block;
    float: left;
    width: 100%;
}




.insidewrap .innerbodywrap{padding:10px 0;}
.p_process .popup > li{float:none}
.insidewrap .content_area {
    float: left;
    padding-top: 0;
    width: 100%;
}
.certificate_container {
    float: left;
    width: 34%;
}
.certificate_imgwrap {
    clear: none;
    float: right;
    margin-top: 22px;
    width: 60%;
}
.related-items.clear .box {
    float: left;
    margin-right: 52px;
}


}
#contact #Phonecode {
    width: 51px;
}
#contact input#Phone {
    margin-left: 10px;
    width: 154px;
}