@charset "utf-8";
/* MEDIA QUERIES */
@media screen and (max-width: 900px) {
	#header{height:112px; }
	#header.expanded{height:262px; }
	#header.expanded.programs{height:303px; }
	.inner_wrap{ width:360px; }
	#logo{ width:180px; height:70px; background:url(../images/mobile-logo.png) no-repeat center; }
	/*#interactive_room{ display:none; }*/
	div#top_menu{ display:none; }
	div#top_menu.mobile{ display:block; position:relative; margin:0 8px 28px 0;  }
	div#top_menu.mobile.expanded{ height:192px; }
	div#top_menu.mobile.expanded.programs{ height:192px; }
	ul#top_menu_out{ float:right; margin:0; }
	ul#top_menu_out > li { border-radius:12px 12px 0 0; -moz-border-radius:12px 12px 0 0; -webkit-border-radius:12px 12px 0 0; }
	ul#top_menu_out li.menu_btn{ background:#2a3990; }
	ul#top_menu_out li.menu_btn.programs{ background:#39b54a; }
	
	div.menu_container{ position:absolute; left:0; border-top:solid 3px #fff; height:142px; background:url(../images/menu-bg.png) repeat-x left top #5a5b5e; display:none; margin-right:-8px; }
	div.menu_container.programs{ height:180px; }
	div#top_menu.expanded div.menu_container{ border-bottom:solid 4px #fff; display:block; }
	div#top_menu.expanded div.menu_container.programs{ display:none; }
	div#top_menu.expanded.programs div.menu_container.programs{ display:block; }
	div#top_menu.expanded.programs div.menu_container{ display:none; }
	.menu_container ul#top_menu_mobile{ margin:0; /*overflow: auto;*/ }
	#top_menu_mobile li{ border:none; width:49%; /*Added By Sneha*/ margin-left:0; margin-top: 10px; margin-bottom: 10px; float: none; display: inline-block;  }
	#top_menu_mobile li a{ font-size:12px; color:#FFF; line-height:18px; }
	#top_menu_mobile li a:hover,
	#top_menu_mobile li a.current-menu-item,
	#top_menu_mobile li a.current_page_item{ color:#ffdf00; }
	#interactive_room .window,
	#interactive_room .inner_wrap{ width:360px; height:284px; }
	#interactive_room .nav{ width:23px; height:284px; }
	#interactive_room .screen{ width:354px; height:279px; margin:3px; }
	#interactive_room .screen .container{ background-position:left -50px; }
	#interactive_room .characters{ margin-top:-10px; }
	/*#interactive_room .info_box{ height:75px; width:288px; left:36px; bottom:4px; }*/
	#interactive_room .info_box { height: 84px; width: 338px; left: 11px;/* bottom: 10px; */}
	#interactive_room .info_box .demo{ height:75px; font-size:20px; }
	#interactive_room .nav.left{ background-position:-7px center; }
	#interactive_room .nav.right{ background-position:-38px center; }
	#interactive_room .info_box td{ padding:5px; }
	#interactive_room .info_box td:first-child{ padding:10px 5px 5px 10px; width:215px; }
	#interactive_room .info_box td h4{ font-size:12px; margin:0px; line-height:16px;}
	#interactive_room .info_box td p{ font-size:10px; line-height:14px; }
	/*#interactive_room .info_box .char_link{ width:70px; height:18px; }*/
	#interactive_room .info_box .char_link {width: 84px; height: 25px;  top:45px;}
	#tabs{ display:none; }
	
	#tabs.mobile{ display:block; }
	#tabs .tab-content{ height:236px; }
	#tabs #links a{ width:76px; display:table-cell; vertical-align:middle; line-height:auto; font-size:11px; line-height:normal; float:none; }
	#tabs .cell{ width:174px; margin-right:4px; height:76px; }
	#tabs .cell.col_2{ margin-right:0; }
	#tabs .cell .text{ font-size:15px; }
	#tabs .cell .icon{ width:50px; background-size:36px 36px; }
	#tabs .cell.row_3{ margin-top:4px; }
	#tabs .cell .c,
	#tabs .cell .text,
	#tabs .cell .icon{ height:76px; }
	#tabs #box1 .cell.col_1{ background:#2a3990; }
	#tabs #box1 .cell.col_2{ background:#2a3990; }
	#tabs #box1 .cell.col_3{ background:#2a3990; }
	#tabs #box2 .cell.col_1{ background:#39b54a; }
	#tabs #box2 .cell.col_2{ background:#39b54a; }
	#tabs #box2 .cell.col_3{ background:#39b54a; }
	#tabs #box3 .cell.col_1{ background:#5ec4f0; }
	#tabs #box3 .cell.col_2{ background:#5ec4f0; }
	#tabs #box3 .cell.col_3{ background:#5ec4f0; }
	#tabs #box4 .cell.col_1{ background:#ed1c24; }
	#tabs #box4 .cell.col_2{ background:#ed1c24; }
	#tabs #box4 .cell.col_3{ background:#ed1c24; }
	#tabs .cell.row_1.col_1{ border-radius:11px 0 0; -moz-border-radius:11px 0 0; -webkit-border-radius:11px 0 0; }
	#tabs .cell.row_1.col_2{ border-radius:0 11px 0 0; -moz-border-radius:0 11px 0 0; -webkit-border-radius:0 11px 0 0; }
	#tabs .cell.row_2.col_1{ border-radius:0 0 0 11px; -moz-border-radius:0 0 0 11px; -webkit-border-radius:0 0 0 11px; }
	#tabs .cell.row_2.col_2{ border-radius:0 0 11px ; -moz-border-radius:0 0 11px; -webkit-border-radius:0 0 11px; }
	#tabs #box1 .cell.row_2.col_1{ border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
	#tabs #box1 .cell.row_2.col_2{ border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
	#tabs #box1 .cell.row_3.col_1{ border-radius:0 0 0 11px; -moz-border-radius:0 0 0 11px; -webkit-border-radius:0 0 0 11px; }
	#tabs #box1 .cell.row_3.col_2{ border-radius:0 0 11px ; -moz-border-radius:0 0 11px; -webkit-border-radius:0 0 11px; }
	#tabs #box3 .cell.row_2.col_1{ border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
	#tabs #box3 .cell.row_2.col_2{ border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
	#tabs #box3 .cell.row_3.col_1{ border-radius:0 0 0 11px; -moz-border-radius:0 0 0 11px; -webkit-border-radius:0 0 0 11px; }
	#tabs #box3 .cell.row_3.col_2{ border-radius:0 0 11px ; -moz-border-radius:0 0 11px; -webkit-border-radius:0 0 11px; }	
	#tabs #box4 .cell.row_1.col_1{ border-radius:11px 0 0 11px; -moz-border-radius:11px 0 0 11px; -webkit-border-radius:11px 0 0 11px; }
	#tabs #box4 .cell.row_1.col_2{ border-radius:0 11px 11px 0 ; -moz-border-radius:0 11px 11px 0; -webkit-border-radius:0 11px 11px 0; }		
	#tabs #box2{ height:156px; /*margin-bottom:108px;*/ }
	#tabs #box4{ height:76px; /*margin-bottom:108px;*/ }
	#footer .inner_wrap{ width:316px; }
	#footer_links{ margin-left:0; margin-top:31px; width:auto; }
	#newsletter{ display:none; }
	#newsletter.mobile{ float:left; display:block; margin-top:25px; }
	#footer .meta{ margin-top:5px; }
	
	#left_sidebar,.breadcrumb{ display:none; }
	#right_content{ float:none; width:360px; }
	#right_content #heading{ /*min-height:inherit;*/ min-height:100px; }
	#right_content #heading img{ display:none; }
	#right_content #main_content > div.character { display:none; }
	#heading h1.article_title{ font-size:24px; line-height:26px; /*letter-spacing:-1px;*/ }
	#heading .character{ width:98px; height:98px; background-size:196px; top:32px; }
	#heading p.short_description{ font-size:11px; line-height:17px; margin-bottom:0; }
	#heading .character.char_1{ background-position:top left; }
	#heading .character.char_2{ background-position:left -98px; }
	#heading .character.char_3{ background-position:left -196px; }
	#heading .character.char_4{ background-position:left -294px; }
	#heading .character.char_5{ background-position:left -392px; }
	#heading .character.char_6{ background-position:left -490px; }
	#heading .character.char_7{ background-position:left -588px; }
	#heading .character.char_8{ background-position:right top; }
	#heading .character.char_9{ background-position:right -98px; }
	#heading .character.char_10{ background-position:right -196px; }
	#heading .character.char_11{ background-position:right -294px; }
	#heading .character.char_12{ background-position:right -392px; }
	#heading .character.char_13{ background-position:right -490px; }
	
	#right_content.type_1 #main_content .content, #right_content.type_2 #main_content .content{ width:auto; }
	.type_1 #main_content blockquote, .type_2 #main_content blockquote{ position:static; width:auto; font-size:11px; }
	#main_content blockquote *{ font-size:11px; }
	.boxes .widget_title h2{ font-size:14px; }
	.widget_content.resources li{ background-size:35px; } 
	#three_box .boxes{ width:312px; min-height:inherit; margin:0 0 12px;   }
	.widget_content span, .widget_content span, .widget_content li, .widget_content p{ font-size:11px; line-height:15px; }
	.widget_content.resources li{ font-size:11px; }
	
	#three_box .boxes.box_3{ width:312px; }
	.place_holder_slider .screen{ width:360px; background-size:cover; }
	.place_holder_slider .controls{ margin:0 auto -36px; }
	
	.listing .list_content{ width:195px; }
	#right_content.single_list_content #main_content{ padding-top:24px; }
	.single_list_content .right_content{ width:auto; float:none; }
	.single_list_content .featured_image{ display:none; }
	
	/*FORM*/
	textarea, input[type="text"], input[type="email"]{ min-width:inherit; width:95.5%; }
	
	/*Added By Sneha*/
	#right_content #main_content{ min-height:0;}
	#main_content h1.article_title{ font-size: 24px; line-height: 26px; }
	#right_content.single_list_content h1.article_title{ font-size: 24px; line-height: 26px;}
	/*#right_content p.short_description{ display:none;}
	#right_content p.short_description_mobile{ display:block; font-size:11px; line-height:17px; margin-bottom:0; color:#29aae2; font-weight:700; line-height:21px; margin:15px 0 20px; }*/
	.info_box p.mobdesc{ display:block;}
	.info_box p.desc{ display:none;}

	/*** additions 121 creative ***/
	
	/*character program pages*/
	.general_template div > table > tbody > tr > td {width:100% !important;float:left;}
	.general_template div > table > tbody > tr > td > *{padding-right:40px;}
	.general_template table table {width:100%;}
	
	.listing div.list_content_small {
	/*this should overwrite the generic list_content class*/
		width:130px;
		min-height:80px;
	}
	
	/*mobile phone number */
	#header #phone_box {
		padding-top: 15px;
		padding-right: 10px;
		width:160px;
		text-align:right;
		height:55px;
	}
	
	#header #phone_box h2 {
		font-size:18px;
		margin-bottom:0px;
		line-height:1.2;
	}
	
	#header #phone_box .jabiru_yellow {
		/*display:none;*/
	}
	
	.table_darkblue img, .table_green img, .table_lightblue img, .table_red img, .table_orange img, .table_darkgrey img, .table_lightgrey img  {
		display:none;
	}
	.general_template .table_darkblue img {display:inline;width:100%;}
	.general_template .table_green img {display:inline;width:100%;}
	.general_template .table_lightblue img {display:inline;width:100%;}
	.general_template .table_red img {display:inline;width:100%;}
	.general_template .table_orange img {display:inline;width:100%;}
	.general_template .table_darkgrey img {display:inline;width:100%;}
	.general_template .table_lightgrey img {display:inline;width:100%;}
	
	.table_darkblue h2, .table_green h2, .table_lightblue h2, .table_red h2, .table_orange h2, .table_darkgrey h2, .table_lightgrey h2  {
		padding-right:40px;
		text-align:center;
	}
}