@media screen and (max-width:1000px) {
   
   .site{ width: auto;  }
   .header{ background-image:none; height:auto; margin-bottom:40px;  }
   .menuBox{ display:block; width:auto; position:relative; background-color:#FFF; top:auto; left:auto; }
   .smallMenu{ position:relative; width:auto; right:auto; text-align:center; }
   .smallMenu a{ font-size:12px; display:inline-block; padding:5px 10px; }
   .logoBox{ position:relative; left:auto; text-align:center; }

   .feelingText{ width:43%; padding-left:15px; }
   .feelingText img{ width:100%; height:auto; }
   .feelingPic{ width:50%; height:auto; }
	
	#jsddm{ text-align:center; width:100% }
	#jsddm li{ float:none; }
	#jsddm li a{ padding:17px 10px; display:inline-block; }
	
	.boxesHome{ text-align:center; }
	.box{ display:inline-block; float:none; margin:0px; vertical-align:top; }

	.middleContent{ width:65%; }
	

}


@media screen and (max-width:748px) {
   
    .leftBox  { width:auto; float:none; }
    .leftBox .box{ display:none; width:auto; }
	.leftBox .box:nth-child(1){ display:block; float:none; }
	ul.leftMenu{ width:100%; text-align:center; }
	ul.leftMenu li{ display:inline-block; margin:0px 10px; }
	.middleContent{ width:auto; float:none; margin:10px; }
	
}

@media screen and (max-width:670px) {
	
	.menuBox{ position:relative;  display:none; }
	.menuOpenerBox{ display:block; }
	
	#jsddm{	margin: 0;	padding: 0; text-align:center;  display:block; width:auto; }
	#jsddm li{ display:block; padding:10px 0px; border-bottom:1px solid #DDD; }
	#jsddm li a{ padding:6px; border:none; color:#000; display:block; width:auto; }
	#jsddm li ul li a{ text-align:center; padding:6px; }

	.feelingText{ width:auto; float:none; }
    .feelingText img{ width:100%; height:auto; }
    .feelingPic{ width:auto; height:auto; float:none; border-left:none; }
	.flexslider{ margin:0px !important; }
	.middleContent img{ width:100%; height:auto; } 

}

@media screen and (max-width:480px) {
	
	table.form_table input.inputmezo2 , table.form_table .inputArea , input.inputmezo , table.datas input.inputmezo2 , table.datas .inputArea{  width:80%; }
	table.form_table select.text250, input.text250 , table.datas input.text250{ width:90%; }
	table.form_table textarea , table.datas textarea{ width:90% !important; }
	
	table.form_table td{ text-align:left !important;}
	table.form_table td img{ width:auto !important;}

	table.datas td, table td { float:left; width:100% !important; display:block; }
	iframe{ width:100% !important; }

	.footerBox{ height:auto; padding:20px; margin:30px; }
	.footerRight{ margin-top:100px; }
	.footerLeft .t { width:230px; }
}

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

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