/* ==========================================================================
   Media Queries
   ========================================================================== */

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

body{ font-size:14px;}
.container {width: 750px;position:relative;}
h1{max-width:200px; margin:0 10px;display:inline-block;}
#header_outer{text-align:center;padding-top:15px;}
.nav{float:none;}



.top_content{position:relative;}
.mainimage{position:absolute;right:20px;top:30px;width:40%;max-width:340px;}
.top_text {padding:40px 0 60px;width:56%;line-height:2em;}
.top_text p.titleno{font-weight:800; font-size:16px;margin:5px 0 0 0;padding:0;}
.top_text h2{ font-size:30px;line-height:1em;color:#385997;font-weight:800;margin:0;}	
.top_text p.date{color:#385997;font-weight:800;font-size:18px;margin-bottom:20px;}
.top_text p.catch{display:inline-block;margin-bottom:30px;border-top:1px dotted #999;border-bottom:1px dotted #999;padding:10px 20px;}
.top_text p.news{margin-bottom:40px;color:#B95F8A;font-weight:800;}


#story{ padding:40px 0px 60px;margin:0;}
#story .story_area p{line-height:2.5em;}


#info{padding:40px 0px;}
.info_area{position:relative;}
.mainimage2{position:absolute;right:20px;top:0;width:40%;max-width:370px;}
#info .info_area .text_info{width:56%;display:block;font-size:1.2em;padding-top:10px;}
#info .info_area h3{text-align:center;}
#info .info_area p{padding-bottom:30px;text-align:center;}



#cast{padding:40px 0px;text-align:center;}
#cast h3{margin-bottom:30px;}
#cast .client_profile_pic{display:inline-block;padding:0 10px 0;line-height:1.3em;width:164px;height:164px;}
#cast .client_profile_pic img{border-radius:50%;border:3px solid #f5f5f5;margin-bottom:3px;}
#cast_box{padding:40px 0;}
#Staff{padding:40px 0 0;line-height:2em;}
#Staff .staff_main{font-size:1.25em;font-weight:bold;}





#theater{padding:40px 0px;}
#theater .theater_area{background:url(../img/map.png) no-repeat right top;background-size:41% ;}
#theater .theater_cont_latest{}
#theater .theater_area .text{width:50%;text-align:left;display:block;padding-bottom:30px;font-size:1.2em;}
#theater .theater_area h3,#theater .theater_area p{margin-bottom:35px;line-height:1.2em;}


.theater_cont_latest{position:relative;}

#team{padding:40px 0px;}


.team-leader-box{
	width:30.66%;margin-bottom:20px;border:1px solid #CCC;
	margin-right: 3%;line-height:1em;
	height: 130px;padding-top:20px;
	text-align: center;display:inline-block;
	float: left;
}
.team-leader-box:nth-of-type(3n+0){ margin:0;}

.team-leader-box h3{line-height:1.2em;padding:0 5px 15px;}
#team span{margin-bottom:20px;text-align:center;line-height:1.5em;}

}




@media only screen and (max-width: 767px) {
body{ font-size:14px;overflow-x: hidden;}
#header_outer{margin:0;height:95px;width:100%;position:relative;}
.header_section{width:100%;}

h1{position:absolute;top:-10px;left:10px;width:13%;min-width:170px;}

.nav{position:absolute; width:100%; top:50px;}
toggle.ul{ background:#fff; width:100%;}
.nav ul{border-top:1px solid #666;margin-top:28px;}
.nav ul li{ border-bottom:1px solid #666; display:block; float:none; width:100%; margin:0px; text-align:center;}
.nav ul li a{ padding:6px 0px;color:#FFF;background:#333;}
.res-nav_click{display: block;font-size: 28px;top:20px;right:20px;position: absolute;color:#6696E4;}
.res-nav_click a{ text-decoration:none;color:#CCC;}
.res-nav_click a:hover{ text-decoration:none; }
.nav ul{ background:#fff; display:none;}
.nav ul.toggle{display:none;visibility:visible;height:auto;overflow:none; }
.nav ul.toggle li a{padding:8px 0;}

.mainimage{width:60%;height:auto;margin:0 auto;padding:10px 0;text-align:center;}
.top_content{position:relative;}

.top_text {padding:0 0 20px;line-height:1.8em;}
.top_text p.titleno{font-weight:800; font-size:16px;margin:5px 0 0 0;padding:0;}
.top_text h2{ font-size:24px;line-height:1em;color:#385997;font-weight:800;margin:0;}	
.top_text p.date{color:#385997;font-weight:800;font-size:18px;}
.top_text p.catch{display:inline-block;border-top:1px dotted #999;border-bottom:1px dotted #999;padding:10px;}
.top_text p.news{margin-bottom:20px;color:#B95F8A;font-weight:800;}

.top_text a.learn_more2{width:90%;}

a.learn_more3{width:90%;}

#story{ padding:20px 0;margin:0;}
#story .story_area p{line-height:1.5em;}




#info .info_area{width:96%;text-align:center;}
.mainimage2{width:60%;height:auto;margin:0 auto 20px;text-align:center;}
#info .info_area .text{display:block;padding:20px 0;font-size:1.2em;}
#info .info_area p{padding-bottom:20px;}
#info .info_bottom{padding:20px auto;}
#info .info_bottom span{font-size:14px;line-height:1.3em;color:#CC3333;font-weight:bold;display:block;margin:0 auto 20px;}
#info a.contact_btn{width:90%;}

.c-logo-part ul li{margin:0 10px;}
.c-logo-part ul a{display:inline-block;margin: 0;width:100px;}


#cast{padding:40px 0px;}
#cast h3{text-align:center;margin-bottom:30px;}

#cast_box .client_profile_pic{display:inline-block;padding:0;margin:10px 7px;line-height:1.3em;width:50%;height:50%;font-size:12px;}
#cast_box .client_profile_pic img{border-radius:50%;border:1px solid #ddd;}
#Staff{padding:30px 0 0;line-height:1.5em;}
#Staff h3{margin-bottom:40px;}
#Staff .staff_main{font-weight:bold;margin-bottom:20px;}


#theater .theater_area{width:96%;text-align:center;margin-bottom:40px;}


#team table{width:100%;margin:0 auto 20px;font-size:12px;}
#team table th{padding:5px 3px;}
#team table td{padding:5px 3px;}


.team-leader-box{
margin-bottom:10px;border:1px solid #CCC;width:100%;height:auto;padding:10px 0 0;
text-align: center;word-break: break-all;font-size:12px;
}
.team-leader-box h3{line-height:1.2em;font-size:12px;padding:0 5px 15px;}
.team-leader-box span{padding:0 5px;margin:0;}


.main-section.contact{padding:40px 0;text-align:center;width:96%;margin:0 auto;}
.contact-info-box{margin:0 10px;}
.social-link{padding:0;margin:0;text-align:center;display:block;}
.social-link li{float:none;display:inline-block;margin:3px;}

}



@media (min-width: 992px) {
  .container {width: 970px;}
}