/*==========================================================================================================*/
@media only screen and (max-width: 1023px) {
	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.tag-line h2 { font-size:54px; }
	h1, h2 { font-size:50px; }
	.section-title span:before { max-width:480px; }
	.news-list-section .container { padding:0 30px; }
	.news-box h5 { font-size:22px; margin:0 0 3px 0; }
	.news-section, .page-content, .welcome-section { padding:45px 0; }	
	.member-mail span { font-size:15px; }
	.member-mail span i { margin:-6px 2px 0 0; }
	.member-mail span a { letter-spacing:normal; }
	.contact-section { padding:52px 0 59px; }
	.member-name { font-size:28px; }
	.committee-work-box h6 { font-size:20px; margin:0 0 3px; letter-spacing:normal; }
	.team-member-box { margin-bottom:55px; }
	
} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	/*#logo, .custom-logo-link { max-width:113px; }*/
	.logo-box {  }
	.tag-line h2 { font-size:48px; }
	#mainmenu ul li { border-bottom:1px solid #d9d9d9; display:block; padding:3px 0; }
	#mainmenu { padding:0; }
	.tag-line { padding-bottom:30px; }
	#mainmenu ul li a { margin:0; }
	#mainmenu ul li a:before { left:-10px; }
	#mainmenu ul li a:after { content:""; height:2px; width:2px; background:#414141; border-radius:50%; position:absolute; top:0; bottom:0; margin:auto; right:-10px; }
	#mainmenu ul li:first-child a:before { display:none; }
	#mainmenu ul li a:before, #mainmenu ul li a:after { display:none; }
	#mainmenu ul li.active a:before, #mainmenu ul li.active a:after { display:block; }
	.container, .news-list-section .container { padding:0 42px; }
	h1, h2 { font-size:40px; }
	.section-title span:before { max-width:320px; }
	.news-box { margin:0 0 30px; }
	.news-more { border-top:1px solid #dedede; float:none; margin:0 auto 15px; padding-top:15px; max-width:300px; text-align:center; }
	.news-more.text-center { padding:15px 0 0; }
	#footer .container { padding:0; }
	.current-news-box { margin:10px 0 0; }
	.news-section, .page-content, .welcome-section { padding:35px 0 40px; }
	.current-news-box p + p { margin-top:18px; } 
	h3 { font-size:40px; }
	.current-news-box figure { margin-bottom:22px; }
	.current-news-box .newsdate { margin:0 0 14px; }
	.contact-section { padding:42px 0 49px; }
	.become-member-box p { font-size:16px; }
	.contact-box { font-size:16px; margin:15px 0 0; }
	.address-box, .phone-box { margin-bottom:15px; }
	.team-list-box .col-xs-12 { width:50%; }
	.team-list-box .container { padding:0 42px; }
	.footer-box { padding:3px 0 7px; }	
	.not-found { margin:80px 0; }
	
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	body { font-size:15px; line-height:1.37; }
	.fmenu li, .footer-box { font-size:13px; }
	.button { font-size:18px; }
	h3 { font-size:30px; }	
	.current-news-box .newsdate { font-size:13px; margin:0 0 10px; }
	.team-list-box .col-xs-12 { width:100%; }
	.member-mail span { font-size:18px; }
	.team-member-box figure { margin-bottom:18px; }
	.not-found { margin:60px 0; }
	.error404 .page-title { margin:10px 0 15px; }
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {	
	h1, h2 { font-size:33px; }
	.logo-box {  }
	/*#logo, .custom-logo-link { max-width:100px; }*/
	.section-title span:before { left:-10px; margin:auto; max-width:none; right:-10px; width:inherit; }
	.section-title span { position:relative; }
	.container { padding:0 20px; }
	.news-list-section .container { padding:0 22px; }
	.tag-line { padding-bottom:20px; padding-top:10px; }
	.tag-line h2 { font-size:40px; }
	#mainmenu ul li { font-size:16px; }
	.news-box h5 { margin-bottom:6px; }
	.news-list-section { padding:0 0 20px; }
	.section-news { padding-top:30px; }
	.fmenu li { padding-left:7px; padding-right:3px; }
	.copyright { margin:0 2px 0 0; }
}