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

   .women__curve-img {
      position: absolute;
      top: -45px;
      right: 60px;
      width: 15%;
   }
}

@media (min-width: 1200px) and (max-width: 1439px) {
   .container {
      max-width: 1140px;
   }
}

@media (max-width: 1439px) {
   .logo {
      font-size: 18px;
   }

   .logo-img {
      width: 80px;
   }

   .main-menu {
      gap: 20px;
   }

   .menu-link {
      font-size: 16px;
   }

   .hero-slider {
      max-width: 1100px;
   }

   .slider-nav {
      width: 55px;
      height: 55px;
   }

   .slider-nav-prev {
      left: 30px;
   }

   .slider-nav-next {
      right: 30px;
   }

   .hero-slide-content h1 {
      font-size: 41px;
   }

   .hero-slide-content h1::after {
      width: 260px;
      height: 6px;
   }

   .hero-slide-content p {
      font-size: 18px;
   }

   .hero-slider-wrapper {
      padding-bottom: 80px;
   }

   .hero-area {
      min-height: 800px;
   }

   .section-padding {
      padding: 100px 0;
   }

   .section-title h2 {
      font-size: 40px;
   }

   .section-title h2.sm {
      font-size: 40px;
   }

   .section-title h2::after {
      width: 170px;
      height: 6px;
   }

   .card-icon {
      width: 100px;
      height: 100px;
      top: -75px;
   }

   .achievement-card {
      padding: 50px 30px;
   }

   .card-title {
      font-size: 55px;
   }

   .card-desc {
      font-size: 22px;
   }

   .card-shape {
      top: 15px;
      right: 15px;
      width: 80px;
   }

   .achievement-wrapper {
      padding-top: 140px;
   }

   .about-wrapper .row {
      --bs-gutter-x: 30px;
   }

   .about-content h2 {
      margin-bottom: 40px;
   }

   .section-title p {
      font-size: 18px;
      line-height: 30px;
   }

   .about-content p {
      margin-bottom: 30px;
   }

   .theme-btn {
      padding: 14px 22px;
      font-size: 18px;
   }

   .curve-shape {
      width: 80px;
   }

   .about-thumb .curve-shape {
      bottom: -40px;
      left: -65px;
   }

   .prayer-slider-container {
      padding: 50px 80px;
   }

   .prayer-slide-content h2 {
      margin-bottom: 40px;
   }

   .prayer-slide-content h2::after {
      top: 100%;
   }

   .prayer-slide-thumb {
      max-width: 480px;
   }

   .play-icon {
      width: 80px;
      height: 80px;
      font-size: 50px;
   }

   .prayer-desc p {
      font-size: 16px;
      margin-bottom: 25px;
   }

   .p-slider-nav-prev {
      left: 20px;
   }

   .p-slider-nav-next {
      right: 20px;
   }

   .founder-area {
      padding-bottom: 120px;
   }

   .founder-area-title {
      margin-bottom: 60px;
   }

   .founder {
      padding: 20px;
   }

   .founder-detail h4 {
      font-size: 14px;
   }

   .founder-detail span {
      font-size: 14px;
   }

   .founder-wrapper .row {
      --bs-gutter-x: 20px;
      margin-bottom: 90px;
   }

   .founder-wrapper {
      padding-bottom: 100px;
   }

   .news-area-wrapper .row {
      --bs-gutter-x: 30px;
   }

   .single-news {
      padding: 20px;
   }

   .news-thumb {
      width: 100px;
   }

   .news-content {
      gap: 15px;
   }

   .news-desc h3 {
      font-size: 20px;
   }

   .news-desc p {
      font-size: 16px;
   }

   .circle-shape {
      width: 80px;
   }

   .news-area .circle-shape {
      left: 20px;
   }

   .news-wrapper {
      gap: 20px;
   }

   .news-area-title {
      margin-bottom: 108px;
   }

   .news-left-shape {
      top: 70px;
      right: 70px;
      width: 190px;
   }

   .value-wrapper-container .row {
      --bs-gutter-x: 20px;
   }

   .value-wrapper {
      gap: 20px;
   }

   .value-title {
      font-size: 24px;
      padding: 20px;
   }

   .value-desc {
      padding: 20px 10px 20px 20px;
      font-size: 16px;
   }

   .value-wrapper-container .dash-shape {
      top: -10px;
      right: -100px;
   }

   .dash-shape {
      width: 300px;
   }

   .feature-wrapper {
      gap: 20px;
      margin: 60px 0;
   }

   .more-feature {
      max-width: 480px;
      gap: 20px;
   }

   .feature {
      padding: 20px;
   }

   .feature.feature-sm {
      gap: 15px;
   }

   .feature-sm .feature-thumb {
      width: 130px;
   }

   .feature-content p {
      font-size: 16px;
   }

   .feature-sm .feature-content h3 {
      font-size: 16px;
   }

   .location-area-wrapper {
      gap: 40px;
   }

   .location-pin {
      max-width: 420px;
   }

   .location-thumb {
      padding: 20px;
   }

   .location-title.section-title {
      margin-bottom: 60px;
   }

   .location-thumb .cirlce-shape {
      top: 60px;
      left: 30px;
      width: 50px;
   }

   .map-img {
      width: 345px;
   }

   .location-thumb .curve-shape {
      top: -60px;
      right: -40px;
   }

   .location-area-wrapper .dash-shape {
      bottom: -20px;
      left: -50px;
   }

   .footer-widget-wrapper {
      gap: 80px;
   }
}

