@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
      left: -90% !important;
    }
  
    .navbar .dropdown .dropdown:hover>ul {
      left: -100% !important;
    }
}

@media screen and (max-width: 1300px) {
    .mobile-nav-toggle {
        display: block !important;
    }

    .navbar ul {
        display: none !important;
    }

    .navbar-mobile ul{
        display: block !important;
    }

    #topbar {
        display: none !important;
    }

    .container {
        max-width: 95% !important;
    }

    .large-view{
        display: none !important;
    }
}

@media (min-width: 1024px) {
    #hero {
      background-attachment: fixed !important;
    }

    .section-title p {
        width: 50% !important;
    }
}

@media (max-width: 992px) {
}

@media (min-width: 992px) {
    .testimonials .testimonial-item p {
      width: 80% !important;
    }
}

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

@media screen and (max-width: 768px) {
    [data-aos-delay] {
      transition-delay: 0 !important;
    }
}

@media (max-width: 768px) {
    #hero {
      height: 100vh !important;
    }
  
    #hero h1 {
      font-size: 28px !important;
      line-height: 36px !important;
    }
  
    #hero h2 {
      font-size: 18px !important;
      line-height: 24px !important;
      margin-bottom: 30px !important;
    }
  
    #hero .btn-get-started,
    #hero .btn-watch-video {
      font-size: 13px !important;
    }

    .breadcrumbs .d-flex {
        display: block !important;
    }
    
    .breadcrumbs ol {
        display: block !important;
    }
    
    .breadcrumbs ol li {
        display: inline-block !important;
    }

    .clients img {
        max-width: 40% !important;
    }

    #footer .copyright,
    #footer .credits {
      float: none !important;
      text-align: center !important;
      padding: 2px 0 !important;
    }
}

@media screen and (max-width: 767px) {
    #hero p {
        margin: 20px 0 30px 0 !important;
    }

    .section-bghelp .footer-shape {
        width: 90% !important;
        height: 120% !important;
    }

    .faq{
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 575px) {
    .heading{
        font-size: 30px !important;
    }

    .sub-heading{
        font-size: 18px !important;
    }

    .section-bghelp .footer-shape {
        width: 100% !important;
    }

    .faq .footer-content{
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

  .round3 {
  border: 2px solid white;
  border-radius: 60px;
  background-color:#1c9d62;
  padding: 10px;
  margin: 10px;
}
}

@media (max-height: 500px) {
    #hero {
      height: 120vh !important;
    }

.round3 {
  border: 2px solid white;
  border-radius: 60px;
  background-color: #1c9d62;
  padding: 36px;
  margin: 15px auto;
  width: 58%;
  height: 100%;
}
}

@media screen and (max-width: 479px) {
    .section-bghelp .footer-shape {
        height: 110% !important;
    }

    .faq {
        margin-top: 15px !important;
    }

  .round3 {
  border: 2px solid white;
  border-radius: 60px;
  background-color: #1c9d62;
  padding: 36px;
  margin: 15px auto;
  width: 58%;
  height: 100%;
}
}

@media screen and (max-width: 320px) {
    .heading{
        font-size: 25px !important;
    }

    .sub-heading{
        font-size: 16px !important;
    }

    .faq .btn-1 {
        width: 90% !important;
    }

    .faq .btn-2 {
        width: 90% !important;
    }
    .round3 {
  border: 2px solid white;
  border-radius: 60px;
  background-color: #1c9d62;
  padding: 36px;
  margin: 15px auto;
  width: 58%;
  height: 100%;
}
}