/* MEDIA QUARY */
@media only screen and (max-width: 1500px) {
  /* line 8, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-section-inner {
    width: 90%;
  }
}

@media only screen and (max-width: 1400px) {
  /* line 15, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-section-inner {
    width: 95%;
  }
  /* line 19, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .chart-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
}

@media only screen and (max-width: 1300px) {
  /* line 29, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .chart-section {
    height: fit-content;
  }
  /* line 33, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .latest-media-citation-container {
    align-items: center;
  }
  /* .stat1 {
     top: 26px;
   }

   .stat2 {
     top: 26px;
   }

   .stat3 {
     top: 26px;
   }*/
}

@media only screen and (max-width: 1250px) {
  /* line 51, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-section-image {
    flex: 1 1 50%;
  }
  /* line 55, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-section-text {
    flex: 1 1 50%;
  }
}

@media only screen and (max-width: 1080px) {
  /* line 61, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .stat-items {
    gap: 30px;
  }
}

@media only screen and (max-width: 980px) {
  /* line 70, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .stat1 {
    top: 24px;
  }
  /* line 74, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .stat2 {
    top: 24px;
  }
  /* line 78, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .stat3 {
    top: 24px;
  }
}

@media only screen and (max-width: 900px) {
  /* line 85, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-section-inner {
    height: 46vh;
  }
  /* line 89, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .trusted-media-section-container h2 {
    font-size: 2.8rem;
  }
  /* line 93, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .trusted-media-section-container p {
    font-size: 1.5rem;
  }
  /* line 97, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .statistic-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  /* line 103, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .image-container {
    width: auto;
  }
  /* line 107, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .stats-image {
    display: none;
  }
  /* line 111, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .stats-image-small-res {
    display: flex;
    max-height: 320px;
  }
  /* line 116, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .stat-items {
    width: 100%;
  }
  /* line 120, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .stat1,
.stat2,
.stat3 {
    position: static;
    align-items: center;
    /* better than 'inherit' */
  }
  /* line 128, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .stat-description p {
    text-align: center;
  }
  /* line 132, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .statistic-section {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 800px) {
  /* line 139, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-section {
    margin: 72px 0px 0px 0px;
  }
  /* line 143, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .latest-media-citation-container {
    flex-direction: column;
  }
  /* line 147, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .chart-section,
.citations-section {
    flex: 1 1 100%;
  }
  /* line 152, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .citation-logo img {
    width: 60px;
    height: 60px;
  }
  /* line 157, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .arrow-icon {
    width: 16px;
    height: 16px;
  }
}

/* Responsive layout */
@media (max-width: 750px) {
  /* line 170, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-citation-hero-img-01 {
    display: none;
  }
  /* line 174, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-citation-hero-img-02 {
    display: flex;
  }
  /* line 178, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-section,
.media-section-image {
    flex: 1 1 100%;
    text-align: center;
    /* margin-top: 72px; */
  }
  /* line 185, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-section-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  /* line 191, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-section img {
    max-width: 100%;
    width: 90%;
  }
  /* line 196, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-section h2 {
    font-size: 3rem;
    margin: 15px 0;
  }
  /* line 201, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-section p {
    font-size: 1.25rem;
  }
  /* Customer Testimonial Section */
  /* line 206, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .customer-testimonial-section {
    padding: 40px 0;
    margin-bottom: 0;
  }
  /* line 211, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .customer-testimonial-container h2 {
    font-size: 2rem;
  }
  /* line 215, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .customer-testimonial-container p {
    font-size: 1rem;
  }
  /* Trusted Media Section */
  /* line 220, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .trusted-media-section-container h2 {
    font-size: 2rem;
  }
  /* line 224, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .trusted-media-section-container p {
    font-size: 1.25rem;
  }
  /* Statistic Section */
  /* line 229, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .section-header h2 {
    font-size: 2rem;
  }
  /* line 233, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .section-subtitle {
    font-size: 1.25rem;
  }
  /* line 237, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .statistic-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  /* line 243, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .stat-description h3 {
    font-size: 1.75rem;
  }
  /* line 247, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .stat1,
.stat2,
.stat3 {
    position: static;
    /* Reset from relative */
  }
  /* line 254, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .statistic-section {
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  /* All Media Citation Section */
  /* line 262, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .all-media-citation-header-section h2 {
    font-size: 2rem;
  }
  /* line 266, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .media-citation-logo {
    height: auto;
  }
  /* Top Band */
  /* line 271, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .top-band {
    display: none;
  }
  /* line 275, app/assets/stylesheets/pages/media-citation/media-citation-responsive.scss */
  .latest-media-citation-section {
    margin-bottom: 30px;
  }
}
