@media (min-width: 768px) {
  .timeline__item-text {
    margin-bottom: 40px;
  }
  .timeline__item::before {
    top: -20px;
  }
}
@media (min-width: 991px) {
  .video-container {
    height: 800px;
  }
}
@media (min-width: 1280px) {
  .hero__logo a img {
    width: 300px;
  }
  .hero__text {
    top: 20px;
  }
  .hero h1 {
    width: 490px;
  }
  #donors-block iframe {
    height: 700px;
  }
}
@media (min-width: 1440px) {
  .hero div.hero-text-animation {
    line-height: 90px;
  }
}
@media (min-width: 1920px) {
  .hero__text .small-container {
    gap: 40px;
  }
  .hero div.hero-text-animation {
    line-height: 100px;
  }
}

@media (max-width: 1440px) {
  .hero h1 {
    font-size: 80px;
    line-height: 100px;
  }
  .hero div.hero-text-animation {
    font-size: 52px;
    line-height: 88px;
  }
}
@media (max-width: 1367px) {
  #donors-block iframe {
    height: 600px;
  }
  .hero div.hero-text-animation {
    font-size: 40px;
    line-height: 60px;
  }
  .hero__subtitle {
    font-size: 16px;
  }
  .timeline__item-data {
    font-size: 70px;
    line-height: 60px;
    margin-bottom: 20px;
  }
  .section-title-caps, .top-donors-title {
    font-size: 54px;
    line-height: 70px;
  }
  .bottom-big-text {
    font-size: 46px;
    line-height: 52px;
    margin: 60px 0;
  }
  #made-for-moment .big-plans, .our-partners-content p {
    font-size: 24px;
    line-height: 30px;
  }
  .section__bg {
    margin: 80px 0;
  }
}
@media (max-width: 1280px) {
  .hero h1 {
    font-size: 70px;
    line-height: 85px;
    width: 400px;
    max-width: max-content;
  }
  .hero div.hero-text-animation {
    font-size: 30px;
    line-height: 50px;
  }
  #secondary-nav .nav-item span {
    font-size: 12px;
  }
  .ed-quote {
    font-size: 24px;
    line-height: 36px;
  }
  .ed-name {
    font-size: 36px;
    line-height: 46px;
  }
  .ed-position {
    font-size: 17px;
  }
  .hero {
    margin-bottom: 80px;
  }
}
@media (max-width: 1024px) {
  #donors-block iframe {
    height: 500px;
  }
  .container, .small-container, .gradient-header, .gradient-block-content {
    width: 100% !important;
  }  
  .hero div.hero-text-animation {
    font-size: 42px;
  }
  .hero div.hero-text-animation {
    font-size: 36px;
  }
  #secondary-nav .nav-item span {
    width: 100%;
  }
  #secondary-nav.fixed {
    height: 57.4px;
  }
}

