/* ======== RESPONSIVE CSS ========= */

/* ===================================================
		MIN WIDTH 
=================================================== */
/* ------------------------------ 
	2500px EXTRA LARGE
------------------------------ */
@media (min-width: 2500px) {
}

/* ------------------------------ 
	1600px EXTRA LARGE
------------------------------ */
@media (min-width: 1600px) {
}

/* ------------------------------ 
	1200px LARGE
------------------------------ */
@media (min-width: 1200px) {
}

/* ------------------------------ 
	992px MEDIUM
------------------------------ */
@media (min-width: 992px) {
  .main-content {
    /* margin-top: 102.48px; */
  }
}

/* ------------------------------ 
	768px SMALL
------------------------------ */
@media (min-width: 768px) {
}

/* ------------------------------ 
	641px SMALL
------------------------------ */
@media (min-width: 641px) {
}

/* ------------------------------ 
	576px SMALL
------------------------------ */
@media (min-width: 576px) {
}

/* ------------------------------ 
	541px SMALL
------------------------------ */
@media (min-width: 541px) {
}

/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	2001px - 2200px LARGE
------------------------------ */
@media (min-width: 2001px) and (max-width: 2200px) {
}

/* ------------------------------ 
	1601px - 2000px LARGE
------------------------------ */
@media (min-width: 1601px) and (max-width: 2000px) {
}

/* ------------------------------ 
	1401px - 1600px LARGE
------------------------------ */
@media (min-width: 1401px) and (max-width: 1600px) {
}

/* ------------------------------ 
	1200px - 1400px LARGE
------------------------------ */
@media (min-width: 1200px) and (max-width: 1400px) {
}

/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {
}

/* ------------------------------ 
	414px - 767px SMALL iPhone 6/7/8 Plus
------------------------------ */
@media (min-width: 414px) and (max-width: 767px) {
}

@media (min-width: 600px) and (max-width: 991px) {
}

/* ------------------------------ 
	375px - 413px X-SMALL iPhone 6/7/8
------------------------------ */
@media (min-width: 375px) and (max-width: 413px) {
  .mobile-navigation .brand-logo img {
    max-width: 180px;
  }
}

/* ------------------------------ 
	321px - 374px XX-SMALL iPhone 5
------------------------------ */
@media (min-width: 321px) and (max-width: 374px) {
  .mobile-navigation .brand-logo img {
    max-width: 160px;
  }
}

/* ===================================================
		MAX WIDTH 
=================================================== */
/* ------------------------------ 
	1599px EXTRA LARGE
------------------------------ */
@media (max-width: 1599px) {
}

/* ------------------------------ 
	1199px LARGE
------------------------------ */
@media (max-width: 1199px) {
  .tabs ul.tab-list li a {
    padding: 10px 10px;
  }
}

/* ------------------------------ 
	991px MEDIUM
------------------------------ */
@media (max-width: 991px) {
  .main-content {
    /* margin-top: 84px; */
  }

  #home .main-content {
    margin-top: 0;
  }

  #home .hero-text,
  #aboutus .hero-text {
    /* line-height: 115px; */
    margin-bottom: 91px;
  }

  .weLove {
    position: relative;

    bottom: -41px;
    color: var(--darkBlue);
  }

  #home .hero-text,
  #aboutus .hero-text {
    /* line-height: 85px; */
    margin-bottom: 91px;
  }

  .btn-donate {
    max-width: 126px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "tenso", sans-serif;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 16px !important;
    /* line-height: 20px !important; */
    color: white !important;
    background: var(--green) !important;
    position: absolute;
    left: 0;
    top: 0;
  }
  .mobile-navigation .btn-donate {
    color: white !important;
    background: transparent;
    border-top: none;
    border-right: none;
    border-bottom: 0px solid var(--blue);
    border-left: none;
    padding: 0 !important;
  }

  .time-line-container {
    max-width: 100%;
    width: 100%;
    position: relative;
  }

  .time-line-container::before {
    display: none;
  }
  .dot-circle {
    width: 12px;
    height: 12px;
    background: #add4d8;
    border-radius: 50%;
    position: absolute;
    left: -6px;
    top: -7px;
  }

  .expand-container {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
  }
  .expand-icon-title {
    flex-direction: column;
  }

  div#input_3_6 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }

  label#label_3_6_2 {
    margin-left: 25px !important;
  }
}

/* ------------------------------ 
	767px - SMALL
------------------------------ */
@media (max-width: 767px) {
}

/* ------------------------------ 
	640px - EXTRA SMALL
------------------------------ */
@media (max-width: 641px) {
  div#field_2_10 {
    display: none !important;
  }

  #home .hero-text,
  #aboutus .hero-text {
    /* line-height: 55px; */
    margin-bottom: 91px;
  }

  .form .gform_wrapper.gravity-theme .gform_footer input.gform_button {
    padding: 15px 15px;
  }

  .btn-blue {
    font-size: 13px;
    padding: 10px 6px;
  }
}

@media (max-width: 599px) {
}

/* ------------------------------ 
	550px - CUSTOM SIZE
------------------------------ */
@media (max-width: 550px) {
}

/* ------------------------------ 
	540px - CUSTOM SIZE
------------------------------ */
@media (max-width: 540px) {
}

/* ------------------------------ 
	479px - CUSTOM SIZE
------------------------------ */
@media (max-width: 479px) {
  .d1 {
    font-size: 70px;
  }

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

  #home .hero-text,
  #aboutus .hero-text {
    /* line-height: 75px; */
    margin-bottom: 91px;
  }

  #home .hero-text,
  #aboutus .hero-text {
    /* line-height: 45px; */
    margin-bottom: 91px;
  }

  .weLove {
    font-size: 28px;
    /* line-height: 110px; */
  }
}

@media (max-width: 414px) {
  .d1 {
    font-size: 64px;
  }
}

/* ------------------------------ 
	379px - CUSTOM SIZE
------------------------------ */
@media (max-width: 379px) {
  .d1 {
    font-size: 50px;
  }
}

/* ------------------------------ 
	320px - CUSTOM SIZE - iPhone 5 & under
------------------------------ */
@media (max-width: 320px) {
}