@font-face{
  font-family:"Neo Sans";
  src:url("../fonts/NeoSans/Neo_Sans/Neo_Sans") format('embedded-opentype'),
  url("../fonts/NeoSans/Neo_Sans/Neo_Sans.woff") format("woff"), 
  url("../fonts/NeoSans/Neo_Sans/Neo_Sans.ttf") format("truetype"), 
  url("../fonts/NeoSans/Neo_Sans/Neo_Sans.svg") format("svg")
}
@font-face{
  font-family:"NeoSans Regular";
  src:url("../fonts/NeoSans/NeoSans Regular/NeoSansProRegular.OTF") format('embedded-opentype'),
  url("../fonts/NeoSans/NeoSans Regular/NeoSansPro-Regular.woff") format("woff"), 
  url("../fonts/NeoSans/NeoSans Regular/NeoSansPro-Regular.ttf") format("truetype"), 
  url("../fonts/NeoSans/NeoSans Regular/NeoSansPro-Regular.svg") format("svg")
}
@font-face{
  font-family:"NeoSans Medium";
  src:url("../fonts/NeoSans/NeoSans Medium/NeoSansProMedium.OTF") format('embedded-opentype'),
  url("../fonts/NeoSans/NeoSans Medium/NeoSansPro-Medium.woff") format("woff"), 
  url("../fonts/NeoSans/NeoSans Medium/NeoSansPro-Medium.ttf") format("truetype"), 
  url("../fonts/NeoSans/NeoSans Medium/NeoSansPro-Medium.svg") format("svg")
}
@font-face { 
    font-family: "NeoSans Medium Italic";
    src:url("../fonts/NeoSans/NeoSans Medium Italic.woff") format("woff"), 
    url("../fonts/NeoSans/NeoSans Medium Italic.ttf") format("truetype");
  }
  @font-face { 
    font-family: "NeoSans Light Italic";
    src:url("../fonts/NeoSans/NeoSans Light/NeoSans-Light-Italic.woff") format("woff"), 
    url("../fonts/NeoSans/NeoSans Light/NeoSans-Light-Italic.otf") format("embedded-opentype"), 
    url("../fonts/NeoSans/NeoSans Light/NeoSans-Light-Italic.ttf") format("truetype"), 
    url("../fonts/NeoSans/NeoSans Light/NeoSans-Light-Italic.svg") format("svg");
  }
  @font-face{
    font-family: "NeoSans Black Italic";
    src:url("../fonts/NeoSans/NeoSans Black Italic.woff") format("woff"), 
    url("../fonts/NeoSans/NeoSans Black Italic.ttf") format("truetype");
  }
  
  @font-face{
    font-family:"NeoSans Black";
    src:url("../fonts/NeoSans/NeoSans Black/NeoSans Black") format('embedded-opentype'),
    url("../fonts/NeoSans/NeoSans Black/NeoSans Black.woff") format("woff"), 
    url("../fonts/NeoSans/NeoSans Black/NeoSans-Black.ttf") format("truetype"), 
    url("../fonts/NeoSans/NeoSans Black/NeoSans-Black.svg") format("svg")
  }
body{
    font-family: "NeoSans Regular", serif;
}
h1,h2,h3,h4,h5,h6{
  font-weight: 700;
}
p{
  margin: 1rem auto;
  line-height: 1.7rem;
  font-size: 1rem;
  /* text-align: justify; */
  color: #555252;
}

