/* general resposiveness css */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

/* general resposiveness css */
@media only screen and (min-width: 1366px) and (max-width: 1920px) {
}

@media only screen and (min-width: 1291) and (max-width: 1365px) {
}

@media only screen and (min-width: 992px) and (max-width: 1290px) {
    .theme-btn span {
    margin-left: 10px;
    height: 32px;
    width: 32px;
}

.theme-btn {
    font-size: 14px;
    padding-left: 20px;
}

body .hero-left h1 span {
    font-size: 54px !important;
    line-height: 65px;
}

body .hero-left h1 {
    font-size: 28px !important;
    line-height: 50px;
}

h2 {
    font-size: 50px;
    line-height: 60px;
}

h3 {
    font-size: 30px;
    line-height: 40px;
}

.our-events-right::after {
    width: 50px;
}

.event-dt-card-img img {
    width: 350px;
}

.event-dt-slidder-wrapper {
    margin-left: -30px;
}

.event-dt-slidder-wrapper h4:nth-child(3) {
    padding-left: 30px;
}

.event-main-slidder-card-img img {
    height: 310px;
}

.our-events-left h3 {
    font-size: 29px;
}

footer.footer-sec .col-md-3 {
    width: 50%;
}

input#input_1_2 {
    width: 200% !important;
}

.contact-footer-links {
    margin-top: 20px;
}

.news-letter-footer {
    margin-top: 20px;
}

.blog-sec-wrapper .col-md-4 {
    width: 49%;
}

h1 {
    font-size: 60px;
}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .menuSec ul li a {
    font-size: 12px;
}

.theme-btn {
    padding: 0 7px 0 10px;
    font-size: 11px;
    height: 50px;
}

.theme-btn span {
    margin-left: 10px;
    height: 30px;
    width: 30px;
}

.hero-left h1 {
    font-size: 22px !important;
    line-height: 52px;
}

body .hero-left h1 span {
    font-size: 45px !important;
}
    .program-page-wraper .col-md-6.centerCol {
        width: 80%;
    }

section.our-program .col-md-6.centerCol {
    width: 80%;
}

h2 {
    font-size: 42px;
    line-height: 52px;
}

h3 {
    font-size: 36px;
    line-height: 46px;
}

.our_program_slidder button.slick-next {
    right: -20px;
    width: 35px;
    height: 35px;
}

.our_program_slidder button.slick-prev {
    left: -20px;
    width: 35px;
    height: 35px;
}

.event-main-slidder-card-img img {
    height: 300px;
}

.our-events-left h3 {
    font-size: 28px;
    line-height: 38px;
}

.our-events-right::after {
    display: none;
}

.our-events-right .slick-slide {
    margin: 0 10px;
}

.event-dt-card-img img {
    width: 175px;
}

.event-dt-card {
    flex-wrap: wrap;
    margin: 0 0 20px;
}

.our-events-right::before {
    height: 80%;
}

.blog-card-calender {
    width: 12%;
    min-width: 60px;
}

.blog-card {
    width: 88%;
}

footer.footer-sec .col-md-3 {
    width: 50%;
}

.contact-footer-links {
    margin-top: 20px;
}

.news-letter-footer {
    margin-top: 20px;
}

input#input_1_2 {
    width: 200% !important;
}

.program-page-wraper .our-program-card-txt a h3 {
    font-size: 24px;
    line-height: 34px;
    
}

h1 {
    font-size: 45px;
}

.program-detail-page-img img {
    height: 400px;
}

.blog-sec-wrapper .col-md-4 {
    width: 49%;
    margin: 0 0 20px;
}

.blog-dt-img img {
    height: 400px;
}

.contact-box {
    padding: 10px;
}

.contact-box a {
    gap: 10px;
}

.contact-box a div:nth-child(1) {
    height: 45px;
    width: 45px;
}

.contact-box a div p {
    font-size: 13px;
}
.contact-right input {
    padding: 10px;
    font-size: 12px;
}

.event-slidder-number sub {
    bottom: 0 !important;
}

h3.event-slidder-number {
    font-size: 26px;
}

.event_main_slidder .slick-dots {
    bottom: -25px;
    left: 0;
}

}

@media only screen and (min-width: 520px) and (max-width: 767px) {
      .col {
    width: 100%;
  }

  header {
    height: auto;
    width: 100%;
    position: relative;
    inset: 0;
    z-index: 1;
    background-color: #ffec00;
  }
  .menuSection .row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }
  header .col-md-2.col-sm-6 {
    flex: 0 0 auto;
    width: auto;
  }
  .header-logo {
    flex: 0 0 auto;
  }

  .header-right {
    flex: 0 0 auto;
  }
  h1 {
    font-size: 35px;
  }
  
  .slicknav_nav a:hover {
    background: #ff69b4;
    color: #fff;
}