@media (max-width: 1199px) {
   .header-wrapper {
      padding: 15px 0;
   }

   .menu-bar {
      background-color: #214675;
      padding: 8px 12px;
      line-height: 1;
      font-size: 24px;
      border-radius: 6px;
   }

   .hero-slide-content h1 {
      font-size: 40px;
   }

   .hero-slide-content h1::after {
      width: 210px;
      height: 5px;
   }

   .hero-slide-content p {
      font-size: 16px;
   }

   .hero-slider {
      max-width: 820px;
   }

   .slider-nav {
      width: 50px;
      height: 50px;
   }

   .slider-nav-prev {
      left: 20px;
   }

   .slider-nav-next {
      right: 20px;
   }

   .hero-area {
      min-height: 760px;
   }

   .header-top-shape {
      height: 10px;
   }

   .section-padding {
      padding: 80px 0;
   }

   .section-title h2,
   .section-title h2.sm {
      font-size: 32px;
   }

   .section-title h2::after {
      width: 150px;
      height: 5px;
   }

   .achievement-wrapper .row {
      --bs-gutter-x: 20px;
   }

   .card-icon {
      width: 90px;
      height: 90px;
      top: -70px;
      left: 15px;
   }

   .card-icon img {
      max-width: 50px;
   }

   .achievement-card {
      padding: 40px 20px;
   }

   .card-title {
      font-size: 45px;
   }

   .card-desc {
      font-size: 20px;
   }

   .card-shape {
      width: 60px;
   }

   .achievement-wrapper {
      padding-top: 120px;
   }

   .about-area {
      padding: 80px 0;
   }

   .about-wrapper .row {
      --bs-gutter-x: 20px;
   }

   .about-content h2 {
      margin-bottom: 30px;
   }

   .about-content h2::after {
      right: -20px;
   }

   .section-title p {
      font-size: 16px;
      line-height: 26px;
   }

   .about-content p {
      margin-bottom: 20px;
   }

   .theme-btn {
      font-size: 16px;
   }

   .dash-shape {
      width: 270px;
   }

   .about-thumb .dash-shape {
      top: -75px;
      left: -60px;
   }

   .prayer-slider-container {
      padding: 40px 70px;
   }

   .prayer-slide-wrapper {
      gap: 20px;
   }

   .prayer-slide-thumb {
      max-width: 400px;
   }

   .prayer-desc p {
      font-size: 14px;
      line-height: 24px;
   }

   .p-slider-nav {
      width: 36px;
      height: 36px;
      font-size: 20px;
   }

   .p-slider-nav-prev {
      left: 15px;
   }

   .p-slider-nav-next {
      right: 15px;
   }

   .prayer-slider-container .dash-shape.one {
      left: -90px;
   }

   .prayer-slider-container .dash-shape.two {
      top: 80px;
      right: -80px;
   }

   .founder {
      padding: 15px;
   }

   .founder-detail {
      padding: 10px 15px;
      max-width: 80%;
      bottom: -65px;
   }

   .founder-area {
      padding-bottom: 100px;
   }

   .news-area-wrapper .row {
      --bs-gutter-x: 20px;
   }

   .single-news {
      padding: 15px;
      gap: 15px;
   }

   .news-content {
      gap: 10px;
   }

   .news-thumb {
      width: 80px;
   }

   .news-desc h3 {
      font-size: 16px;
   }

   .news-desc p {
      font-size: 14px;
   }

   .single-news .news-btn {
      padding: 10px 14px;
      font-size: 14px;
   }

   .news-area-title {
      margin-bottom: 100px;
   }

   .news-left-shape {
      top: 60px;
      right: 50px;
      width: 160px;
   }

   .value-area-title {
      margin-bottom: 50px;
   }

   .value-title {
      font-size: 20px;
      padding: 15px;
   }

   .value-desc {
      padding: 15px 10px 15px 15px;
      font-size: 14px;
   }

   .value-wrapper-container .curve-shape {
      top: -45px;
      left: -50px;
   }

   .value-wrapper-container .dash-shape {
      top: 0px;
      right: -60px;
      width: 220px;
   }

   .feature-wrapper {
      margin: 50px 0;
   }

   .feature-content h3 {
      font-size: 16px;
   }

   .feature-content p {
      font-size: 14px;
   }

   .feature.feature-sm {
      gap: 10px;
      padding: 15px;
   }

   .more-feature {
      max-width: 380px;
   }

   .feature-sm .feature-thumb {
      width: 100px;
   }

   .feature-sm .feature-content h3 {
      font-size: 14px;
      margin-bottom: 10px;
   }

   .location-area-wrapper {
      gap: 30px;
      padding-bottom: 0;
   }

   .location-pin {
      max-width: 380px;
   }

   .location-title.section-title {
      margin-bottom: 50px;
   }

   .location-thumb .dots-shape {
      bottom: -20px;
      right: -18px;
      width: 120px;
   }

   .footer-widget-wrapper {
      gap: 60px;
   }

   .footer-area {
      padding: 60px 0;
   }

   .footer-widget-title {
      font-size: 20px;
      margin-bottom: 20px;
   }

   .footer-widget-links {
      gap: 16px;
   }

   .contact-info {
      padding: 20px 0 0 95px;
   }

   .copyright {
      margin-top: 60px;
      font-size: 16px;
   }

}


