@media (min-width:1440px) and (max-width:5000px) {
.container{ width:1400px;} 
}

@media (min-width:1440px) and (max-width:1600px) {
.carousel-caption h1 {font-size: 44px;font-weight: 700;}
}

@media (min-width:1200px) and (max-width:1439px) {
.carousel-caption h1 {font-size: 36px;font-weight: 700;}
.mainNav ul li {margin: 0 0 0 20px;}
.mainNav ul li a{ font-size:16px;}

.vSliderInner .carousel-inner {max-width: 1000px;margin: 0 auto;}
.video {width: 439px;overflow: hidden;float: left;margin: 23px 0 0 -45px;z-index: 9999999;}
.videoCapinner {width: 500px;}
.footform {float: right;width: 96%;}

.redcondetails h2 {font-size: 46px;margin: 15px 0 32px;}
.redcondetails p {margin: 15px 0 20px;}
.memaberDetails h2{ font-size: 30px;}
}

@media (min-width:992px) and (max-width:1199px) {
.carousel-caption h1 {font-size: 30px;font-weight: 700;}
.logo img {width: 230px;display: block;}
.mainNav ul li {margin: 0 0 0 15px;}
.mainNav ul li a{ font-size:15px;}
.logo {float: left;margin: 24px 0 0;}
.footform {float: right;width: 100%;}
.video{ display:none;}
.mobovideo{ display:block;}
.vSliderInner .carousel-inner {max-width: 100%;margin: 0 auto;}
.videoSlider .carousel-item {height: auto;width: 100%;min-height: 808px;max-width: 100%;}
.videoCapinner {float: right;width: 100%;text-align: left;margin: 0;}
#myCarouselVideo .carousel-caption h1 {font-size: 48px;font-weight: 700;}
#myCarouselVideo .carousel-control-prev, #myCarouselVideo .carousel-control-next{ display:none;}
.videoCap {width: 100%;padding:35px;}
.storybtn {float: none;margin: 25px auto 0 !important;display: block;}
.formcol {float: right;width: 680px;margin: 12px 0 0;}
.formcol input {display: block;width: 220px;}
.formcol input.signupbtn{ width:165px;}

.newsinnercontent h1 {font-size: 24px;line-height: 34px;}
.redcondetails h2 {font-size: 38px;margin: 15px 0 32px;}
.redcondetails p {margin: 15px 0 20px;}
.redcondetails {float: right;width: 100%;text-align: center;}
.redimg {width: 100%;float: left;margin: 0 0 16px;}

.memaberDetails h2{ font-size: 30px;}
}

