@media screen and (max-width: 800px) and (min-width: 320px){
	#page{width:100%;}
	.page_width{width:100%; padding:0px 10px;}
	
	.menu ul li{padding-left:60px; padding-right:50px; font-size:20px;}
	
	.logo{width:200px;}
	.banner_text{font-size:20px; width:60%;}
	.home_sec2 .right{padding-top:20px;}
	.testimonial .left_side{font-size:15px; padding:30px 25px 10px 25px;}
	.services .item h1{font-size:17px;}
}
@media screen and (max-width: 768px) and (min-width: 320px){
	p.mobile_icon{display:block;}
	.menu ul{width:100%; height:auto; padding-bottom:20px; display:none;}
	.menu ul li{float:none; width:100%; font-size:30px; height:auto; border-right:0px; border-bottom:solid 1px #F2F2F2; line-height:normal; margin-bottom:7px; padding-left:50px; padding-right:0px;}
	.menu ul li a{color:#B4A24F; display:block;}
	.menu ul li:hover{background:url(../images/menu_bullet_selected.png) left center no-repeat;}
	
	.contact ul li{margin-bottom:10px;}
	.contact ul li.label{width:100%; display:block; margin-bottom:5px;}
	.contact ul li.cntright{float:none; width:100%; display:block;}

}

@media screen and (max-width: 650px) and (min-width: 320px){
	.logo{width:20%;}
	.banner_text{font-size:16px; width:60%; bottom:15px;}
	.services .item h1{font-size:15px;}
	.services .item p{font-size:13px;}
}
@media screen and (max-width: 480px) and (min-width: 320px){
	.logo{top:20px; left:10px;}
	.banner_text{font-size:12px; width:65%; bottom:10px; left:10px;}
	
	.services .item{float:none; width:100%; margin-bottom:30px;}
	.home_sec2 .left{float:none; width:100%; margin-bottom:40px;}
	.home_sec2 .right{float:none; width:100%;}
	.testimonial .left_side{padding:30px 15px 0px 0px; text-align:left;}
	
	.contact .left{width:100%; float:none; margin-bottom:15px;}
	.contact .right{width:100%; float:none;}
	.input, .ta{width:100%;}
	.location .left{width:100%; float:none; margin-bottom:10px;}
	.location .right{width:100%; float:none;}

	
}
@media screen and (max-width: 320px) and (min-width: 320px){

}