body {
}


@media (max-width: 320px) {
 	.LeftLogo {
		width: 99%;
	} 
	.MiddleLogo {
		width: 99%;
		text-align:center;
	} 
	.RightLogo {
		width: 99%;
	} 
	.info-note{
font-family:Arial, Helvetica, sans-serif;
font-size:0pt;
}
.sms-note{

font-family:Arial, Helvetica, sans-serif;
font-size:0pt;

}
.headingBanner1st {
 	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-shadow: 0 1px 3px #000;
	text-align:center;
}
.headingBanner2nd{
 	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
	text-shadow: 0 1px 3px #000;
	text-align:center;
}


}

@media only screen and (min-width:320px){
	
	.LeftLogo {
		width: 99%;
	} 
	.MiddleLogo {
		width: 99%;
		text-align:center;
	} 
	.RightLogo {
		width: 99%;
	} 
	.info-note{
font-family:Arial, Helvetica, sans-serif;
font-size:0pt;
}
.sms-note{

font-family:Arial, Helvetica, sans-serif;
font-size:0pt;

}
.headingBanner1st {
 	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-shadow: 0 1px 3px #000;
	text-align:center;
}
.headingBanner2nd{
 	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
	text-shadow: 0 1px 3px #000;
	text-align:center;
}

}
@media only screen and (min-width:769px){
	
	.LeftLogo {

width: 99%;
background:url(/resources/images/kanglasha.png) no-repeat center;
height:109px;
} 
.MiddleLogo {
width: 99%;
text-align:center;
} 
.RightLogo {
width: 99%;
} 
.info-note{
font-family:Arial, Helvetica, sans-serif;
font-size:0pt;
}
.sms-note{
background:url(sms.jpg) no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
text-align:justify;
color:#5F5F5F;
padding-left:55px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
border-bottom:1px solid #7eabd4;
border-top:22px solid #7eabd4;
border-left:1px solid #7eabd4;
border-right:1px solid #7eabd4;
}
.headingBanner1st {
 	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	text-shadow: 0 1px 3px #000;
	text-align:center;
}
.headingBanner2nd{
 	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:bold;
	text-shadow: 0 1px 3px #000;
	text-align:center;
}
 
}
@media only screen and (min-width:1126px){
	
	.LeftLogo {
	float: left;
	width: 18%;
	background:url(/resources/images/kanglasha.png) no-repeat left 10px center;
	height:109px;
	} 
	.MiddleLogo {
	float: left;
	width: 60%;
	} 
	.RightLogo {
	float: right;
	width: 18%;
	//background:url(right-baner.png) no-repeat right;
	height:109px;
	} 
	.info-note{
	
background:url(info.jpg) no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
text-align:justify;
color:#5F5F5F;
padding-left:55px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
border-bottom:1px solid #7eabd4;
border-top:22px solid #7eabd4;
border-left:1px solid #7eabd4;
border-right:1px solid #7eabd4;

}
.sms-note{
background:url(sms.jpg) no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
text-align:justify;
color:#5F5F5F;
padding-left:55px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
border-bottom:1px solid #7eabd4;
border-top:22px solid #7eabd4;
border-left:1px solid #7eabd4;
border-right:1px solid #7eabd4;
}

.headingBanner1st {
 	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
	text-shadow: 0 1px 3px #000;
	text-align:center;
}
.headingBanner2nd{
 	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20pt;
	font-weight:bold;
	text-shadow: 0 1px 3px #000;
	text-align:center;
}
	
}