.title-italic{
  font-family: "NeoSans Medium Italic";
}
.home-title{
  font-size: 28px;
  color:#146bb5;
}
/*------------- go to top strat---------------*/
.scrollToTop {
    text-decoration: none;
    cursor: pointer;
    background: #146bb5;
    position: fixed;
    bottom: 25px;
    right: 80px;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    display: none;
    z-index: 999;
  }
  .scrollToTop .icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .scrollToTop .fa-angle-up {
    color: #fff;
    font-size: 22px;
}
  /* navbar */
  .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #ed1f24;
  }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #ed1f24;
  }
  .navbar-light .navbar-nav .nav-link {
    color: #17458f;
  }
  .navbar-light .navbar-nav .nav-link {
    color: #17458f;
    text-transform: capitalize;
    font-size: 16px;
  }
  .menu-bg {
    min-height: 135px;
  }
  .menu-top {
    background: #146bb5;
    color: #fff;
    min-height: 42px;
    font-size: 14px;
    display: flex;
    align-items: center;
  }
  .menu-top a{
    color:#fff;
  }
  .menu-top a:first-child {
    padding-right: 40px;
    margin-right: 40px;
    border-right: 2px solid #fff;
  }
  .menu-top p {
    margin: 0px;
    /* font-family: "NeoSans Medium Italic"; */
    letter-spacing: 0.5px;
  }
  a:hover{
    text-decoration: none;
  }
  @media (min-width: 992px){
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-light .navbar-toggler {
  color: rgba(0,0,0,.5);
  border-color: #146bb5;
  margin-left: auto;
  margin-bottom: 20px;
}
.dropdown-menu {
  padding:0;
}
.dropdown-item {
  padding: .6rem 1.5rem;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: rgb(237, 31, 36);
  text-decoration: none;
  background-color: #fff;
}
.navbar {
  padding: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.dropdown-item {
  color: #fff;
}
.dropdown-menu {
  background-color: #146bb5;
}
.dropdown-item.active, .dropdown-item:active {
  color: #ed1f24;
  text-decoration: none;
  background-color: #fff;
}
/* end navbar */

/* slider */

.slider{
  color:#fff;
}
.slider .cap h2 {
  font-size: 35px;
  margin-bottom: 50px;
  font-weight: 700;
}
.carousel-indicators .active {
  background-color: #fff;

}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000;
  background-color: rgba(0,0,0,0);
  border: 1px solid #fff;
  border-radius: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
.carousel-caption h1 {
  text-transform: uppercase;
  font-family: "NeoSans Black";
  font-weight: 600;
  font-size: 30px;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 33%;
}
.carousel-caption h5 {
  font-family: 'NeoSans Light Italic';
  text-transform: uppercase;
  letter-spacing: 5px;
}
/* end slider */
/* news and updates */
.pd50{
  padding-top:50px;
  padding-bottom:50px;
}
.pt70{  
  padding-top: 70px;
}
.newsandupdatestop {
  border-top: 2px solid #f7f7f7;
  /* padding-top: 30px; */
  margin-bottom: 30px;
}
.newcover .content h5 {
  color: #54565a;
  letter-spacing: 1px;
}
.newcover .content p {
  color: #898a8d;
}
.hightlightcolor {
  color: #146bb5 !important;
  font-family: "NeoSans Medium";
  margin-top: 20px;
}
.f14{
  font-size: 14px;
}
.newcover .content {
  padding-top: 20px;
  padding-bottom: 20px;
}
.newarchive {
  box-shadow: rgba(0, 0, 0, 0.84) 0px 1px 8px -5px;
  margin-bottom: 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.newarchive .content {
  padding: 15px 20px;
  width: 75%;
}
.bglight{
  background: #f7f9f9;
}
.threebox {
  text-align: center;
  background: #f7f9f9;
  border: 1px dotted #146bb5;
 min-height: 570px;
 
  margin: auto;
}
.threebox div{
  /* padding: 10px; */
}
.h-about .container{
  padding-top: 0px;
}
.threebox .content {
  padding: 30px;
  color: #54565a;
  font-size: 16px;
  min-height: 286px;
}
/* .threebox  div{
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .13), 0 1px 4px 0 rgba(0, 0, 0, .11);
} */
.threebox img.dot-border {
 border-bottom: 1px solid #eee;
}
.content{
  color:#54565a;
}
.threebox .home-title {
  margin-bottom: 30px;
}
.calendar-archieve h5 {
  min-height: 50px;
  margin-bottom: 30px;
  color:#54565a;
}
.mb30{
  margin-bottom: 30px;
}
.morelink {
  color: #146bb5;
  font-size: 14px;
  font-family: "NeoSans Medium";
}
.calendar-archieve {
  border-bottom: 3px solid #e1e1e1;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.grayhightlight {
  color: #b1b1b1;
  font-size: 14px;
  margin: 0;
}
footer {
  background: url(../img/footerbg.png) no-repeat top center;
  color: #fff;
  font-size: 16px;
  background-size: cover;
}
footer a, footer a:hover {

    color: #fff;

}
.copyright {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #fff;
  font-size: 14px;
}
.text-white{
  color:#fff;
}
.copyright {

    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #fff;

}
.mm-navbar {
  background: #146bb5;
  color: #fff;
  height: 42px;
}
.newarchive img {
  width: 43%;
  object-fit: cover;
}
.mm-panel, .mm-panels {
  background: #f9f9f9;
}
.mm-listitem.mm-listitem_selected {
  color: #146bb5;
  font-family: "NeoSans Medium";
}

/* banner */
.banner{
  position: relative;
}
.banner img{
  max-height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: top;
  min-height: 200px;
}
.banner-caption{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-caption .fa-solid.fa-chevron-right {
    margin: 0px 15px;
}
.banner-caption a {
  color: #f7ec13;
  font-weight: bold;
}
span.decor {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #F7EC13;
  background:transparent;
  display: inline-block;
  position: relative;
  z-index: 1;
}
span.decor span.inner {
  background: #f7ec13;
}
span.inner {
  width: 6px;
  height: 6px;
  background: #EAEAEA;
  border-radius: 50%;
  display: block;
  margin: auto;
    margin-top: auto;
  margin-top: 3px;
}
span.decor {
  border-color: #f7ec13;
}

span.decor::before, span.decor::after {

  background: #DADADA;

}
span.decor::before {

  left: 14px;

}
span.decor::after {
  right: 14px;
}
span.decor::before, span.decor::after {

  content: '';
  position: absolute;
  top: 5px;
  width: 50px;
  height: 2px;
  background: #E6E6E6;
  z-index: -1;

}
/* contact us */
/* .contact{
  background: rgba(216, 183, 63, 0.05);
} */
.cright::after {
  content: "";
  position: absolute;
  left: 35%;
  right: 0;
  width: 30%;
  height: 83px;
  background: url(../img/cc-arrow-blue.png) no-repeat center;
  background-size: 114%;
  z-index: 999;
}

.cright {
  padding: 50px;
  background: #146bb5;
  position: relative;
  color: #fff;
  padding-bottom: 20px;
}
.cright .icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d8b73f;
  border-radius: 100%;
  margin-right: 20px;
}
.btn.btn-submit {
  background: #146bb5;
  color:#fff;
  padding: 11px 30px;}
  .cright .des {
    width: 70%;
  }

  .cright .d-flex {
    margin-bottom: 20px;
  }
  .social-list {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
    margin: auto;
    border-top: 1px solid #1261a6;
  }
    .social-list .social_icon {
      width: 40px;
      background: #fff;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      margin:auto 10px;
    }
    .cright .firstp{ 
      border-bottom: 1px solid #1261a6;
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
    .cright p a {
      color: #fff;
    }
    @media(max-width:991px){
      .cright::after {
        background: none;
        margin-bottom: 30px;
      }
      .cright {
        margin-bottom: 30px;
        padding-bottom: 50px;
      }
    }

/* news and updates */
.news-box {
  border: 1px solid #ddd;
}
.news-content {
  padding: 30px 0px;
}
.img-gallery.gallery img {
  border: 2px solid #000;
  max-width: 150px;
  margin: 5px;
}
.fa.fa-calendar,.fa-solid.fa-location-dot {
  color: #ed1f24;
}
.news-content p {
  color: #768385;
  letter-spacing: 1px;
}
.news-cover {
  margin: 30px auto;
}
.img-gallery {
  margin-bottom: 30px;
}
/* members and comittie */
.p-relative {
  position: relative;
}
.mt-30 {
  margin-top: 30px;
}
.team__wrapper {
  padding: 10px;
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
  border-radius: 15px;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important;
}
.team__img::before {
  position: absolute;
  content: "";
  height: 0;
  top: auto;
  left: 0px;
  background: #121212;
  opacity: 0.7;
  transition: 0.3s ease;
  width: 100%;
  bottom: 0;
  border-radius: 15px;
}
.team__img {
  margin-bottom: 22px;
  position: relative;
  overflow: hidden;
}
.team__img img {
  width: 100%;
  border-radius: 15px;
}
.team-social {
  position: absolute;
  top: 59%;
  right: 0;
  left: 0;
}
.team-social a {
  color: #FFFFFF;
  height: 36px;
  width: 36px;
  margin-right: 10px;
  border: 2px solid rgba(255, 255, 255, 0.09);
  border-radius: 2px;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  transition: 0.3s;
  line-height: 32px;
  opacity: 0;
  visibility: hidden;
}
.team__wrapper:hover .team-social a {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
}
.team__wrapper:hover .team__img::before {
  height: 100%;
  top: 0;
  bottom: auto;
}
.team__title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 7px;
  display: block;
  text-align: center;
  color: #282F3B;
}
.team__authur p {
  font-weight: 500;
  font-size: 14px;
  color: #8A8A8A;
  text-align: center;
}
.empower li {
  list-style: none;
  margin-left: -40px;
  line-height: 2;
}
.empower li .fas.fa-bullseye {
  color: #d8b73f;
  margin-right: 5px;
  margin-bottom: 5px;
}
.empower p, .empower li {
  color: #626262;
}
.member-box {
  border: 1px solid #F1F1F1;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
  border-radius: 15px;
  padding: 20px;
  display: flex;
  align-items: center;
  min-height: 130px; 
  margin-top: 30px;
}
.member-box .icon {
  background: rgba(20, 107, 181, 0.05);
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 37px;
  border-radius: 10px;
  color: #146bb5;
  margin-right: 30px;
}
.member_title {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
  display: block;
  color: #282F3B;
}
.border-break{
  border-bottom: 1px dashed #828282;
}
.member-box .text {
  width: 80%;
}
.pd20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mm-btn::after, .mm-btn::before {
  border-color: #d9d9d9;
}
/* about */

thead {

    background: #146bb5;
    color: #fff;

}
.sl-overlay {
  background: #000;
}
.table-striped tbody tr:nth-of-type(2n+1) {

    background-color: rgba(20, 107, 181, 0.05);

}
.banner-caption h3 {
  color: #fff;
}
h3 {
  color: #146bb5;
}

@media (max-width:991px){
  h3{
    font-size: 20px;
  }
}
.heading-h2 {
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: 200;
  max-width: 38rem;
  margin:auto;
}
.u-width-8 {
  max-width: 50rem;
  color:#39424a;
  margin:auto;
}
.u-width-8 h3 {
  color: #39424a;
  font-size: 1.5rem;
}
.u-width-8 p {
  margin: 1rem auto;
  line-height: 1.7rem;
  font-size: 1rem;
  color: #555252;
}
.u-width-8 ul {
  line-height: 2;
  margin-left: -25px;
}
.u-width-8 a {
  color: #019fcb;
  font-size: 1.1rem;
  font-weight: bold;
}
.whatrotary .items {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  user-select: none;
}
.whatrotary .items-outside {
  min-height: 550px;
  position: relative;
}
.whatrotary .bgimage{
  background: url(../img/whatrotary/concrete_seamless.jpg);
}
.whatrotary .items .item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 350px;
  /* height: 250px; */
  border-radius: 50%;
  overflow: hidden;
  transition: all 300ms ease-in-out;
  z-index: -1;
  opacity: 0;
  border-radius: 0px;
  text-align: center;
}

.whatrotary .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.whatrotary .item.active {
  opacity: 1;
  z-index: 99;
  box-shadow: 0px 0px 105px -35px rgba(0, 0, 0, 0.75);
  background: #fff;
}

.whatrotary .item.prev {
  z-index: 2;
  opacity: 0.25;
  transform: translate(-125%, -50%);
}

.whatrotary .item.next {
  z-index: 2;
  opacity: 0.25;
  transform: translate(25%, -50%);
}

.whatrotary .items .button-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 275px;
  z-index: 100;
}

.whatrotary .button-container .button {
  color: #fff;
  font-size: 32px;
  cursor: pointer;
  position: relative;
  opacity: 0.75;
  transition: all 300ms ease-in-out;
}

.whatrotary .button-container .button:hover {
  opacity: 1;
}

.whatrotary .button-container .button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 1);
  border-radius: 50%;
  z-index: -99;
}

