@media screen and (min-width: 641px) and (max-width: 1024px) {
  :root {
    --default-margin: 22px;
  }

  /* FONT SIZES */
  h1 {
    font-size: 2.5em;
    margin-top: 1em;
  }

  /* GENERAL LAYOUT */
  body > #menu, body > header, body > #notification {
    padding-left: var(--default-margin);
  }

  section header {
    flex-wrap: nowrap;
    padding-left: var(--default-margin);
  }

  .col-container {
    width: calc(100% - 2 * var(--default-margin));
    --gap: var(--default-margin);
  }

  .btn-more {
    flex: 30%;
    margin: 0 35%;
  }
  .col-33 {
    flex: calc(50% - var(--gap) / 2) 0 0;
  }
  .col-25 {
    flex: calc(50% - var(--gap) / 2) 0 0;
  }

  .col-container .col-100 img {
    max-height: 200px;
  }

  /* HOME */
  .home .carousel .date {
    font-size: 1.2em;
  }

  /* MENU */
  #menu .col-container {
    padding-top: 0;
    align-content: flex-start;
  }
  #menu nav:first-child {
    padding-bottom: 0;
  }
  
  /* ARTIST PAGE */
  .desc {
    flex-direction: column;
  }
  .desc main {
    margin-left: var(--default-margin);
  }
  .desc aside {
    padding-bottom: 10px;
  }
  
  .gallery-thumbs {
    --gap: var(--default-margin);
  }
  .gallery-thumbs .col-25 {
    flex: calc(25% - 3 / 4 * var(--gap)) 0 0;
    padding-bottom: 0;
  }

  .col-container [class^="col-50"] img {
    height: 280px;
  }

  /* POPUP CAROUSELS (WORKS) */
  .carousel li[id^="slide-"] > header {
    flex: 25% 0 0;
  }
  .carousel li[id^="slide-"] > header figcaption {
    padding-left: var(--default-margin);
  }
  .carousel, .inner-carousel {
    flex: 70%;
  }
  .popup .carousel figure img, .popup .carousel figure iframe {
    height: 70vh;
  }
  .carousel .thumbs {
    flex: 5%;
  }
  .carousel .thumbs img {
    max-height: 30px;
  }
  figcaption.caption-hover {
    width: calc(50% - var(--default-margin) * 2);
    left: var(--default-margin);
  }
  .popup .arrows {
    display: none;
  }

  /* POPUP CAROUSELS (EXHIBS) */
  .single-exhibition .carousel figure {
    flex: auto;
  }
  .single-exhibition .carousel figcaption.caption-hover {
    width: calc(50% - var(--default-margin) * 2);
    top: 25vh;
  }
  .single-exhibition .popup .carousel figure img, .single-exhibition .popup .carousel figure iframe {
    height: 70vh;
  }

  /* CAROUSELS (ITEMS) */
  .store .carousel figure {
    flex-direction: column-reverse;
    padding-left: calc(2 * var(--default-margin));
  }
  .store .carousel figure img {
    max-height: 60vh;
  }
  .store .carousel figure figcaption {
    padding: 0;
  }
  .store .pagination {
    margin-top: calc(-20px - 1.8em);
  }

  .single-store .carousel figure img, .single-store .carousel figure iframe {
    max-height: 60vh;
  }

  .single-store .btn-order {
    margin-bottom: 20px;
  }

  /* ONE NEWS SEE MORE */
  .single-news .col-container .col-100 {
    flex: calc(50% - var(--gap) / 2) 0 0;
  }

  /* ABOUT/GALLERY */
  .team {
    gap: 10%;
    padding: 0 var(--default-margin);
  }
  .team ul {
    flex: 40% 0 0;
  }

  /* FOOTER */
  body > hr {
    margin-bottom: 195px;
  }

  body > footer {
    padding-left: var(--default-margin);
    padding-right: var(--default-margin);
  }
               
  body > footer section {
    flex: 20% 1 1;
    padding: 10px 0;
  }

  body > footer section.comm {
    flex: 30% 1 1;
  }

  .footer .qrwechat {
    position: absolute;
    right: 10px;
    bottom: 0;
  }
  .footer .links {
    padding: 0;
  }
  
  /* HISTORY */
  #mainHeader {
    flex-wrap: wrap;
  }
  
  /* OTHER ADJUSTMENTS */
  .form-container {
    width: 50%;
    right: -50%;
  }
  .filters.open {
    max-height: 400px;
  }
}