@media (min-width:768px) and (max-width:991px) {
.carousel-caption h1 {font-size: 24px;font-weight: 700;}
.clientlogoSection ul{ display:block;}
.clientlogoSection ul li { display:inline-block; float:none; text-align: center;list-style: none;vertical-align: middle;align-items: center;align-content: center; width:40%}
.stayConnectedSec p br{ display:none}
.video{ display:none;}
.mobovideo{ display:block;}
.vSliderInner .carousel-inner {max-width: 100%;margin: 0 auto;}
.videoSlider .carousel-item {height: auto;width: 100%;min-height: 908px;max-width: 100%;}
.videoCapinner {float: right;width: 100%;text-align: left;margin: 0;}
#myCarouselVideo .carousel-caption h1 {font-size: 48px;font-weight: 700;}
#myCarouselVideo .carousel-control-prev, #myCarouselVideo .carousel-control-next{ display:none;}
.videoCap {width: 100%;padding:35px;}
.storybtn {float: none;margin: 25px auto 0 !important;display: block;}
.formcol {float: right;width: 680px;margin: 12px 0 0;}
.formcol input {display: block;width: 220px;}
.formcol input.signupbtn{ width:165px;}
.donateinner p {margin: 0 0 15px;float: none;text-align: center;}
.donatebtn {float: none;margin: 0 auto;}
.donateSection{ padding:55px 0;}
.linkcol {width: 486px;margin: 0 auto;overflow: hidden;text-align: center;}
.linkcol ul {float: left;background: #fff;margin: 0 0 42px;padding: 3px 0px 3px 3px;}
.stayConnectedSec {width: 100%;clear: both;overflow: hidden;padding: 50px 0;background: #f0eeef;text-align: center;}
.donatelink {float: none;display: block;clear: both;margin: 0 auto 0;}
.osImg {width: 48%;}
.oscontent {width: 48%;}
.oscontent p {font-size: 20px; line-height: 30px;}

.newsTop{ display:block;}
.newbigtop {width: 100%;margin-bottom:20px;}
.newsbiglt {float: right;width: 100%;margin-bottom:20px;  }
.newscol {float: right;width: 100%;margin-bottom:20px;}
.redcondetails h2 {font-size: 38px;margin: 15px 0 32px;}
.redcondetails p {margin: 15px 0 20px;}
.redcondetails {float: right;width: 100%;text-align: center;}
.redimg {width: 100%;float: left;margin: 0 0 16px;}

}

@media (min-width:320px) and (max-width:991px) {
.blogSec ul {margin: 0;padding: 0;width: 100%;text-align: center;display: block;}
.blogSec ul li {display: block;width:100%;max-width: 450px;list-style: none;float: none;padding: 0 0 0;margin: 0 auto 20px;background: #f4f4f4;position: relative;}
.signupsec p {width: 50%;font-size: 16px;color: #fff;margin: 0 auto 25px;padding: 0;float: none;text-align: center;}
.formcol {float: none;width: 100%;margin: 0 auto;max-width: 320px;overflow: hidden;}
.formcol input {display: block;width: 100%;margin: 0 auto 20px;}
.formcol input.signupbtn {margin: 40px auto 0;float: none;overflow: hidden;}
.linkcol ul {float: left;background: #fff;margin: 0 0 42px;padding: 3px 0px 3px 3px;}
.stayConnectedSec {width: 100%;clear: both;overflow: hidden;padding: 50px 0;background: #f0eeef;text-align: center;}
.donatelink {float: none;display: block;clear: both;margin: 0 auto 0;}
.videoSlider .carousel-item {height: auto;width: 100%;min-height: 908px;max-width: 100%;}
.footcol{ text-align:center;}
.hidemobo{ display:none;}
.hidedesk{ display: block;}
.footcol ul {margin: 0 0 40px;padding: 0;width: 100%;text-align: center;overflow: hidden;}
.footcol ul li {display: inline-block;float: none;list-style: none;}
.footcolmid{ text-align:center;}
.footcolmid img {float: none;margin: 0 auto;display: block;}
.footcolmid ul {margin: 0 0 15px;padding: 0;display: block;overflow: hidden;width: 100%;text-align: center;}
.footcolmid ul li {display: inline-block;float: none;margin: 0 5px;list-style: none;}
.f-hidedesk {display: block;margin: 0 auto;float: none;width: 100%;max-width: 450px;}
.video{ display:none;}
.mobovideo{ display:block;}
.vSliderInner .carousel-inner {max-width: 100%;margin: 0 auto;}
.videoSlider .carousel-item {height: auto;width: 100%;min-height: 908px;max-width: 100%;}
.videoCapinner {float: right;width: 100%;text-align: left;margin: 0;}
#myCarouselVideo .carousel-caption h1 {font-size: 48px;font-weight: 700;}
#myCarouselVideo .carousel-control-prev, #myCarouselVideo .carousel-control-next{ display:none;}
.videoCap {width: 100%;padding:35px;}
.storybtn {float: none;margin: 25px auto 0 !important;display: block;}
.donateSection {padding: 50px 0;}
.donateinner p {margin: 0 0 15px;float: none;text-align: center;}
.donatebtn {float: none;margin: 0 auto;}
.donateinner p br{ display:none;}
header {width: 100%;clear: both;padding:0 0 20px 0;}
.topbtnarea { width:100%; text-align:center;  background: #dd454a;}
.topbtnarea ul {margin: 0 auto;padding: 3px;background: #dd454a;width: 170px;display: block;overflow: hidden;float:none;}
.topbtnarea ul li:first-child{ border-right:2px solid #fff;}
.topbtnarea ul li a {padding: 0 5px;font-size: 15px;}
.rightside { display:none;}
.logo img {width: 200px;display: block;}
.logo {float: left;margin: 15px 0 0;}

.mobilemenu {display: block;float: right;margin: 22px 0 0;}
.mobilemenu ul{ margin:0; padding:0; float:right;}
.mobilemenu ul li{ display:block; float:left; list-style:none; }
.mobilemenu ul li:first-child{ margin:0 20px 0 0;}
.slide-menu-open{ display:block;}
.mobilemenu ul li a{ font-size:32px; color:#dd454a;}
.linkcol ul li a span {padding: 0 18px;}
.linkcol {width: 414px;margin: 0 auto;}
.fund-sec .osInner .oscontent {width: 100%;}
.spacialbtn{ margin:0 auto;}
.redimg {width: 100%;float: left;margin: 0 0 20px;}
.redcondetails {float: right;width: 100%;text-align: center;}
.redcondetails h2 {font-size: 34px;margin: 0 0 26px;}
.faqaccordion{ margin:30px auto; width:100%; max-width:820px;}
.memaberDetails h2{ font-size: 26px;}
}



@media (min-width:481px) and (max-width:767px) {
.carousel-caption h1 {font-size: 18px;font-weight: 700;}
.carousel-caption {right: 5%;left: 5%;}
.carousel-control-prev, .carousel-control-next{width: 7%;}

.clientlogoSection ul{ display:block;}
.clientlogoSection ul li { display:inline-block; float:none; text-align: center;list-style: none;vertical-align: middle;align-items: center;align-content: center; width:46%}
.stayConnectedSec p br{ display:none;}

.osInner{display: block;}
.osImg, .oscontent{ width:100%; text-align:center;}
.oscontent h4{ margin:25px 0 0;}
.oscontent p {font-size: 20px;line-height: 29px; float:none; text-align:center;}
.bannerinner h2 {font-size: 36px;}


.newsTop{ display:block;}
.newbigtop {width: 100%;margin-bottom:20px;}
.newsbiglt {float: right;width: 100%;background: #f4f4f4;margin-bottom:20px;}
.newscol {float: right;width: 100%;margin-bottom:20px;}
.newsinnercontent h1 {font-size: 24px;line-height: normal;}

}


@media (min-width:320px) and (max-width:480px) {
.carousel-caption h1 {font-size: 13px;font-weight: 700;}
.carousel-caption {right: 5%;left: 5%;}
.carousel-control-prev, .carousel-control-next{width: 7%;}
.carousel-caption {bottom: 5px;padding-bottom: 0;}

.clientlogoSection ul{ display:block;}
.clientlogoSection ul li { display:inline-block; float:none; text-align: center;list-style: none;vertical-align: middle;align-items: center;align-content: center; width:46%}
.videoCap {width: 100%;padding:30px 15px;}
#myCarouselVideo .carousel-caption h1 {font-size: 37px;font-weight: 700;}
.mobovideo iframe{ height:280px;}
.videoSlider .carousel-item {min-height: 790px;}
.donateinner {padding: 50px 20px;}
.donatebtn{ width:200px;}
.loopinner img{ display:block; margin:0 auto; width:280px;}
.signupsec p {width: 80%;}
.linkcol {width: 280px;margin: 0 auto;}
.linkcol ul li a img {display: block;margin: 5px 4px 0;float: left;width: 21px !important;}
.linkcol ul li a {height: 28px;font-size: 11px;}
.linkcol ul li a span {background: #f0eeef;display: block;height: 28px;line-height: 29px;color: #858484;padding: 0 10px;}
footer p {font-size: 14px;}
.f-hidedesk{ margin:0 0 25px;}
.loopinner p {font-size: 16px;line-height: 23px;}
.loopinner span {font-size: 14px;color: #353535;}
.blogSec {padding: 50px 0;}
.blogSec h2 {font-size: 32px;}
.postDetailscol h1 {font-size: 22px;}
.postcol {min-height: auto;}
.blogSec ul li a.readmorelink {bottom: 30px;left: 30px;}
.stayConnectedSec p {font-size: 15px;}
.stayConnectedSec p br{display:none;}
.videoSlider {padding:20px 0 80px 0;}

.osInner{display: block;}
.osImg, .oscontent{ width:100%; text-align:center;}
.oscontent h4{ margin:25px 0 0;}
.oscontent p {font-size: 20px;line-height: 29px; float:none;}
.oscontent h2 {font-size: 28px;}
.bannerinner h2 {font-size: 30px;}

.newsTop{ display:block;}
.newbigtop {width: 100%;margin-bottom:20px;}
.newsbiglt {float: right;width: 100%;margin-bottom:20px;}
.newscol {float: right;width: 100%;margin-bottom:20px;}
.newsinnercontent h1 {font-size: 22px;line-height: normal;}
.spacialbtn {font-size: 22px;padding: 5px 15px;}

}


@media (min-width:200px) and (max-width:991px) {
.cardsidebar{ display:none;}
.cardsidebar.show{ display:block;}
.subpageContent p br{ display:none;}

.fund-sec .osInner {max-width: 1000px;display: block;}
.fund-sec .osInner .osImg {width: 100%;}
.fund-sec .osInner .oscontent {width: 100%;text-align: center;padding:5px 0 0;}


.hideDesk{ display:block;}
.hideMobo{ display:none}
.simpleimg{ width:100%; clear:both; overflow:hidden; margin:0 0 20px;}

.noProjectTitleMargin{margin-top:unset !important}
.projectBlock{padding: 10px 20px}

.projectBlock .pro-img {
    font-weight: 700; font-style: italic; color: #516171; width: 100% !important; margin: 0 auto 20px !important; float: none !important;}
.projectdetails h3 { font-size: 20px; color: #222; margin: 10px 0 20px; font-weight: 700; padding: 0; display: block;}

.projectBlock iframe{width: 100%; height: unset}

.img-left{margin-right: unset; max-width: unset;}
.img-right{margin-left: unset; max-width: unset;}
}

@media (min-width:200px) and (max-width:1199px) {
.float-start,  .float-end {float: none !important;margin: 0 0 40px !important;}
}