@media (min-width: 1200px) {
    .container {max-width: 1240px;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 1024px) { /*ipad*/
.navbar-fixed-top, .navbar-fixed-bottom {position: relative; margin-bottom:0px;}
.hero {
    top: 45%;
    width: 40%;
}
.custome-menu .nav > li:last-child {
    display: flex;
    text-align: center;
    margin: 0px auto;
}
.custome-menu .nav > li:last-child > a {
    margin: 0px auto;
}
.fade-carousel .carousel-inner .item {
	height: auto !important;
}
.fade-carousel {
    position: relative;
    height: auto !important;
}
	 
.hero h1 {
    font-size: 3em;
}
.hero h3 {
    font-size: 2em;
    margin: 10px 0;
}	 
.navbar-brand {
    float: none;
    padding: 10px 0px;
    display: block;
    text-align: center;
}	 
.custome-menu .nav > li > a {
    display: block;
    padding: 10px 5px;
    margin-left: 0px;
}
.navbar-nav > li {
    float: none;
    display: inline-block;
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
    text-align: center;
    float: none !important;
}
.container > .navbar-header, .container > .navbar-collapse {
    padding: 0;
    text-align: center;
}
.making-diff:after {
    opacity: 0.1;
}

.inner-hed-all {
	height: auto;
}
.events-coll .resour-sty .box {
    height: 550px;
}
.events-coll.right .resour-sty .box {
    height: 257px !important;
}
.form-donate {
    width: 100%;
}
.plage-bg {
    display: block;
    width: auto;
    padding: 0px;
	margin:0px;
}
.pledge-form .col-md-4, .pledge-form .col-md-12 {display: block;}
.info-sms {
    position: relative;
    width: auto;
    left: 0;
    bottom: 0;
	text-align:left;
}
.donate-sponsor {text-align: center;}
	 
}
@media screen and (max-width: 767px) { /*Iphone 6*/
img {
	max-width: 100%;
	height: auto;
}
.img-icon, .odd .img-icon {
    display: block;
    float: none;
    vertical-align: top;
}

.style-contant {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    width: 100%;
    text-align: center;
}
.navbar-nav .open .dropdown-menu {background-color: #FFF; padding:10px 0;}
.navbar {margin-bottom:0px;}
.navbar-fixed-top {position: relative;}
.hero p {
    font-size: 14px;
	line-height:20px;
}
.hero h2 {
    font-size: 18px;
    color: #FFF;
    font-weight: 400;
	padding:0px;
	margin:10px 0;
}

.plege-area .col-md-4 {
    max-width: inherit;
    display:block;
}
.navbar-brand {
    padding: 5px 0px;
    width: 80%;
}
.custome-menu {
    margin-top: 5px;
}
.custome-menu .navbar-toggle i {color:#FFF;}
.navbar-nav {
    background: rgba(0,0,0,0.8);
	padding:10px 0;
}
.hero {
    top: 5px;
    left: 0;
    width: 100%;
    text-align: center;
    transform: inherit;
}
.hero h1 {
    font-size: 2em;
	line-height:20px;
}
.hero h3 {
    font-size: 1em;
    margin: 10px 0;
}
.fade-carousel .carousel-inner .item {
	height: auto;
}
.fade-carousel {
    position: relative;
    height: auto !important;
}
.hero {
	top: 20px;
}
.custome-menu {
    margin-top: 0;
}
.ourmision {
	min-height: inherit; 
	overflow: hidden;
	padding-bottom:60px;
	background-color: #f64f22 !important;
	background-image:inherit !important;
	color:#FFF !important;
}
.ourmision .read-more a {
    color: #FFF;
    border: 1px solid #FFF;
}
.making-diff:after {
    opacity: 0.1;
	width: 100%;
}
.counter-pink .col-md-3 {
    border: 1px solid #FFF;
    width: 90%;
    margin: 30px auto;
}
.custome-menu .nav > li > a {margin:5px;}

/*About Page*/

.advocating #quote-carousel .carousel-indicators .active {
     width: 80%; 
     height: auto; 
}
.inner-caption {
    width: auto;
    top: 0;
    right: 0;
    margin: 30% 5%;
	padding:5px;
	background: rgba(255,51,0,0.5);
}
.founder-bg {
    position: relative;
    width: 100%;
}
.resize-full img {
    height: auto;
    position: relative;
}
.brown {
    height: auto;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-right: 0;
}
.outer-bg {
    background: #e66947;
    padding: 20px;
    color: #FFF;
    margin-left: 0;
}
.founder {
    height: auto;
    position: relative;
    overflow: inherit;
}
.left-position {
     position: relative; 
}
.title-lrg {
    padding: 20px 26px;
}
.tham-img {
	margin-top:30px;
}
.left-contant {
    margin-top: 0;
}
.awards {
	background: #0c5263;
}
.advocating {background: #dd3c23;}

.advocating .carousel-indicators {
	margin-bottom: 30px !important;
}
.partners-bx ul li {width: auto;}
.partners {
    padding: 40px 10px;
    background: #FFF;
}
.active-btn a {
	margin:10px 5px;
}
.title-line {font-size: 24px;}

.inner-hed-all {
	height: auto;
}
.inner-hed-all .inner-caption {background-color: transparent; padding-top:100px;}
#customers-testimonials .owl-item.active.center .item {
    -webkit-transform: none;
    transform: none;
}
#mainwrapper .box {width: auto; height: 300px;}
.resour-sty .box img {
    width: 100%;
}
.resour-sty .box {height: 300px;}
.resour-sty .box .fade-caption, .resour-sty .box .scale-caption {
    padding: 10% 5%;
}
.events-coll.right .resour-sty .box {
    height: 220px !important;
}
.events-coll .resour-sty .box {
    height: 350px;
}
.form-donate {
    width: 100%;
}
.plage-bg {
    display: block;
    width: auto;
    padding: 0px;
	margin:0px;
}
.pledge-form .col-md-4, .pledge-form .col-md-12 {display: block;}
.info-sms {
    position: relative;
    width: auto;
    left: 0;
    bottom: 0;
	text-align:left;
}
.donate-sponsor {text-align: center;}
.donate-sponsor .pull-right, .donate-area .pull-right {float: none !important;}





}
 @media only screen and (min-width: 586px) and (max-width: 766px) {
.hero {
    top: 10% ;
	width:50% ;
	left:30px;
}
.resour-sty .box img {
    width: 100%;
}
.resour-sty .box .fade-caption, .resour-sty .box .scale-caption {padding:50px 10px;}
.resour-sty .bg-title {padding: 20% 5%;}
.events-coll .resour-sty .box {
    height: 700px;
}
.events-coll.right .resour-sty .box {
    height: 300px !important;
}


}
 @media only screen and (min-width: 480px) and (max-width: 585px) {
}
 @media screen and (max-width: 479px) {
}
@media screen and (max-width: 320px) {
.hero {
    top: 10px !important;
}
.img-icon, .odd .img-icon {
    display: block;
    float: none;
    vertical-align: top;
}
.fade-carousel .carousel-inner .item {
	height: auto;
}
.fade-carousel {
    position: relative;
    height: auto;
}
.hero {
	top: 100px;
}
.resour-sty .box img {
    width: 100%;
}
.resour-sty .box {height: 200px;}


}
@media screen and (orientation: landscape) and (min-width: 801px) {
}

@media screen and (min-width: 980px) {
.hero {
	width: 40%;
}
}


/*End*/