@media screen and (max-width: 768px) {

  body {
    font-size: 26px;
  }

  #col_container {
    font-size: 26px;
  }

  .sliderArrowHolder *  {
    font-size: 26px !important;
  }

    .countdownLeft {
      width: 100%;
    }

    .countdownHolder {
      padding: 40px 20px
    }



    .countdownClock {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      grid-gap: 20px;
    }

    .countdownElem {
      width: 100%;
      height: unset;
      aspect-ratio: 1/1;
      font-size: 48px;
    
    }

    .timeUnit {
      font-size: 16px;
    }

    .simpleArticleTitle
    {
      width: calc(100% - var(--mobMarginDouble));
        margin: 20px 200px 20px 20px;
    }

    .simpleArticlePreTitle {
      width: calc(100% - var(--mobMarginDouble));
        margin: 20px 200px 20px 20px;
    }


    .exhLocInfo * {
      font-size: 26px;
    }



    .module.module_news {
      max-width: unset !important;
      height: 300px;
    }

    .module.module_news * {
      font-size: 20px;
    }


    .module_button.doubleButton.center {
      flex-direction: column;
      width: calc(100% - var(--mobMarginDouble));
      margin-left: var(--mobMargin);
      gap: 10px;
      max-width: unset;
      /* flex-direction: column; */
    }

    .singleButton .stretchButtonL,
    .singleButton .stretchButtonR,
    .doubleButton .stretchButtonL, 
    .doubleButton .stretchButtonR 
    {
      width: 100%;
    }

    .moreArchiveElemsButton {
      width: 100% !important;
    }



    .leftArrowHolder img {
      margin-top: 8px;
    }

    .rightArrowHolder img {
      margin-top: 8px;
    }




    .customLBLeft, .customLBRight {
      display: none;
    }

    .customLBWrapper {
      width: 100%;
    }




}