@media only screen and (min-width: 1280px) and (max-width: 1400px) {
 
 .newsSection .prev{ left:-55px;}
 .newsSection .next{ right:-55px;}
 
 .rsSlide{ text-align:center;}
 .rsSlide img{ width: auto; height: auto;}
 
	
}



@media only screen and (min-width: 980px) and (max-width: 1279px) {
	
	 .rsSlide{ text-align:center; height:448px;}
 	 .rsSlide img{ width: auto; height: 448px;}
	
	
    #header .logo{ width:45%; margin-left:10px;}
	#header .logo img{ width:100%;}
 
	
	.mainNav{ margin-right:10px;}
	.letestNews .wrapper{ max-width:815px;}
	.news{ width:800px !important;}
	#footer{ max-width:930px;}
	#footer .col2{ max-width:630px;}
	#bannerSection h2{ margin-top:110px;}
	
	.resourcesLenBanner h3{ margin:0 220px 118px;}
	
	.helpInfo .col{max-width:470px;}
	.formSection .row{ padding:20px 10px; box-sizing:border-box;}
	.formSection .col1{ width:600px;}
	.resourceSec{ padding:60px 10px;box-sizing:border-box;}
	.resourceSec .col{ width:335px;}
	.resourceSec .col:last-child{ width:290px;}
	
	.aboutTopContent .topCont .leftCont{ max-width:400px;}
	.aboutTopContent .topCont .leftCont img{ width:100%;}
	.aboutTopContent .btmCont .rightCont{ max-width:400px;}
	.aboutTopContent .btmCont .rightCont img{ width:100%;}
	.servicesSection .col{ max-width:300px;}
	.aboutBtmContent{ padding:70px 10px; box-sizing:border-box;}
	.aboutBtmContent .col{ max-width:465px;}
	.ourStaff{ padding:70px 10px; box-sizing:border-box;}
	.ourStaff ul li{ width:300px;}
	.servicesSection{ padding:60px 10px; box-sizing:border-box;}
	
	.bannerText h2{ margin-top:120px;}
	
	.aboutContent .about{ max-width:640px;}
	.resourcesContent .familycont{max-width:610px;}
	.getintouchContent .getintouch{ max-width:640px;}
 	.familyPrograme .pic{ width:48%;}
	.familyPrograme .pic img{ max-width:100%;}
	.familyProGuide .pic{ width:50%; margin-right:0;}
	.contactTop p a{ text-decoration:none; color:#39519b}
 
	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.slide--photo{ display:none;}
	.mobile_bg{ display:block;}
	.contactTop p a{ text-decoration:none; color:#39519b}
	}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */


@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* GENERAL TABLET ----------------------------------------------------*/ 
	.iosSliderDemo{ padding-bottom:380px !important;}
	.mainNav{ margin-right:10px;}
	.mainNav ul li{ margin:0 20px;}
	.letestNews .wrapper{ max-width:545px;}
	.news{ width:560px !important;}
	#footer{ max-width:740px; padding:70px 0;}
	#footer .col2{ max-width:440px;}
	#bannerSection h2{ margin:190px 20px 0;}
	.aboutContent p{ margin:0 20px;}
	.resourcesContent p{ margin:0 20px;}
	.slide--photo{ display:none;}
	.mobile_bg{ display:block;}
	
	.iosSlider .slider .item{ height:336px !important; }
	.bannerText h2{margin:80px 90px 0;}
	.iosSlider .slider .item .inner img{ height:336px;}
	
	.aboutContent .pic{width:100%; text-align:center;}
	.aboutContent .about h2{ margin:0 20px !important;}
	.resourcesContent .pic{ width:100%; text-align:center;}
	.resourcesContent h2{ margin:0 20px !important;}
	.getintouchContent .pic{ width:100%; margin-left:0; text-align:center;}
	.getintouchContent .getintouch{ text-align:center;}
	.getintouchContent p{margin:0 20px;}
	.getintouchContent h2{ margin:0 20px !important;}
	.getintouch{ padding-bottom:40px;}
	.resourcesLenBanner h3{ margin:0 110px 50px;}
	.resourcesLenBanner{ height:530px;}
	.resourcesLenBox a{ width:335px;}
	
	.resourcesBanner .downarrow{ margin-top:80px;}
	.resourcesIntero p{ margin:0 20px;}
	.resourcesInCont{ background:none;}
	#content-slider-1{ height:340px !important;}
	/*.rsSlide img{ height:340px !important;}*/
	.resourcesBanner{ height:auto;}
	.resourcesBanner.lend{ height:auto;}
	
	.helpInfo .col{ max-width:100%; margin-bottom:20px;}
	.formSection .row{ padding:20px 10px; box-sizing:border-box;}
	.formSection .col1{width:390px; font:normal 22px/22px clear_sansbold;}
	.resourceSec{padding:60px 10px;box-sizing:border-box;}
	.resourceSec .col{ width:251px;}
	.resourceSec .col:last-child{ width:245px;}
	
	.aboutTopContent .topCont .leftCont{max-width:100%; text-align:center; width:100%;}
	.aboutTopContent .topCont .rightCont{ max-width:100%; padding:0 10px;}
	.aboutTopContent .btmCont .leftCont{max-width:100%; padding:0 10px;}
	.aboutTopContent .btmCont p{ text-align:left;}
	.aboutTopContent .btmCont .rightCont{ width:100%; max-width:100%; text-align:center;}
	.servicesSection .col{ max-width:100%; margin-bottom:20px;}
	.servicesSection .col.mar{ margin:0 0px 20px;}
	.aboutBtmContent .col{ max-width:100%; padding:0 10px;}
	.aboutBanner .homedownarrow{margin-top:250px;}
	.ourStaff{ padding:70px 10px;box-sizing:border-box;}
	.ourStaff ul li{ width:238px; margin:0 5px 15px;}
	.ourStaff ul li h3{ font-size:18px;}
	.ourStaff ul li h4{ font-size:18px;}
	.ourStaff ul li p{ font-size:12px;}
	.ourStaff ul:last-child{ padding-top:20px;}
	
	.familyPrograme .pic{ width:40%; text-align:left;}
	.progText{ width:450px;}
 
	.familyPrograme .pic img{ width:100%;}
	.familyProGuide .pic{ width:40%; margin-right:0px;}
	.familyProGuide .pic img{ width:100%;}
	.progText_guide{ width:460px;}
	.familyGuide{ padding-bottom:50px;}
	
	.ourStaff{ padding:70px 10px;box-sizing:border-box;}
	.ourStaff ul li{ width:238px; margin:0 5px 15px;}
	.ourStaff ul li h3{ font-size:18px;}
	.ourStaff ul li h4{ font-size:18px;}
	.ourStaff ul li p{ font-size:12px;}
	.ourStaff ul:last-child{ padding-top:20px;}
	
	.contactBanner .map img{ width:100%;}
	.loginSection h3{ margin:0 10px 50px;}
	
	.privacySec{padding:20px 10px; box-sizing:border-box;}
	.contactTop p a{ text-decoration:none; color:#39519b}

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {
 	 .mainNav{ display:none;}
	 .navBttn{display:block;}
	 #header .logo{margin:28px 10px 0;}
     #header .logo img{ width:100%;}
	.logoOuter{padding:31px 20px; box-sizing:border-box; width:100%; float:left; height:100px;}
	.logoOuter img{ width:285px !important;} 
	.logoOuter img.log.ani{ width:250px !important;}
	#header{ display:none;}
	.bannerText h2{ margin:50px 30px 10px;}
	.iosSlider .slider .item{ height:160px !important; }
	.iosSlider .slider .item .inner img{ height:160px;}
	.fluidHeight{ height:160px;}
	.iosSlider{ height:160px !important;}
	.iosSliderDemo{ padding-bottom:200px !important;}
 
	.aboutContent h2{ margin:0 10px;}
	.aboutContent .pic{ text-align:center;}
	.aboutContent .pic img{ width:75%;}
	.resourcesContent h2{ margin:0 10px;}
	.resourcesContent .pic{ text-align:center; width:100%; }
	.resourcesContent .pic img{ max-width:75%;}
	.getintouchContent h2{ margin: 0 10px;}
	.getintouchContent .pic{ width:100%; text-align:center; margin:0 }
	.getintouchContent .pic img{ max-width:70%;}
	 
	.slide--photo{ display:none;}
	.mobile_bg{ display:block;}
	
	#bannerSection{ height:215px;}
	#bannerSection h2{ margin:20px 0 0;}
	.aboutContent p{ font:18px/25px clear_sansitalic; margin:0 10px;}
	.aboutContent{ background:none; padding-top:0;}
	.aboutSection{ padding:20px 0 0px;}
	#body_content h2{ font-size:28px; line-height:30px;}
	.resourcesContent{ background:none; padding-top:0;}
	.resourcesContent p{ margin:0 10px; font:normal 18px/25px clear_sansitalic;}
	.resources{ padding:20px 0 0;}
	.getintouchContent p{margin:0 10px; font:normal 18px/25px clear_sansitalic}
	.getintouchContent{ padding-top:0; background:none;}
	.getintouch{ padding:20px 0 0;}
	.letestNews{ padding:10px 0 20px;}
	.letestNews h2{ margin-bottom:10px;}
	.letestNews .wrapper{ max-width:158px;}
	.news{ width:190px !important;}
	.letestNews ul li p{ font:normal 14px/18px clear_sansbold;}
	#footer{max-width:300px; padding:20px 0;}
	
	.resourcesLenBanner{ height:400px;}
	.resourcesLenBanner h2{ padding-top:20px;}
	.resourcesLenBanner h3{ font: normal 18px/26px clear_sansitalic; margin:0 10px 20px}
	.resourcesLenBox a{ width:285px; margin-bottom:20px; padding:5px 0;}
	.rsSlide img{ height:150px !important;}
	#content-slider-1{ height:150px !important;}
	.rsOverflow{ height:150px !important;}
	
	.resourcesBanner{ height: auto;}
	.resourcesBanner h2{ padding-top:50px;}
	.resourcesBanner .downarrow{ margin-top:20px;}
	.resourcesIntero{ padding:20px 10px 10px;box-sizing:border-box;}
	.resourcesIntero p{ margin:0; font:normal 18px/25px clear_sansitalic;}
	.resourcesInvolv{ padding:10px;box-sizing:border-box;}
	.resourcesInteroNew{ padding:20px; box-sizing:border-box;}
	.familyPrograme .pic{ width:100%; text-align:center;}
	.familyPrograme .pic img{ width:60%;}
	.progText{ text-align:left; width:100%; margin:0; float:left;}
	.progText p{ padding-top:15px; font-size:18px; line-height:26px;}
	.familyGuide{ padding:20px; box-sizing:border-box;}
	.familyProGuide .pic{ width:100%; text-align:center; margin:0; margin-bottom:10px;}
	.familyProGuide .pic img{ width:60%; margin-left:40px;}
	.progText_guide{ width:100%; text-align:center;}
	.progText_guide ul li{ font-size:18px;}
	.progText_guide ul { margin-top:15px; margin-bottom:15px;}
	.progText_guide p{ font-size:18px;}
	.aboutBanner h2{ padding-top:50px;}
	
	.resourcesInCont{ background:none;}
	.helpInfo{padding:10px;box-sizing:border-box;}
	.helpInfo h2{ margin-bottom:5px;}
	.helpInfo .col p{ font:normal 18px/25px clear_sansitalic;}
	.helpInfo .col{ margin-bottom:20px;}
	.formSection{ padding:10px;box-sizing:border-box;}
	.formSection .col1{width:100%; font:normal 22px/22px clear_sansbold; margin-bottom:10px;}
	.formSection .col2{width:100%; margin-bottom:10px;}
	.formSection .col3{width:100%; margin-bottom:10px;}
	.formSection .row:last-child{ border-bottom:0;}
	.resourceSec{padding:10px;box-sizing:border-box;}
	.resourceSec h2{ margin-bottom:10px;}
	.resourceSec .col h3{ font-size:22px;}
	.resourceSec .col{ width:100%;}
	.resourceSec .col ul{ padding-bottom:0;}
	.resourceSec .col:last-child{ width:100%;}
	
	.aboutBanner .homedownarrow{ margin-top:80px;}
	.aboutTopContent{ padding:10px;box-sizing:border-box;}
	.aboutTopContent h3{ margin:0; font:18px/25px clear_sansitalic;}
	.aboutTopContent .topCont .leftCont img{ width:100%;}
	.aboutTopContent .topCont .leftCont{max-width:100%; text-align:center; width:100%;}
	.aboutTopContent .topCont .rightCont{ max-width:100%; padding:0 10px;}
	.aboutTopContent .btmCont .rightCont img{ width:100%;}
	.aboutTopContent .btmCont .leftCont{max-width:100%; padding:0 10px;}
	.aboutTopContent .btmCont p{ text-align:left;}
	.aboutTopContent .btmCont .rightCont{ width:100%; max-width:100%; text-align:center;}
	.servicesSection .col{ max-width:100%; margin-bottom:20px;}
	.servicesSection .col.mar{ margin:0 0px 20px;}
	.aboutBtmContent .col{ max-width:100%; padding:0 10px;}
	.servicesSection{ padding:20px 10px;box-sizing:border-box;}
	.servicesSection h2{ margin-bottom:10px;}
	.servicesSection h4{ font-size:20px;}
	.servicesSection p{ font-size:16px;}
	.aboutBtmContent{ padding:20px 10px;box-sizing:border-box;}
	.aboutBtmContent h3{ font-size:18px; line-height:25px; margin:0;}
	.ourStaff{ padding:20px 10px;box-sizing:border-box;}
	.ourStaff ul li{ width:238px; margin:0 5px 15px;}
	.ourStaff ul li h3{ font-size:18px;}
	.ourStaff ul li h4{ font-size:18px;}
	.ourStaff ul li p{ font-size:12px;}
	.ourStaff ul:last-child{ padding-top:20px;}
	.ourStaff ul li{ margin:0 0 10px; width:100%;}
	
	.contactBanner .map img{ width:100%;}
	.contactTop{ padding:20px 10px;box-sizing:border-box;}
	.contactTop h3{ font-size:18px; line-height:25x; margin:0 10px;}
	.contactTop p{ font-size:18px; margin:0 60px; line-height:30px;}
	.contTouch{padding:20px 10px;box-sizing:border-box;}
	.contForm { width:100%; max-width:470px;}
	.careerRes{ padding:20px 10px;box-sizing:border-box;}
	.careerRes ul li{ margin:0 0 10px 0; background:none; display:block;}
	
	.loginSection{padding:20px 10px;box-sizing:border-box;}
	.loginSection h3{ margin:0 10px 20px;}
	.loginForm .col{ width:100%; margin:0 0 20px;}
	.loginForm{ max-width:100%; width:100%;}
	.contactBannerpic h2{ padding-top:50px;}
	.contForm .yesnoBtn{ width:142px;}
	.jqTransformRadio{ width:142px !important;}
	.privacySec{padding:20px 10px; box-sizing:border-box;}
	.loginSection{ margin-top:0 !important;}
	.resourcesBanner.prog h2{ padding-top:30px;}
	.contactTop p a{ text-decoration:none; color:#39519b}
	
 
	
	 
	
}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 	 .mainNav{ display:none;}
	 .navBttn{display:block;}
	 #header .logo{margin:28px 10px 0;}
	 #header .logo img{ width: 90%;}
	 .logoOuter{padding:30px 20px; box-sizing:border-box; width:100%;}
	#header{ display:none;}
 

	.slide--photo{ display:none;}
	.mobile_bg{ display:block;}
	#bannerSection{ height:340px;}
	#bannerSection h2{ margin:115px 0 0;}
	.aboutContent p{ font:20px/28px clear_sansitalic; margin:0 10px;}
	.aboutContent{ background:none; padding-top:0;}
	.aboutSection{ padding:20px 0 0px;}
	#body_content h2{ font-size:42px; line-height:42px;}
	.resourcesContent{ background:none; padding-top:0;}
	.resourcesContent p{ margin:0 10px; font:20px/28px clear_sansitalic; }
	.resources{ padding:20px 0 0;}
	.getintouchContent{ padding-top:0; background:none;}
	.getintouchContent p{margin:0 10px; font:20px/28px clear_sansitalic}
	.getintouch{ padding:20px 0 0;}
	.letestNews{ padding:10px 0 20px;}
	.letestNews h2{ margin-bottom:10px;}
	.letestNews .wrapper{ max-width:230px;}
	.news{ width:235px !important;}
	#footer{max-width:450px; padding:20px 0;}
	.letestNews ul li p{font:normal 17px/22px clear_sansbold;}
	
	.iosSlider .slider .item{ height:250px !important; }
	.iosSlider .slider .item .inner img{ height:250px;}
	.fluidHeight{ height:250px;}
	.iosSlider{ height:250px !important;}
	.iosSliderDemo{ padding-bottom:300px !important;}
	
	#content-slider-1{ height:150px !important;}
	.rsOverflow{ height:150px !important;}
 
	.contactTop p a{ text-decoration:none; color:#39519b}
	
 
	
}