html, body{ background-color:#ededed;}

/*main banner begin*/
.main-banner{
	position: relative;
    display:inline-block;    
    width: 100%;
    height: 370px;
	background:#888888 url('../images/service_banner.jpg') no-repeat;
    background-size: cover;
    background-position-x: center;
    text-align:center;
    }
	.banner-content{		    
		    display:inherit;	
			width:40%;
			max-width:500px;	
			margin:85px auto 0 auto;	
            padding:30px 4%;		
			text-align:left;			
			vertical-align:top;	
			background-color: rgba(255,255,255,.7) ;							
			}
			.banner-content h3{
					margin:0;
					padding:0;
					font-size:22px;
					font-family:Arial, Helvetica, sans-serif;
					line-height:100%;
					color:#474747;
					font-weight:600;				
			        }
			.banner-content p{
					font-size:13px;
					font-family:Arial, Helvetica, sans-serif;
					line-height:120%;
					color:#474747;
					margin:5px 0 0 2px;
					letter-spacing:1px;
					padding:0;
					}
@media screen and (max-width: 865px) {
	.banner-content{ width:65%; }


	}			
					
										
@media screen and (max-width: 480px) {
	.main-banner{
		height: 202px;
		background:#888888 url('../images/service_banner_phone.jpg') no-repeat;
		}
		.banner-content{
			width:80%;	 
			margin:0; 
			padding:13% 10% 0 10%;
			background-color: rgba(255,255,255,0) ;	
			}

	}			
					
/*main banner end*/
.white-bg{
	display:block;
	width:100%;
	padding:70px 0;
	background-color:#ffffff;
	}

.content-one{
	width:88%;
	max-width:655px;
	margin:0 auto;
	text-align:center;
	}
	
.content-one h3{
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 4% 0;
	font-size:21px;
	color:#474747;
	letter-spacing:1px;
	}
.content-one p{
	padding:0;		
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size:13.5px;
	letter-spacing:1px;
	color:#777777;
	line-height:160%;
	}
.content-one p label{
	display:block;
	margin:0 0 2% 0;
	font-size:15px;    
	line-height:160%;
	font-weight:bold;
	line-height:100%;
	}
.content-one img{
	display:block;
	width:100%;
	max-width:520px;
	margin:0 auto;
	}

	
@media screen and (max-width: 640px) {	

	.content-one{ width:80%;}
	.white-bg{ padding:10% 0;}	
	.content-one h3{
		margin:0 0 3% 0;
		font-size:17px;
		letter-spacing:1px;
		}	

			   
}	

@media screen and (max-width: 480px) {	

.content-one p{
	text-align:left;
	}
			   
}