@media (min-width: 200px) {
  .container-x {
    max-width: 94%;
  }
}

/*
  @media (min-width: 300px) {
    .container-x {
      max-width: 280px;
    }
  }

  @media (min-width: 360px) {
    .container-x {
      max-width: 340px;
    }
  }

  @media (min-width: 400px) {
    .container-x {
      max-width: 380px;
    }
  }

  @media (min-width: 768px) {
    .container-x {
      max-width: 740px;
    }
  } */
/*
  @media (min-width: 1000px) {
    .container-x {
      max-width: 94%;
    }
  } */

@media (min-width: 1240px) {
  .container-x {
    max-width: 1200px;
  }
}

@media (min-width: 1536px) {
  .container-x {
    max-width: 1224px;
  }
}

@media (min-width: 1024px) {
}

@media (max-width: 1240px) {

  .single-category-pg .column {
    width: 20%;
  }

  .single-category-pg .my-sizer-element {
    width: 20%;
  }

  .bread-cnt .bread-title h1 {
    font-size: 2rem;
  }

  .single-category-title {
    font-size: 2rem;
  }
}

@media (max-width: 1024px) {
  .main-btn span {
    font-size: 16px;
  }

  .category {

 grid-template-columns: repeat(5, minmax(0, 1fr));
}
}

@media (max-width: 992px) {
  .mobile-event-main-slide-right {
    width: 98px;
    min-width: 98px;
    overflow: visible;
    margin-right: -3%;
  }
  
  
.future-slider .slick-dots li {
  width: 16px;
}

.future-slider .slick-dots li.slick-active {
   width: 38px;
}

/*.video-slider .play-icon-cnt {*/
/*    display: none;*/
/*}*/

  
  .logo-vector {
    bottom:-24px; 
  }
  
  .header-cnt {
      background-color: #1a1c24;
  }
  
  .timer {
      letter-spacing:-5px !important;
  }

    .category {
 grid-template-columns: repeat(4, minmax(0, 1fr));
}

  .main-btn-cnt.animating .main-btn-big-circle {
  animation: mirror 0.5s forwards ease-in-out;
}

.main-btn-cnt.animating:after {
  right: 100%;
  transform: translateX(100%);
  background: linear-gradient(to right, #fff 0%, transparent);
}

.main-btn-cnt:not(.animating) .main-btn-big-circle {
  animation: mirrorBack 0.5s forwards ease-in-out;
}

  .news-title {
    height: 39px;
  }

  .cello-img-cnt {
    margin-top:-30px;
    margin-right: -124px
  }

  @keyframes news-img-zoom-in {
    0% {
      width: 140px;
      height: calc(100% - 16px);
      right: 8px;
      top: 12px;
      bottom:12px;
    }

    100% {
      width: 100%;
      height: 100%;
      right: 0px;
      top: 0px;
      bottom: 0px;
    }
  }

  @keyframes news-img-zoom-out {
    0% {
      width: 100%;
      height: 100%;
      right: 0px;
      top: 0px;
      bottom: 0px;
    }

    100% {
      width: 140px;
      height: calc(100% - 16px);
      right: 8px;
      top: 8px;
      bottom: 8px;
    }
  }

  .event-main-slider-body {
    flex-grow: 1;
  }

  .mobile-event-main-slide-right .event-main-slide-right {
    z-index: 2;
    background-color: #0d0e12;
    border-radius: 28px 0px 0px 0;
  }

  .event-main-slide-right:not(.extract) {
    width: 85px;
    min-width: 85px;
  }

  .hosts-pg .column {
    width: 20%;
    padding-left: 12px;
    padding-right: 12px;
    /* Space between tiles */
    margin-top: 40px;
  }

  .event-pg .column {
    width: 20%;
    height: 148px;
  }

  .event-pg .col-span {
    width: 40%;
  }

  .hosts-pg .my-sizer-element {
    width: 20%;
  }

  .event-pg .my-sizer-element {
    width: 20%;
  }

  .single-category-pg .column {
    width: 25%;
  }

  .single-category-pg .my-sizer-element {
    width: 25%;
  }
}

@media (max-width: 700px) {

  .single-category-pg .column {
    width: 33.33%;
  }

  .single-category-pg .my-sizer-element {
    width: 33.33%;
  }

  .about-slider .slick-current .about-slide {
    width: 300px;
    min-width: 300px;
    padding: 12px 16px;
    height: 200px;
  }

  .about-slider .about-slide .about-slide-desc {
    width: 298px;
  }

      .category {
 grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media (max-width: 576px) {
  .news-img-cnt {
    width: 122px;
    min-width: 122px;
  }
      .logo-vector {
        bottom: -21px;
    }
    .svg-logo{
        width:157px;
    }
    .header-logo>img{
        scale:.95;
    }
  .event-timeline-months {
    width: 230px;
  }

  .why-slide-desc .body-text {
    font-size: 0.85rem;
    height: 58px;
  }

      .category {
 grid-template-columns: repeat(2, minmax(0, 1fr));
}

  .slick-slide.slick-center .news-item .news-img-backup {
    animation: news-img-zoom-in 0.5s forwards ease-in-out;
  }

  .slick-slide:not(.slick-center) .news-item .news-img-backup {
    animation: news-img-zoom-out 0.5s forwards ease-in-out;
  }

  @keyframes news-img-zoom-in {
    0% {
      width: 122px;
      height: 122px;
      right: 8x;
      top: 8px;
      bottom: 8px;
    }

    100% {
      width: 100%;
      height: 100%;
      right: 0px;
      top: 0px;
      bottom: 0px;
    }
  }

  @keyframes news-img-zoom-out {
    0% {
      width: 100%;
      height: 100%;
      right: 0px;
      top: 0px;
      bottom: 0px;
    }

    100% {
      width: 122px;
      height: 122px;
      right: 8px;
      top: 8px;
      bottom: 8px;
    }
  }

  .news {
    margin: 0 -3%;
  }

  .adrian-logo {
    transform: translate(50%, -50%);
  }

  .bread-cnt .bread-title h1 {
    font-size: 1.5rem;
  }

  .single-category-title {
    font-size: 1.5rem;
  }

  .news-img-backup {
    width: 132px;
    min-width: 132px;
  }

  .all-news-pg .news-img-backup{
    width: 122px;
    min-width: 122px;
    height: 120px;
    right: 8px;
    top: 8px;
  }

  .all-news-pg .news-img-backup{
    width: 122px;
    min-width: 122px;
  }

  .news-item:hover .news-img-backup {
    animation: none;
  }

  .news-item:not(:hover) .news-img-backup {
    animation: none;
  }

  .event-main-slider-body {
    height: 560px;
  }

  .event-main-slider-body .event-main-slide-body {
    flex-direction: column;
  }

  .event-main-slider {
    height: 560px;
  }

  .event-slider-dots-cnt {
    height: 500px;
  }

  .event-slider-dots-cnt .event-slider-dots {
    height: 499px;
  }

  .hosts-pg .column {
    width: 33.33%;
    padding-left: 12px;
    padding-right: 12px;
    /* Space between tiles */
    margin-top: 40px;
  }

  .hosts-pg .my-sizer-element {
    width: 33.33%;
  }

  .event-pg .column {
    width: 33.333%;
    height: 148px;
  }

  .event-pg .col-span {
    width: 66.66%;
  }

  .event-pg .my-sizer-element {
    width: 33.33%;
  }

  .single-category-pg .column {
    width: 50%;
  }

  .single-category-pg .my-sizer-element {
    width: 50%;
  }

  .about-slider .slick-current .about-slide {
    width: 300px;
    min-width: 300px;
    padding: 12px 16px;
    height: 200px;
  }

  .about-slider .about-slide .about-slide-desc {
    width: 298px;
  }

}

@media (max-width: 420px) {
  .event-timeline-months {
    width: 230px;
  }

}

@media (max-width: 400px) {
  .event-timeline-months {
    width: 202px;
  }

}


@media (max-width: 370px) {
  .single-category-pg .column {
    width: 100%;
  }

  .single-category-pg .my-sizer-element {
    width: 100%;
  }

  .news-img-cnt {
    width: 88px;
    min-width: 88px;
  }

  @keyframes news-img-zoom-in {
    0% {
      width: 88px;
      height: 88px;
      right: 16px;
      top: 16px;
      bottom: 16px;
    }

    100% {
      width: 100%;
      height: 100%;
      right: 0px;
      top: 0px;
      bottom: 0px;
    }
  }
}

@media (max-width: 360px) {
  .event-timeline-months {
    width:160px;
  }

}

@media (max-width: 330px) {
  .event-timeline-months {
    width:124px;
  }

}

@media (max-width: 900px) and (orientation: landscape) {
  .main-slider-dots-cnt {
    padding-bottom: 16px;
  }

 .cello-img-cnt {
    margin-top:-50px;
  }

  .event-slider-dots-cnt {
    height: 336px;
  }

  .event-main-slider {
    height: 378px;
  }

  .event-slider-dots {
    height: 324px;
  }
}

@media (max-width: 700px) and (orientation: landscape) {

@keyframes news-img-zoom-in {
  0% {
    width: 140px;
    height: 100px;
    right: 8px;
    top: 12px;
    bottom:12px;
  }

  100% {
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    bottom: 0px;
  }
}

@keyframes news-img-zoom-out {
  0% {
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    bottom: 0px;
  }

  100% {
    width: 140px;
    height: 100px;
    right: 8px;
    top: 8px;
    bottom: 8px;
  }
}


.hosts-pg .column {
  width: 20%;
}

.hosts-pg .my-sizer-element {
  width: 20%;
}

}

@media screen and (max-device-width:440px) {
     .hosts-pg .my-shuffle-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, 33.333%);

}
.hosts-pg .column {
      margin-top: 40px;
}
      .event-pg .my-shuffle-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, 33.333%);

}


  .single-category-pg .my-shuffle-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, 50%);

}
}