/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width:1023px) {
		.container           {width:100%;}
		.header_lft          {float:none; width:73%; margin:0 auto;}
		.header_Rgt          {float:none; margin:0 auto; width:54%;}
		.nav ul              {float:none;}
		.lft_slider          {width: 44%;}
		.rgt_txt       	     {width: 55%;}
		.nav ul.menu li      {font-size:18px;}
		.lft_part            {float:none; width:96%; margin:0 auto;}
		.rgt_content         {float:none; margin:20px auto 0;}
		.three_parts         {margin-left:20px;}
		.different_parts     { margin-left: 30px;}
		
	/* -------------------------Inner1 starts--------------------------------*/			
		.lft_inner1          {float:none; margin:0 auto 24px;}
		.rgt_inner1          {float:none; margin:0 auto;}
		.baner_txt           {position:absolute; top:11%; left:10px;}
		.baner_txt h1        {font-size:40px; line-height:40px;}
		
		
		/* -------------------------Inner1 starts--------------------------------*/			
		
		.baner_txt h2         {font-size:40px; line-height:40px;}
		.content_inner2       {  width: 96%; margin:0 auto;} 

  

	
	
	 }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.container         {width:100%;}
		.header_lft        {float:none; width:73%; margin:0 auto;}
		.header_Rgt    	   {float:none; margin:0 auto;}
		.nav ul            {float:none;}
		.lft_slider        {width: 44%;}
		.rgt_txt           {width: 55%;}
		.nav ul li         {font-size:18px;}
		.lft_part          {float:none; width:96%; margin:0 auto; background:none;}
		.rgt_content       {float:none; margin:20px auto 0;}
		.three_parts   	   {margin-left:20px;}
		.different_parts   { margin-left: 30px;}
		.nav               {display:none;}
		.three_parts       {margin-left:0px; width:44%;}
		.different_parts   {width:40%;}
		.header_top        {padding-bottom:46px;}
		
		/* -------------------------Inner1 starts--------------------------------*/			
		.lft_inner1      {float:none; margin:0 auto 24px;}
		.rgt_inner1      {float:none; margin:0 auto;}
		
		/* -------------------------Inner2 starts--------------------------------*/	
			.content_inner2       {  width: 96%; margin:0 auto;} 

		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 766px) {
		.header_lft                    {width:82%; float:none; margin:0 auto;}
		.logo                          {width:44%;}
		.header_top span               {font-size:23px; padding-top:6px;}		
		.header_Rgt h3                 {font-size:23px;}
		.rgt_txt                       {padding-top:14px;}
		.rgt_txt h3                    {font-size:26px; line-height:26px;}
		.rgt_txt span                  {line-height:33px;}
		.lft_content                   {margin-right:0px;}
		.rgt_content                   {width:82%;}
		.three_parts                   {width:87%; background:none; padding-left:0px; padding-right:0px; float:none; margin:20px auto 20px;}
		.different_parts               {float:none; width:71%; padding-right:0px; margin:30px auto;}
		.crossilogy_part               {background:none;}
		.treatment                     {background:none;}
	    .different_parts  img		   { width: 100%; }
		.mean-container .mean-bar      {top:48px !important;}
	    .mean-container .mean-nav      {margin-top:37px !important;}
			
			
	/* -------------------------Inner1 starts--------------------------------*/	
			
		.lft_inner1      {float:none; margin:0 auto 24px; width:74%; background:none;}
		.brain_img       {float:none; margin:0 auto;}
		.txt_lft         {float:none; margin:20px auto 0;}
		.rgt_inner1      {float:none; margin:0 auto;}
	
	    .baner_txt       {position:absolute; top:11%; left:10px;}
		.baner_txt h1    {font-size:30px; line-height:30px;}
		
			
	/* -------------------------Inner2 starts--------------------------------*/			
		
		.baner_txt h2          {font-size:30px; line-height:30px;}
		.content_inner2       {  width: 96%; margin:0 auto;} 

		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.header_lft                    {width:76%; float:none; margin:0 auto;}
		.logo                          {width:71%;}
		.header_top span               {font-size:23px; padding-top:6px; text-align:center; padding-left:0px; float:none; display:block;}
		.header_Rgt                    {width:70%;}
		.header_Rgt h3                 {font-size:23px; float:none; padding-right:0px; text-align:center;}
		.social_icon ul li             {padding-right:8px; float:none; display:inline-block;}
		.rgt_txt                       {padding-top:14px;}
		.rgt_txt h3                    {font-size:20px; line-height:20px;}
		.banner_container              {padding-bottom:18px;}
		.rgt_txt span                  {line-height:33px;}
		.lft_content                   {margin-right:0px;}
		.rgt_content                   {width:71%;}
		.three_parts                   {width:87%; background:none; padding-left:0px; padding-right:0px; float:none; margin:20px auto 20px;}
		.different_parts               {float:none; width:84%; padding-right:0px; margin:30px auto;}
		.crossilogy_part               {background:none;}
		.treatment                     {background:none;}
		.logo 						   {float: none; margin: 0 auto;}
		.flex-control-nav              {bottom:3px;}
		.lft_part                      {width:91%;}		
		.different_parts  img		   { width: 100%; }		 
		.social_icon ul                {text-align:center;}
		.mean-container .mean-bar      {top:105px !important;}
		.mean-container .mean-nav      {margin-top:43px !important;}
		
		
		/* -------------------------Inner1 starts--------------------------------*/			
	
	    .lft_inner1  	        {float:none; margin:0 auto 24px; width:90%; background:none;}
		.brain_img              {float:none; margin:0 auto; width:73%;}
		.txt_lft                {float:none; margin:20px auto 0;}
		.rgt_inner1      	    {float:none; margin:0 auto; width:90%;}		
		.search_box             {width:100%;}
		.search_box input.inp   {width:61%;}
		.learning_barrier h5    {font-size:27px;}
		.book_img               {float:none; margin:0 auto;}
        .learn_more             {float:none; margin:0 auto;}
		  .baner_txt            {position:absolute; top:11%; left:10px;}
		.baner_txt h1           {font-size:23px; line-height:30px;}
		.banner.inner2 img 		{ height: 143px !important;  width: 100%; }
		.banner.inner1 img 		{ height: 143px !important;  width: 100%; }


		
	/* -------------------------Inner1 starts--------------------------------*/			
		
		.baner_txt h2          {font-size:23px; line-height:30px;}
		.content_inner2        { width: 90%; margin:0 auto;} 
	}
	
	
	@media only screen and (max-width:320px) {
		
	.header_lft 							{ float: none;  margin: 0 auto;  width: 79%; }		
    .header_Rgt 							{ width: 69%; }
	.banner.inner2 img 					    { height: 143px !important;  width: 100%; }
	}