
@media screen and (min-width:320px) and (max-width:480px){
body{
	margin:0px;
	padding:0px;}
.bg{width:100%; height:auto;}
.dg{width:100%; height:auto;}
.ag{width:100%; height:auto;}		
.cg{width:100%; height:auto;}
.reach{width:100%; height:auto; margin:auto;}
.about_text1-boxtext{width:100%; height:auto;}
.main600{width:100%; height:auto;}	
.main-box-in-img{width:100%; height:auto;}
.birthday{width:100%; height:auto;   background-image:url(/image/slide/birthday.png);}
.wrp{width:100%; height:auto;float:left;}
.sldwrp{width:100%; height:auto; float:left;}
.slider {width:100%; height:auto;float:left;}
.clearfix{width:100%; height:auto;float:left;}
.bb-custom-wrapper{width:500%; height:auto;float:left;}			
#bb-bookblock{width:100%; height:auto;float:left;}
.bb-bookblock{width:100%; height:auto;float:left;}
.bb-item{width:100%; height:auto; float:left;}
.bb-item img{width:100%; height:auto; margin-top:-115px; }
.bb-custom-icon {width:100%; height:auto; margin-top:10px;}
.pripolicy{width:90%; height:auto;}
.pripolicy h2{width:100%; height:auto; margin-left:0px !important;}
.pripolicy p{width:100%; height:auto; margin-left:10px;}
.pribox{width:100%; height:auto; margin-left:10px;}
.pribox2{width:100%; height:auto;}
.pribox p{width:100%; height:auto;}
.pribox2 p{width:100%; height:auto;}
.iframewidth-height{width:100%; height:auto;}
.footer-box-app{width:100%; height:auto; margin-left:-25px;}



#container{width:100%; height:auto;}
#container20{width:100%; height:auto;}
.line{width:100%; height:auto;}	
.main{ width:100%; height:auto;}
.slide{width:100%; height:auto;}			
.header{width:100%; height:auto;}
.logo{width:100%; height:auto;}
.logo img{ margin-left:90px;}	
.social-box{width:100%; height:auto;}		
.social{width:100%; height:auto;	}
.social img{}
.app img{ width:45%; 	}			
.app{width:70%; height:auto; margin-top:20px; margin-left:60px;	}		
.slide-box{width:95%; height:auto; float:left;}	
.big-box{}
.big-box-in h2{width:90%; height:75px; margin-top:0px;}	
.small-box{	}	
.mini-box{}	
.micro-box{}	
.big-box-in{width:100%; height:auto;}	
#about_text1{ width:100%; height:auto;}
.albumbox{ width:50%; height:auto; float:left; margin-left:100px;}
.detail-img img{ width:100%; height:auto; margin-top:20px; }
#about_text1 p{ width:100%; height:auto; margin-left:-0px;}

#navigator{width:100%; height:auto;}
.nav{width:100%; height:auto; margin-left:-50px;}
.nav ul{width:100%; height:auto; margin-left:-90px;}
.nav li{width:100%; height:auto;}
.main-box{width:89%; height:auto;}
..main-box-in{width:60%; height:auto;}
.main-box-in-text{width:100%; height:auto;}
h2{width:100%; height:auto; text-align:center;}
p{width:100%; height:auto; padding-left:0px; padding-right:18px;}
.album{width:95%; height:auto;}
.album-text{width:100%; height:auto;}
.album-box{width:100%; height:auto;}
.album-box img	{width:87%; height:auto;}
.album-text a{}
.album-text a:hover{}	
#about_text{width:100%; height:auto;}	
.contact_form{width:100%; height:auto;	}
.contact_form1{width:100%; height:auto;	}
#about_text h2{width:90%; height:auto; text-align:center;}	
#about_text h3{width:95%; height:auto;}
h4{ padding-bottom:30px;}
#about_text h4{ text-align:center; padding:10px; float:; font-size:14px;}	
#about_text p{width:100%; height:auto;}
.marg{width:40%; height:auto; margin-top:0px; margin-bottom:5px;
       padding-left:0px; padding-right:0px; margin-left:100px; float:left;}
.registration{width:100%; height:auto;}	
.registration-box{width:100%; height:auto;}	
.testimonial-box{width:100%; height:auto; margin-left:0px;}	
.registration h2{width:100%; height:auto;}	
.form{width:90%; height:auto; padding:5px;}
.form1{width:90%; height:auto;	}
.sbmt{width:83%; height:auto; margin-bottom:10px; padding:5px;}		
.flot-right{width:100%; height:auto;}	
.left{width:100%; height:auto;}		
.fotter{width:90%; height:auto;}		
.footer-box{width:80%; height:auto;}	
.footer-box h3{width:100%; height:auto;}	
.footer-box p{width:100%; height:auto;}		
.copyright{width:100%; height:auto;}		
.copyright p{width:100%; height:auto;}
.copyright a{width:100%; height:auto;}		
.download-box{width:100%; height:auto;}
.download-box-in{width:100%; height:auto;}		
.download-button{width:100%; height:auto;}		
.download-button h5{width:100%; height:auto;}	
.wedding-page{width:100%; height:auto;}		
.side-slide-text{width:90%; height:auto;}
}
	
	
@media screen and (min-width:481px) and (max-width:641px){
body{
	margin:0px;
	padding:0px;}
.wrp{width:100%; height:auto;float:left;}
.sldwrp{width:100%; height:auto; float:left;}
.slider {width:100%; height:auto;float:left;}
.clearfix{width:100%; height:auto;float:left;}
.bb-custom-wrapper{width:500%; height:auto;float:left;}			
#bb-bookblock{width:100%; height:auto;float:left;}
.bb-bookblock{width:100%; height:auto;float:left;}
.bb-item{width:100%; height:auto; float:left;}
.bb-item img{width:100%; height:auto; margin-top:-115px; }
	
.bg{width:100%; height:auto;}
.dg{width:100%; height:auto;}
.ag{width:100%; height:auto;}		
.cg{width:100%; height:auto;}	
.main600{width:100%; height:auto;}	
#container{width:100%; height:auto;}
#container20{width:100%; height:auto;}
.line{width:100%; height:auto;}	
.main{ width:100%; height:auto;}
.slide{width:100%; height:auto;}			
.header{width:100%; height:auto;}
.logo{width:100%; height:auto;}
.logo img{}	
.social-box{width:100%; height:auto;}		
.social{width:100%; height:auto;	}
.social img{}
.app img{margin-top: 40px; margin-bottom: 20px; margin-right: 0px;	}			
.app{width:100%; height:auto;	}		
.slide-box{width:95%; height:auto; float:left;}	
.big-box{}
.big-box-in h2{width:90%; height:75px; margin-top:0px;}	
.small-box{	}	
.mini-box{}	
.micro-box{}	
.big-box-in{width:100%; height:auto;}
#about_text1{ width:100%; height:auto;}
.albumbox{ width:50%; height:auto; float:left; margin-left:100px;}
.about_text1-boxtext{width:100%; height:auto;}	

#navigator{width:100%; height:auto;}
.nav{width:100%; height:auto;}
.nav ul{width:100%; height:auto; margin-left:0px;}
.nav li{width:100%; height:auto;}
.main-box{width:90%; height:auto;}
.main-box-in-text{width:100%; height:auto;}
h2{width:100%; height:auto;}
p{width:100%; height:auto; padding:10px;}
.album{width:100%; height:auto;}
.album-text{width:100%; height:auto;}
.album-box{width:100%; height:auto;}
.album-box img	{width:87%; height:auto;}
.album-text a{}
.album-text a:hover{}	
#about_text{width:100%; height:auto;}	
.contact_form{width:100%; height:auto;	}
.contact_form1{width:100%; height:auto;	}
#about_text h2{width:90%; height:auto;}	
#about_text h3{width:95%; height:auto;}
#about_text h4{width:100%; height:auto;}	
#about_text p{width:100%; height:auto;}
.marg{width:45%; height:auto; margin-top:0px; margin-bottom:5px; 
      padding-left:0px; padding-right:0px; margin-left:100px; float:left;}

.registration{width:100%; height:auto;}	
.registration-box{width:100%; height:auto;}	
.testimonial-box{width:90%; height:auto;}	
.registration h2{width:100%; height:auto;}	
.form{width:90%; height:auto; padding:5px;}
.form1{width:90%; height:auto;	}
.sbmt{width:90%; height:auto; margin-bottom:10px; margin-right:35px;}		
.flot-right{width:100%; height:auto;}	
.left{width:100%; height:auto;}		
.fotter{width:90%; height:auto;}		
.footer-box{width:90%; height:auto;}	
.footer-box h3{width:100%; height:auto;}	
.footer-box p{width:100%; height:auto;}		
.copyright{width:100%; height:auto;}		
.copyright p{width:100%; height:auto;}
.copyright a{width:100%; height:auto;}		
.download-box{width:100%; height:auto;}
.download-box-in{width:100%; height:auto;}		
.download-button{width:100%; height:auto;}		
.download-button h5{width:100%; height:auto;}	
.wedding-page{width:100%; height:auto;}		
.side-slide-text{width:100%; height:auto;}	
	
}