.whatrotary .button-container .button:nth-child(1) {
  float: left;
}

.whatrotary .button-container .button:nth-child(2) {
  float: right;
}

/*****************Mermber***********************/
.modal-content{
     background: #132533;
    color: white;
  }
.modal-body {
    padding: 20px 50px 50px 50px;
    display: flex;
    /* align-items: center; */
}

.about-table > tbody > tr > td{
  font-size: 18px !important;
}
.modalcontent {
    width: 70%;
}
.pos {
    color: #648aab;
}
td.width20 {
    width: 23%;
}
.mainlist li{
  margin-bottom: 4px;
}
.modalcontent b {
    font-weight: 500;
    margin-right: 5px;
}
.modalcontent .table-bordered {
    border: 1px solid #dee2e6;
    margin-left: 25px;
    width: 96%;
}
.modalcontent .table-bordered th, .modalcontent .table-bordered td {
    border: 1px solid #6663635c;
}
.modalcontent .modalcaption {
    text-align: left;
    border-bottom: 1px solid #6663635c;
    margin-left: 25px;
    padding-bottom: 10px;
}
.modal-header {
    padding: 5px 15px;
    border-bottom: 0px;
}
.modalcaption {
    text-align: center;
    margin: 20px 0px;
}
.modalcaption h5 {
    font-size: 17px;
    font-weight: 600;
}
.modalimage {
    width: 30%;
}
  .modal-dialog {
    max-width: 1000px;
    margin: 1.75rem auto;
}
.close span {
    color: white;
}
.memberflexsection {
    display: flex;
    flex-wrap: wrap;
}
.eachmember {
    width: 24%;
    margin: 5px 0.5%;
    background: white;
    border-radius: 4px;
}
.memberphoto {
    width: 50%;
    display: block;
    margin: 40px auto;
}
.more {
    padding: 10px;
    text-align: center;
    border-top: 1px solid #dcd5d570;
    border-bottom: 1px solid #dcd5d570;
    margin-top: 15px;
    font-size: 14px;
    color: #146bb5a8;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}
.membercaption {
    text-align: center;
    padding: 5px 15px;
    min-height: 123px;
    /* min-height: 80.5px; */
}
.position {
    font-size: 14px;
    font-weight: 600;
    color: #222;
}
.name {
    display: block;
    color: #146bb5;
    font-weight: 600;
    font-size: 15px;
}
.modalparasection {
    margin-left: 25px;
}
.modalparasection h5 {
    font-size: 17px;
    margin: 9px 0px 4px 0px;
    font-weight: 600;
}
/***********************************************/
.card-header{
  border-bottom: 0px;
}
section.member h3{
  margin-bottom: 20px;
}
section.member  .card-header {
  padding: 0px;
  background-color: unset;
}
section.member .card-header .nav-tabs{
  border: none;
}
section.member  .card-header .nav-tabs .nav-link.active{
  border-top: 4px solid #1261a6;
  margin-top: -2px;
  border-bottom: unset;
  color: #146bb5;
  background-color: #e2ebf970;
}
section.member .card{
  border: unset;
}
section.member .nav-tabs .nav-link {
  border: 1px solid #ddd6;
  padding: 10px 20px;
  font-weight: 600;
  background-color: white;
  margin: 0px 2px;
  border-bottom: unset;
  color: #146ab5d5;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;

}
section.member .nav-tabs .nav-item {
  margin-bottom: -1px;
  border-bottom:unset;
}
section.member .card-body {
    background: #e2ebf970;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 60px 25px;
}
section.member .nav-tabs .nav-link.first{
  margin-left: 0px;
}

section.get-involved  .card-header {
  padding: 0px;
  background-color: unset;
  border-bottom: 2px solid #1261a6;
}
section.get-involved .card-header .nav-tabs{
  border: none;
}
section.get-involved .card-header .nav-tabs .nav-link.active{
  border-bottom: unset;
  color: white;
  background-color: #1261a6;
}
section.get-involved .card{
  border: unset;
}
section.get-involved .nav-tabs .nav-link {
  border: 1px solid #ddd;
  padding: 10px 20px;
  font-weight: 600;
  background-color: #e5e5e5;
  margin: 0px 5px;
  margin-top: -1px;
  border-bottom: unset;
  border-top-left-radius: 15px ;
  border-top-right-radius: 15px ;

  color: #146ab5d5;
}
section.get-involved .nav-tabs .nav-item {
   border-bottom:unset;
   margin-bottom: 0px;
}
section.get-involved .card-body{
  border-bottom: 2px solid #dee2e6;
  border-left: 2px solid #dee2e6;
  border-right: 2px solid #dee2e6;
}
section.get-involved .nav-tabs .nav-link.first{
  margin-left: -1px;
}
section.get-involved .involve-box {
  border: 1px solid #eee;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
  border-radius: 15px;
  padding: 20px 0px;
  display: flex;
  align-items: center;
  min-height: 130px;
  margin-top: 30px;
}
section.get-involved .involve-box p{
  margin-bottom: 0px;
}
.whatrotary .get-involved-btn,.get-involved-btn  {
  margin-top: 50px;
  margin-bottom: 50px;
}
.whatrotary .get-involved-btn .get{
  background: #146bb5;
  padding: 10px 20px;
  padding: 0.9rem 4rem;
  color: white;
  font-size: 1rem;
  border-radius: 28px;
}
.whatrotary .get-involved-btn .get:hover{
  color: #146bb5;
  background: white;
  border: 1px solid #146bb5;
}
.pt-70{
  padding-top: 70px;
}
.work-different-section {
  margin-bottom: 60px;
}

.about-action .item h2{
  font-size: 1.1rem;
  color: white;
  background: #17458f;
    padding: 13px 9px 11px 9px;

}
.about-action .item p
{
  min-height: 180px;
  text-align: left;
  padding: 15px 25px;
}
.about-action .item .bg-yellow{
  background: #f7ec13;
}
.about-action .item .bg-green{
background: #31b72a;
}
.about-action .item .bg-red{
background: #ed1f24;
}
.whatrotary .items-outside {
    min-height: 780px;
}

.whatrotary .button-container .button {
    margin-top: 33% !important;
}
.whatrotary .button-container .button:before {
  display:none;
}
.whatrotary .button-container .button i{
  font-size: 80px;
    color: #17458f;
   }
  /* ------------------------------- */
  .menu-top a.facebook-icon {
    color: #fff;
    font-size: 20px;
}
.menu-top .row{
  align-items: center;
}
.menu-top .row .text-right {
  display: flex;
    justify-content: flex-end;
    align-items: center;
}
.navbar-light .navbar-brand img{
  max-width: 400px;
}
.menu-bg .navbar {
  padding-top: 7px;
  padding-bottom: 7px;
}
.menu-bg .join-us-button{
  background-color: #d8b73f;
  padding: 8px 20px;
  text-decoration: none;
  color: white;
}
.menu-bg .navbar-expand-lg .navbar-nav{
  padding: 0px 30px;
}
.h-mission .mission-content img{
  margin: auto;
  max-width: 100px;
}
.h-mission .mission-content,.what-rotary-section .what-rotary-text{
  text-align: center;
  padding: 50px 150px;
  margin: auto;
}
.what-rotary-section .what-rotary-text {
  padding: 0px 150px;
}
.what-rotary-section .what-rotary-text a{
  margin-bottom: 0px;
}
.h-mission .mission-content h2,.what-rotary-section h2{
  color: #146bb5;
  font-size: 28px;
}
.h-mission .mission-content h2{
  font-size: 34px;
  font-weight: 400;
}
.h-mission .mission-content h2, .h-mission .mission-content p{
  color: white;
}
.h-mission .mission-content p {
  font-size: 1.1rem;
  line-height: 2.1rem;
  margin-bottom: 0px;
}
.what-rotary-section .main-title-wrap h2{
  background: white;
    display: inline-block;
    padding: 0px 20px;
    font-weight: 0px;
    color: #555252;
    text-transform: uppercase;
}
.main-title-wrap {
  display: block;
  width: 100%;
  background: url(/img/title-line.png) center center repeat-x;
  text-align: center;
  margin: 0px 0 30px 0;
}
.mt-5px{
  margin-top: 5px;
}
.people-action-section #carouselExampleIndicators1{
  border: 1px dotted #146bb5;
    padding: 50px 100px 30px 100px;
    background: #146ab513;
}
.people-action-section #carouselExampleIndicators1 .carousel-item{
  text-align: center;
}
.people-action-section #carouselExampleIndicators1 .carousel-control-prev-icon, .carousel-control-next-icon {
  width: 15px;
  height: 30px;
}
.people-action-section #carouselExampleIndicators1 .carousel-control-next-icon{
  background-image: url('/img/new-design/next-arr.png');
}
.people-action-section #carouselExampleIndicators1 .carousel-control-prev-icon{
  background-image: url('/img/new-design/prev-arr.png');
}
.people-action-section #carouselExampleIndicators1 .carousel-control-prev,.people-action-section #carouselExampleIndicators1 .carousel-control-next {
  outline: none;
  border: none;
  background: transparent;
}
.people-action-section #carouselExampleIndicators1 h2{
  font-size: 28px;
  margin-bottom: 20px;
}
.people-action-section {
  margin-bottom: 80px;
}

