html,body,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,big,cite,code,del,dfn,em,img,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul, fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none; color:#D4AFFA;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.clear {clear: both;}
.lF {float:left;}
.rF {float:right;}
.redColor{color:#f95e65;}
.brownColor{color:#a20707;}
.violetColor{color:#D4AFFA;}
.borderBox{border:1px solid #ccc;}
.lfImg{float:left; margin:0px 10px 5px 0px;}
.rfImg{float:right; margin:0px 0px 5px 10px;}
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.underline{padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{display:block;}/* vertical menu */
nav.horizontal ul li{display: inline-block;}/* horizontal menu */
img{max-width:100%;}
.img-responsive {display: block; max-width: 97%;  height: auto;}
/*end reset**/

body{font-family:"Open Sans", "Open Sans Light", Arial, Helvetica, sans-serif; background:#FFFFFF;}
	.wrapper{width:960px; margin: 0 auto;}
	.trustInfo {color:#555555; font-size: 13px; float: right; margin-top: 32px; text-align: right;}
	.trustInfo a{color:#41196a; text-decoration:none;}
	.trustInfo a:hover{color:#990007; text-decoration:none;}
	.logo{float: left;}
	
#header{padding:0; background:#FFFFFF; position:fixed; width:100%; z-index:9999; top:0px;}

/***** Middle start *****/

#mainmenu {width: 100%; position: relative; z-index: 1000; top: 0px; background: #333333 none repeat scroll 0% 0%;}
#slider { background:#FFFFFF; border-bottom:2px solid #c9c9c9;}
#slider img{border:none; margin-top:0px;}
#middlesection{float:left; text-align:left; color:#555; font-size:14px; box-shadow: 0px 0px 5px #CCC; border: 5px solid #FFFFFF; padding:5px 10px; margin-top:111px; width:96%; }
#middlesection img {border: 1px solid #ddd; padding: 5px 5px;}
#middlesection p{padding-bottom:20px;}
#middlesection ul {list-style:none; list-style-type:none;}
#middlesection ul li {background:url(../images/arrow2.png) no-repeat 0px 7px; padding:0px 16px 10px 16px !important; line-height:normal;  }
#middlesection ul {list-style:none; list-style-type:none;}
#middlesection a {color:#6729a7; text-decoration:none;}
#middlesection a:hover {color:#e50711; text-decoration:underline;}
#middlesection h1{font-size:14px; font-weight:bold; color:#4D207B; text-transform:none; width:100%; margin:0px; padding:0px 0px 9px 30px !important; background:url(../images/arrow3.png) no-repeat 0px 2px; }
#middlesection h2{font-size:18px; font-weight:normal; color:#4d207b; text-transform:uppercase; width:100%; margin:11px 0px;}
#middlesection h3{font-size:20px; font-weight:normal; color:#555; text-transform:none; width:100%; margin:5px 0px; padding:5px 0;}
#middlesection h4{font-size:18px; font-weight:normal; color:#ec0f25; text-transform:none; width:93%; margin:25px 0px 5px 0px; padding:0px 10px 10px 32px;  background:url(../images/arrow5.png) no-repeat 0px 0px;}
#middlesection h5{font-size:14px; font-weight:bold; color:#4D207B; text-transform:none; width:100%; margin:0px; padding:0;}
	
	.middlesectionlf{float:left; text-align:left; width:320px; margin:20px 10px 20px 0px; padding:0px; }
	.middlesectionrf{float:left; text-align:left; width:250px; margin:20px 0px; padding:0px; }
	.aboutlf{float:left; text-align:left; width:99%; margin:20px 0px; padding:0px; }
	.aboutrf{float:left; text-align:left; width:99%; margin:20px 0px; padding:0px; }
	.productlf{float:left; text-align:left; width:47%; margin:1% 2% 0% 0%; padding:0px; }
	.productrf{float:left; text-align:left; width:50%; margin:1% 0; padding:0px; }
	.downloadlf{float:left; text-align:left; width:30%; margin:1% 2% 0% 0%; padding:0px; }
	.downloadrf{float:left; text-align:left; width:25%; margin:1% 0; padding:0px; }
	.aboutMission{background:#f4f6f5; color:#424242; width:96%; text-align:left; float:left; padding:14px 14px;}
	.readbn a{font-size: 13px; font-weight:normal; text-align:left; bottom:27px; background:#4d207b; color:#FFFFFF !important; text-decoration:none; padding:7px 25px 3px 25px; height:22px; float:left;  margin:10px 32px 0px 0;}
	.readbn a:hover {background:#6529a2; color:#FFFFFF !important; text-decoration:none; }
	.middlesectionlf ul {list-style:none; list-style-type:none;}
	.middlesectionlf ul li {background:url(../images/arrow2.png) no-repeat 0px 9px; padding:2px 16px; line-height:normal;  }
	.middlesectionrf ul {list-style:none; list-style-type:none;}
	.middlesectionrf ul li {background:url(../images/arrow2.png) no-repeat 0px 9px; padding:2px 16px; line-height:normal;  }
	.middlesectionicon {position: relative; margin-right: 5px; padding:5px 0px 5px 0 !important; top: -2px; display: inline-block; line-height: 1; float: left; text-align: left; border:none !important;}


/***** Middle end *****/

/***** Footer start *****/	
#footer {width:100%; background:#303030; margin:0px auto; font-size:13px;}
#footer p{color:#d2d2d2;}
#footer h3{font-size: 16px; color:#D4AFFA; }
#footer ul {list-style:none; list-style-type:none;}
#footer ul li {background:none; padding:2px 16px 2px 0; line-height:normal; color:#d0d0d0; clear:both; }

#footerCopyright{width:100%; background:#272727; color:#d2d2d2; margin:0px auto; font-size:13px; padding:10px 0;}
#footerCopyrightlf{width:50%; float:left; margin:0px; padding:0px; text-align:left;}
#footerCopyrightrf{width:50%; float:right; margin:0px; padding:0px; text-align:right;}

	.footerlf{float:left; text-align:left; width:330px; margin:5px 10px 20px 0px; padding:0px; }
	.footerrf{float:left; text-align:left; width:200px; margin:5px 0px; padding:0px; }
	.footerlf h2 {font-size: 20px; color: #d2d2d2; text-transform:none; padding: 20px 0px;}
	.footerrf  h2 {font-size: 20px; color: #d2d2d2; text-transform:none; padding: 20px 0px;}
	.footericon {position: relative; margin:5px 5px 5px 0; padding:0px; bottom:7px; float: left; text-align: left;}

	.socialM{float:left; line-height:32px;}
	.socialM a{color:#d2d2d2; text-decoration:none;}
	.socialM a:hover{color:#D4AFFA; text-decoration:underline;}	

/***** Footer end *****/	
	
	
	.table-responsive {width: 99%; margin-bottom: 15px; overflow:hidden;}
	.tableBorder {border:1px solid #cbcbcb; text-align:left; padding:5px 5px;}
	
    .google-maps {position: relative; padding-bottom: 75%; height: 0; overflow: hidden;}
    .google-maps iframe {position:absolute; top:0; left:0; width:100% !important;  height:100% !important;}
	
	.errfont {color:#f95e65;}
#enquiry{margin-top:111px;}


/***** Media Quries *****/

@media only screen and (max-width: 1024px) {
	.wrapper{
		width:94%;
	}
#enquiry{margin-top:111px;}
}

/*  GO FULL WIDTH AT LESS THAN 768 PIXELS */
@media only screen and (max-width: 768px) {
	.wrapper{width:95%;	}
	.footerlf{float:left; text-align:left; width:270px; margin:5px 10px 20px 0px; padding:0px; }
	.footerrf{float:left; text-align:left; width:140px; margin:5px 10px; padding:0px; }
	.middlesectionlf{float:left; text-align:left; width:279px; margin:20px 0px; padding:0px; }
	.middlesectionrf{float:left; text-align:left; width:210px; margin:20px 0px; padding:0px;}
	#middlesection h1{font-size:14px; font-weight:bold; color:#4D207B; text-transform:none; width:100%; margin:0px; padding:0px 0px 9px 30px !important; background:url(../images/arrow3.png) no-repeat 0px 0px;}
#enquiry{margin-top:111px;}
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

@media only screen and (max-width: 640px) {
	.wrapper{width:95%;}
	#header{padding:0; background: #FFFFFF; position:inherit !important; width:100%; z-index:9999; top:0px;}
#footerCopyright{width:100%; background:#272727; color:#d2d2d2; margin:0px auto; font-size:13px; padding:10px 0;}
#footerCopyrightlf{width:49%; float:left; margin:0px; padding:0px; text-align:left;}
#footerCopyrightrf{width:49%; float:left; margin:0px; padding:0px; text-align:left;}
#middlesection{float:left; text-align:left; color:#555; font-size:14px; border:none; padding:5px 5px; width:96%; margin-top:0px;}
#middlesection h2{font-size:17px; font-weight:normal; color:#4d207b; text-transform:uppercase; margin:11px 0px;}
#slider { background:#FFFFFF; border-bottom:2px solid #c9c9c9;}

	.middlesectionlf{float:left; text-align:left; width:99%; margin:20px 0px; padding:0px; }
	.middlesectionrf{float:left; text-align:left; width:99%; margin:20px 0px; padding:0px; }
	.trustInfo {color:#555555; font-size: 13px; float: right; margin:32px 5px 0 11px;}
	.aboutMission{background:#f4f6f5; color:#424242; width:95%; text-align:left; float:left; padding:14px 14px;}
	.productlf{float:left; text-align:left; width:97%; margin:1% 2% 0% 0%; padding:0px; }
	.productrf{float:left; text-align:left; width:97%; margin:1% 0; padding:0px; }
#middlesection h1{font-size:12px; font-weight:bold; color:#4D207B; text-transform:none; width:95%; margin:0px; padding:0px 0px 9px 30px !important; background:url(../images/arrow3.png) no-repeat 0px 0px;}
#enquiry{margin-top:0px !important;}
.table-responsive {width: 99%; margin-bottom: 15px; overflow-x: auto !important; overflow-y: hidden;}
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.wrapper{
		width:95%;
	}
#footerCopyrightlf{width:99%; float:left; margin:0px; padding:0px; text-align:left;}
#footerCopyrightrf{width:99%; float:left; margin:0px; padding-top:10px; text-align:left;}
	.trustInfo {color:#555555; font-size: 13px; float: right; margin:11px 0px;}
	.aboutMission{background:#f0f2f1; color:#424242; width:94% !important; text-align:left; float:left; padding:10px 10px;}
#middlesection{margin-top:0px;}
#enquiry{margin-top:0px !important;}

}


@media (max-width:320px){
	.wrapper{
		width:95%;
	}
	.aboutMission{background:#f4f6f5; color:#424242; width:90% !important; text-align:left; float:left; padding:14px 14px;}
	#middlesection h1{font-size:12px; font-weight:bold; color:#4D207B; text-transform:none; width:95%; margin:0px; padding:0px 0px 9px 30px !important; background:url(../images/arrow3.png) no-repeat 0px 0px;}
	#middlesection h4{width:90%; float:left;}
	#middlesection{margin-top:0px; border:none !important;}
	.table-responsive {width: 99%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden;}
	.tableBorder {border:1px solid #cbcbcb; text-align:left; padding:2px 2px;}
#enquiry{margin-top:0px !important;}	
	
}