/* 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;
  }
}

/* Max width 1260px */
@media only screen and (max-width: 1260px) {
  /* line 70, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .about-us-hero-section-title {
    font-size: 18rem;
  }
  /* line 74, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .about-us-title-detail {
    font-size: 1.7rem;
  }
  /* line 78, 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 86, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section {
    height: 26rem;
  }
  /* line 90, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section-title {
    font-size: 2rem;
  }
  /* line 94, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-title-info {
    font-size: 1.3rem;
  }
  /* line 98, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.left {
    left: 10px;
  }
  /* line 102, 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 115, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-projects-img-group-cont {
    flex-direction: column;
  }
  /* line 119, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-group-01,
.projects-img-group-02 {
    width: 100%;
    min-width: unset;
  }
  /* line 125, 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 130, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-img-grid {
    height: 220px;
  }
  /* line 134, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-main-image {
    height: 13rem;
  }
  /* line 138, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-thumbnail {
    width: 7rem;
    height: 4rem;
  }
  /* line 143, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.left {
    left: 20px;
  }
  /* line 147, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.right {
    right: 20px;
  }
  /* line 151, 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 160, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section-title {
    font-size: 2.6rem;
  }
  /* line 164, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-title-info {
    font-size: 1.4rem;
  }
  /* line 168, 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 176, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section {
    margin-top: 72px;
    background-image: url(/../images/csr_baner_background_placeholder_02.png);
    background-position: top center;
    height: 60vh;
    justify-content: center;
  }
  /* line 184, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-container {
    width: 80%;
    justify-content: flex-end;
  }
  /* line 189, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section-title {
    font-size: 2.8rem;
  }
  /* line 193, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-title-info {
    font-size: 1.5rem;
    margin-bottom: 50px;
  }
  /* line 198, 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 206, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-popup-content {
    height: 58%;
  }
  /* line 210, 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 218, 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 224, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-projects-title,
.csr-projects-subtitle {
    font-size: 2.5rem;
  }
  /* line 229, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-title {
    font-size: 2.2rem;
  }
  /* line 233, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-info {
    font-size: 1.2rem;
  }
  /* line 237, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-projects-select {
    width: 100%;
  }
  /* line 241, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .projects-img-group-02 {
    grid-template-columns: repeat(1, 1fr);
  }
  /* line 245, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-img-grid {
    height: 200px;
  }
  /* line 249, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-img-count-badge {
    font-size: 2rem;
  }
  /* line 253, 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 260, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section {
    /* height: auto; */
    padding: 20px 0;
  }
  /* line 265, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-section-title {
    font-size: 2.8rem;
    width: 100%;
  }
  /* line 270, 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 281, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-hero-container {
    width: 90%;
  }
  /* line 285, 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 292, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-img-grid {
    flex: 0 0 80%;
    min-width: 80%;
    height: 200px;
  }
  /* line 298, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.right {
    right: -15px;
  }
  /* line 302, app/assets/stylesheets/pages/csr/csr-media-queries-style.scss */
  .csr-nav-btn.left {
    left: -15px;
  }
}

/* Max width 440px */