@charset "UTF-8";
/* CSS Document - mbhuju@gmail.com */


@media screen and (max-width: 1024px){
	#header_inn{width:95%;}
	#menu{width:90%;}
	#banner_inn{width:95%;}
	#content_inn{width:90%;}
	#main{width:85%;}
	#footer_wh{width:90%;}
	#footer_bottom{width:90%;}
	
	
}


	
	
@media screen and (max-width: 800px){	
	#logo{ width:100%; float: none; text-align: center;}
#support{ width:100%; float: none; text-align: center; padding-top: 20px;}
	
	#contact_left{width:100%; float:none; text-align:center; margin:0 auto;}
	#contact_right{width:90%; float:none; padding-top:0px; margin:0 auto;  }
	
}
	
@media screen and (max-width: 640px){
	#examples{width:100%; float:none; text-align:center; }
	#examples1{width:100%; float:none; text-align:center; }
	#examples2{width:100%; float:none; text-align:center; }

	#features{width:100%; float:none;}
	#features1{width:90%; float:none; text-align:center; margin:0 auto; }
	
	#footerleft{ width:100%; float:none; text-align:center;}
    #footerright{ width:100%; float:none; text-align:center; margin-top:20px;}
	
	#advantages{width:90%; float:none; text-align:center; margin:0 auto; }
	#advantages1{width:90%; float:none; text-align:center; margin:0 auto;padding-top:30px; }

		.imgright{float:none; margin:20px auto; display:block; }
		.imgleft{float:none; margin:20px auto; display:block; }

	.portfolio1{ width:45% ; margin-right:5%;}
	.portfolio2{ width:45%  ;}
	
	
		.textright{ text-align:center;}
		.form1 table, .form1 td, .form1 tr { display: block; }		
		.form1 td { border: none; position: relative; }
		.form1{ text-align:center;}	


	}
	
@media screen and (max-width: 360px){
	
	.portfolio1, .portfolio2{ width:100%; margin-right:0; float:none;}
	
	}