@media screen and (max-width: 1800px) {
  .item {
    width: 23% !important;
  }
}

@media screen and (max-width: 1200px) {
  .item {
    width: 31.333% !important;
  }

  .data-view-wrap {
    padding: 0 1rem;
    box-sizing: border-box;
  }
  .data-view-wrap#mainViews {
    padding: 0;
  }

  .data-search {
    width: 90%;
  }

  .view-data-wrap,
  .view-detail-nav {
    padding: 0 1rem;
    box-sizing: border-box;
  }

  .footer-inner {
    flex-direction: column;
    height: auto;
    font-size: 14px;
    align-items: center;
    gap: 1rem;
  }

  .gallery-2 {
    padding: 0 1rem;
    box-sizing: border-box;
    grid-template-columns: repeat(2, 1fr);
  }

  .view-detail-nav-2 {
    padding: 1rem;
  }

  .data-check-btn-wrap {
    grid-template-columns: repeat(1, 1fr);
  }

  .data-check-btn-wrap-2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }

  .main-data-wrap .main-data-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .main-data-wrap {
    padding: 5rem 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .request-wrap-2-btn-wrap-top {
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 600px) {
  .item {
    width: 48% !important;
  }
  .view-data-info-wrap {
    flex-direction: column;
  }

  .view-data-info-left,
  .view-data-info-right {
    width: 98%;
    margin: 1rem auto;
  }

  .view-data-title-wrap {
    flex-direction: column;
  }

  .view-data-title {
    margin: 1rem;
  }

  .data-license-wrap {
    flex-direction: column;
    height: 100%;
  }

  .data-license-wrap .data-license-right {
    margin: 1rem auto 0;
  }
  .gallery-2 {
    grid-template-columns: 1fr;
  }

  .data-view-search-wrap-2 {
    flex-direction: column;
    height: auto;
  }

  .detail-select {
    width: 100%;
  }

  .total-wrap .total-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .total-list-2 {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .total-list-3 {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .total-tap-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .total-tap-wrap li a {
    border-bottom: 1px solid #d9d9d9;
  }

  .total-tap-wrap li:nth-child(2) a {
    border-right: none;
  }

  .total-tap-wrap li:nth-child(3) a {
    border-bottom: none;
  }
  .total-tap-wrap li:nth-child(3),
  .total-tap-wrap li:nth-child(4) a {
    border: none;
  }
  .total-list-4 li a {
    flex-direction: column;
  }

  .total-list-4 li a .total-img {
    width: 100% !important;
  }

  .total-list-4 li a .total-info {
    width: 100% !important;
  }

  .total-list-5 li a {
    flex-direction: column;
  }

  .total-list-5 li a .total-img {
    width: 100% !important;
  }

  .total-list-5 li a .total-info {
    width: 100% !important;
  }

  .donate-input-wrap {
    flex-direction: column;
    padding: 0.5rem;
  }
  .sub-in-wrap .donate-step-wrap ul {
    gap: 1%;
  }

  .sub-in-wrap .donate-step-wrap ul li {
    width: 100px;
    height: 100px;
    font-size: 14px;
  }

  .data-check-btn-wrap-2-right {
    justify-content: space-between;
  }

  .data-check-btn-wrap-2-right button {
    padding: 0 0.5rem;
  }

  .main-data-wrap .main-data-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .main-title-wrap span:first-child {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 480px) {
  /* .item {
    width: 98% !important;
  } */
}

@media (max-width: 1025px) {
  .main {
    margin: 50px auto 0;
  }
}