@media (max-width: 991px) {
   .logo {
      font-size: 16px;
      max-width: 280px;
   }

   .hero-slide-content h1 {
      font-size: 32px;
   }

   .hero-slide-content h1::after {
      width: 165px;
   }

   .hero-slider {
      max-width: 100%;
   }

   .slider-nav-prev {
      left: 15px;
   }

   .slider-nav-next {
      right: 15px;
   }

   .hero-slider-wrapper {
      padding-bottom: 70px;
   }

   .hero-area {
      min-height: 680px;
      background-size: cover;
   }

   .section-padding {
      padding: 60px 0;
   }

   .achievement-wrapper .row {
      --bs-gutter-x: 15px;
   }

   .card-icon {
      width: 80px;
      height: 80px;
      top: -60px;
   }

   .card-icon img {
      max-width: 40px;
   }

   .card-title {
      font-size: 32px;
   }

   .card-shape {
      width: 50px;
      top: 10px;
      right: 10px;
   }

   .card-desc {
      font-size: 15px;
   }

   .achievement-card {
      padding: 40px 15px 30px;
   }

   .about-wrapper .row {
      --bs-gutter-x: 0;
      --bs-gutter-y: 30px;
   }

   .section-title h2,
   .section-title h2.sm {
      font-size: 28px;
   }

   .prayer-slide-wrapper {
      gap: 30px;
      flex-direction: column;
   }

   .prayer-slide-thumb {
      max-width: 100%;
   }

   .curve-shape {
      width: 60px;
   }

   .founder-wrapper .curve-shape {
      right: -35px;
      top: 35px;
   }

   .founder-area {
      padding-bottom: 80px;
   }

   .news-area-title {
      margin-bottom: 60px;
   }

   .news-left-shape {
      top: 20px;
   }

   .news-area-wrapper .row {
      --bs-gutter-x: 0;
      --bs-gutter-y: 20px;
   }

   .value-wrapper-container .row {
      --bs-gutter-x: 20px;
      --bs-gutter-y: 20px;
   }

   .value-wrapper-container .curve-shape {
      top: -20px;
      left: -40px;
   }

   .feature-wrapper {
      flex-direction: column;
   }

   .more-feature {
      max-width: 100%;
   }

   .location-area-wrapper {
      gap: 20px;
      padding-bottom: 0;
   }

   .location-pin {
      max-width: 300px;
   }

   .location-thumb .cirlce-shape {
      top: 30px;
      left: 20px;
      width: 40px;
   }

   .map-img {
      width: 300px;
   }

   .location-thumb .curve-shape {
      top: -50px;
      right: -30px;
   }

   .footer-wrapper {
      flex-direction: column;
      align-items: center;
      gap: 40px;
   }
}

