@media (min-width: 992px) {
  #mobileMenu {
    display: none;
  }
}

@media (max-width: 992px) {
  .image-overlay-container .big-title-side {
    width: 100% !important;
  }
  #desktopMenu {
    display: none;
  }
  .menu-trigger {
    left: 10px;
    top: 18px;
  }
  .hs-menubar {
    background: #fffb00;
    height: 70px;
  }
  .brand-logo img {
    width: auto;
    height: 65px;
    margin-top: 2px;
  }
  .nav-controls {
    display: none;
  }
  .mobile-contact {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 1rem 0;
  }
  nav.hs-navigation {
    top: 70px;
    background: #fffb00;
  }
  .mobile-contact a {
    color: #fff;
    font-size: 1.3rem;
    background: #c500c7;
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
  .mobile-contact {
    border-bottom: 1px solid #666;
  }
  .nav-links .its-parent,
  .nav-links li a {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    color: #333;
  }
  .nav-links {
    list-style: none;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    padding-left: 1rem;
  }
  ul.nav-links li {
    border-bottom: 1px solid #555;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  span.mobile-drop {
    margin: 0 1rem;
    color: #444;
    border: 1px solid;
    padding: 5px 10px;
  }
  div#collapseMenu .dropdown-item {
    padding-left: 15px;
    background: #ffd44f;
  }
  .main-page {
    margin-top: 70px;
  }
}

@media (max-width: 768px) {
  section#whatWeDoSection img {
    margin-bottom: 1rem;
  }
  .what-we-right {
    margin-left: 0;
  }
  .section-py-60 {
    padding: 40px 0;
  }
  .big-title-side {
    font-size: 26px;
    margin-bottom: 0.6rem;
  }
  section#aboutSection img {
    margin-top: 2rem;
  }
  .big-title {
    font-size: 26px;
    margin-bottom: 1rem;
  }
  .section-p-80 {
    padding-bottom: 60px;
  }
  .support-img {
    margin-bottom: 1rem;
  }
  .icon-list-right {
    margin-left: 0;
  }
  .icon-box img {
    width: 80px;
    margin-right: 1rem;
  }
  .icon-block {
    margin-bottom: 1rem;
  }
  .sponsor-list img {
    width: 60px;
    margin: 0 1rem;
  }
  .footer-secondary-block {
    position: relative;
    padding: 0;
    margin-top: 2rem;
  }
  .copyright-block {
    margin-top: 1rem;
    padding: 1.5rem 0;
  }
  ul.footer-menu li {
    display: inline-block;
    margin-right: 2rem;
  }
  .footer-logo-block:before {
    height: 60px;
  }
  .footer-logo-tagline {
    text-align: justify;
  }
  .footer-logo-block {
    position: relative;
    padding: 0 20px 20px;
    background: #fffb00;
  }
  .page-header {
    padding: 90px 0;
  }
  .page-title {
    position: relative;
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
  }
  img.abt-img {
    margin-bottom: 1rem;
  }
  .right-bar {
    margin-left: 0rem;
  }
  .mid-title {
    margin-bottom: 0;
  }
  .team-card {
    margin-bottom: 2rem;
  }
  .contact-form-left {
    margin: 1.5rem;
  }
  #mapSection iframe {
    height: 300px;
  }
  .event-sidebar {
    padding: 1.5rem;
    margin-left: 0;
  }
  h5.hero-text {
    font-size: 13px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 1rem;
  }
  .owl-dots {
    display: none;
  }
  .hero-small-title {
    margin-bottom: 1rem;
  }
  h1.hero-big-title {
    margin-bottom: 1rem;
    font-size: 1.8rem;
  }
}

@media (max-width: 576px) {
  .hero-small-title span {
    font-size: 10px;
    padding: 5px 10px;
  }
  .hero-small-title {
    margin-bottom: 1rem;
  }
  h1.hero-big-title {
    margin-bottom: 1rem;
    font-size: 1rem;
  }
  h5.hero-text {
    display: none;
  }
  .owl-dots {
    display: none;
  }
  a.primary-btn {
    padding: 10px 16px;
    font-size: 12px;
  }
  .hero-text-block {
    top: 45%;
  }
}