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


@media screen and (max-width: 1440px){
	#banner, #content{width:90%;}
}


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

@media screen and (min-width: 1024px){
    
}
@media screen and (max-width: 1175px){
	
	#inn{padding:55px 0;}

}

@media screen and (max-width: 1024px){
	
	#top{width:96%; background:#252525; padding:2%;}

#pic1{width:90%; float:none; margin:0 auto; text-align:center; padding-bottom:40px;}
#video{width:60%; float:none; margin:0 auto; text-align:center;}

	#login{width:90%; float:none; margin:0 auto; text-align:center;}
	#search{width:90%; float:none; margin:0 auto; text-align:center;}
	
	#logo{width:90%; float:none; margin:0 auto; text-align:center;}
	#menu{float:none; width: 100%;  background:#000000;}
	#right_part{width:100%; float:none; margin:0 auto; text-align:center; padding-top:0;}
	#icons{text-align:center; padding-top: 10px;}
	
	#pic1{width:90%; float:none; margin:0 auto; text-align:center;}
	#oval{ float:none; margin:0 auto; width:100%; }

#pic2{width:90%; float:none; margin:0 auto; text-align:center;}

	#left{width:90%; float:none; margin:0 auto; text-align:center; padding-bottom:40px;}
	#right{width:90%; float:none; margin:0 auto;}
	
	#watercolor1, #cards1, #art1{width:90%; float:none; margin:40px auto; }
	#watercolor2, #art2{width:90%; float:none; margin:0 auto; }
	
	#bauble1, #novelty1{width:90%; float:none; margin:40px auto;}
	#bauble2, #novelty2, #pastels2, #cards2{width:90%; float:none; margin:0 auto; padding:30px;}
	
	#pastels1{width:90%; float:none; margin:40px auto; padding-top:0;}
	
	#contactform{width:100%;}
	
	.inputsize{ width:95%;}	

	#contact_left{width:90%; float:none; margin:0 auto; padding-top:0;}
	#contact_right{width:100%; float:none; margin:0 auto; padding-top:40px;}
	
	.imgleft{float:none; margin:20px auto; text-align:center; display:block; }
	.imgright{ float:none; margin:20px auto; text-align:center; display:block; }
	
	
	.form table, .form td, .form tr { display: block; }		
	.form td { border: none; position: relative; }
	.textright{text-align:left; }
	#inn{ padding:85px 0 70px 0;}


}

@media screen and (max-width:992px){
	#footer_inn{width:90%;}
	
	#left_footer{width:100%; float:none; margin:0 auto; text-align:center; padding-top:0;}	
	#middle_footer{width:100%; float:none; margin:0 auto; text-align:center; padding-top:20px;}
	#right_footer{width:100%; float:none; margin:0 auto; text-align:center;}
	
}



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

	h1{font-size:50px; line-height:40px;}	

	#inn{ font-size:45px; line-height:45px;}
	#banner{padding:80px 0;}
	.style4{font-size:45px; line-height:45px;}
}


@media screen and (max-width: 576px){
	#inn{ font-size:35px; padding:75px 0 45px 0; line-height:35px;}
	#bauble2, #watercolor2, #novelty2, #pastels2, #cards2, #art2{width:80%; padding:30px; font-size:20px;}
	
	#video{width:90%; }
}

@media screen and (max-width: 415px){
	#inn{ font-size:30px; line-height:35px; padding-top:60px;}
	
	.style3{font-size:34px; line-height:35px;}
		#bauble2, #watercolor2, #novelty2, #pastels2, #cards2, #art2{width:80%; padding:30px; font-size:16px; line-height:24px;}
}