@media (max-width: 767px) {
   .header-wrapper {
      padding: 10px 0;
   }

   .logo-img {
      width: 70px;
   }

   .logo {
      font-size: 14px;
      max-width: 240px;
   }

   .hero-slider-container {
      padding: 15px 15px 20px;
      position: relative !important;
   }

   .hero-area {
      min-height: auto;
      background-size: cover;
      padding-top: 140px;
      background-position: center;
   }

   .hero-slide-content h1 {
      font-size: 23px;
   }

   .hero-slide-content h1::after {
      width: 140px;
      height: 4px;
      left: 50%;
      transform: translateX(-50%);
   }

   .hero-slide-content {
      text-align: center;
      width: 100%;
   }

   .hero-slider-wrapper {
      padding-bottom: 50px;
   }

   .section-title h2,
   .section-title h2.sm {
      font-size: 24px;
   }

   .section-title h2::after {
      width: 130px;
      height: 4px;
   }

   .achievement-wrapper .row {
      --bs-gutter-x: 0;
      --bs-gutter-y: 20px;
   }

   .card-icon {
      position: static !important;
      margin: auto;
      margin-bottom: 15px;
   }

   .achievement-card {
      padding: 30px 15px;
      text-align: center;
   }

   .achievement-wrapper {
      padding-top: 50px;
   }

   .dash-shape {
      display: none;
   }

   .curve-shape {
      display: none;
   }

   .about-content {
      text-align: center;
   }

   .about-area {
      padding: 60px 0;
   }

   .prayer-slider-container {
      padding: 30px 20px;
   }

   .prayer-slide-content {
      text-align: center;
   }

   .prayer-desc p {
      margin-bottom: 20px;
   }

   .p-slider-nav {
      position: static;
      transform: unset;
   }

   .prayer-slider-container .slider-nav-wrapper {
      padding-top: 30px;
   }

   .founder-area-title {
      margin-bottom: 40px;
   }

   .founder-area {
      padding-bottom: 60px;
   }

   .news-area {
      padding: 60px 0;
   }

   .news-left-shape {
      right: 20px;
      width: 140px;
   }

   .single-news {
      flex-direction: column;
      justify-content: center !important;
      gap: 20px;
      padding: 20px;
   }

   .news-content {
      width: 100%;
   }

   .value-wrapper-container .row {
      --bs-gutter-x: 10px;
      --bs-gutter-y: 10px;
   }

   .value-wrapper {
      gap: 10px;
   }

   .value-title {
      font-size: 18px;
   }

   .feature-area {
      padding: 60px 0;
   }

   .feature-title {
      text-align: center;
   }

   .feature-area .circle-shape {
      display: none;
   }

   .feature-wrapper {
      margin: 40px 0;
   }

   .location-area-wrapper {
      gap: 30px;
      flex-direction: column;
   }

   .location-pin {
      max-width: 100%;
   }

   .location-title.section-title {
      margin-bottom: 40px;
   }

   .footer-area {
      padding: 50px 0;
   }

   .footer-widget-wrapper {
      gap: 40px;
      flex-wrap: wrap;
   }

   .copyright {
      margin-top: 40px;
      font-size: 14px;
   }

   .contact-info {
      padding: 20px 0 0 80px;
   }

   .footer-wrapper {
      flex-direction: column;
      align-items: start;
      gap: 40px;
   }

   .footer-wrapper .logo {
      font-size: 16px;
      max-width: 240px;
   }
}



