/** ADD YOUR AWESOME CODES HERE **/

  /* Navbar */
  .top-header #navbar-wd {
    padding-right: 100px;
    padding: 20px 0 20px 0;
  }
  
  /* Slider */
  .pogoSlider-nav-btn {
    margin-bottom: 40px;
  }
  
  /* Tab Menu */
  .tab_menu {
    height: 200px;
    /* background: #fff; */
    border-radius: 30px;
    margin-top: -100px;
    position: relative;
    z-index: 9;
    /* box-shadow: 0px 0 14px 0 rgba(0, 0, 0, 0.3); */
    overflow: hidden;
    padding: 30px 30px;
    text-align: center;
  }
  
  .tab_menu ul span {
    width: auto;
    float: left;
    padding: 25px 0;
    margin: 0 20px 0 5px;
  }
  
  span.icon img {
    height: 100px;
    margin: 0 10px 90px 10px;
  }
  /* Main Content */
  #more {
    display: none;
  }
  .message_content button {
    background: #e0af14;
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 25px;
    border-radius: 5px;
    cursor: pointer;
  }
  /* members main page */
  .img-members-box {
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    margin: 10px 10px 10px 10px;
    border-radius: 5% ;
    overflow: hidden;
    text-align: center;
  }
  .img-members-box .img-members-caption {
    color: #084913;
    padding: 10px;
  }
  
  
  /* members by region */
  .member_region {
      margin-top: 100px;
      text-align: justify;
      position: relative;
      
    }
  .member_region p {
      text-align: justify;
    }
    .member_region img {
      box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
      margin: 10px 10px 10px 10px;
      overflow: hidden;
      text-align: center;
      width: 300px;
      float: left;
    }
    .text-block {
      position: absolute;
      bottom: 20px;
      right: 20px;
      background-color: black;
      color: white;
      padding-left: 20px;
      padding-right: 20px;
    }
    .img-members-box-region {
      box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
      margin: 10px 10px 10px 10px;
      overflow: hidden;
      text-align: center;
      float: left;
    }
    .img-members-box-region .img-members-caption-region {
      color: #084913;
      padding: 10px;
      float: left;
    }

      /* members details */
    .img-members-box-details {
      /* box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; */
      margin: 10px 10px 10px 10px;
      overflow: hidden;
      text-align: center;
      float: left;
    }
    .img-members-box-details .img1 {
      box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
      margin: 10px 10px 10px 10px;
      width: 50%;
      height: 50%;
      overflow: hidden;
      text-align: center;
      float: left;
    }
    .logo_members {
      margin-top: 100px;
      text-align: center;
    }
    
  
  /* Footer */
  .footer-box {
    background: #e5eaee;
    padding: 50px 0;
  }
  .footer-box footer_text {
    color: #002147;
  }
  .footer-box .footer_text h3 {
    color: #002147;
  }
  


/*----------------------- Extra large devices (large desktops, 1200px and up)-----------  */
@media (min-width: 1200px) {


  
  /* Navbar */
.top-header #navbar-wd {
  padding-right: 100px;
  padding: 20px 0 20px 0;
}

/* Slider */
.pogoSlider-nav-btn {
  margin-bottom: 40px;
}

/* Tab Menu */
.tab_menu {
  height: 200px;
  /* background: #fff; */
  border-radius: 30px;
  margin-top: -100px;
  position: relative;
  z-index: 9;
  /* box-shadow: 0px 0 14px 0 rgba(0, 0, 0, 0.3); */
  overflow: hidden;
  padding: 30px 30px;
  text-align: center;
}

.tab_menu ul span {
  width: auto;
  float: left;
  padding: 25px 0;
  margin: 0 20px 0 5px;
}

span.icon img {
  height: 100px;
  margin: 0 10px 90px 10px;
}
/* Main Content */
#more {
  display: none;
}
.message_content button {
  background: #e0af14;
  color: #fff;
  border: none;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 25px;
  border-radius: 5px;
  cursor: pointer;
}
/* members main page */
.img-members-box {
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  margin: 10px 10px 10px 10px;
  border-radius: 5% ;
  overflow: hidden;
  text-align: center;
}
.img-members-box .img-members-caption {
  color: #084913;
  padding: 10px;
}


/* members by region */
.member_region {
    margin-top: 100px;
  }

/* Footer */
.footer-box {
  background: #e5eaee;
  padding: 50px 0;
}
.footer-box footer_text {
  color: #002147;
}
.footer-box .footer_text h3 {
  color: #002147;
}

  }


/*-----------------------Extra small devices (portrait phones, less than 576px)-----------  */
@media (max-width: 575.98px) {

/* members by region */
.member_region {
  margin-top: 10px;
}



}

/*-----------------------Small devices (landscape phones, 576px and up)-----------  */
@media (min-width: 576px) and (max-width: 767.98px) {

  /* members by region */
  .member_region {
    margin-top: 10px;
  }
 
  
  }

/*-----------------------Medium devices (tablets, 768px and up)-----------  */
@media (min-width: 768px) and (max-width: 991.98px) {

  /* members by region */
  .member_region {
    margin-top: 1000px;
  }
  
  
  }

/*-----------------------Large devices (desktops, 992px and up)-----------  */
@media (min-width: 992px) and (max-width: 1199.98px) {

  /* members by region */
  .member_region {
    margin-top: 10px;
  }