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

@media screen and (max-width: 1280px){
	#header_inn, #content_inn, #footer_inn{width:95%;}
	
}

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


}

@media screen and (max-width: 1024px){
	#inner{width:85%;}
	#header_right{ width:60%; float:left; text-align:right; padding-top:30px;}
	
	
}

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

	#inn{width:100%;}
	
	#logo{float:none; width:90%; margin:0 auto;}
	#right_part{display:none;}
	#right_part1{display:block; padding:20px 0 30px 0;}
	
	#contact_left{float:none; width:100%; margin:0 auto; padding-top:0px; }
	#contact_right{float:none; width:100%; margin:0 auto; padding-top:30px;}
	
	.portfolio1{width:45%; margin-right:5%;}
	.portfolio2{width:45%;}

	
	#left_footer{display:none;}
	#right_footer{float:none; width:100%; margin:0 auto; text-align:center; padding:15px 0;}
	
	#demoform{width:90%;}
}


@media screen and (max-width: 800px){
	
	#header_left{ width:100%; float:none; padding:20px 0 0 0; color:#bb161a; font-size:22px; text-align:center;}
	
	#header_right{ width:100%; float:none; text-align:center; padding-bottom:20px; padding-top:0;}
	

}
	
	
@media screen and (max-width: 640px){
	.portfolio1{width:90%; margin:0 auto; float:none; margin-bottom:30px;}
	.portfolio2{width:90%; margin:0 auto; float:none; margin-bottom:30px;}
}
	
@media screen and (max-width: 415px){
	
}