@media (max-width: 1200px) {
  .case-details-wrapper .w1200 {
    width: 90%;
  }
  .case-details-wrapper .main-content .content-header {
    height: 980px;
    background-position: 0 0;
  }
  .case-details-wrapper .main-content .content-header .header-wrapper {
    padding: 80px 0;
  }
  .case-details-wrapper .main-content .content-header .header-left {
    width: 100%;
    top: 298px;
    padding: 64px 48px;
  }
  .case-details-wrapper .main-content .content-header .header-left .references {
    font-size: 32px;
  }
  .case-details-wrapper .main-content .content-header .header-left .case-title {
    font-size: 48px;
    line-height: 72px;
  }
  .case-details-wrapper .main-content .content-header .header-left .case-title-line {
    width: 132px;
    height: 6px;
    background-color: #3734A9;
    margin: 14px 0;
  }
  .case-details-wrapper .main-content .content-header .header-left .title-description {
    font-size: 28px;
    line-height: 48px;
  }
  .case-details-wrapper .main-content .content-header .header-right {
    width: 100%;
    height: 300px;
    top: 80px;
    border-radius: 48px;
  }
  .case-details-wrapper .main-content .content-center {
    margin-top: 338px;
  }
  .case-details-wrapper .main-content .content-center-left {
    width: 100%;
  }
  .case-details-wrapper .main-content .content-center-right {
    display: none;
  }
  .case-details-wrapper .main-content .content-center .section-info {
    font-size: 28px;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 32px;
  }
  .case-details-wrapper .main-content .content-center .section-info.section-info-bottom {
    margin-bottom: 32px;
  }
  .case-details-wrapper .main-content .content-center .section-info.section-info-bottom-64 {
    margin-bottom: 64px;
  }
  .case-details-wrapper .main-content .content-center .section-info-brown-bg {
    font-size: 24px;
  }
  .case-details-wrapper .main-content .content-center .section-info-point {
    border-top: 1px solid rgba(55, 52, 169, 0.2);
    border-bottom: 1px solid rgba(55, 52, 169, 0.2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 64px 32px;
    font-size: 28px;
    line-height: 48px;
    margin-bottom: 32px;
  }
  .case-details-wrapper .main-content .content-center .section-info-point .section-info-base {
    font-size: 28px;
    line-height: 46px;
  }
  .case-details-wrapper .main-content .content-center .section-info-point .section-info-point-li {
    margin-left: 20px;
    font-size: 28px;
    line-height: 64px;
    /* 228.571% */
  }
  .case-details-wrapper .main-content .content-center .section-info-point .section-info-point-li.section-info-point-li-bottom {
    margin-bottom: 32px;
  }
  .case-details-wrapper .main-content .content-center .section-info-point .section-info-point-content {
    font-size: 28px;
    margin-bottom: 32px;
  }
  .case-details-wrapper .main-content .content-center .section-info-deliverables-wrapper .content .section-info-point-li {
    line-height: 46px;
  }
  .case-details-wrapper .main-content .content-center .section-info-deliverables-wrapper .content .section-info-point-li .section-info-point-content {
    line-height: 46px;
  }
  .case-details-wrapper .main-content .content-center .section-title {
    color: #373F41;
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 32px;
    width: auto;
  }
  .case-details-wrapper .main-content .content-center .section-title.section-title-top {
    margin-top: 64px;
  }
  .case-details-wrapper .main-content .content-center .section-title::after {
    margin-top: 14px;
  }
  .case-details-wrapper .main-content .content-center .delivery-effect {
    margin-top: 64px;
  }
  .case-details-wrapper .main-content .content-center .delivery-effect-list .list {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .case-details-wrapper .main-content .content-center .delivery-effect-list .list .list-item {
    width: 100%;
    border-radius: 64px;
    border: 2px solid rgba(55, 52, 169, 0.2);
    background: #F8F8FD;
    padding: 64px 32px 48px 32px;
  }
  .case-details-wrapper .main-content .content-center .delivery-effect-list .list .list-item:nth-child(1) {
    width: 100%;
    margin-bottom: 32px;
  }
  .case-details-wrapper .main-content .content-center .delivery-effect-list .list .list-item:nth-child(2) {
    width: 100%;
  }
  .case-details-wrapper .main-content .content-center .delivery-effect-list .list .list-item .item-title-icon {
    width: 112px;
    height: 112px;
  }
  .case-details-wrapper .main-content .content-center .delivery-effect-list .list .list-item .item-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 52px;
  }
  .case-details-wrapper .main-content .content-center .delivery-effect-list .list .list-item .item-info {
    margin-top: 32px;
  }
  .case-details-wrapper .main-content .content-center .delivery-effect-list .list .list-item .item-info .item-info-title {
    font-size: 28px;
    font-weight: 600;
    color: #181433;
    line-height: 48px;
  }
  .case-details-wrapper .main-content .content-center .delivery-effect-list .list .list-item .item-info .item-info-content {
    font-size: 28px;
    font-weight: 400;
    line-height: 48px;
  }
  .case-details-wrapper .main-content .content-footer .footer-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 72px;
  }
  .case-details-wrapper .main-content .content-footer .footer-title-info {
    font-size: 28px;
    line-height: 48px;
    margin-bottom: 48px;
  }
  .case-details-wrapper .main-content .content-footer .footer-title-info a {
    font-size: 28px;
    line-height: 48px;
    text-decoration-line: none;
  }
  .case-details-wrapper .main-content .content-footer .footer-list {
    flex-direction: column;
    margin: 72px auto 75px;
  }
  .case-details-wrapper .main-content .content-footer .footer-list .item {
    width: 100%;
    height: auto;
    border-radius: 64px;
    padding: 80px 48px;
    margin-bottom: 32px;
    background: #FFF;
    border: 2px solid rgba(55, 52, 169, 0.2);
  }
  .case-details-wrapper .main-content .content-footer .footer-list .item img {
    max-width: 100%;
  }
  .case-details-wrapper .main-content .content-footer .footer-list .item .title {
    width: 380px;
    font-family: PoppinsBold;
    font-size: 36px;
    font-weight: 600;
    line-height: 52px;
    margin-top: 38px;
  }
  .case-details-wrapper .main-content .content-footer .footer-list .item .customer_des {
    color: #181433;
    font-family: Regular;
    font-size: 28px;
    line-height: 48px;
    letter-spacing: 0.3px;
    margin-top: 16px;
  }
  .case-details-wrapper .main-content .content-footer .footer-list .item .btn_wrapper {
    text-align: center;
    width: 270px;
    padding: 24px 48px;
    line-height: 48px;
    border-radius: 16px;
    border: 2px solid #3734A9;
    color: #3734A9;
    font-family: Medium;
    font-size: 28px;
    letter-spacing: 0.3px;
    margin-top: 32px;
    position: static;
  }
  .case-details-wrapper .main-content .content-footer .footer-list .item .btn_wrapper a {
    color: #3734A9;
    font-family: Medium;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.3px;
  }
  .case-details-wrapper .main-content .content-footer .costomer-stories-more {
    width: 424px;
    height: 88px;
    font-size: 28px;
    line-height: 88px;
  }
}
@media (max-width: 820px) {
  .case-details-wrapper .main-content .content-header {
    height: 1200px;
  }
}