header .menuSection .container-fluid .row {
    padding: 10px 5px;
}

.header-right {
    justify-content: start;
}

.theme-btn {
    height: 50px;
    padding: 0 7px 0 10px;
    font-size: 11px;
}

.theme-btn span {
    height: 20px;
    width: 20px;
    margin-left: 6px;
}

.hero-left h1 {
    font-size: 14px !important;
    line-height: 30px;
}

body .hero-left h1 span {
    font-size: 32px !important;
    line-height: 40px;
}

.hero-left p {
    font-size: 12px;
}

.hero-right img {
    height: 300px;
}

.hero_slidder .slick-slide {
    margin: 0 10px;
}

.hero-right {
    align-items: start;
}

.hero-banner {
    height: auto;
    padding-bottom: 30px;
}

.hero_slidder .hero-left {
    margin: 30px 0 70px;
}

section.about-us {
    margin: 50px 0;
}

.about-left-img img {
    height: 300px !important;
}

p {
    font-size: 12px;
    line-height: 20px;
}

h2 {
    font-size: 30px;
    line-height: 40px;
}

h3 {
    font-size: 28px;
    line-height: 38px;
}

.about-right-img {
    margin: 20px 0 0 0;
}

.about-right-img img {
    height: 300px;
}

.our-program-card-img img {
    height: 250px;
}

.our-program-card-txt a h3 {
    font-size: 24px;
    line-height: 30px;
}

.our_program_slidder button.slick-next {
    right: -5px;
    width: 25px;
    height: 25px;
}

.our_program_slidder .slick-prev:before, .our_program_slidder .slick-next:before {}

.our_program_slidder button.slick-prev {
    left: -5px;
    width: 25px;
    height: 25px;
}

.why-choose-wrapper {
    margin: 50px 0 0 0;
}

.why-choose-left img {
    height: 300px;
    margin: 0 0 20px;
}

.why-choose-right {
    padding: 0;
}

section.our-events {
    margin: 50px 0;
}

.our-events-left h3 {
    font-size: 28px;
    line-height: 38px;
}

.our-events-left {
    margin: 0 0 20px;
}

.event-main-slidder-card-img img {
    height: 300px;
}

.our-events-right::before {
    width: 100%;
    height: 66%;
}

.event-dt-slidder-wrapper h4:nth-child(3) {
    font-size: 24px;
}

.event-dt-card {
    flex-wrap: wrap;
}

.our-events-right:after {
    display: none;
}

.our-events-right {
    padding: 0 10px;
}

.blog_slidder .slick-slide {
    margin: 0 10px;
}

.blog-card-calender {
    width: 10%;
    min-width: 50px;
    height: 80px;
}

.blog-card-calender h3 {
    font-size: 24px;
}

.blog-card-wrapper {
    gap: 10px;
    margin: 0 0 20px;
}

section.our-blog {
    margin: 0 0 50px 0;
}

.make-donation-right img {
    height: 300px;
}

section.make-donation {
    margin: 0 0 50px 0;
}

.footer-logo-wrapper p {
    width: 100%;
}

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

.quick-links {
    margin-top: 20px;
}

.quick-links ul li a {
    font-size: 12px;
}

.quick-links ul li a {}

.contact-footer-links {
    margin-top: 20px;
}

.contact-footer-links ul li a {
    padding: 0px 0 10px 0;
}

input#input_1_2 {
    width: 100% !important;
}

.news-letter-footer .heading {
    padding-bottom: 10px;
    margin-top: 20px;
}

.inner-banner {
    height: 250px;
}

.inner-banner-content {
    margin: 0;
}

.program-page-wraper {
    margin: 50px 0;
}

.our-events-right .slick-slide {
    margin: 0;
}

.blog-sec-wrapper {
    margin: 50px 0 0 0;
}
section.contact-us-page {
    margin: 50px 0;
}

.contact-left img {
    height: 300px;
    margin: 0 0 20px;
}

.contact-box {
    padding: 10px;
    margin: 0 0 20px;
}

.event-dt-img img {
    height: 300px;
}

section.event-dt {
    margin: 50px 0;
}

.event-dt-content-heading {
    flex-wrap: wrap;
}

.event-dt-content-heading h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 20px;
}

.calender-events {
    margin: 0;
}
.donate-page-wrapper {
    margin: 50px 0;
}

.blog-dt-img img {
    height: 300px;
}

.blog-dt-content h2 {
    font-size: 30px;
    line-height: 40px;
}

}

@media only screen and (min-width: 300px) and (max-width: 519px) {
  .col {
    width: 100%;
  }

  header {
    height: auto;
    width: 100%;
    position: relative;
    inset: 0;
    z-index: 1;
    background-color: unset;
  }
  .menuSection .row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }
  header .col-md-2.col-sm-6 {
    flex: 0 0 auto;
    width: auto;
  }
  .header-logo {
    flex: 0 0 auto;
  }

  .header-right {
    flex: 0 0 auto;
  }
  h1 {
    font-size: 35px;
  }
  
  .slicknav_nav a:hover {
    background: #ff69b4;
    color: #fff;
}