.h-gallery .gallery-card{
	position: relative;
	background-color: #000;
	overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.h-gallery .gallery-card img {
  transition: all 0.7s ease 0s;
  opacity: 0.7;
}

.h-gallery .gallery-card:hover img {
	transform: scale(1.05) translateY(0px);

}

.h-gallery .gallery-card:hover .overlay {
	position: absolute;
  left: 15px;
  bottom: 15px;
  top: 15px;
  right: 15px;
    border: 2px solid #d8b73f;
}

.h-gallery .gallery-card h5 {
	transform: translateY(30px);
    opacity: 1;
    position: absolute;
    display: block;
    width: 100%;
    top: 30%;
    padding: 15px;
    text-align: center;
    font-size: 22px;
    color: white;
}
.h-gallery .gallery-card:hover .overlay .text {
	opacity: 1;
	transform: translateY(0);
}
.h-gallery .gallery-card{
  margin-bottom: 30px;
}
.h-gallery {
  margin-bottom: 50px;
  margin-top: 60px;
}
footer{
  position: relative;
  padding-top: 20px;
  overflow: hidden;
}
footer:before {
  content: "";
  background: rgba(0, 0, 10, 0.7);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.footer-form .form-control {
  color: white;
  border-radius: 0px;
  background-color: #17458f2c;
}
.footer-form .form-control::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}
.footer-form button{
  padding: 6px 20px !important;
  border-radius: 0px;
}
.footer-form .alert-danger {
  padding: 0px;
  color: #721c24;
  background-color: unset;
  border-color: transparent;
} 
.contact-us-page .footer-form {
  display: none;
}
.about-us-page  .about-text p{
  margin: 1rem auto;
  line-height: 1.7rem;
  font-size: 1rem;
  text-align: justify;
  color: #555252;
}
.banner-caption p{
  color: white;
}
.carousel-caption h2{
  color: #019fcb;
}
footer p{
  color: #d9d9d9;
}
.member-section .eachmember{
  background: #e2ebf970;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.member-section .memberflexsection {
  display: flex;
  flex-wrap: wrap;
}
.modalparasection p{
  color: rgba(255, 255, 255, 0.877);
}
.about-us-page .member-section{
  margin-bottom: 70px;
}
.banner-caption .row{
  display: none;
}
.get-involved .text-center h2, .activities-page h2{
  color: #146bb5;
  font-size: 28px;
}
.activities-page .activities-detail{
  padding: 25px 30px 30px 30px ;
}
.activities-page .activities-detail:hover{
  cursor: pointer;
}
.activities-page .activities-detail h5{
  min-height: 50px;
  display: flex;
  align-items: center;
}
.activities-page .activities-detail.blue-1{
  background-color: #7ebdf5;
}
.activities-page .activities-detail.blue-2{
  background-color: #7ebdf585;
}
.activities-page .activities-detail.blue-3{
  background-color: #7ebdf52a;
}
.activities-page .activities-detail.blue-4{
  background-color: #7ebdf5;
}
.activities-page .col-lg-4{
  padding: 0px;
  border: 1px solid #e5e8eb;
}
.get-involved .timeline-container {
  display: flex;
  padding: 30px 150px 50px 150px;
  justify-content: center;
  padding-bottom: 50px;
  .vertical-scrollable-timeline {
    width: 100%;
    list-style-type: none;
    position: relative;
    .list-progress {
      width: 2px;
      height: 100%;
      background: repeating-linear-gradient(180deg,#146bb5,#146bb5 2px,transparent 0,transparent 6px);
      position: absolute;
      left: 39px;
      top: 0;
      overflow: hidden;
      .inner {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 100%;
        background-color: #fefefe;
        width: 100%;
      }
    }
    li {
      position: relative;
      padding: 0px 0px 25px 40px;
      &:last-child {
        margin-bottom: 0;
      }
      h2 {
        font-size: 1.5rem;
        margin-bottom: 10px;
        font-weight: 600;
        color: #39424a;;
      }
      p {
        line-height: 1.7rem;
        &:last-child {
          margin-bottom: 0;
        }
      }
      
      .icon-holder {
        position: absolute;
        left: 0;
        top: 12px;
        width: 0px;
        height: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        border-radius: 50%;
        z-index: 1;
        transition: .4s all;
        &::before {
          content: '';
          width: 25px;
          height: 25px;
          border: 2px solid #146bb5;
          position: absolute;
          background-color: #fff;
          border-radius: 50%;
          z-index: -1;
          transition: .4s all;
        }
        i {
          font-size: 25px;
          color: #fff;
        }
      }
      &::before {
        content: '';
        position: absolute;
        height: 100%;
        width: 3px;
        background-color: transparent;
        left: 48px;
        z-index: 0;
      }
      &:last-child {
        &::before {
          width: 3px;
          left: 48px;
        }
      }
      &.active {
        .icon-holder {
          background-color: #fff;
          &::before {
          background-color: #fff;            
          }
        }
      }
    }
  }
  
}
.get-involved a{
  color: #54565a;
}
.contact p{
  color: white;
}
.menu-top p{
  font-size: 14px;
}
.contact-us-page h3{
  color: white;
}
.contact-us-page .contact{
  margin-top: 40px;
}
.readmore a{
  background-color: #146bb5;
  padding: 8px 20px ;
  color: white;
  margin-bottom: 30px;
  display: inline-block;
  margin-top: 20px;
  text-decoration: none;
}
.map iframe,.map {
  line-height: 0px;
}
.grecaptcha-badge{
  z-index:9;
}
.h-mission{
  background-color: #d8b73f;
  margin-bottom: 70px;
}
.activities-detail .activities__img-container{
  overflow: hidden;
}
.activities-detail img {
  transition: all 0.7s ease 0s;
}
.activities-detail:hover img {
  transform: scale(1.05) translateY(0px);
}
button, button:focus{
  outline: none;
}
.activities-page .modal-body p b{
  color: #019fcb;
  font-weight: normal;
}
.activities-page .modal-body p{
  color: white;
}
.activities-page .modal-header{
  border-bottom: 1px solid #1f3b4e;
}
.activities-page .modal-title {
  padding: 10px 0px;
  color: #019fcb;
}
.has-lightbox .modal-backdrop {
  z-index:9999;
}
.sl-wrapper .sl-close, .sl-wrapper .sl-counter, .sl-wrapper .sl-navigation button{
  color: white;
}
.activities-page .modal .modal-dialog{
  margin-top: 150px;
}
.activities-page .modal-body img{
  margin-bottom: 10px;
}
@media (min-width: 1200px) and (max-width: 1600px) {
    .heading-h2 {
        font-size: 1.4rem;
        line-height: 2.3rem;
    }
    .news-and-updates h3{
      font-size: 1.3rem;
    }
    .map iframe{
      max-height: 400px;
    }
    .h-mission .mission-content h2{
      font-size: 32px;
    }
    .h-mission .mission-content p {
      font-size: 1rem;
      line-height: 1.8rem;
      margin-bottom: 0px;
    }
    .activities-page .modal .modal-dialog{
      margin-top: 100px;
    }
}



@media (min-width: 992px) and (max-width: 1199px) {
  .membercaption {
    padding: 5px 5px;
}
		.whatrotary .button-container .button i {
			font-size: 60px;
			color: #aaa;
		}
		.menu-bg img{
			max-width: 90%;
		}
		.navbar-brand {
			margin-right: 0px;
		}
		.navbar-expand-lg .navbar-collapse {
			flex-basis: 100%;
		}
		.h-about .content p{
			min-height: 195px;
		}
		h3, .h3 {
			font-size: 1.55rem;
		}
		.team__title {
			font-size: 20px;
		}
		.get-involved .involve-box .text{
			min-height: 125px;
		}
		footer img.img-fluid{
			max-width: 80%;
			margin-bottom: 20px;
		}
    .navbar-light .navbar-brand img {
      max-width: 300px;
  }
  .menu-bg .join-us-button {
    min-width: 70px;
    padding: 6px 10px;
  }
  .h-mission .mission-content h2, .what-rotary-section h2 ,.people-action-section #carouselExampleIndicators1 h2,.home-title,.get-involved .text-center h2,.u-width-8 h3{
    font-size: 24px;
  }
  .h-mission .mission-content, .what-rotary-section .what-rotary-text {
    padding: 50px 100px;
  }
  .what-rotary-section .what-rotary-text {
      padding: 30px 100px;
  }
  .newcover .content h5 {
    font-size: 1.2rem;
  }
  .modal-dialog {
    max-width: 800px;
  }
  .heading-h2 {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
  .get-involved .timeline-container
    .vertical-scrollable-timeline
    li
    h2 ,.news-and-updates h3 {
        font-size: 1.2rem;
    }
    .h-mission .mission-content p {
      font-size: 1rem;
      line-height: 1.8rem;
    }
    .activities-page .modal .modal-dialog{
      margin-top: 70px;
    }
}






@media (min-width: 768px) and (max-width: 991px) {
  .eachmember {
    width: 32%;
  }
  .membercaption {
    padding: 5px 5px;
}
		.whatrotary .items .item {
			width: 250px;
		}
		.whatrotary .button-container .button i {
			font-size: 50px;
    	}
		.whatrotary .button-container .button {
			margin-top: 53% !important;
		}
		.menu-bg img{
			max-width: 80%;
		}
		.navbar {
			padding-top: 5px;
			padding-bottom: 5px;
		}
		.navbar-light .navbar-toggler {
			margin-bottom: 0px;
		}
		.btn.btn-submit {
			padding: 7px 30px;
		}
		.cright .icon {
			margin-right: 20px;
		}
		.cright .d-flex {
			margin-bottom: 10px;
		}
		iframe{
			max-height: 300px;
		}
		footer img.img-fluid{
			max-width: 70%;
			margin-bottom: 0px;
		}
		h5, .h5 {
			font-size: 1rem;
		}
		.threebox .home-title {
			margin-bottom: 20px;
		}
		.h-about .home-title{
			font-size: 22px;
		}
		.threebox .content {
			font-size: 15px;
		}
		.content p{
			font-size: 15px;
		}
		.home-title {
			font-size: 25px;

		}
		p{
			font-size: 15px;
		}
		.calendar-archieve h5 {
			min-height: 40px;
			margin-bottom: 10px;
		}
		.threebox .content p{
			min-height: 300px;
		}
		.threebox .content {
			padding: 20px;
		}
		.threebox .home-title {
			margin-bottom: 10px;
		}
		.threebox {
			min-height: 0px;
		}
		.sm-margin-top{
			margin-top: 50px;
		}
		body ,p{
			font-size: 15px;
		}
		footer .pd50 {
			padding-top: 20px;
			padding-bottom: 20px;
		}
		.team__title {
			font-size: 18px;
		}
		.heading-h2 {
			font-size: 1.2rem;
			line-height: 2rem;
		}
		.u-width-8 p {
			font-size: 1rem;
		}
		.about-action .item h2 {
			font-size: 0.9rem;
		}
		.about-action .item p {
			min-height: 210px;
		}
		.whatrotary .items-outside {
			min-height: 680px;
		}
		.work-different-section {
			margin-bottom: 50px;
		}
		.pt-70 {
			padding-top: 50px;
		}
		.whatrotary .get-involved-btn .get {
			padding: 0.5rem 3rem;
		}
		.u-width-8 h3{
			font-size: 1.3rem;
		}
		section.get-involved .nav-tabs .nav-link {
			padding: 10px 10px
		}
		.news-content {
			padding-bottom: 10px;
		}
		.news-content p {
			margin-bottom: 10px;
		}
    .carousel-caption h1{
      font-size: 25px;
    }
    
    .h-mission .mission-content img {
        max-width: 80px;
    }
    .h-mission .mission-content h2, .what-rotary-section h2,.people-action-section #carouselExampleIndicators1 h2,.get-involved .text-center h2 {
      font-size: 24px;
      }
      body, p {
        font-size: 16px;
      }
      .h-mission .mission-content, .what-rotary-section .what-rotary-text {
        padding: 40px 0px;
        margin: auto;
    }
    .what-rotary-section .what-rotary-text {
      padding:20px 0px 40px 0px;
    }
    .people-action-section {
          margin-bottom: 60px;
    }
      .pt70 {
        padding-top: 50px;
    }
    .h-gallery .col-sm-6{
      max-width: 50%;
    }
    .h-gallery {
      margin-bottom: 30px;
    }
    .pd50 {
      padding-top: 30px;
      padding-bottom: 30px;
      }
      .modal-dialog {
        max-width: 700px;
      }
      .footer-form{
        margin-top: 20px;
      }
      .copyright {
        font-size: 13px;
    }
    .form-control{
      font-size: 14px;
    }
    .get-involved .timeline-container {
      padding: 30px 0px 50px 0px;
      padding-bottom: 0px;
    }
    .get-involved .timeline-container
    .vertical-scrollable-timeline
    li
    h2 {
        font-size: 1.2rem;
    }
    .news-and-updates h3{
      font-size: 1.2rem;
    }
    .img-gallery.gallery img{
      max-width: 120px;
    }
    .about-us-page .about-text p{
      font-size: 16px;
    }
    .h-mission .mission-content p {
      font-size: 1rem;
      line-height: 1.8rem;
    }
    .activities-page .modal-body p,.activities-page .modal-body p b{
      font-size: 14px;
    }
    .activities-page .modal .modal-dialog{
      margin-top: 70px;
    }
    .activities-page .activities-detail {
      padding: 15px 20px 20px 20px;
  }
  }






@media(max-width:767px){
  .modalparasection,.modalcontent .modalcaption {
     margin-left: 0px; 
}

  .modal-body {
        padding: 20px 20px 50px 20px;
    display: block;
}
.modalcontent {
    width: 100%;
}
		.pt70 {
			padding-top: 40px;
		}
		.whatrotary .item.prev,.whatrotary .item.next{
			display: none;
		}
		.whatrotary .button-container .button {
			margin-top: 83% !important;
		}
		.whatrotary .items .item {
			width: 300px !important;
		}
		.whatrotary .button-container .button i {
			font-size: 40px !important;
		}
		.whatrotary .items-outside {
			min-height: 680px;
		}
		.menu-top p {
			font-size: 13px;
		}
		footer img.img-fluid{
			max-width: 50%;
    margin-bottom: 0px;
		}
		.menu-bg img{
			max-width: 80%;
		}
		.navbar {
			padding: 0;
			flex-wrap: unset;
		}
		.menu-bg {
			min-height: 0px;
		}
		.home-news-section{
			padding-top: 20px;
		}
		.newsandupdatestop {
			padding-top: 20px;
			margin-bottom: 10px;
			font-size: 22px;
		}
		h5, .h5 {
			font-size: 1rem;
		}
		body,p{
			font-size: 15px;
			text-align: justify;
		}
		.hightlightcolor {
			margin-top: 12px;
			margin-bottom: 12px;
		}
		.newcover .content h5 {
			min-height: 80px;
		}
		.home-news-section {
			padding-bottom: 30px;
		}
		.threebox .home-title {
			font-size: 22px;
			margin-bottom: 20px;
		}
		.newcover .first-news  h5 {
			min-height: 60px;
		}
		.newcover .content p {
			margin-bottom: 10px;
		}
		.threebox {
			margin-bottom: 10px;
		}
		.h-about .container{
			padding-bottom: 30px;
		}
		.threebox .content {
			padding: 30px;
			font-size: 15px;
			min-height: 0px;
		}
		.home-title {
			font-size: 22px;
		}
		.rotaryclendar .pd50{
			padding: 30px 15px;
		}
		.calendar-archieve h5 {
			min-height: 0px;
			margin-bottom: 10px;
		}
		.rotaryclendar .home-title {
			margin-bottom: 20px;
		}
		footer .pd50{
			padding: 30px 0px;
		}
		footer p{
			padding-left: 15px;
			padding-right: 15px;
			font-size: 14px;
		}
		.copyright {
			font-size: 12px;
		}
		.navbar-light .navbar-toggler {
			margin-bottom: 0px;
		}
		.no-pt-xs{
			padding-top: 0px;
		}
		section.member .card-header .nav-tabs {
			justify-content: center;
		}
		section.member .card-header .nav-tabs .nav-link {
			margin-top: 5px;
		}
		section.member .card-header .nav-tabs .nav-link.active {
			border-top: unset;
			margin-top: 5px;
			background: #146bb5;
			color: #fff;
		}
		section.member .card-body {
			border-top: 2px solid #dee2e6;
			margin-top: 10px;
		}
		section.member .card-header {
			border-bottom: none;
		}
		section.member .our-volunteers-box{
			margin-top: 10px;
		}
		.team__title {
			font-size: 17px;
		}
		.heading-h2 {
			font-size: 1rem;
			line-height: 1.8rem;
		}
		.u-width-8 p {
			font-size: 15px;
		}
		.u-width-8 h3,h3 {
			font-size: 1.2rem;
		}
		.news-content h3{
			text-align: left;
		}
		.work-different-section {
			margin-bottom: 40px;
			padding-top: 40px;
		}
		.whatrotary .get-involved-btn .get {
			padding: 0.5rem 3rem;
		}
		section.get-involved .involve-box {
			display: block;
			margin-top: 10px;
		}
		section.get-involved .nav-tabs .nav-link {
			padding: 10px 10px;
			border-radius: 0px;
			margin-top: 5px;
		}
		section.get-involved .card-header .nav-tabs {
			justify-content: center;
		}
		section.get-involved .nav-tabs .nav-link.first {
			margin-left: 5px;
		}
		.member_title {
			font-size: 17px;
			margin-bottom: 10px;
			margin-top: 15px;
		}
		.banner-caption p{
			text-align: center;
		}
		.news-content{
			padding: 0px 0px;
		}
		.news-box{
			border: none;
		}
		.news-box .img-gallery {
			display: flex;
			margin-bottom: 30px;
			flex-wrap: wrap;
			justify-content: center;
		}
		.news-box .img-gallery img {
			border: 2px solid #000;
			max-width: 120px;
		}
		.news-box .news-cover{
			margin-top: 0px;
		}
		.btn.btn-submit {
			padding: 7px 20px;
		}
		.cright .icon {
			margin-right: 10px;
		}
		.cright {
			padding-top: 50px;
			margin-bottom: 0px;
			padding-bottom: 50px;
		}
		.cright .d-flex {
			margin-bottom: 10px;
		}
		iframe{
			max-height: 250px;
		}
		footer .container.pd50 .row.align-items-center{
		margin-right: 0px;
    margin-left: 0px;
		}
		.newcover .newarchive h5 {
			text-align: left;
			min-height: 0px;
		}

		.pages-contents{
				padding-top: 113px;
		}
		.menu-bg {
			position: fixed;
			z-index: 99;
			min-height: 0px;
			background: white;
			width: 100%;
			border-bottom: 1px solid #ccc;
		}
		.threebox p{
			text-align: center;
		}
		.content.first-news h5{
			text-align: left;
		}
		footer {
			z-index: -9;
			position: relative;
		}
		.about .bglight h3{
			text-align: left;
		}
		.navbar-toggler {
			padding: 0.3rem 0.75rem 0.25rem 0.75rem;
		}
		.btn.btn-submit{
			float: left;
		}
		.get-involved .container.my-3{
			margin-top: 0px !important;
		}
    .navbar-light .navbar-brand img {
      max-width: 230px;
  }
  .join-us-button{
    display: none;
  }
  .banner img{
    min-height: 0px;
  }
    .contact-us-page .contact {
      margin-top: 20px;
  }
  .cright {
    padding: 50px 15px;
  }
  footer a, footer a:hover {
    color: #ffffffc7;
  }
  .form-control{
    font-size: 14px;
  }
  .footer-form .form-margin.mb30{
    padding: 0px;
    margin-bottom: 20px;
  }
  .footer-form button {
    padding: 4px 20px !important;
  }
  .h-mission .mission-content, .what-rotary-section .what-rotary-text {
    padding: 30px 0px;
  }
  .pages-contents {
    padding-top: 116px;
  }
  .h-mission .mission-content img {
    max-width: 80px;
  }
  .h-mission .mission-content h2, .what-rotary-section h2,.people-action-section #carouselExampleIndicators1 h2,.get-involved .text-center h2 {
    font-size: 22px;
  }
  body, p {
    font-size: 15px;
  }
  .h-mission .mission-content p{
    margin-bottom: 0px;
  }
  .what-rotary-section .what-rotary-text {
    padding: 0px 0px 20px 0px;
  }
  .readmore a {
    padding: 5px 20px;
  }
  .people-action-section #carouselExampleIndicators1 {
    padding: 20px 40px 10px 40px;
  }
  .people-action-section #carouselExampleIndicators1 p{
    text-align: left;
  }
  .people-action-section {
    margin-bottom: 50px;
  }
  .content.first-news h5,.newcover .newarchive h5 {
    font-weight: normal;
  }
  .h-gallery {
    margin-bottom: 20px;
    margin-top: 50px;
  }
  .pd50 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .about-us-page .about-text p{
    font-size: 15px;
  }
  .eachmember {
    width: 100%;
  }
  .modal-dialog {
    max-width: 270px;
  }
  .whatrotary .get-involved-btn .get{
    font-size: 16px;
  }
  .get-involved .timeline-container {
    padding: 30px 0px 0px 0px;
    padding-bottom: 0px;
}
.get-involved .vertical-scrollable-timeline{
  padding-left: 20px;
}
.get-involved .timeline-container
.vertical-scrollable-timeline
.list-progress {
  left:20px;
  }
  .get-involved .timeline-container
  .vertical-scrollable-timeline
  li {
    position: relative;
    padding: 0px 0px 15px 25px;
}
.get-involved .timeline-container
.vertical-scrollable-timeline
li
h2 {
    font-size: 1.1rem;
    text-align: left;
}
.get-involved .timeline-container
.vertical-scrollable-timeline
li
p {
    text-align: left;
    line-height: 1.5rem;
}
.final-section.text-center.mt-5{
  margin-top: 30px !important;
}
.get-involved .container{
  padding-bottom: 20px;
}
.news-box .news-cover{
  margin-bottom: 0px;
}
.news-content h3 {
  font-size: 17px;
  font-weight: normal;
}

