@media only screen and (max-width: 1920px) and (min-width: 1500px) {
  .container {
    max-width: 1170px;
  }
}

@media only screen and (max-width: 1600px) {
  .preLoader.black {
    padding: 0 5rem;
  }
  .art-main:before {
    height: 72%;
  }
  .hadas-card.active .image-popup {
    flex: 0 0 50%;
  }
  .hadas-card.active .image-popup img {
    height: auto;
  }
}

@media only screen and (max-width: 1445px) {
  .light {
    right: 50px;
  }
  .loader-heading {
    margin: 0 0 1rem;
  }
  .preLoader.black p {
    margin: 0 0 1rem;
  }
  .art-main:before {
    height: 70%;
  }
}

@media only screen and (max-width: 1366px) {
  html {
    font-size: 15px;
  }
  .preLoader.black {
    gap: 1rem;
  }

  .preLoader.black p {
    font-size: 14px;
  }

  .loader-heading {
    font-size: 2.3rem;
  }

  .set-btn {
    margin-left: 2rem;
  }
  .set-btn figure.left-img {
    top: 0;
  }
  .art-main {
    padding-top: 1rem !important;
  }
  .art-main:before {
    height: 72%;
  }
}

@media (max-width: 1199.98px) {
  html {
    font-size: 14px;
  }
  .preLoader.black {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10rem;
  }
  .preLoader.black .chek {
    flex: 0 0 60%;
  }

  .preLoader.black .loadrimg {
    width: 50%;
    margin: 0;
  }
  .art-line li.first-left {
    margin-left: -20rem;
  }
  .art-mainLogo {
    margin: 0 0 2rem 5rem;
  }
  .hadas-card.active {
    width: 700px;
  }
  .hadas-card.active .text-top {
    padding-top: 0px;
  }
  .hadas-card.active .image-popup {
    flex: 0 0 50%;
  }
}
@media (max-width: 991.98px) {
  html {
    font-size: 13px;
  }
  .preLoader.black {
    padding-right: 7rem;
    flex-flow: wrap;
  }
  .preLoader.black .chek {
    flex: unset;
    padding-top: 5rem;
  }
  .set-btn {
    margin-left: 8rem;
  }
  .art-mainLogo {
    width: 160px;
  }
  .art-line li.first-left {
    margin-left: -18rem;
  }
}
@media (max-width: 767.98px) {
  html {
    font-size: 12px;
  }
  .preLoader.black {
    padding-right: 7rem;
    padding-left: 3rem;
  }
  .set-btn {
    margin-left: 5rem;
  }
  .set-btn figure.left-img {
    left: -120px;
  }
  .set-btn figure.right-img {
    right: -100px;
  }
  .art-main:before {
    height: 76%;
  }
  .art-line li.first-left {
    margin-left: -4rem;
  }
  .art-line ul {
    flex-direction: column;
    justify-content: center;
  }

  .art-line {
    justify-content: center;
  }

  .art-line li.first-left {
    margin: 0;
    flex: unset;
  }

  .art-line ul li .number.first {
    margin: 0;
  }

  .art-main .scroll-down {
    writing-mode: unset;
    transform: unset;
    margin-bottom: 2rem;
  }

  .art-line ul li .number.second {
    margin: 0 auto 1rem;
  }

  .art-line ul li .number {
    margin-bottom: 1rem;
  }

  .art-main:before {
    display: none;
  }

  a.centure-btn {
    right: unset;
  }

  .hadas-card.active {
    width: 290px;
  }

  .hadas-card.active figure {
    flex-direction: column;
  }

  .hadas-card.active .image-popup {
    /* flex: unset; */
    height: auto;
    padding-bottom: 10px;
  }

  .close-icon {
    width: 35px;
    height: 35px;
  }
  .art-line ul li:nth-child(even) .hadas-card {
    margin-top: 0;
  }
  .art-line li {
    margin-bottom: 3rem;
  }
  .hadas-card.active .image-popup {
    display: block;
    height: auto;
    overflow-y: unset;
  }
  .hadas-card.active .image-popup img {
    height: auto;
    margin: 0 0 20px;
  }
  .art-mainLogo {
    width: 130px;
    margin: 0 0 2rem 2rem;
  }
}
@media (max-width: 575.98px) {
  .preLoader.black {
    padding-right: 4rem;
    padding-left: 0rem;
  }
  .set-btn {
    margin-left: 0rem;
  }
  .set-btn figure.left-img {
    left: -30px;
    top: -25px;
  }
  .set-btn figure.right-img {
    right: -30px;
    top: -30px;
  }
  .art-line li.first-left {
    margin-left: 0;
  }
}
@media (max-width: 320.98px) {
}