@media (max-width: 990px) {
  .ed-container p {
    margin: 0px;
  }
  .hero__text .small-container {
    height: 90vh;
  }
  .hero h1 {
    font-size: 60px;
    line-height: 60px;
    margin-top: 40px;
    width: 350px;
  }
  .hero div.hero-text-animation {
    font-size: 26px;
    line-height: 50px;
    min-height: 60px;
  }
  .hero__subtitle {
    font-size: 14px;
  }
  .hero__subtitle span {
    font-size: 20px;
  }
  .hero__subtitle {
    margin-top: 20px;
  }
  .ed-container {
    max-width: 100%;
  }
  .ed-container .ed-front-img {
    display: none;
  }
  .ed-quote-container {
    position: relative;
    top: -6px;
    right: 0;
    width: 100%;
    max-width: 100%;
    border-radius: 0 0 50px 50px;
  }
  .ed-container {
    margin-top: 80px;
    background: none;
  }
  .ed-container img.ed-img {
    border-radius: 30px 30px 0 0;
    background: linear-gradient(180deg, #E81F77 20%, #0397D6);
  }
  .section-content .row {
    flex-direction: column;
    gap: 30px;
  }
  .section-content .row .col-55 {
    width: 100%;
    margin-bottom: 20px;
  }
  .section-content .row .col-45 {
    margin: 0 auto;
  }
  .gradient-block:nth-child(2) .row .col-55,
  .gradient-block:nth-child(4) .row .col-55,
  .gradient-block:nth-child(6) .row .col-55 {
    order: 2;
  }
  .gradient-block:nth-child(2) .row .col-45,
  .gradient-block:nth-child(4) .row .col-45,
  .gradient-block:nth-child(6) .row .col-45 {
    order: 1;
  }
  .video-container {
    height: 600px;
  }
  .section-content .row .col-45 {
    width: 65%;
  }
  #menu {
    padding: 160px 0 0 60px;
  }
  #menu ul li a {
    font-size: 26px;
    margin-bottom: 44px;
  }
  .image-container iframe, .image-container iframe, .image-container video {
    height: 600px;
  }
  #menu.overlay {
    background: linear-gradient(45deg, #0397D6, #E81F77);
  }
  .mobile-nav {
    background: linear-gradient(45deg, #E81F77, #0397D6);
  }
  .section-title-caps, .section-heading .background-title, .section-title-medium, .top-donors-title {
    font-size: 44px;
    line-height: 62px;
  }
  .section-heading .black-title, .sub-heading {
    font-size: 26px;
    line-height: 36px;
  }
  .fifteen-years-content .fifteen-content {
    font-size: 22px;
    line-height: 30px;
  }
  .fifteen-years-content .fifteen-title {
    font-size: 38px;
    line-height: 70px;
  }
  .fifteen-years-content .fifteen-title b{
    font-size: 58px;
    line-height: 70px;
  }
  .fifteen-years-content {
    margin: 50px 0;
  }
  #made-for-moment .big-plans, .our-partners-content p {
    font-size: 22px;
    line-height: 32px;
  }
  .section-title {
    font-size: 65px;
    line-height: 78px;
  }
  
}
@media (max-width: 768px) {
  #donors-block iframe {
    height: 420px;
  }
  .hero__text {
    top: 50px;
  }
  .hero h1 {
    font-size: 50px;
    width: 300px;
    margin-top: 0;
  }
  .hero div.hero-text-animation {
    font-size: 22px;
  }
  .section-title-caps, .section-heading .background-title, .section-title-medium, .top-donors-title {
    font-size: 40px;
    line-height: 60px;
  }
  .section-heading .black-title, .sub-heading {
    font-size: 20px;
  }
  .image-container p {
    font-size: 22px;
    line-height: 30px;
    margin: 10px auto;
  }
  .section-content .image-content {
    font-size: 18px;
    line-height: 28px;
  }
  .section-heading .background-title {
    margin-bottom: 10px;
  }
  .section-heading {
    margin-bottom: 30px;
  }
  .fifteen-years-content {
    margin: 30px 0;
    gap: 20px;
  }
  .fifteen-years-content img {
    height: 180px;
    width: 140px;
    margin-right: 0;
  }
  .fifteen-years-content .fifteen-container {
    max-width: 100%;
    width: 100%;
  }
  .container, .small-container, .half-container {
    width: calc(100% - 30px) !important;
  }
  .our-work-content {
    font-size: 22px;
    line-height: 34px;
  }
  .gradient-block {
    padding: 30px 0px;
  }
  .section-content .image-content p {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .fifteen-years-content .fifteen-title b {
    font-size: 48px;
    line-height: 70px;
  }
  .bottom-big-text {
    font-size: 40px;
    line-height: 50px;
    margin: 40px 0;
  }
  #made-for-moment .big-plans, .our-partners-content p {
    font-size: 20px;
  }
  .section-title {
    font-size: 55px;
    line-height: 64px;
  }
  .ed-container {
    margin-top: 60px;
  }
  .ed-quote {
    font-size: 22px;
    line-height: 34px;
  }
  .ed-name {
    font-size: 34px;
    line-height: 44px;
  }
  .ed-position {
    font-size: 16px;
  }
  .hero {
    margin-bottom: 60px;
  }
  .hero__bg {
    background-position: center right;
  }
  .hero__bg-img {
    background-size: 100%;
    background-position: bottom right;
  }
  .page__footer .small-container .row {
    flex-direction: column;
  }
  .page__footer .region-footer-top-left nav {
    grid-auto-flow: row;
  }
  .footer-top-right {
    max-width: 100%;
  }
  .search-block-form {
    margin-bottom: 20px;
  }
  .region-footer-middle {
    grid-template-columns: auto;
  }
  .region-footer-middle ul {
    margin-bottom: 20px;
  }
  .search-block-form .form-control {
    margin-top: 30px;
  }
  .page__footer .region-footer-top-left li {
    width: 100%;
  }
}
@media (max-width: 680px) {
  .hero h1 {
    font-size: 46px;
    line-height: 60px;
    width: 400px;
  }
  .hero__subtitle {
    font-size: 13px;
  }
  .hero__subtitle span {
    font-size: 16px;
  }
  .section-content .row .col-45 {
    width: 100%;
  }
  .section-title-caps, .section-heading .background-title, .section-title-medium {
    font-size: 32px;
    line-height: 42px;
    padding: 5px 15px;
  }
  .top-donors-title {
    font-size: 32px;
    line-height: 42px;
  }
  .section-heading .black-title, .sub-heading {
    font-size: 18px;
    line-height: 30px;
  }
  .fifteen-years-content img {
    height: 160px;
    width: 120px;
  }
  .fifteen-years-content img {
    height: 100px;
    width: 80px;
  }
  .fifteen-years-content .fifteen-title {
    font-size: 28px;
    line-height: 50px;
  }
  .fifteen-years-content .fifteen-title b {
    font-size: 38px;
    line-height: 50px;
  }
  .fifteen-years-content .fifteen-content {
    font-size: 20px;
    line-height: 30px;
  }
  .timeline {
    margin-top: -100px;
  }
  .background-gradient img {
    max-width: 140px;
  }
}
@media (max-width: 580px) {
  .timeline-footer-text {
    text-align: left;
    margin-top: 40px;
    margin-left: 50px;
  }
  .hero {
    height: 90vh;
  }
  .hero__text {
    top: 30px;
    height: 90vh;
  }
  .hero__subtitle {
      margin-top: 10px;
  }
  .section-title-caps {
    font-size: 42px;
    line-height: 60px;
    padding: 5px 0;
  }
  .section-title-caps.section-title-medium {
    font-size: 32px;
    line-height: 40px;
  }
  .gradient-header {
    height: 200px;
    position: relative;
  }
  .geadient-header-text {
    position: absolute;
    z-index: 1;
    left: 0;
  }
  .background-gradient {
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
  }
  .hero div.hero-text-animation {
    font-size: 18px;
    line-height: 40px;
  }
  /*.container, .small-container, .half-container {
    width: calc(100% - 10px) !important;
  }*/
  .gradient-block-content {
    padding: 0px 10px;
  }
  .fifteen-years-content {
    margin: 20px 0;
    gap: 15px;
  }
  .fifteen-years-content img {
    height: 60px;
    width: 50px;
  }
  .fifteen-years-content .fifteen-title {
    font-size: 20px;
    line-height: 30px;
  }
  .fifteen-years-content .fifteen-title b {
    font-size: 30px;
    line-height: 30px;
  }
  .fifteen-years-content .fifteen-content {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
  }
  .section-title {
    font-size: 36px;
    line-height: 47px;
  }
  .ed-container {
    margin-top: 30px;
  }
  .ed-quote-container {
    padding: 80px 20px 60px 20px;
  }
  .quote-icon {
    left: 20px;
    width: 50px;
    top: 20px;
  }
  .ed-quote {
    font-size: 20px;
    line-height: 32px;
  }
  .ed-name {
    font-size: 24px;
    line-height: 34px;
  }
  .ed-position {
    font-size: 14px;
  }
  .hero {
    margin-bottom: 60px;
  }
  .bottom-big-text {
    font-size: 30px;
    line-height: 40px;
  }
  #made-for-moment .big-plans, .our-partners-content p {
    font-size: 18px;
    line-height: 28px;
  }
  .section__bg {
    margin: 60px 0;
  }
  .background-gradient img {
    max-width: 120px;
  }
}
@media (max-width: 460px) {
  .hero {
    margin-bottom: 40px;
  }
  .mobile-nav {
    width: 120px;
    height: 60px;
    font-size: 18px;
  }
  .section-title-caps, .section-heading .background-title, .section-title-medium {
    font-size: 28px;
    line-height: 38px;
  }
  .hero h1 {
    font-size: 36px;
    width: 320px;
    line-height: 50px;
  }
  .hero div.hero-text-animation {
    font-size: 15px;
  }
}
@media (max-width: 390px) {
  .section-title-caps, .section-heading .background-title, .section-title-medium {
    font-size: 24px;
    line-height: 34px;
  }
  .hero div.hero-text-animation {
    font-size: 13px;
  }
  .hero__subtitle {
    font-size: 12px;
  }
  .hero__subtitle span {
    font-size: 14px;
  }
}
@media (max-width: 380px) {
  .hero__logo {
    top: 35px;
  }
  .mobile-nav {
    width: 100px;
    height: 50px;
  }
}