@media screen and (min-width:641px) and (max-width:801px){
	
body{
	margin:0px;
	padding:0px;}
.wrp{width:100%; height:auto;float:left;}
.sldwrp{width:100%; height:auto; float:left;}
.slider {width:100%; height:auto;float:left;}
.clearfix{width:100%; height:auto;float:left;}
.bb-custom-wrapper{width:500%; height:auto;float:left;}			
#bb-bookblock{width:100%; height:auto;float:left;}
.bb-bookblock{width:100%; height:auto;float:left;}
.bb-item{width:100%; height:auto; float:left;}
.bb-item img{width:100%; height:auto; margin-top:-115px; }
	
.bg{width:100%; height:auto;}
.dg{width:100%; height:auto;}
.ag{width:100%; height:auto;}		
.cg{width:100%; height:auto;}	
.about_text1-boxtext{width:100%; height:auto;}
.main600{width:100%; height:auto;}	
#container{width:100%; height:auto;}
#container20{width:100%; height:auto;}
.line{width:100%; height:auto;}	
.main{ width:100%; height:auto;}
.slide{width:100%; height:auto;}			
.header{width:100%; height:auto;}
.logo{width:100%; height:auto;}
.logo img{}	
.social-box{width:100%; height:auto;}		
.social{width:100%; height:auto;	}
.social img{}
.app img{ width:80%; margin-top: 40px; margin-bottom: 20px; margin-right: 0px;	}			
.app{width:100%; height:auto; margin-right:30px	}		
.slide-box{width:95%; height:auto; float:left;}	
.big-box{}
.big-box-in h2{width:30%; height:auto; margin-top:-26px;}	
.small-box{	}	
.mini-box{}	
.micro-box{}	
.big-box-in{width:100%; height:auto;}
#about_text1{ width:100%; height:auto;}
.albumbox{ width:50%; height:auto; float:left; margin-left:100px;}	

#navigator{width:100%; height:auto;}
.nav{width:100%; height:auto;}
.nav ul{width:100%; height:auto; margin-left:0px;}
.nav li{width:100%; height:auto;}
.main-box{width:90%; height:auto;}
.main-box-in-text{width:100%; height:auto;}
h2{width:100%; height:auto;}
p{width:100%; height:auto; padding:10px;}
.album{width:100%; height:auto;}
.album-text{width:100%; height:auto;}
.album-box{width:100%; height:auto;}
.album-box img	{width:87%; height:auto;}
.album-text a{}
.album-text a:hover{}	
#about_text{width:100%; height:auto;}	
.contact_form{width:100%; height:auto;	}
.contact_form1{width:100%; height:auto;	}
#about_text h2{width:90%; height:auto;}	
#about_text h3{width:95%; height:auto;}
#about_text h4{width:100%; height:auto;}	
#about_text p{width:100%; height:auto;}
.marg{width:45%; height:auto; margin-top:0px; margin-bottom:5px;
       padding-left:0px; padding-right:0px; margin-left:120px; }

.registration{width:100%; height:auto;}	
.registration-box{width:100%; height:auto;}	
.testimonial-box{width:90%; height:auto;}	
.registration h2{width:100%; height:auto;}	
.form{width:90%; height:auto; padding:5px;}
.form1{width:90%; height:auto;	}
.sbmt{width:90%; height:auto; margin-bottom:10px; margin-right:35px;}		
.flot-right{width:100%; height:auto;}	
.left{width:100%; height:auto;}		
.fotter{width:90%; height:auto;}		
.footer-box{width:90%; height:auto;}	
.footer-box h3{width:100%; height:auto;}	
.footer-box p{width:100%; height:auto;}		
.copyright{width:100%; height:auto;}		
.copyright p{width:100%; height:auto;}
.copyright a{width:100%; height:auto;}		
.download-box{width:100%; height:auto;}
.download-box-in{width:100%; height:auto;}		
.download-button{width:100%; height:auto;}		
.download-button h5{width:100%; height:auto;}	
.wedding-page{width:100%; height:auto;}		
.side-slide-text{width:100%; height:auto;}	
	
}
	
	
	
		