header .menuSection .container-fluid .row {
    padding: 10px 5px;
    border-radius: 0;
}

.header-right {
    justify-content: start;
}

.theme-btn {
    height: 50px;
    padding: 0 7px 0 10px;
    font-size: 11px;
}

.theme-btn span {
    height: 20px;
    width: 20px;
    margin-left: 6px;
}

.hero-left h1 {
    font-size: 14px !important;
    line-height: 30px;
}

body .hero-left h1 span {
    font-size: 32px !important;
    line-height: 40px;
}

.hero-left p {
    font-size: 12px;
}

.hero-right img {
    height: 300px;
}

.hero_slidder .slick-slide {
    margin: 0 10px;
}

.hero-right {
    align-items: start;
}

.hero-banner {
    height: auto;
    padding-bottom: 30px;
}

.hero_slidder .hero-left {
    margin: 30px 0 70px;
}

section.about-us {
    margin: 50px 0;
}

.about-left-img img {
    height: 300px !important;
}

p {
    font-size: 12px;
    line-height: 20px;
}

h2 {
    font-size: 30px;
    line-height: 40px;
}

h3 {
    font-size: 28px;
    line-height: 38px;
}

.about-right-img {
    margin: 20px 0 0 0;
}

.about-right-img img {
    height: 300px;
}

.our-program-card-img img {
    height: 250px;
}

.our-program-card-txt a h3 {
    font-size: 24px;
    line-height: 30px;
}

.our_program_slidder button.slick-next {
    right: -5px;
    width: 25px;
    height: 25px;
}

.our_program_slidder .slick-prev:before, .our_program_slidder .slick-next:before {}

.our_program_slidder button.slick-prev {
    left: -5px;
    width: 25px;
    height: 25px;
}

.why-choose-wrapper {
    margin: 50px 0 0 0;
}

.why-choose-left img {
    height: 300px;
    margin: 0 0 20px;
}

.why-choose-right {
    padding: 0;
}

section.our-events {
    margin: 50px 0;
}

.our-events-left h3 {
    font-size: 28px;
    line-height: 38px;
}

.our-events-left {
    margin: 0 0 20px;
}

.event-main-slidder-card-img img {
    height: 300px;
}

.our-events-right::before {
    width: 100%;
    height: 66%;
}

.event-dt-slidder-wrapper h4:nth-child(3) {
    font-size: 24px;
}

.event-dt-card {
    flex-wrap: wrap;
}

.our-events-right:after {
    display: none;
}

.our-events-right {
    padding: 0 10px;
}

.blog_slidder .slick-slide {
    margin: 0 10px;
}

.blog-card-calender {
    width: 10%;
    min-width: 50px;
    height: 80px;
}

.blog-card-calender h3 {
    font-size: 24px;
}

.blog-card-wrapper {
    gap: 10px;
    margin: 0 0 20px;
}

section.our-blog {
    margin: 0 0 50px 0;
}

.make-donation-right img {
    height: 300px;
}

section.make-donation {
    margin: 0 0 50px 0;
}

.footer-logo-wrapper p {
    width: 100%;
}

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

.quick-links {
    margin-top: 20px;
}

.quick-links ul li a {
    font-size: 12px;
}

.quick-links ul li a {}

.contact-footer-links {
    margin-top: 20px;
}

.contact-footer-links ul li a {
    padding: 0px 0 10px 0;
}

input#input_1_2 {
    width: 100% !important;
}

.news-letter-footer .heading {
    padding-bottom: 10px;
    margin-top: 20px;
}

.inner-banner {
    height: 250px;
}

.inner-banner-content {
    margin: 0;
}

.program-page-wraper {
    margin: 50px 0;
}

.our-events-right .slick-slide {
    margin: 0;
}

.blog-sec-wrapper {
    margin: 50px 0 0 0;
}
section.contact-us-page {
    margin: 50px 0;
}

.contact-left img {
    height: 300px;
    margin: 0 0 20px;
}

.contact-box {
    padding: 10px;
    margin: 0 0 20px;
}

.event-dt-img img {
    height: 300px;
}

section.event-dt {
    margin: 50px 0;
}

.event-dt-content-heading {
    flex-wrap: wrap;
}

.event-dt-content-heading h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 20px;
}

.calender-events {
    margin: 0;
}
.donate-page-wrapper {
    margin: 50px 0;
}

.blog-dt-img img {
    height: 300px;
}

.blog-dt-content h2 {
    font-size: 30px;
    line-height: 40px;
}


}