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

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

body{ font-size:14px;}
.container {width: 750px;}
h1{max-width:80px; font-size: 2em;margin:0 10px;}
#header_outer{text-align:center;padding-top:10px;}
.nav{float:none;}
.mainimage,.mainimage2{visibility:hidden;height:0;}
	
.top_cont_inner{background:url(../img/white_pad.png) no-repeat right top;background-size:40%;margin-top:20px;}
.top_left_cont { padding:20px 0;width:56%;line-height:2em;}
.top_left_cont p.titleno{font-weight:800; font-size:16px;margin:5px 0 0 0;padding:0;}
.top_left_cont h2{ font-size:30px;line-height:1em;color:#CC3333;font-weight:800;margin:0;}	
.top_left_cont p.date{color:#CC3333;font-weight:800;font-size:18px;margin-bottom:20px;}
.top_left_cont p.catch{display:inline-block;margin-bottom:30px;border-top:1px dotted #999;border-bottom:1px dotted #999;padding:10px 20px;}
.top_left_cont p.news{margin-bottom:40px;color:#208DC8;font-weight:800;}
		
#story{ padding:40px 0px 60px;margin:0;}
#story .story_area p{line-height:2.5em;}

#info{padding:40px 0px;}

#info .info_area{background:url(../img/dashboard_pic.png) no-repeat right top;text-align:center;width:auto;background-size:38%;}
#info .info_area .text{width:50%;text-align:left;display:block;padding-bottom:30px;font-size:1.2em;}
#info .info_area h3{text-align:center;}
#info .info_area p{padding-bottom:30px;text-align:center;}

#cast{padding:40px 0px;}
#cast .client_profile_pic{display:inline-block;padding:0 5px;line-height:1.3em;width:145px;height:145px;}
#cast .client_profile_pic img{border-radius:50%;border:1px solid #ccc;margin-bottom:3px;margin-top:20px;}
#Casts{padding:40px 0 60px;}
#Staff{padding:40px 0 0;line-height:2em;}
#Staff h3{margin-bottom:30px;}
#Staff .staff_main{font-size:1.25em;font-weight:bold;margin-bottom:20px;}

#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:70px;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;}
h1{width:20%;height:auto;max-width:45px;margin:0;position:absolute;}
h1 img{margin:10px 0 5px 10px;}
.header{height:auto;margin:0;padding:0;}
#header_outer{margin:0;height:85px;}
.header_section{height:auto;}


.mainimage img{width:50%;height:auto;margin:0 auto 10px;text-align:center;}
.mainimage2 img{width:90%;height:auto;margin:0 auto 30px;text-align:center;}

.nav{position:absolute; width:100%; top:10px;}
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{color:#CC3333;display: block;font-size: 28px;top:0;right:10px;position: absolute;}
.res-nav_click a{ text-decoration:none;color:#CCC;}
.res-nav_click a:hover{ text-decoration:none; color:#CC3333;}
.nav ul{ background:#fff; display:none;}
.nav ul.toggle{display:none;visibility:visible;height:auto;overflow:none;}

.top_cont_outer{padding-top:10px;margin:0;}
.top_cont_inner{}
.top_left_cont {width:96%;height:auto;margin:0 auto;padding:0;}
.top_left_cont p{line-height:1.5em;}
.top_left_cont p.titleno{font-weight:800;margin:5px 0 0 0;padding:0;}
.top_left_cont h2{ font-size:24px;line-height:1em;color:#CC3333;font-weight:800;margin:0;}	
.top_left_cont p.date{color:#CC3333;font-weight:800;margin-bottom:15px;}
.top_left_cont p.catch{display:inline-block;margin-bottom:15px;border-top:1px dotted #999;border-bottom:1px dotted #999;padding:10px;}
.top_left_cont p.news{color:#208DC8;font-weight:800;}
.top_left_cont a.learn_more2{width:90%;}

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

#info .info_area{width:96%;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 5px;}
.c-logo-part ul a{display:inline-block;margin: 0;width:100px;}


#cast{padding:40px 0px;}
#Casts{}
#Casts .client_profile_pic{display:inline-block;padding:0;margin:10px 7px;line-height:1.3em;width:50%;height:50%;font-size:12px;}
#Casts .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;}
.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;}
}