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

@media screen and (max-width: 1280px){	
	#banner{width:95%;}
}

@media screen and (max-width: 1175px){
	#footer_inn, #inner{width:90%;}
}
@media screen and (max-width: 1100px){
	#nav_desktop .navigation_item .page_nav_dropdown{
		font-size:13px;
	}
}
@media screen and (min-width: 1025px){
	#search #header_search_input{
		width:78%;
		max-width:200px;
	}
}

@media screen and (max-width: 1024px){
	#menu{width:100%; margin-bottom: 10px; }
	#search{float:none; margin:0 auto; width:100%; text-align:center;}
	#logo{float:none; margin:0 auto; width:100%; text-align:center; padding:0;}
	#icons{float:none; margin:0 auto; width:100%; text-align:center; padding:15px 0 0 0;}
	#carts{float:none; margin:0 auto; width:100%; text-align:center; padding:15px 0;}
	
	#account{float:none; margin:0 auto; width:100%;  text-align:center;}
	
	.promo1{float:none; margin:0 auto; width:90%; text-align:center; border-bottom:1px solid #FFF; padding:40px 0;}
	.promo2{float:none; margin:0 auto; width:90%; text-align:center; padding:40px 0;}
	
	.bar{ display:none;}
	
	#photo1{float:none; margin:30px auto; width:90%; text-align:center;}
	#photo2{float:none; margin:0 auto; width:90%; text-align:center; margin-bottom:30px;}
	
	#quick_links{float:none; margin:0 auto; width:100%; text-align:center;}
	#get_in_touch{float:none; margin:40px auto; width:100%; text-align:center;}
	#newsletter{float:none; margin:0 auto; width:100%; text-align:center;}
	
	
	.imgleft{float:none; margin:0 auto; text-align:center; display:block; padding:0; }
	.imgright{ float:none; margin:20px auto; text-align:center; display:block;  }
		
	#contactform{width:100%;}

	.form table, .form td, .form tr { display: block; }		
	.form td { border: none; position: relative; }
	.textright{text-align:left; padding-right:10px;}

}


@media screen and (max-width: 768px){
	h1{font-size:32px;}

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

	h2{ font-size:24px; line-height:26px;}
}