@media screen and (max-width: 200px) {
	.homepage .BannerWrap{ padding:2px 0;}
}

@media screen and (max-width: 1000px) {
	.services .halfWidth.left{ display:none;}
	.services .halfWidth.right{ width:100%;}
	.recentUl li{ width:45%; margin:0 2.5%; margin-bottom:2.5%;}
}

@media screen and (max-width: 2px) {
	header .logo{ width:200px;}
	.homepage .BannerWrap{ padding:2px;}
}
@media screen and (max-width: 800px) {
	footer .footer_main_li{ width:100%; margin-bottom:30px;}
	.testimonails p{ font-size:15px; line-height:24px;}
	.sectionPara{ font-size:15px; padding:0 5%; padding-bottom:60px;}
	.BannerWrap h1{ font-size:30px;}
	.BannerWrap h1 span{ font-size:45px;}
	.homepage .BannerWrap{ padding:1px 0;}
	
}



@media screen and (max-width: 750px) {
	header{ position:static; color:#333;}
	header .logo img{ top:-90px;}
	.menu_button{ display:block;}
	header .menu{ width:100%; float:left; display:none; max-width:100%;}
	header .menu nav, header .menu .firstUl{ float:left; width:100%;}
	header .menu .firstli{ width:100%; text-align:left; border-bottom:#ddd 1px solid;}
	header .menu .firstli:last-child{ border:none;}
	header .menu .firstli a{ padding:15px 25px; font-size:16px;}
	header .menu .secondUl{ position:static; float:left; width:100%; background:#f5f5f5; box-shadow:none; -webkit-box-shadow:none;}
	header .menu .secondUl:before{ display:none;}
	.contact_right, .contact_left{ width:100%; margin-bottom:20px;}
	}
@media screen and (max-width: 600px) {
	.recentUl li{ width:90%; margin:0 5%; margin-bottom:30px;}
	.services .halfWidth.right .halfWidth{ width:100%;}
	.homepage .BannerWrap{ padding:100px 0;}
	}
@media screen and (max-width: 450px) {
	.recentUl li{ width:100%; margin:0%; margin-bottom:30px;}
	}