@charset "utf-8";
/* CSS Document */


@media only screen and (min-width: 20px) and (max-width: 1010px) {
.nav-mobile {display:block;}
.nav {width:100%;	padding:50px 0 0; position:relative; margin-top:30px;}
.nav .nav-list {display:none; float:none; background:url("../images/trans.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.nav-item {width:100%;	float:none;  position:relative;}
.nav-item > a {	padding:15px;}
.nav-click {display:block;}
.nav-mobile-open {	border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}
.nav-item:hover .nav-submenu {display:none;}
.nav-submenu {position:static;width:100%; padding:18px 20px;}
.nav-submenu-item{ display:block;}

.nav-item:hover .menu-arrow{ display:none;}

}


@media only screen and (max-width:1050px) {
.main-fix{ max-width:98%;}
.sectian-plot-r{ width:49%;}
.sectian-plot-l{ width:49%;}
.slider-bottom-bottom-left{ width:512px; margin:0 auto; float:none;}
.slider-bottom-bottom-right{ width:100%; text-align:center; padding-top:15px; padding-bottom:5px;}
}


@media only screen and (max-width:1024px) {

}


@media only screen and (max-width: 990px) {
	.flex-control-nav{ text-indent:inherit !important; right:20px; width:auto !important;} 
	
}


@media only screen and (max-width: 960px) {
.section-two-left{ width:100%; padding-right:0; border-right:none;}
.section-two-right{ width:100%;}
.box{ width:33.33%; border-right:1px dotted #D7D2C2; padding:15px; min-height:130px; overflow:hidden; margin-bottom:0; }
.section-two-right{ min-height:150px; overflow:hidden;}
.more-center{ text-align:right;}

} 

@media only screen and (max-width: 768px) {
#owl-demo .item{ text-align:center;}
.slider-bottom{ margin-top:-64px;}
.play-btn{ width:100%; text-align:center; left:0;}
.contact-left{ width:100%; border-right:none; padding:0 22px; border-bottom:1px solid #d7d1c1; padding-right:0;}
.contact-middle{ width:100%; border-bottom:1px solid #d7d1c1; padding-top:20px;}
.contact-right{ border-left:none; width:100%; padding-top:20px; padding-right:22px;}
.center-of-care-left{ width:100%; padding:0 22px;}
.center-of-care-middle{ width:100%; padding:0 22px;}
ul.extra-link li{ width:50%; float:left;}
.virtual-tour{ margin-top:30px;}
.center-of-care-right{ width:100%; padding:0 22px;}
.center-box{ float:left; width:33.33%; padding-right:7px;}

.section-one-left{ width:100%; padding-right:0; border-left:none; padding-top:15px; padding-left:22px; padding-right:22px;}
.section-one-right{ width:100%;  padding-bottom:10px; padding-left:22px; padding-right:22px;}
.bio-logo{ width:260px; margin:0 auto; float:none;}
.key-right{ width:100%;}
.key-left{ width:100%; padding:20px 22px 0 22px;}
.key{ padding-top:0;}
.key-left p{ float:left; padding-right:10px;}
.section-one{ padding-top:10px;}
.future-right-bottom-left{ width:100%;}
.future-right-bottom-right{width:260px; margin:20px auto 0; float:none; clear:both;}
.pic-top-padd{ padding-top:0;}
.c-n-left{ width:100%;}
.c-n-right{ width:100%;}
.c-n-right  .current-need-detail{ display:none;}
.full-display{ display:block;}
ul.top-social li a{  width: 23px; display: table-cell;height: 23px; padding:inherit;}
.top-social.top-social-padd-min { float:right;}
.top-social.top-social-padd-min li{ width:inherit !important;}
.share-txt{ text-indent:inherit; text-align:right;}
.people-left{ width:100%; padding:0 22px;}
.people-right-dekstop{ display:none;}
.people-right-mobile{ display:block;}
.peopel-left{ float:left; width:25%;}
.peopel-right{ float:right; width:73%;}
.peopel-right .people-name{color: #737373;}
ul.current-need.people-partner li:hover .peopel-right .people-name{ color:#737373;}
ul.current-need.people-partner li:hover .peopel-right .people-position{ color:#CFCAB9;}
.search-box.full-width{ margin-top:50px;}
.display-dekstop{ display:none;}
ul.slide-dv li a{ height:16px; width:16px; padding:inherit;}
.make-donate-link a{ height:auto !important; font-size:30px !important; color:#fff !important;}
.slide-dv.slider-dv-inner li{ width:auto;}
ul.slide-dv li a:hover{ background:#535354 !important;}

.events-left ul.current-need{ height:350px;}



}








@media only screen and (max-width: 760px) {
	.current-need-pop-left{ width:100%; padding-right:0;}
	.current-need-pop-right{ padding-left:0; width:100%; padding-top:20px;}
	.box{ width:50%;}
	.logo{ width:100%; text-align:center;}
	.header{ height:auto;}
	.header-right{ width:100%;}
	ul.top-social{ float:left; position:relative; z-index:999;}
.header-main{ padding-bottom:20px;}
.nav{ position:absolute; right:0; top:107px;}

	
	}

@media only screen and (max-width: 640px) {

.slider-bottom {margin-top: -60px;}
.events-left{ width:25%;}
.events-middle{ width:75%;}
.make-donate-now{ font-size:30px;}
}

@media only screen and (max-width: 568px) {
.box-left{ width:23%;}
.slider-bottom-bottom-left{ width:100%; float:left;}
}


@media only screen and (max-width: 480px) {
.language-right {width: 75%;}
.kids, .parents{ width:100%; margin-bottom:10px;}
.item p{ padding:10px 5%}
.box-left{ width:21%;}
.box{ min-height:160px;}
ul.slide-dv li{ font-size:13px;}
ul.slide-dv{ width:100%;}
ul.slide-dv li{ padding:0 9px;}
.main-fix{ max-width:96%;}
.slider-bottom-top a{ font-size:35px;}
.slider-bottom{ margin-top:-50px;}
.box{ width:100%; border-right:none; min-height:inherit;}
.more-center{ padding-top:5px;}
.center-box{ width:100%; padding:0;}
.pic-top-padd{ padding:0 22px;}
.peopel-left{ float:left; width:35%;}
.peopel-right{ float:right; width:61%;}
.film-media{ width:100%; padding-bottom:20px;}
.gallery-middle{ width:100%; padding-bottom:20px;}
.download-middle{ width:100%; }
.play-clip{ width:100%; text-align:center; left:0;}
}

@media only screen and (max-width: 479px) {
	.second-caro .item{ border-right:none;}
	.nav{ position:relative; top:0; margin-top:15px;}
	ul.slide-dv li{ margin-bottom:10px;}
	.txt-big{ font-size:30px;}
	ul.top-social li{ font-size:15px;}
.slider-bottom-bottom-right{ font-size:15px; padding-top:0;}
.slider-bottom-top a{ font-size:23px;}
ul.top-social{ text-align:center;}
.sectian-plot-l{ width:100%;}
ul.extra-link li{ width:100%;}
.sectian-plot-r{ width:100%; margin-top:20px; text-align:right;}
.slider-mobile-left{ width:100%; padding-top:30px;}
.slider-mobile-right{ width:100%;}
ul.current-need li{ width:25%;}
	.top-big-heading h1{ font-size:33px; width:90%;}
	ul.current-need.people-partner li{ width:50%;}
	}

@media only screen and (max-width: 360px) {
.slider-bottom{ margin-top:-32px;}
ul.top-social .phone-number{ width:100%; text-align:center; padding-bottom:10px;}
ul.top-social li{ float:none; display:inline-block;}
ul.current-need li{ width:50%;}
.events-left{ width:100%;}
.events-middle{ width:100%;}
}

@media only screen and (max-width: 320px) {
.slider-bottom-bottom-right{ font-size:13px;}
.txt-big{ font-size:19px;}
.slider-bottom-top a{ font-size:25px;}
.slider-bottom{ margin-top:-36px;}
ul.slide-dv li{ font-size:20px;}

}