/* Max width 1550px */
@media only screen and (max-width: 1550px) {
  /* line 4, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section {
    height: 31.8rem;
  }
  /* line 8, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section-title {
    font-size: 2.6rem;
  }
  /* line 12, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-title-info {
    font-size: 1.5rem;
  }
  /* line 16, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-title {
    font-size: 2.7rem;
  }
  /* line 20, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-info {
    font-size: 1.4rem;
  }
  /* line 24, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-popup-content {
    height: 90%;
  }
  /* line 28, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-main-image {
    height: 23rem;
  }
}

/* Max width 1400px */
/* Max width 1300px */
@media only screen and (max-width: 1300px) {
  /* line 39, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section {
    height: 30rem;
  }
  /* line 43, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section-title {
    font-size: 2.2rem;
  }
  /* line 47, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-title-info {
    font-size: 1.4rem;
  }
  /* line 51, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-main-image {
    height: 20rem;
  }
  /* line 55, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-popup-content {
    height: 80%;
  }
  /* line 59, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.left {
    left: 0px;
  }
  /* line 63, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.right {
    right: 0px;
  }
  /* line 67, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-title {
    font-size: 2.5rem;
  }
  /* line 70, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-cont-01 {
    padding: 20px;
  }
}

/* Max width 1260px */
@media only screen and (max-width: 1260px) {
  /* line 77, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 18rem;
  }
  /* line 81, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 1.7rem;
  }
  /* line 85, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-main-image {
    height: 17rem;
  }
}

/* Max width 1100px */
@media only screen and (max-width: 1100px) {
  /* line 93, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section {
    height: 26rem;
  }
  /* line 97, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section-title {
    font-size: 2rem;
  }
  /* line 101, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-title-info {
    font-size: 1.3rem;
  }
  /* line 105, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.left {
    left: 10px;
  }
  /* line 109, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.right {
    right: 10px;
  }
}

/* Max width 1080px */
/* Max width 1026px */
/* Max width 980px */
@media only screen and (max-width: 980px) {
  /* line 122, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-projects-img-group-cont {
    flex-direction: column;
  }
  /* line 126, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-group-01,
.projects-img-group-02 {
    width: 100%;
    min-width: unset;
  }
  /* line 132, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-group-02 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }
  /* line 137, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-img-grid {
    height: 220px;
  }
  /* line 141, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-main-image {
    height: 13rem;
  }
  /* line 145, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-thumbnail {
    width: 7rem;
    height: 4rem;
  }
  /* line 150, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.left {
    left: 20px;
  }
  /* line 154, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.right {
    right: 20px;
  }
  /* line 158, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn {
    height: 2.5rem;
    width: 2.5rem;
  }
}

/* Max width 900px */
@media only screen and (max-width: 900px) {
  /* line 167, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section-title {
    font-size: 2.6rem;
  }
  /* line 171, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-title-info {
    font-size: 1.4rem;
  }
  /* line 175, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section {
    height: 22rem;
  }
}

/* Max width 800px */
@media only screen and (max-width: 800px) {
  /* line 183, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section {
    margin-top: 72px;
    background-image: url(/assets/csr_images/csr_mobile_view_banner-0db5cd4a0c2d6538c41664e9fd88a0ea7753e7c359e8eb55e0f03baa3438ac00.png);
    background-position: top center;
    height: 90vh;
    justify-content: center;
  }
  /* line 192, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-container {
    width: 80%;
    justify-content: flex-end;
  }
  /* line 197, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section-title {
    font-size: 2.8rem;
  }
  /* line 201, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-title-info {
    font-size: 1.5rem;
    margin-bottom: 50px;
  }
  /* line 206, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-cont-01 {
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
  }
}

/* Max width 750px */
@media only screen and (max-width: 750px) {
  /* line 214, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-popup-content {
    height: 58%;
  }
  /* line 218, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-popup-close {
    height: 2rem;
    width: 2rem;
  }
}

/* Max width 650px */
@media only screen and (max-width: 650px) {
  /* line 226, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-projects-title-group {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  /* line 232, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-projects-title,
.csr-projects-subtitle {
    font-size: 2.5rem;
  }
  /* line 237, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-title {
    font-size: 2.2rem;
  }
  /* line 241, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-info {
    font-size: 1.2rem;
  }
  /* line 245, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-projects-select {
    width: 100%;
  }
  /* line 249, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-group-02 {
    grid-template-columns: repeat(1, 1fr);
  }
  /* line 253, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-img-grid {
    height: 200px;
  }
  /* line 257, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-img-count-badge {
    font-size: 2rem;
  }
  /* line 261, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .ourCulture-popup-close {
    width: 2rem;
    height: 2rem;
  }
}

@media only screen and (max-width: 600px) {
  /* line 268, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section {
    /* height: auto; */
    padding: 20px 0;
  }
  /* line 273, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section-title {
    font-size: 2.8rem;
    width: 100%;
  }
  /* line 278, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-title-info {
    font-size: 1.5rem;
    width: 100%;
  }
}

/* Max width 540px */
/* Max width 500px */
@media only screen and (max-width: 500px) {
  /* line 289, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-container {
    width: 90%;
  }
  /* line 293, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-group-02 {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    padding: 0.5rem;
  }
  /* line 300, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-img-grid {
    flex: 0 0 80%;
    min-width: 80%;
    height: 200px;
  }
  /* line 306, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.right {
    right: -15px;
  }
  /* line 310, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.left {
    left: -15px;
  }
}

/* Max width 440px */