.clear {
    clear: both;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

/*mfp style*/
.mfp-bg{1
    z-index: 99999;
}
.mfp-wrap{
    z-index: 999999;
}
/*Mobile Nav*/
.text {
  max-wifdth: 800px;
  margin: 0 auto;
  display: block;
  text-align: center;
}

.mobile-nav-button {
  width: 35px;
  position: absolute;
  margin: 2rem;
  right: 0;
  top: 0;
  z-index: 9999;
  cursor: pointer;
  width: 35px;
  height: 30px;
}

.mobile-nav-button .mobile-nav-button__line {
  width: 100%;
  height: 4px;
  background: #ff2c2c;
  position: relative;
  transition: .3s ease;
}

.mobile-nav-button .mobile-nav-button__line:nth-of-type(2) { margin: 0.5rem 0; }

.mobile-nav-button .mobile-nav-button__line--1 {
  transform: rotate(45deg);
  top: 13px;
  position: absolute;
}

.mobile-nav-button .mobile-nav-button__line--2 { display: none; }

.mobile-nav-button .mobile-nav-button__line--3 {
  transform: rotate(135deg);
  top: 13px;
  position: absolute;
}

.mobile-menu {
  display: block;
/*  max-width: 500px;*/
  width: 100%;
  right: -100%;
  height: 100vh;
  background: #fff;
  position: absolute;
  z-index: 9998;
  transition: 0.2s ease;
  top: 0;
  opacity: 0;
    overflow-y: scroll;
}

.mobile-menu ul {
/*   position: relative;*/
    top: 0px;
    padding: 0;
    width: 100%;
    display: inline-grid;
}

.mobile-menu ul li { list-style: none; }

.mobile-menu ul li a {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    text-align: center;
    text-decoration: none;
    color:#000;
    font-size: 2rem;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    padding-top: 5px;
    letter-spacing:1px;
}

.mobile-menu ul li a:after {
  content: '';
  background: #0e0e0e;
  width: 100%;
  height: 100%;
  position: absolute;
  right: -100%;
  top: 0;
  z-index: -1;
  transition: 0.4s ease;
}

.mobile-menu ul li a:hover { color: #fff;letter-spacing:1.2px; }

.mobile-menu ul li a:hover:after { right: 0; }

.mobile-menu img {
  position: absolute;
  width: 150px;
  display: block;
  left: 50%;
  top: 3rem;
  transform: translatex(-50%);
  padding: 0;
  text-align: center;
}

.mobile-menu--open {
  right: 0;
  opacity: 1;
}
.mobile-menu .nav-dropdown {
  position: relative;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
.mobile-menu  ul li ul li {
 width: 100%;
}
.mobile-menu  ul li ul li a{
color: #000;

}
.mobile-menu  li:hover .sub-menu {
	z-index:1;
	opacity:1;
/*   margin-top:60px;*/
    position: relative;
}

/*navigation*/



.donate {
    margin-top: 10px;
    padding: 0px 12px;
    background-color: #ff2c2c;
    border: none;
    margin-left: 7px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 15px;
    outline: none;
    cursor: pointer;
    letter-spacing: .5px;
    transition: .4s ease-out;
        text-decoration: none;
}
a .donate-mobile {
    text-decoration: none;
}
.donate-mobile:hover {
    background-color: #ff2c2c;
    color: #fff;
        text-decoration: none;

}
.donate:hover {
    background-color:#ff2c2c;
        text-decoration: none;
}
.donate-button li a {
    margin-top: 0px !important;
}


.donate-mobile {
    padding: 16px 60px;
    background-color: #ff2c2c;
    border: none;
    margin-left: 7px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 17px;
    outline: none;
    cursor: pointer;
    letter-spacing: .5px;
    margin: 0px auto;
    margin-top: 44px !important;
      transition: .3s ease;
      text-decoration:none;
}



.navigation-section {
    height: 100px;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.brand {
  position: absolute;
  padding-left: 0px;
  float: left;
  line-height: 70px;
  text-transform: uppercase;
  font-size: 1.4em;
}
.brand img {
    width: 270px;
}
.brand a,
.brand a:visited {
  color: #ffffff;
  text-decoration: none;
}

.nav-container {
  max-width: 1400px;
  margin: 0 auto;
}

nav {
  float: right;
    width: 80%;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  float: left;
  position: relative;
        text-decoration: none;
    list-style: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;

}

.nav-list li a {
    text-decoration: none;
    list-style: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 15px;

}

.nav-list li a,
.nav-list a:after,
.nav-list a:before {
    transition: all .3s;
}

.nav-list li a:hover {
    color: #ff222c;
}

.nav-list li a {
    position: relative;
}
.nav-list .nav-dropdown li a {
    color: #000;
    text-align: left;
    background-color: #fff;
        margin-top: 0px !important;
    
}
.nav-list .nav-dropdown li a:hover {
    color: #fff;
     text-align: left;
    background-color:#ff222c;
    
}

.nav-list li a:after,
.nav-list li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: #e6111100;
    background: #ff222c;
    height: 2px;
    top: 45px;
}

.nav-list li a:hover:after {
    width: 100%;
}

nav ul li a:hover {
    color: #fff;
}


nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 0 20px;
  line-height: 50px;
  background:transparent;
 color: #000;
  text-decoration: none;
    margin-top: 10px;
}


nav ul li ul li {
  min-width: 190px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    background-color: #ff2c2c;
}

.donate a:visited {
    color: #fff;
}

.donate-button ul li a {
    display: block;
    padding: 0 20px;
    line-height: 50px;
    background: transparent;
    color: #000 !important;
    text-decoration: none;
    margin-top: 0px !important;
    padding-top: 0px !important;
}



.donate .sub-menu li a:hover {
    color: #fff !important;
     text-align: left;
    background-color:#ff222c;
    
}





.donate a:hover {
    color: #fff !important;
}

.donate-button-mobile .sub-menu li a:hover {
    color: #fff !important;
     text-align:center;
    background-color:#ff222c;
    
}




.monitor li:hover > .monitor .current-item > a {
	text-decoration:none;
	color:#000;
}

.monitor .arrow {
	font-size:11px;
	line-height:0%;
}


.monitor li:hover .sub-menu {
	z-index:1;
	opacity:1;
}

.sub-menu {
	width:auto;
	padding:5px 0px;
	position:absolute;
	top:100%;
	left:0px;
	z-index:-1;
	opacity:0;
	transition:opacity linear 0.15s;
	box-shadow:0px 2px 3px rgba(0,0,0,0.2);
	background:#fff;
}

.sub-menu li {
	display:block;
	font-size:16px;
}

.sub-menu li a {
	padding:10px 30px;
	display:block;
}




/* carousel */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
} 
.carousel-caption {
    text-shadow: 0 1px 4px rgba(0,0,0,.9);
  font-size:17px
}
.carousel-caption h3 {
  font-size: 30px;
  font-family: 'Lato', sans-serif;
}
.carousel {
    position: relative;
    padding-top: 100px !important;
}
 
    .carousel-inner,
    .carousel-inner .item {
      height: 87vh;
		width:100%;
    } 
    .item:nth-child(1) {
      background: url("../images/slider1.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    }

/*
    .item:nth-child(2) {
      background: url("../images/slider2.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    }
*/

    .item:nth-child(2) {
      background: url("../images/slider3.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    }
    .item:nth-child(3) {
      background: url("../images/slider4.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    }

/* Counter */
.counter-col {
    text-align: center;
}

.counter-section {
    width: 100%;
    height: 200px;
    background-color: #0f101000;
    position: relative;
    margin-top: -200px;
        z-index: 999;
}
.statistic-counter{
    text-align: center;
    color: #fff;
        font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 31px;
    display: inline-block;
}
.counter-col span {
      text-align: center;
    color: #fff;
        font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 31px; 
}
.count {
    padding-top: 20px;
}
.head {
      color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px !important; 
    letter-spacing: .8px;
}
.count p {
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: .8px;
}
.received {
    background-color: #ff2c2c;
    width: 56%;
    height: 180px;
    margin: 0px auto;
}
.received h2 {
    text-align: center;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 40px;
    padding-top: 22px !important;
}
.received p {
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 36px;
    letter-spacing: 1px;
    margin-top: -11px;
}


.paragraph {
    padding-bottom: 100px;
    border-bottom: 1px solid #eeeeee;
}
.sectio-01 h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #707070;
    line-height: 32px;
    padding: 100px 85px;
    text-align: center;
}
.button1 {
    padding: 12px 14px;
    background-color: #ff2c2c;
    border: none;
    color: #fff;
    display: block;
    margin: 0px auto;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px;
    width: 35%;
    letter-spacing: 1px; 
}
.donors-btn{
    margin-top: 25px;
    background: #353535;
}
.section-02 {
    padding-top: 100px;
    width: 100%;
    padding-bottom: 100px;
}
.heading-section h2 {
        font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 36px;
}
.heading-section p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #707070;
    margin-top: 20px;
    line-height: 27px;
}
.video-section {
        display: block;
    margin: 0px auto;
    text-align: center;
}
.top-section {
    padding-bottom: 50px;
    border-bottom: 1px solid #eeeeee;
}
.bottom-section {
  padding-top: 50px;
}

.section-03 {
    width: 100%;
    background: -webkit-gradient(linear,  top, bottom, from(#f8f6f6), to(#fff)); 
    background: -webkit-linear-gradient(top, #f8f6f6, #fff);
    background: -moz-linear-gradient(top, #f8f6f6, #fff);
    background: -o-linear-gradient(top, #f8f6f6, #fff);
    background: -ms-linear-gradient(top, #f8f6f6, #fff);
    padding-bottom: 150px;
}
.section-03 h3 {
   font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px; 
    color:#000;
}
.media {
    padding-top: 100px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eeeeee;
}
.media-bottom {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eeeeee;
}
.media-01 {
    display: inline-flex;
    margin-top: 15px;
}
.media-01 img {
    float: left;
}
.news {

    padding-left: 20px;
    font-family: 'Poppins', sans-serif;
  
}
.news h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 20px;
    line-height: 25px;
}
.news  {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070;
    font-size: 16px;
    line-height: 20px;
}
.read-more {
    padding-top: 20px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #f72626;
    font-size: 16px;
}
.read-more a {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #f72626;
    font-size: 16px;
    text-decoration: none;
}
.media-statement {
    padding-top: 50px;
}
.statement h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 36px;
    line-height: 45px;
}
.statement p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070;
    font-size: 16px;
    line-height: 28px;
    padding-top: 30px;
}
.statement-image img {
    display: block;
    margin: 0px auto;
}
.rectangle {
    display: block;
    margin: 0px auto;
    background-color: #fb2e16;
    position: absolute;
    margin-left: 51px;
    width: 77.5%;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}
.rectangle h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-left: 45px;
    font-size: 16px;
    letter-spacing: .5px;
}
.rectangle p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #fff;
    margin-left: 45px;
    font-size: 12px;
    letter-spacing: .5px;
}

.section-04 {
    width: 100%;
        background: -webkit-gradient(linear,  top, bottom, from(#f8f6f6), to(#fff)); 
    background: -webkit-linear-gradient(top, #f8f6f6, #fff);
    background: -moz-linear-gradient(top, #f8f6f6, #fff);
    background: -o-linear-gradient(top, #f8f6f6, #fff);
    background: -ms-linear-gradient(top, #f8f6f6, #fff);
    padding-bottom: 80px;
}
.tamil-chair {
    padding-top: 100px;
}
.tamil-chair h1 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 36px;
}
.tamil-chair p {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070;
    font-size: 16px;
}
.tamilchair-logos {
    padding-top: 80px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 80px;
}
.tamilchair-logos img {
    display: block;
    margin: 0px auto;
}
.chair-01 h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 20px;
    text-align: center;
}
.chair-01 h3 span {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #ff222c;
    font-size: 20px;
    text-align: center;
}
.chair-01 p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070;
    font-size: 16px;
    margin-left: 28px;
}


.chair-02 h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 20px;
    text-align: center;
}
.chair-02 h3 span {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #ff222c;
    font-size: 20px;
    text-align: center;
}
.chair-02 p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070;
    font-size: 16px;
    margin-left: 14px;
}

.chair-03 h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 20px;
    text-align: center;
}
.chair-03 h3 span {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #ff222c;
    font-size: 20px;
    text-align: center;
}
.chair-03 p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070;
    font-size: 16px;
    margin-left: 48px;
}

.chair-04 h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 20px;
    text-align: center;
}
.chair-04 h3 span {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #ff222c;
    font-size: 20px;
    text-align: center;
}
.chair-04 p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070;
    font-size: 16px;
    margin-left: 7px;
}
.line1, .line2, .line3 {
    float: right;
    width: 1px;
    height: 175px;
   background-color: #0000000f;
    top: 43px;
    position: absolute;
    right: 0;
}
.stone {
    padding-top: 100px;
}
.stone img {
    display: block;
    margin: 0px auto;
}
.black {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #000;
    padding-top: 60px;
}
.red {
      font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #ff222c;
    
}
.stone-para {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #707070;
    text-align: left;
    padding: 80px 90px;
}
.videos img {
    display: block;
    margin: 0px auto;
}
.videos02 img {
    display: block;
    margin: 0px auto;
    margin-top: 50px;
}

.section-05 {
    width: 100%;
        background: -webkit-gradient(linear,  top, bottom, from(#f8f6f6), to(#fff)); 
    background: -webkit-linear-gradient(top, #f8f6f6, #fff);
    background: -moz-linear-gradient(top, #f8f6f6, #fff);
    background: -o-linear-gradient(top, #f8f6f6, #fff);
    background: -ms-linear-gradient(top, #f8f6f6, #fff);
    padding-bottom: 100px;
}
.section-05 h1 {
        text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 36px;
    padding-top: 100px;
}
.pdf-section {
    padding-top: 75px;
}
.pdf-section h4 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #707070;
    line-height: 20px;
    font-size: 16px;
    padding: 12px 55px;
}
.pdf-img {
    display: block;
    margin: 0px auto;
    padding-bottom: 40px;
    border-bottom: 1px solid #00000026;
}
.pdf-section p {
    text-align: center;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #707070;
    padding-top: 15px;
}
.pdf-section p span {
    display: inline-flex;
    width: 27px;
    height: 16px;
}
.pdf-section p a {
    text-align: center;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #707070;
    padding-top: 15px;
    text-decoration: none;
}

.section-06 {
    width: 100%;
    background-image: url(../images/footer-bg.jpg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 500px;
}

.section-06 h1 {
    padding-bottom: 25px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 36px;
    padding-top: 100px;
}
.section-06 p {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070;
    font-size: 16px;
    line-height: 26px;
    padding: 12px 181px;
}
.footer-section {
    width: 100%;
    background-color: #000;
}
.footer-menus {
    display: inline-flex;
    width: 100%;
    margin: 0px auto;
    justify-content: center;
    padding-top: 35px;
        padding-bottom: 40px;
    border-bottom: 1px solid #9291914d;
}
.foot-menu {
   display: block;
    list-style: none;
    text-decoration: none;
      font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070;
    font-size: 12px;
}
.foot-menu li a {
    display: block;
    list-style: none;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070;
    font-size: 12px;
    padding-top: 10px;
}
.copy-right {
    padding-top: 25px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070;
    font-size: 12px;
    line-height: 40px;
}
.footer-logo {
    margin-left: 8px;
    margin-top: 0px;
    width: 30px;
}

.footer-logo-mbm {
    margin-left: 8px;
    margin-top: 0px;
    width: 200px;
}
 

    .res_tab {
         display: none;
     }


/* Article section*/
.article-section {
    width: 100%;
    padding-bottom: 100px;
}

.article-section h1 {
    padding-bottom: 25px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 36px;
    padding-top: 100px;
}
.articles p {
/*    text-align: center;*/
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #707070;
    font-size: 16px;
    line-height: 30px;
    padding: 12px 10px;
}

.article-read {
padding: 12px 14px;
    background-color: #ff2c2c;
    border: none;
    color: #fff;
    display: block;

    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 15px;
    width: 30%;
    letter-spacing: 1px;
    margin-left: 10px;
    margin-top: 15px;
}
.articles h2 {
     text-align: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 26px;
}
.article-section img {
    margin-top: 30px;
}


/* End article*/


/* News Section*/
.news-section {
    padding-top: 100px;
    padding-bottom: 200px;
}


.news-sec6 {
    background-color: #eeeeee;
    padding: 40px 55px;
    margin-top: 50px;
}

.news-sec6 h1 {
    font-size: 21px;
    color: #000000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-top: 40px;
}
.news-sec6 h4 {
    font-size: 13px;
    font-weight: 400;
    color: #707070;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
        font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.news-sec6 h2 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 34px;
}
.news-sec6 img {
    margin-top: 30px;
}

.news-sec5{
           background-color: #eeeeee;
    padding: 40px 55px;
            margin-top: 50px; 
}
.news-sec5 h1 {
    font-size: 21px;
    color: #000000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-top: 40px;
}
.news-sec5 h4 {
    font-size: 13px;
    font-weight: 400;
    color: #707070;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
        font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.news-sec5 h2 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 34px;
}
.news-sec5 img {
    margin-top: 30px;
}
.news-sec1 h1 {
    font-size: 21px;
    color: #000000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-top: 40px;
}
.news-sec1 h4 {
    font-size: 13px;
    font-weight: 400;
    color: #707070;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
        font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.news-sec1 h2 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 34px;
}
.news-sec1 {
        background-color: #eeeeee;
    padding: 40px 55px;
            margin-top: 50px;
}
.news-sec1 img {
    margin-top: 30px;
}


.news-sec3 h1 {
    font-size: 21px;
    color: #000000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-top: 40px;
}
.news-sec3 h4 {
    font-size: 13px;
    font-weight: 400;
    color: #707070;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
        font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.news-sec3 h2 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 34px;
}
.news-sec3{
        background-color: #eeeeee;
    padding: 40px 55px;
   
}

.news-sec3 img {
    margin-top: 30px;
}
.news-sec3 {
        background-color: #eeeeee;
    padding: 40px 55px;
   margin-top:50px;
}

.news-sec4 img {
    margin-top: 30px;
}
.news-sec4 audio
{
  width:95%;
  margin-top:40px;
}

.news-sec4 h1 {
    font-size: 21px;
    color: #000000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-top: 40px;
}
.news-sec4 h4 {
    font-size: 13px;
    font-weight: 400;
    color: #707070;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
        font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.news-sec4 h2 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 34px;
}
.news-sec4 {
    background-color: #eeeeee;
    padding: 40px 55px;
    margin-top: 50px;
}

.news-sec h1 {
    font-size: 21px;
    color: #000000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-top: 40px;
}
.news-sec h4 {
    font-size: 13px;
    font-weight: 400;
    color: #707070;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
        font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.news-sec h2 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 34px;
}
.news-sec {
    background-color: #eeeeee;
    padding: 40px 55px;
    margin-top: 50px;
}
.no-title .postdate{
    top: 0;
    margin-top: -40px;
}
.postdate {
    position: absolute;
    top: 0;
    left: -55px;
    /*margin-top: -115px;*/
    margin-top: -40px;
    width: 65px;
    text-align: center;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 12px;
    background: #000;
        font-family: 'Poppins', sans-serif;
    font-weight: 700;
}
.news-sec img {
    margin-top: 20px;
}



.news-sec2 h1 {
    font-size: 21px;
    color: #000000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-top: 40px;
}
.news-sec2 h4 {
    font-size: 13px;
    color: #707070;
    text-align: left;
    letter-spacing: 1px;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding-bottom: 10px;
}
.news-sec2 h2 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    text-align: left;
    letter-spacing: 1px;
    line-height: 34px;
}
.news-sec2 {
    background-color: #eeeeee;
    padding: 40px 55px;
    margin-top: 50px;
}
.postdate {
    position: absolute;
    top: 0;
    left: -55px;
    /*margin-top: -115px;*/
    margin-top: -40px;
    width: 65px;
    text-align: center;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 12px;
    background: #000;
        font-family: 'Poppins', sans-serif;
    font-weight: 700;
}
.news-sec2 img {
    margin-top: 20px;
}
.read-news {
    padding: 12px 30px;
    background-color: #ff2c2c;
    border: none;
    margin-left: 3px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 15px;
    outline: none;
    cursor: pointer;
}

.letter-section {
    padding-top: 120px;
    padding-bottom: 200px;
}
.letter-section img {
    display: block;
    margin: 0px auto;
    margin-top: 40px !important;
    width: 40%;
}
.letter-section h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: rgb(255, 44, 44);
    text-align: center;
    line-height: 36px;
    padding: 0px 209px;
}
.letter-section p {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
     font-size: 17px;
    color: rgb(112, 112, 112);
    letter-spacing: 1px;
    padding: 0px 209px;
    text-align: center;
}


.pledge-form {
    padding-top: 150px;
    padding-bottom: 150px;
}
.pledge-form img {
    display: block;
    margin: 0px auto;
    width: 100%;
}
.form-image:hover .overlay {
  opacity: 1;
}
.pdf-img {
    display: block;
    margin: 0px auto;
    padding-bottom: 40px;
    border-bottom: 1px solid #00000026;
}
.pledge-form p {
    text-align: center;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #ff2c2c;
    padding-top: 55px;
}
.pledge-form p span {
    display: inline-flex;
    width: 27px;
    height: 16px;
    padding-right: 5px;
}
.pledge-form p a {
    text-align: center;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #ff2c2c;
    padding-top: 15px;
    text-decoration: none;
}
/*---------Donors page-------------------*/
.donors-accordian .accordion{
    padding: 0;
}
.donors-accordian .accordion button:focus{
    outline: none;
}
.donors-accordian .table-striped td{
    width: 50%;
}
#list-of-donors .container{
    width: 100%;
    max-width: 1300px;
}
#list-of-donors{
    padding-bottom: 30px;
}
table.donors-list{
    border: 1px solid #dfdfdf;
}
table.donors-list>tbody>tr>th{
    font-weight: 400;
    border-right: 1px solid #dfdfdf;
}
table.donors-list>#total>tr:nth-child(56)>th,
table.donors-list>#total>tr:nth-child(57)>th{
    border-right: none;
}
table.donors-list>#total>tr:last-child{    
    background: #2e2b2b;
    color: #ffffff;
    font-weight: 600;
}
table.donors-list tbody td:nth-child(5),
table.donors-list tbody td:nth-child(6){
    width: 12%;
}
table.donors-list td{
    border-right: 1px solid #dfdfdf;
    vertical-align: middle !important;
}
table.donors-list td:last-child{
    width: 20%;
}
table.donors-list td:last-child, table.donors-list thead th:last-child{
    border-right: none;
}
table.donors-list .tb-head{
    line-height: 1.1;
    background: #d21e25;
    border-right: 1px solid #bb1218;
    color: #ffffff;
    height: 50px;
    vertical-align: middle;    
}
table.donors-list tbody th{
    text-align: center;
    vertical-align: middle;
}
.donors-accordian .accordion{
    background: transparent;
}
.donors-accordian .accordion .card{
    background: #dfdfdf;
}
.donors-accordian .accordion .table{
    margin-bottom: 0
}
.donors-accordian .accordion table td{
    font-size: 13px;
}
.table-striped>tbody>tr:nth-child(even){
    background: #f3f3f3;
}
.donors-accordian .accordion .card-header{
    height: auto;
    background: #5a5151;
    color: #fff;
}
.donors-accordian .accordion .card-header .btn{
    white-space: normal;
    text-align: left;
    line-height: 1.1;
}
.donors-accordian .accordion button{    
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.table-striped>tbody>tr>td:first-child{
    color: #000;
}
.donors-accordian .accordion:hover{
    background: transparent;
    color: #707070;
}
.donors-accordian .accordion:after{
    content: '';
}
#list-of-donors .donors-list{
    display: block;
}
#list-of-donors .donors-accordian{
    display: none;
}
.search-donors{
    margin-bottom: 25px;
}
.search-donors button{
    background: #d21e25;
    border-color: #d21e25;
}
/* Media Queries */


 @media only screen and ( min-width: 320px) and  ( max-width: 1199px){
     
     .navigation {
         display: none;
     }
     .res_tab {
         display: block;
     }
          .donate {
         display: none;
             }
     .donate-mobile {
         display: block;
     }
     .nav-list {
    display: none;
}
}

 @media only screen and ( min-width: 992px) and  ( max-width: 1199px){
     .rectangle {
    display: block;
    margin: 0px auto;
    background-color: #fb2e16;
    position: absolute;
    margin-left: 0px;
    width: 93.5%;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

}

@media only screen and ( min-width: 768px) and  ( max-width: 991px){
.monitor {
    display: none;
}
.carousel, .carousel-inner, .carousel-inner .item {
    height: 55vh;
    width: 100%;
}
.count {
    padding-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
}
    .received {
    background-color: #ff2c2c;
    width: 100%;
    height: 160px;
    margin: 0px auto;
    margin-top: -63px !important;
}
    .sectio-01 h4 {

    padding: 56px 3px;
    text-align: center;
}
    .statement h1{
        text-align: center;
    }
    .rectangle h4 {
        text-align: center;
    }
    .rectangle p {
        text-align: center;
            padding: 5px 20px;
        margin-left: 0px !important;
    }
    .stone-para {

    padding: 44px 0px !important;
}
    .videos img {
    padding-top: 40px;
}
   .section-06 p {

    padding: 12px 40px;
}  
    .rectangle {

    margin-left: 17.7% !important;
    width: 60.5% !important;

}
    .statement-image img {
    display: block;
    margin: 0px auto;
    margin-top: 75px !important;
}
    .letter-section h1 {
 
    padding: 0px 50px;
}
        .letter-section p {
 
    padding: 0px 50px;
}
}


@media only screen and ( min-width: 500px) and  ( max-width: 767px){
         .donate {
         display: none;

     }

    .carousel, .carousel-inner, .carousel-inner .item {
    height: 33vh;
    width: 100%;
}
.count {
    padding-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
}
.received {
    background-color: #ff2c2c;
    width: 100%;
    height: 160px;
    margin: 0px auto;
    margin-top: 97px !important;
}
    .sectio-01 h4 {

    padding: 56px 3px;
    text-align: center;
}
    .statement h1{
        text-align: center;
    }
    .rectangle h4 {
        text-align: center;
    }
    .rectangle p {
        text-align: center;
            padding: 5px 20px;
        margin-left: 0px !important;
    }
    .stone-para {

    padding: 44px 0px !important;
}
    .videos img {
    padding-top: 40px;
}
   .section-06 p {

    padding: 12px 40px;
}  
.rectangle {
    margin-left: 0px;
    width: 95.5% !important;
}
    .statement-image img {
    display: block;
    margin: 0px auto;
    margin-top: 75px !important;
        width: 100%;
}
    .head {
    font-size: 12px !important;
}
 .counter-section {
    width: 100%;
    height: auto;
    background-color: #000000;
    position: relative;
    margin-top: 0px;
    z-index: 999;
   
}  
    .chair-01 p, .chair-02 p, .chair-03 p, .chair-04 p {
        margin-left: 0px !important;
        text-align: center;
    }
    .section-06 h1 {

    padding-top: 30px;
}
    .footer-menus {
    display: block;
        }
    .foot-menu {
    display: inline-table;
    }
    .postdate {
    position: absolute;
    left: -55px;
    width: 65px;
    text-align: center;
    color: #fff;
    padding-bottom: 12px;
    background: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    top: 35px;
}
.news-section {
    padding-top: 100px;
    padding-bottom: 200px;
}
        .letter-section h1 {
 
    padding: 0px 5px;
}
        .letter-section p {
 
    padding: 0px 5px;
}
    .letter-section img {
        width: 70%;
    }
}

@media only screen and (min-width: 320px) and  (max-width: 499px){
    
    /*donors search button*/
    .input-group, .input-group .input-group-btn, .input-group button{
        display: block;
        width: 100%;
    }
    .input-group button, .input-group input{
        border-radius: 3px !important;
    }
    .input-group input{
        height: 51px;
        margin-bottom: 15px !important;
    }
    .monitor {
        display: none;
    }

    #list-of-donors .donors-list{
        display: block;
            max-width: 100%;
    overflow: auto;
    }
    #list-of-donors .donors-accordian{
        display: block;
    }

.carousel, .carousel-inner, .carousel-inner .item {
    height: 40vh;
    width: 100%;
    position: relative;
    padding-top: 0px;
}
.count {
    padding-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
}
.received {
    background-color: #ff2c2c;
    width: 100%;
    height: 160px;
    margin: 0px auto;
    margin-top: 0px !important;
}
    .sectio-01 h4 {

    padding: 56px 3px;
    text-align: center;
}
    .statement h1{
        text-align: center;
    }
    .rectangle h4 {
        text-align: center;
    }
    .rectangle p {
        text-align: center;
            padding: 5px 20px;
        margin-left: 0px !important;
    }
    .stone-para {

    padding: 44px 0px !important;
}
    .videos img {
    padding-top: 40px;
}
   .section-06 p {

    padding: 12px 0px;
}  
.rectangle {
    margin-left: 0px;
    width: 91.5% !important;
}
    .statement-image img {
    display: block;
    margin: 0px auto;
    margin-top: 75px !important;
        width: 100%;
}
    .head {
    font-size: 12px !important;
}
 .counter-section {
    width: 100%;
    height: auto;
    background-color: #000000;
    position: relative;
    margin-top: 0px;
    z-index: 999;
   
}  
    .chair-01 p, .chair-02 p, .chair-03 p, .chair-04 p {
        margin-left: 0px !important;
        text-align: center;
    }
    .section-06 h1 {

    padding-top:0px;
}
    .footer-menus {
    display: block;
        }
    .foot-menu {
    display: inline-table;
    }
    .section-03 h3 {
        text-align: center;
    }
    .media-01 img {
    float: none;
        display: block;
        margin: 0px auto;
}
    .media-01 {
    display: block;
    margin-top: 30px;
}
    .button1 {
        width: 75%;
    }
    .count p
    {
        font-size: 15px;
    }
        .carousel-fade .carousel-control {
    z-index: 2;
    display: none;
}
    .postdate {
    position: absolute;
    left: -55px;
    width: 65px;
    text-align: center;
    color: #fff;
    padding-bottom: 12px;
    background: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    top: 35px;
}
    .letter-section h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 23px;
    line-height: 33px;
}
    .letter-section img {
    display: block;
    margin: 0px auto;
    margin-top: 30px !important;
    width: 80%;
}
    .news-section {
    padding-top: 125px;
    padding-bottom: 200px;
}
.article-read {
    width:50%;
}
            .letter-section h1 {
 
    padding: 0px 5px;
}
        .letter-section p {
 
    padding: 0px 5px;
}

        .letter-section img {
        width: 100%;
    }
}

