@media only screen and (min-width:760px) and (max-width:1000px) {
img {max-width:100%; height:auto;}

/* 	-----------------------------------------------------
	------------------- Header Section Styles ------------------
	----------------------------------------------------- */
	
	#header_section header{ width:98%;  }
	#header_section header .header_left{ float:none; text-align:center;}
	#header_section header .header_right{ float:none; padding:10px 0px; }
	

/* 	-----------------------------------------------------
	------------------- Logo Nav Section Styles ------------------
	----------------------------------------------------- */
	
	#logo_nav_section{ width:98%; }
	#logo_nav_section .logo{ float:left; text-align:center; width:25%; }
	
	#logo_nav_section nav{  float:right; width:74%;}
		#logo_nav_section nav ul{ text-align:left; float:right; }
		#logo_nav_section nav ul li{  float:left; }
		#logo_nav_section nav ul li a{ font-size:90%;  padding:22px 4px 16px 4px; }
		
		
		/* 	-----------------------------------------------------
	------------------- Banner Section Styles ------------------
	----------------------------------------------------- */


#banner_section{ width:100%; height:auto; background:url(../images/bannerbg.jpg) 0 50px repeat-x; margin:0px auto; padding:0px; }
	
	#banner_section .banner_slider{ width:96%; height:auto; padding:7px 1% 5% 1%; margin:0 auto; background:url(../images/banner-frame.png) 0 0 no-repeat; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
	
	
	#innerbanner_section .banner_slider{ width:97%; height:auto; padding:7px 1% 52px 1%; margin:0 auto;}
	
			
.banner_slider img {
        width: 100%;
    height: 100%;
    border: 1px solid #ABABAB;
    padding: 5px;
    background: #fff;
}




	/* 	-----------------------------------------------------
	------------------- Age group Section Styles ------------------
	----------------------------------------------------- */
	.age-group-selection{ background-size: 100% 100%; height:220px; margin:0 auto; position:relative; }
	.age-group-selection .textsection{ width:472px; height:auto; position:absolute; top:20px; left:166px; text-align:center;}
	.age-group-selection .textsection p{ color:#2e2c2c; font-size:12px; line-height:18px;}
	.age-group-selection a.age-left{ width:164px; height:26px; text-indent:-55555px; position:absolute; top:168px; left:6px; display:block; padding:4px 0;}
	.age-group-selection a.age-right{ width:164px; height:26px; text-indent:-55555px; position:absolute; top:168px; right:6px; display:block; padding:4px 0;}
	
	
	
	#content_section .section01{ width:98%; margin:0 auto; padding:20px 0; }
	
		#content_section .section01 .section_left{ float:left; width:55%; }
		.section01 .section_left .tabsection01{ width:100%; height:auto;}
			.section01 .section_left .tabsection01 .tab_content { margin:0; padding:0; width:100%; height:40px; position:relative; z-index:109;}
			.section01 .section_left .tabsection01 .tab_details{ width:90%; height:auto; padding:5%; border-top:1px solid #b8b8b8; position:relative; z-index:108;}
			.tabsection01 .tab_details .recentnews_block{ width:100%; height:auto; padding:20px 0;}
			.tabsection01 .tab_details .recentnews_block .imgplaceholder{ float: left; margin: 0; padding: 0 0px 0 0; width: 10%;}
				.tabsection01 .tab_details .recentnews_block .newsdetail{ float: right; margin: 0; padding: 0; width: 87%;}
				
				.tabsection01 .tab_details .recentnews_block .social-share{ width:100%; height:26px; padding:8px 0; margin:12px 0; background: url(../images/social-share-bg.png) 0 0 repeat-x;}
		.section01 .section_left .tabsection01 .tab_details .tab_inner{ width:100%; height:auto;}
		
		#content_section .section01 .section_right{ float:right; width:40%;}
		.section01 .section_right .tabsection02{ width:100%; height:auto;}
			.section01 .section_right .tabsection02 .tab_content02 { margin:0; padding:0; width:100%; height:40px; position:relative; z-index:109;}
			.section01 .section_right .tabsection02 .tab_details02{ width:90%; height:auto; padding:5%; border-top:1px solid #b8b8b8; position:relative; z-index:108;}
			
			section01 .section_left .tabsection01 .tab_details .tab_inner{ width:100%; height:auto;}
			.section01 .section_right .tabsection02 .tab_details02 .videoplaceholder{ width:100%; height:230px; margin:0 auto 20px auto;}
			
			.section_right .tabsection02 .tab_details02 .video_panel{ width:100%; height:auto;}
			.section_right .tabsection02 .tab_details02 .video_panel .videothumb{ width:162px; margin:0px 4px 20px 4px; padding:4px; height:92px; float:left; background:#e6e6e6; }

	
	
	#content_section .section02{ width:100%; height:auto; margin:30px auto;}
	
	#content_section .section03{ width:98%; height:auto; margin:0 auto;}
			
			#content_section .section03 .math_section .text_section{ float:none; width:100%; height:auto;}
			
			#content_section .section03 .math_section .img_section{ float:none; width:210px; height:auto; }
			
			#content_section .section03 .location_section .location_row .address_box{ float:left; width:25%; height:auto; margin-right:1%;}
		#content_section .section03 .location_section .location_row .address_img{ float:left; width:25%; height:auto; margin-right:1%;}
		#content_section .section03 .location_section .location_row .location_map{ float:right; width:45%; height:auto;}
		
		#content_section .section03 .slider-box{ width:90%; height:auto; margin:10px auto;}
		
		
		.section03 .registration_form .registration_block .box_left{ float:left; width:45%; height:auto; margin-right:0px; }
			.section03 .registration_form .registration_block .box_right{ float:right; width:45%; height:auto;}
			
			
			#content_section .section03 .newsletter_section ul{ list-style:none; margin:0; padding:0; float:left; width:100%;}
			
			#content_section .section03 .newsletter_section .newsletter_form { float:left; width:90%;}
			
			#content_section .section03 .newsletter_section .newsletter_image {float:none; padding:10px 0px;}
			
			
			
			.gallery_section .gallery_display{ float:none; width:100%; height:auto;}
			.section03 .gallery_section .gallery_display .gallerybox{ width:100%; height:auto;}
			.gallery_section .gallery_options{ float:none; width:96%; height:auto; margin-top:8px; border:1px solid #b2b2b2;}
			.section03 .gallery_section .gallery_display .gallerybox ul{ list-style:none; margin:0 auto; padding:0; text-align:center;}
			.section03 .gallery_section .gallery_display .gallerybox ul li{ float:none; margin:7px 14px 7px 0; display:inline-block;}
			
			
			
				/*===========blog section start=================*/
			
.blog_section{ width:98%; margin:0px auto; height:auto; padding:0px; margin:0px;}

.blog_section_right{ width:33%; float:right; height:auto; padding:6px 0px; margin:0px;}

.categories_sec{ width:100%; height:auto; padding:0px; margin:0px 0px 15px 0px;}


.resentarea{ width:100%; height:auto; padding:0px; margin:0px;}
.resentarea01{ width:100%; }
.resentarea02{ width:100%; }

.blog_section_left{ width:65%; float:left; height:auto; padding:0px; margin:0px;}
.blogtext{ width:100%; height:auto; padding:0px; margin:0px 0px 15px 0px;}

.blogtext_right{ width:100%; float:none; height:auto; padding:0px; margin:0px;}
.blogtext_right01 ul li{ float:left; padding:0px 0px 20px 0px; margin:0px;}
.blogtext_right01 ul li a{ color:#6c6c6c; font:normal 14px/normal "Myriad Pro"; vertical-align:middle; padding:0px 0px; text-decoration:none;}

.blogtext_right01 ul li a img{ margin-right:0px;}
		
			
			
	.bloginner{ width:100%; height:auto; padding:0px; margin:0px 0px 6px 0px;}	
		
	
	
	
	/* 	-----------------------------------------------------
	------------------- Footer Section Styles ------------------
	----------------------------------------------------- */
	
	
		footer #footer_top #footertop_inner{ width:100%; height:auto; margin:0 auto;}	
		
		footer #footer_top .footer_left{ float:left; width:63%; height:auto;}
		
		footer #footer_top .footer_left .footerrows	.box01{ float:left; width:30%; height:auto; margin:10px 0 0 0px; padding:0px 0px 0px 1%;}		
		footer #footer_top .footer_left .footerrows	.box02{ float:left; width:30%; height:auto; margin:10px 0 0 0px; padding:0px 0px 0px 1%;}			
		footer #footer_top .footer_left .footerrows	.box03{ float:left; width:30%; height:auto; margin:10px 0 0 0px; padding:0px 0px 0px 1%;}
		
		
		footer #footer_top .footer_right{ float:right; width:35%; padding:15px 0px 0px 0%; }


}