@charset "utf-8";
.Stownfor_phone, .Stownfor_phone_iner{
	display:none;
	}
@media only screen and (max-width:1280px){
	.container{
		width: 86%;
		}
	.register_box, .transportation_box, .accomodation_box{
		margin-left:40px;
		}
	.mar_right {
   		 margin-right: 25px;
	}
	}
@media only screen and (max-width:1061px){

	.register_box, .transportation_box, .accomodation_box{
		margin-left:25px;
		}
		
	.container_right {
    	 margin-right: 25px;
    	width: 11%;
}
	}
@media only screen and (max-width:1155px){
	.register_box, .transportation_box, .accomodation_box{
		margin-left:0px;
		}
	.container_right {
   		 margin-right: 25px;
    	 width: 11%;
}
	}
@media only screen and (max-width:1085px){
	.container{
		width: 85%;
		}
	
	.container_right {
   		 margin-right: 25px;
   		 width: 12%;
	}
	.register_box, .transportation_box, .accomodation_box{
		margin-left:0px;
		}
	}
@media only screen and (max-width:1068px){
	.container{
		width: 84%;
		}
	.register_box, .transportation_box, .accomodation_box{
		width: 212px;
		/*margin-left: 4px;*/
		}
	
	
	}
@media only screen and (max-width:1024px){
	
	/*welcome page css*/
	.container{
		width:85%;
		}
	.left{
		width:16%;
		}
	.right{
		width:84%;
		}
	.img_links{
		margin-top:24px;
		}
	.register_box, .transportation_box, .accomodation_box{
		/*float:none;*/
		/*margin-left:4px */
		}
	
	
	/*.navigation ul li a {
        margin: 5px;
	}*/
	.add a {
   		 margin: 0 13px;
	}
	.add {
    	width:82%;
	}
	/*about */
	
	.container_right {
		margin-right: 25px;
		width: 12%;
	}
	}
@media only screen and (max-width:980px){
	.container_right {
   		 margin-right: 23px;
	}
	
	}
@media only screen and (max-width:960px){
	
	/*welcome page css*/
	
	.container {
       width: 83%;
    }
	.container_right {
		width:13.5%;
	}
	.register_box, .transportation_box, .accomodation_box{
		width:200px;
		height:200px;
		}
		
	/*shedule page css*/
	.shedule_list {
    margin-left: 20px;
    margin-right: 30px;
}
}

@media only screen and (max-width:800px){
	/*welcome page css*/
	.container{
		width:82.5%;
		}
	.container_right {
        width: 15.5%;
		margin-right:10px;
      }
	.right{
		height:95%;
		width:80%;
		}
	.left{
		width:20%;
		}

	.register_box, .transportation_box, .accomodation_box {
    height: 179px;
    width: 155px;
	margin-left:0px;
}
	
	.bottom{
		 padding-top:10px;
		 }
	
	.navigation{
		padding-left: 0px;
		}
	.navigation ul li a{
		margin:2px;
		}
		
.mar_right {
    margin-right: 0;
}
		
}
@media only screen and (max-width:768px){
	/*welcome page css*/
	.register_box, .transportation_box, .accomodation_box {
      height: 179px;
      width: 148px;
	  
}
.add a {
    margin: 0 5px;
}
	.container{
		width:82%;
		}
	.container_right {
    	width: 16%;
		}
	.right{
		width:81%;
		}
	.left{
		width:19%;
		}
	/*.navigation ul li a {
   		 margin: 5px;
     }*/
}
@media only screen and (max-width:640px){
	/*welcome page css*/
	
	.register_box, .transportation_box, .accomodation_box{
		float:none;
		margin:4px auto;
		width:220px;
		height:224px;
		display:block;
		}
	.add{
		width:100%;
		float:none;
		margin-top:0px;
		}
		.add a{
		display:block;
		text-align:center;
		margin-top:25px;
		}
	.brochure{
		display:none;
		}
	.Stownfor_phone{
		display:block !important;
		padding-top:50px;
		}
	.onphone{
		display:none;
		}

		
		
	.mobile_menu{
		display:block;
		}
	.navigation{
		display:none !important;
		}
	.right{
		height:90%;
		}
	.left, .right, .container{
		width:100%;
		clear:both; 
	}
	.left{
		padding-bottom:26px;
		}
	.aniversary, .container_right{
		display:none;
		}
	.container h1{
		float:none;
		text-align:center;
		}
	.footer{
		height:140px;
		background:url(../images/mob_footer.png) repeat-x;
		padding:15px 0px;
		color:#333 !important;
		}
	.F_left, .f_right, .web, .f_right a{
		float:none;
		display:block;
		text-align:center;
		padding:0px;
		}
	.f_right a{
		margin-bottom:18px;
		}
	.web{
		margin-bottom:8px;
		}
	.main_box{
		height:auto !important;
		}
	.footer{
		position: static;
		}
	.Stownfor_phone_iner{
		display:block;
		padding-top: 50px;
		}
}
@media only screen and (max-width:360px){
	.top_heading h1{
		 right:20%;
		 }
	.menu{
		width:50% !important;
		}
	
	.day {
   		 width: 130px !important;
	}
	
}
@media only screen and (max-width:320px){
	.day {
   		 width: 105px !important;
		 font-size:12px;
	}
	.month{
		font-size:12px !important;
		}
	}