@charset "utf-8";
/* CSS Document */

/* mediaqueries Starts ============================= */

@media only screen and (min-width: 320px) and (max-width: 479px) {
.hdr {
	width: 100;
	margin: 0px; 
	padding: 0px;
}
.hdr h4 {
	width: 80%;
	margin: 0px 30px 10px; 
	padding: 0px;
	font-size: 32px;
}
.logoArea {
	margin: 0px; 
	padding: 2% 2%;
	width: 62%;
}
.logoArea img {
	height: auto;
	margin: 0px; 
	padding: 0px;
}
.main_container {
	margin: 0px;
	padding: 0 0 10px 0px;
	width: 100%;
}
.slogan {
	padding: 0px!important;
	font-size: 27px;
	font-weight: normal;
}
.blue_box {
	width: 100%!important;
	display: inline;
	height: 90px;
}
.blue_box img {
	width: 80%!important;
	height: auto;
}
.blue_box .icon_img {
	width: 22%;
	float: left;
	margin: 0px;
	padding: 10px 0 0 8%;
}
.blue_box .icon_txt {
	font-size: 26px;
	margin: 0px;
	padding: 25px 0 0 5%;
	width: 65%;
	float: left;
}
.yellow_box {
	width: 100%!important;
	display: inline;
	margin-left: 0px!important;
	height: 90px;
}
.yellow_box img {
	width: 80%!important;
	height: auto;
}
.yellow_box .icon_img {
	width: 22%;
	float: left;
	margin: 0px;
	padding: 10px 0 0 8%;
}
.yellow_box .icon_txt {
	font-size: 26px;
	margin: 0px;
	padding: 25px 0 0 5%;
	width: 65%;
	float: left;
}
}
@media only screen and (min-width: 480px) and (max-width: 479px) {
.hdr {
	width: 100;
	margin: 0px; 
	padding: 0px;
}
.logoArea {
	margin: 0px; 
	padding: 2%;
	width: 56%;
	float: left;
}
.logoArea img {
	width: 40%;
	height: auto;
	margin: 0px; 
	padding: 0px;
}
.airtel_business {
	width: 90%;
	margin: 0px 10px; 
	padding: 0 0 0 0px;
}
.main_container {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}
.slogan {
	margin: 0px; 
	padding: 0px!important;
	font-size: 13px;	
}
.blue_box {
	width: 100%!important;
	display: inline;
	height: 90px;
}
.blue_box img {
	width: 50%!important;
	height: auto;
}
.blue_box .icon_img {
	width: 22%;
	float: left;
	margin: 0px;
	padding: 13px 0 0 8%;
}
.blue_box .icon_txt {
	font-size: 26px;
	margin: 0px;
	padding: 25px 0 0 0px;
	width: 70%;
	float: left;
}
.yellow_box {
	width: 100%!important;
	display: inline;
	margin-left: 0px!important;
	height: 90px;
}
.yellow_box img {
	width: 50%!important;
	height: auto;
}
.yellow_box .icon_img {
	width: 22%;
	float: left;
	margin: 0px;
	padding: 13px 0 0 8%;
}
.yellow_box .icon_txt {
	font-size: 26px;
	margin: 0px;
	padding: 25px 0 0 0px;
	width: 70%;
	float: left;
}
}
@media only screen and (min-width: 700px) and (max-width: 980px) {
.main_container {
	width: 100%;
	padding-top: 25px!important;
	padding-bottom: 50px!important;
}
.logoArea {
	padding: 2%!important;
	width: inherit;
}
.logoArea img {
	width: 32%;
	height: auto;
}
.hdr h4 {
	margin: 0px 30px;
	padding: 0%;
	width: 80%;
	font-size: 42px;
}
.blue_box {
	width: 49%!important;
	height: 90px;
	float:left!important;
}
.blue_box img {
	width: 72%!important;
	height: auto;
}
.blue_box .icon_img {
	width: 25%;
	padding-top: 5px;
}
.blue_box .icon_txt {
	font-size: 24px;
	margin: 0px;
	padding: 25px 0 0 1%;
	float: none;
	width: 74%;
}
.yellow_box {
	width: 48%!important;
	margin-left: 1%!important;
	height: 90px;
	float:left!important;
}
.yellow_box img {
	width: 72%!important;
	height: auto;
}
.yellow_box .icon_img {
	width: 25%;
	padding-top: 5px;
}
.yellow_box .icon_txt {
	font-size: 24px;
	margin: 0px;
	padding: 25px 0 0 1%;
	float: none;
	width: 74%;
}
.slogan {
	width: 92%;
	font-size: 32px;
	padding: 0px!important;
}
}
	
/* mediaqueries Ends ============================= */