/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {

   .women__curve-img {
      position: absolute;
      top: 0;
      right: 0px;
   }

   .union__image {
      justify-content: start;
   }

   .founder__image {
      width: 30%;
   }

   .founder__text {
      width: 80%;
   }
   .hero-slide-content {
      max-width: 1045px;
   }
   .hero__slider .owl-prev {
      left: 10px;
   }
   .hero__slider .owl-next {
      right: 10px;
   }

   /* past president start here */

   .president__flex {
      padding: 0;
   }

   .single__president {
      width: 31.4%;
   }

   /* past president end here */








   /* group page start here */

   .single__society h3 {
      font-size: 20px;
      width: 50%;
   }

   /* group page end here */



}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
   .section__main-text p {
      font-size: 18px;
      margin-bottom: 15px;
   }

   .women__union-container {
      padding: 20px;
   }

   .women__union-content {
      flex-direction: column;
   }

   .women__union-left {
      order: 2;
      width: 100%;
   }

   .women__union-right {
      margin: auto;
      margin-bottom: 35px;
   }

   .section__main-text p {
      font-size: 18px;
      line-height: 25.94px;
      margin-bottom: 20px;
   }

   .union__about-flex {
      flex-direction: column;
   }

   .union__about-left {
      width: 50%;
      margin: auto;
   }

   .union__about-right {
      width: 100%;
   }

   .founder__image {
      width: 30%;
   }

   .founder__text {
      width: 80%;
   }

   .founder__text h4 {
      font-size: 18px;
      line-height: 27.62px;
   }

   .founder__text p {
      font-size: 15px;
      line-height: 28.94px;
      font-weight: 500;
   }

   .founder__brance-member {
      width: 40%;
   }

   .founder__quote-text {
      width: 57%;
   }



   .hero-slide-content {
      max-width: 830px;
      bottom: 88px;
   }
   .hero__slider .owl-dots {
      bottom: 50px;
   }



   /* past president start here */

   .president__flex {
      padding: 0;
   }

   .single__president {
      width: 31%;
   }
   .single__album {
      width: 30.8%;
   }

   /* past president end here */








   /* group page start here */

   .single__society h3 {
      font-size: 20px;
      width: 50%;
   }
   .album__flex {
      justify-content: center !important;
      gap: 30px;
   }
   /* group page end here */





}


/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

   .women__union-content {
      flex-direction: column;
   }

   .women__union-left {
      order: 2;
      width: 100%;
   }

   .women__union-right {
      margin: auto;
      margin-bottom: 35px;
      width: 70%;
   }

   .section__title p {
      font-size: 20px;
      line-height: 21.5px;
   }

   .section__title h1 {
      font-size: 40px;
   }

   .women__union {
      padding-top: 70px;
   }

   .section__main-text p {
      font-size: 18px;
      line-height: 25.94px;
      margin-bottom: 20px;
   }

   .union__about-flex {
      flex-direction: column;
   }

   .union__about-left {
      width: 50%;
      margin: auto;
   }

   .union__about-right {
      width: 100%;
   }

   .founder__flex {
      flex-direction: column;
   }

   .founder__flex {
      margin-top: 0px;
   }

   .founder__quote-flex {
      flex-direction: column;
   }

   .founder__brance-member {
      width: 100%;
      margin-bottom: 50px;
   }

   .founder__quote-text {
      width: 100%;
   }

   .brance__memeber-flex {
      flex-direction: column;
   }

   .brance__member-right {
      width: 100%;
   }

   .brance__member-left {
      width: 100%;
      order: 2;
   }


   .hero-slide-content {
      max-width: 690px;
      bottom: 100px;
   }










   /* past president start here */

   .president__flex {
      padding: 0;
   }

   .single__president {
      width: 46%;
   }
   .single__album {
      width: 46.8%;
   }
   .album__flex {
      row-gap: 50px;
   }

   /* past president end here */






   /* group page start here */

   .society__heading h2 {
      margin-bottom: 40px;
   }

   .society__intro-box {
      width: 100%;
   }
   .single__society h3 {
      font-size: 20px;

   }
   .single__society {
      width: 100%;
   }
   .single__video {
      width: 48%;
      margin-bottom: 30px;
   }
   .youtube__video {
      padding: 50px 0;
      padding-top: 0;
   }
   .hero__slider .owl-dots {
      bottom: 56px;
   }
   .table__container {
      overflow: scroll;
   }
   /* group page end here */


}


