html {
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ 
	overflow-x:hidden;
}
@media only screen and (max-width: 800px)  {
	*{
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	img{
		max-width:100%;
		height:auto;
	}
	.mainBody {
		width:94%;
	}
	.menu li a {
		padding: 7px 7px 0;;
	}
	.banner {
		height:auto;
		background-size:100% 100%;
	}
	.bannerLeft {
		left:3%;
		top:7%;
		padding:0;
		width:auto;
	}
	.bannerBox {
		background-image:none;
		background-color:#50bced;
		border:2px solid #1385b9;
		width:100%;
		height:auto;
		padding:2%;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	.contentArea{
		width:100%;
	}
	.left_panel{
		width:65%;
	}
	.right_panel {
		margin-top: -4%;
		width: 30%;
	}
	.boxPannel{
		width:100%;
		text-align:center;
	}
	.box01,	.box02, .box03, .box04{
		width:23%;
		text-align:left;
		margin:0 1% 0 0;
		vertical-align:top;
		float:none;
		display:inline-block;
	}
	.greyBoxPanel{
		margin:5% 0;
	}
	.greyBox {
		width:68%;
		height:auto;
		padding:2%;
		font-size:14px;
		line-height:18px;
	}
	.greyBox p{
		padding:0;
	}
	.newsletter{
		width:30%;
		height:auto;
		padding:2%;
	}
	.newsletter a{
		background:url(../images/newsletter.png) no-repeat 9px 10px;
		padding:0 0 0 55px;
		font-size:13px;
		line-height:16px;
	}
	.leftPan, .rightPan {
		width:47%;
		padding:0;
	}	
	.beforeAfter {
		padding:0;
		width:48%;
	}	
	.beforeAfterBox {
		padding:0;
		width:47%;
		margin:0 1%;
	}
	.leftPan p {
		padding:0;
		width:47%;
		margin-left:2%;
	}
	.logo_pan{
		text-align:center;
	}
	.logo_pan img{
		float:none;
		display:inline-block;
		margin:0 5px;
		vertical-align:middle;
	}	
	.footer {
		padding: 5% 0;
		width:94%;
	}	
	.footerLeft {
		width: 45%;
	}	
	.footerRight {
		width: 45%;
	}
	.contentArea h2{
		font:normal 20px/23px "Times New Roman", Times, serif;
	}
	.contentArea h3{
		font:normal 18px/21px "Times New Roman", Times, serif;
	}	
	h1 {
		font: 25px/28px "Times New Roman",Times,serif;
	}
	.printPannel{
		width:auto;
		background-size:100% 100%;
	}
	.technologies{
		width:100%;
	}	
	.conveniences {
		width:100%;
	}	
	.contactrLeft {
		width: 30%;
	}	
	.contactRight {
		background-size:100% 100%;
		width: 65%;
	}	
	.contactRight iframe{
		width:100%;
	}
	.cformtext1{
		width:40%;
	}
	.forlLeft {
		padding: 2%;
		width: 47%;
	}	
	.forRight {
		padding: 2%;
		width: 47%;
	}
	.forlLeft table, 
	.forRight table{
		width: 100%;
	}
	.ctextbox{
		width:95%;
	}
	.ctextextarea{
		width:95%;
	}
}
@media only screen and (max-width: 685px)  {
	.banner-resposnsive{
		display:block;
	}
	.banner-text{
		display:none;
	}
	.bannerBox{
		margin:0;
	}
	.bannerBox img{
		float:none;
	}
	.bannerBoxImg {
		float:none;
	}
	.bannerBox{
		padding:3%;
	}	
	.bannerLeft {
		left: 5%;
		top: 4%;
	}
}
@media only screen and (max-width: 638px)  {	
	.bannerBoxImg{
		display:none;
	}	
	.bannerLeft {
		left: 5%;
		top: 17%;
	}	
	.box01, .box02, .box03, .box04 {
		margin: 0 2% 2%;
		width: 33%;
	}	
	.greyBox {
		width: 100%;
		margin-bottom:2%;
	}	
	.newsletter {
		margin-bottom:2%;
		width: 100%;
	}
	.newsletter br{
		display:none;
	}
	.newsletter a{
		padding:0;
		background-image:none;
		text-align:center;
	}
}
@media only screen and (max-width: 560px)  {	
	.left_panel {
		width: 100%;
		float:none;
		margin:0 auto;
	}	
	.right_panel {
		width: 100%;
		float:none;
		margin:2% auto;
	}	
	.leftPan, .rightPan {
		width: 100%;
		float:none;
		margin:0 auto;
	}
	.rightPan{
		margin:2% auto;
	}	
	.footerLeft {
		width: 100%;
		float:none;
		margin:2% auto;
		border-bottom:2px solid #e1e1e1;
		padding-bottom:2%;
	}	
	.footerRight {
		width: 100%;
		float:none;
		margin:0 auto;
		text-align:left;
	}	
	.contactrLeft {
		width: 100%;
		float:none;
	}	
	.contactRight {
		width: 100%;
		float:none;
	}	
	.forlLeft {
		float:none;
		width:70%;
		margin:0 auto 2% auto;
	}	
	.forRight {
		float:none;
		width:70%;
		margin:0 auto;
	}
}
@media only screen and (max-width: 480px)  {
	.top-panel{
		padding:3% 0;
	}
	.box01, .box02, .box03, .box04{
		width:50%;
	}	
	.bannerLeft {
		left: 5%;
		top: 9%;
	}	
	.logo {
		float: none;
		margin:0 auto;
	}	
	.callUs {
		float: none;
		margin:0 auto;
		text-align:center;
	}
}
@media only screen and (max-width: 390px)  {
	.bannerLeft {
		width:100%;
		position:inherit;
		left:inherit;		
	}
	.bannerBoxImg {
		display: block;
	}
	.bannerBoxImg {
		float: left;
	}
	.logo_pan img{
		display:block;
		margin:5px auto;
		
	}
}
@media only screen and (max-width: 320px)  {
	.box01, .box02, .box03, .box04{
		width:70%;
	}
	.forlLeft {
		width:90%;
	}	
	.forRight {
		width:90%;
	}
}