.banner.container{
  padding: 0px 15px;
}
.h-mission .mission-content p {
  font-size: 16px;
  line-height: 25px;
  text-align: center;
}
.activities-page  .modal .modal-dialog{
  margin-top: 30px;
}
.activities-page .modal-body p b{
  display: block;

}
.activities-page .modal-body p{
  text-align: left;
}
.activities-page .modal-body p,.activities-page .modal-body p b{
  font-size: 14px;
}
}

@media (min-width: 576px) and (max-width: 767px) {

.eachmember {
    width: 49%;
    margin: 5px 0.5%;
    background: white;
    border-radius: 4px;
}
}
@media (min-width: 0px) and (max-width: 575px) {
.eachmember {
    width:100%;
    margin: 5px 0.5%;
    background: white;
    border-radius: 4px;
}
}
@media (min-width: 391px) and (max-width: 450px) {
	.pages-contents{
		padding-top: 151px;
	}
  .navbar-light .navbar-brand img {
    max-width: 300px;
}
}

@media (min-width:376px) and (max-width:  390px) {
	.pages-contents{
		padding-top: 129px;
	}
  .navbar-light .navbar-brand img {
    max-width: 300px;
}
}
@media (min-width: 361px) and (max-width: 375px) {
	.pages-contents{
		padding-top: 138px;
	}
  .navbar-light .navbar-brand img {
    max-width: 280px;
}
}
@media (min-width: 321px) and (max-width: 360px) {
    .pages-contents{
		padding-top: 121px;
	}
}
@media (min-width: 280px) and (max-width: 320px) {
	.pages-contents{
		padding-top: 120px;
	}
	.menu-top p {
		font-size: 12px;
	}
}