/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

   .women__union-content {
      flex-direction: column;
      margin-top: 30px;
   }

   .women__union-left {
      order: 2;
      width: 100%;
   }

   .women__union-right {
      margin: auto;
      margin-bottom: 35px;
      width: 100%;
   }

   .hero__about-text h1 {
      font-size: 30px;
      line-height: 40.7px;
   }

   .hero__about-menu ul li a {
      font-size: 20px;
      line-height: 30px;
   }

   .section__title p {
      font-size: 16px;
      line-height: 30.5px;
      margin: 0;
   }

   .section__title h1 {
      font-size: 30px;
      line-height: 50px;
   }

   .women__union {
      padding-top: 40px;
   }

   .section__title h1::after {
      height: 5px;
      left: 0;
      right: 0;
      margin: auto;
   }

   .section__main-text p {
      font-size: 16px;
   }

   .union__about-flex {
      flex-direction: column;
   }

   .union__about-left {
      width: 100%;
      margin: auto;
   }

   .union__about-right {
      width: 100%;
   }

   .union__about-text {
      margin-top: 40px;
   }

   .union__balls {
      z-index: -1;
      transform: unset;
   }

   .union__about-right {
      width: 100%;
   }

   .founder__flex {
      flex-direction: column;
   }

   .founder__flex {
      margin-top: 0px;
   }

   .founder__text h4 {
      font-size: 18px;
      line-height: 28.62px;
   }

   .founder__text p {
      font-size: 16px;
      line-height: 25.94px;
   }

   .founder__box.d-flex {
      flex-direction: column;
   }

   .founder__image img {
      width: 100%;
   }

   .section__title {
      text-align: center;
   }

   .founder__flex {
      flex-direction: column;
   }

   .founder__flex {
      margin-top: 0px;
   }

   .founder__quote-flex {
      flex-direction: column;
   }

   .founder__brance-member {
      width: 100%;
      margin-bottom: 50px;
   }

   .founder__quote-text {
      width: 100%;
   }

   .brance__memeber-flex {
      flex-direction: column;
   }

   .brance__member-right {
      width: 100%;
   }

   .brance__member-left {
      width: 100%;
      order: 2;
   }

   .hero__slider .owl-nav button i {
      width: 40px;
      height: 40px;
      font-size: 20px;
   }
   .hero__slider .owl-prev {
      position: unset;
   }
   .hero__slider .owl-next {
     position: unset;
   }

   .owl-nav {
      display: flex;
      gap: 20px;
      justify-content: center;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 5px;
   }




   /* past president start here */

   .president__flex {
      padding: 0;
   }

   .single__president {
      width: 100%;
   }
   .location__buttons button {
      color: #FFF;
      font-size: 10px;
      padding: 8px;
   }
   .location__full {
      width: 320px !important;
      min-width: unset;
   }
   .location__buttons button::after {
      width: 14px;
      height: 14px;
      top: 70%;
   }




   .loc__btn1 {
      right: 45px;
      top: -20px;
   }
   .loc__btn2 {
      left: 105px;
      top: 32px;
   }
   .loc__btn5 {
      top: 179px;
      left: 0px;
   }
   .loc__btn6 {
      top: 230px;
      left: 25px;
   }
   .loc__btn7 {
      top: 280px;
      left: 72px;
   }
   .loc__btn9 {
      bottom: 60px;
      left: 145px;
   }
   .loc__btn10 {
      bottom: 160px;
      left: 75px;
   }
   .loc__btn11 {
      top: 110px;
      left: 74px;
   }
   .loc__btn8 {
      bottom: 32px;
      left: 209px;
   }
   .loc__btn12 {
      top: 85px;
      left: 175px;
   }
   .loc__btn14 {
      right: 90px;
      top: 147px;
   }
   .loc__btn13 {
      right: 66px;
      top: 40px;
   }
   .loc__btn16 {
      right: 20px;
      top: 237px;
   }
   .past__circle-middle {
      display: none;
   }
   .past__up-curve {
      display: none;
   }
   .president__text {
      text-align: center;
   }
   .founder__brance-text {
      text-align: center;
   }
   
   /* past president end here */







   /* group page start here */

   .society__heading h2 {
      margin-bottom: 40px;
   }

   .society__intro-box {
      width: 100%;
   }

   .single__society h3 {
      font-size: 16px;
      width: 100%;
   }
   .single__society {
      width: 100%;
   }
   .single__society {
      padding: 15px;
      flex-direction: column;
      gap: 20px;
      text-align: center;
   }
   .society__area {
      padding-bottom: 50px;
   }
   .single__album {
      width: 100%;
   }
   .album__flex {
      row-gap: 50px;
   }
   .album__area {
      padding: 50px 0;
      padding-bottom: 25px;
   }
   .single__video {
      width: 100%;
      margin-bottom: 30px;
   }
   .youtube__video {
      padding: 50px 0;
      padding-top: 50px;
   }
   .youtube__flex {
      margin-top: 40px;
   }
   .table__container {
      overflow: scroll;
   }
   #music {
      margin-top: 20px;
      min-width: 1042px;
   }
   .theme-btn {
      padding: 10px 15px;
      font-size: 15px;
   }
   /* group page end here */
.founder__text {
	padding: 5px 0 10px;
  text-align: center
}
}


/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {}