@media (min-width: 200px) {
  .container-x {
    max-width: 92%;
  }
}
@media (min-width:640px) {
 .container-x-sm {
    max-width: 90%;
  }
}
@media (min-width: 768px) {
  .container-x {
    max-width: 90%;
  }
  .story-slider-dots .slick-track {
    gap: 48px;
  }
}
@media (min-width: 992px) {
  .container-x,
  .container-x-sm {
    max-width: 95%;
  }
  .title {
    font-size: 16px;
  }
  .dot-cnt:hover .img-dot {
    transform: translateY(-98px);
  }
  .dot-cnt:hover .dot {
    opacity: 0;
  }
  .title {
    font-size: 18px;
  }
  .courses-slider .slick-arrow.slick-next {
    right: calc(36% - -37px);
  }
}
@media (min-width: 1024px) {
  .container-x-sm,
  .container-x-lg {
    max-width: 95%;
  }
}
@media (min-width: 1240px) {
  .container-x,
  .container-x-sm
  .container-x-lg,
  .container-x-xl {
    max-width: 1100px;
  }
}

@media (min-width: 1400px) {
  .container-x,
  .container-x-sm
  .container-x-lg,
  .container-x-xl {
    max-width: 1380px;
  }
}

@media (min-width: 1536px) {
  .container-x,
  .container-x-sm
  .container-x-lg,
  .container-x-xl {
    max-width: 1276px;
  }
}
@media (max-width: 1240px) {
  .hero-slider .slick-arrow {
    top: 336px;
  }
}
@media (max-width: 991px) {
  .title {
    font-size: 18px;
  }
  .hero-slider .slick-arrow {
    top: unset;
    bottom: 266px;
  }
  .story-slider-dots .slick-track {
    justify-content: start;
    overflow: auto;
  }
  .story-slider-dots .slick-track::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 640px) {
  .title {
    font-size: 14px;
    padding: 6px 12px;
  }
  .hero-slider .slick-arrow {
    top: unset;
    bottom: 277px;
  }
  .services-slider .slick-dots {
    bottom: 0;
  }
  .courses-slider .slick-slide > div {
    width: 85% !important;
  }
  .header-accordion {
    -webkit-line-clamp: 2;
  }
  .story-slider .slick-dots {
    top: 0;
  }
}