@media only screen and ( min-width: 300px) and  ( max-width: 400px){
    
    #logo {
    float: left;
    width: 200px;

}


    .mobile-nav-button {
    width: 35px;
    position: absolute;
    margin: 2rem;
    right: 0px;
    top: 0px;
    z-index: 9999;
    cursor: pointer;
    width: 35px;
    height: 30px;
}
    .carousel-fade .carousel-control {
    z-index: 2;
    display: none;
}
    .counter-section {

    margin-top: 45px;
  
}
    .postdate {
    position: absolute;
    left: 0px;
    width: 65px;
    text-align: center;
    color: #fff;
    padding-bottom: 12px;
    background: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    top: -11px;
}
    .news-sec1 {

    padding: 86px 0px;
}
    .news-sec {
    background-color: #eeeeee;
    padding: 86px 0px;
}
        .news-sec2 {
    background-color: #eeeeee;
    padding: 86px 0px;
}
.news-sec3 {
    background-color: #eeeeee;
    padding: 86px 0px;
}
.news-sec4 {
    background-color: #eeeeee;
    padding: 86px 0px;
}
.news-sec4 h2
{
  font-size:17px;
}
    .news-sec h4 {
        padding-bottom: 20px;
    }
}


@media only screen and ( min-width:1200px) and  ( max-width: 1320px){
    .brand img {
    width: 200px;
}
   nav {
    float: right;
    width: 82%;
}
    nav ul li a, nav ul li a:visited {
    display: block;
    padding: 0 15px;
    }
}