@media screen and (max-width: 640px) {
  :root {
    --default-margin: 22px;
  }

  /* FONT SIZES */
  h1 {
    font-size: 2.5em;
    margin-top: 1em;
  }
  
  /* GENERAL LAYOUT */
  body > #menu, body > header, body > #notification {
    padding-left: var(--default-margin);
  }

  section header {
    flex-wrap: nowrap;
    padding-left: var(--default-margin);
    gap: 30px;
  }

  .col-container {
    width: calc(100% - 2 * var(--default-margin));
    --gap: 0px;
  }

  .col-75 {
    flex: calc(100% - var(--gap)) 0 0;
  }
  .col-50 {
    flex: calc(100% - var(--gap)) 0 0;
  }
  .col-33 {
    flex: calc(100% - var(--gap)) 0 0;
  }
  .col-25 {
    flex: calc(100% - var(--gap)) 0 0;
  }

  .col-container .col-100 img {
    max-height: 200px;
  }

  header .btn {
    white-space: normal;
  }

  body > footer {
    padding-left: var(--default-margin);
    padding-right: var(--default-margin);
  }

  body > footer section {
    flex: 100%;
    padding: 1em 0;
  } 
  
  /* HOME */
  .home .carousel img {
    height: 40vh;
  }
  .home .carousel-container {
    padding-bottom: 2em;
  }
  
  .home .carousel .date {
    font-size: 1.2em;
  }

  .news .col-100 {
    display: initial;
  }

  .news .col-100 img {
    max-width: 100%;
  }

  .news .col-100:nth-child(2n) img {
    padding-right: none;
  }

  .news .col-100 > a {
    text-align: center;
  }
  
  .news .col-100:nth-child(2n) figcaption {
    text-align: left;
    align-items: flex-start;
  }

  .items figcaption {
    height: auto;
  }

  /* ARTIST LIST */
  nav.artists {
    flex-wrap: wrap;
    padding: 0 var(--default-margin) 60px;
  }
  nav.artists ul {
    flex: 100%;
  }

  /* ARTIST PAGE */
  .desc {
    flex-direction: column-reverse;
  }
  .desc main {
    margin-left: var(--default-margin);
  }
  .desc aside {
    padding-bottom: 10px;
  }

  .gallery-thumbs {
    --gap: var(--default-margin);
  }
  .gallery-thumbs .col-25 {
    flex: calc(50% - var(--gap) / 2) 0 0;
    padding-bottom: 0;
  }

  .col-container [class^="col-50"] img {
    height: auto;
  }

  /* POPUP CAROUSELS (WORKS) */
  .carousel li[id^="slide-"] > header {
    flex: 30% 0 0;
    flex-direction: column-reverse;
    justify-content: start;
  }
  .carousel li[id^="slide-"] > header figcaption {
    padding: var(--default-margin);
  }
  .carousel, .inner-carousel {
    flex: auto;
  }
  .popup .carousel figure img, .popup .carousel figure iframe {
    height: auto;
  }
  figcaption.caption-hover {
    width: calc(100% - var(--default-margin) * 2);
    left: var(--default-margin);
  }
  .popup .arrows {
    display: none;
  }

  /* POPUP CAROUSELS (EXHIBS) */
  .single-exhibition .carousel figure {
    flex: auto;
  }
  .single-exhibition .carousel figcaption.caption-hover {
    width: calc(100% - var(--default-margin) * 2);
    top: 30vh;
  }
  .single-exhibition .carousel header nav {
    justify-content: flex-end;
  }

  /* CAROUSELS (ITEMS) */
  .store .carousel figure {
    flex-direction: column-reverse;
    width: calc(100% - 2 * var(--default-margin));
  }
  .store .carousel figure img {
    max-height: 250px;
  }
  .store .carousel figure figcaption {
    padding: 0;
  }
  .store .pagination {
    margin-top: calc(-20px - 1.8em);
  }

  .single-store .btn-order {
    margin-bottom: 20px;
  }

  /* ONE NEWS SEE MORE */
  .single-news .col-container .col-100 {
    flex: calc(100% - var(--gap)) 0 0;
  }

  /* ABOUT/GALLERY */
  .team ul {
    flex: 70% 0 0;
  }

  /* FOOTER */
  body > hr {
    margin-bottom: 380px;
  }

  body footer > section.contact {
    flex: 100%;
  }

  body footer > section.comm {
    padding: 10px 0;
  }

  .footer .qrwechat {
    position: absolute;
    right: 10px;
    bottom: 0;
  }
  .footer .links {
    padding: 0
  }

  /* HISTORY */
  #mainHeader {
    flex-wrap: wrap;
  }

  /* PODCASTS */
  .history-title main {
    padding-right: 0;
  }
  
  /* OTHER ADJUSTMENTS */
  .form-container {
    width: 100%;
    right: -100%;
  }

  .filters.open {
    max-height: 800px;
  }
}