@media (max-width: 990px) {
  .hero-section {
    margin-top: 25px !important;
  }
  .hero-section-right {
    margin-top: 25px;
  }
  div.hero-section-right .hero-section-title {
    padding: 0px;
  }
  .img-about-container .img-popular-course {
    height: 400px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 25px;
  }
  .content-about-container {
    padding: 0px !important;
  }
  .hero-section-title {
    font-size: 32px !important;
  }

  .youtube-container {
    margin-top: 35px !important;
  }

  .yt-img-container img {
    height: 300px;
    width: 100%;
    object-fit: cover;
  }
  .yt-img-container {
    padding: 0px !important;
    margin-bottom: 25px;
  }
  .about-title,
  .yt-title {
    font-size: 28px !important;
  }
  .feature span {
    font-size: 15px !important;
  }
  .youtube-content-container {
    padding: 0px !important;
  }

  .yt-feature-main-con {
    gap: 15px !important;
  }
  .last-article-content-con {
    padding-top: 15px;
  }
}

@media (max-width: 528px) {
  #menu-footer-menu {
    flex-direction: column !important;
  }
  .top-section-footer {
    align-items: start !important;
  }

  body
    > footer
    > div
    > div.row.bottom-section.gap-4.d-flex.flex-md-row.flex-column-reverse
    > div.col-lg.col-12.d-flex.justify-content-lg-end.justify-content-center.gap-3.align-items-center {
    flex-direction: column;
  }
}