@media (max-width: 1200px) {
  .hero-content h3 {
    font-size: 1.8rem;
  }

  .hero-content h1 {
    font-size: 3.5rem;
  }
  .fact-content {
    margin-top: 20px;
  }
}

@media (max-width: 1100px) {
  .auth-container {
    width: 830px;
    height: auto;
  }
}

@media (max-width: 1023px) {
  .banner-right-icon {
    width: 150px !important;
  }
  .banner-left-icon {
    width: 150px !important;
  }
  .video-popup iframe {
    width: 600px;
    height: 350px;
  }

.navbar-brand img {
  width: 180px !important;
  height: 70px !important;
  margin-top: 15px;
}

  .trustpilot img {
    width: 120px !important;
  }
}
@media (max-width: 991px) {
  .hero-content {
    text-align: center;
  }

  .about-content {
    width: 100%;
  }

  .blog-card {
    max-width: 330px;
  }

  .footer-content input {
    margin: 20px auto;
  }

  .nav-container {
    padding: 1.5rem 10px;
  }
  #navbarSupportedContent{
  z-index: 100;
}
  .navbar-collapse {
    width: 100%;
    position: absolute;
    padding: 1rem 2rem;
    background-color: #f6f6f6;
    top: 100px;
    left: 0;
  }
  .forum-heading h1 {
    font-size: 30px;
  }
  .forum-section .filter-btns button {
    font-size: 14px;
    margin-top: 10px;
  }
  .form-box {
    width: 640px;
  }
  .about-content h1 {
    margin-top: 0px;
  }

  .wiki-content {
    padding: 0 30px;
  }
  .about-content p {
    margin-top: 20px;
  }

  .number-cards-container {
    margin-top: 40px;
  }
  .blog-section {
    padding: 80px 0;
  }
}

@media (max-width: 950px) {
  .auth-section {
    width: 100%;
    padding: 10% 5%;
  }
  .auth-container {
    width: auto;
  }
}
@media (max-width: 800px) {
  .hero-section {
    padding: 10% 0;
  }

  .review-section {
    padding: 10% 0;
  }

  .fact-section {
    padding: 10% 0;
  }
}

@media (max-width: 768px) {
  .services-text {
    text-align: center;
  }

  .second-heading {
    font-size: 40px !important;
  }

  .fact-img img {
    width: 100% !important;
  }

  .footer-content input {
    margin: 20px auto;
  }

  .post-question-container {
    width: 500px;
    padding: 50px 30px;
  }

  .video-popup iframe {
    width: 500px;
    height: 300px;
  }

  .community-content p {
    text-align: center !important;
  }

  .community-img {
    text-align: end !important;
  }

  .community-section {
    padding: 5% 0;
  }

  .community-card-container {
    margin-top: 20px !important;
    /* display: ; */
  }
}

@media (max-width: 725px) {
  .font-size {
    font-size: 15px !important;
  }

  .copyright-section {
    flex-direction: column !important;
    text-align: center;
  }

  .footer-section {
    padding: 3rem 0 0 0 !important;
  }

  .community-section {
    padding: 10% 0;
  }

  .banner-right-icon {
    width: 100px !important;
  }

  .banner-left-icon {
    width: 100px !important;
  }
  .terms-condition p {
    font-size: 13px;
    margin: 0 7px;
  }
  .register-info input {
    font-size: 16px;
  }
  .video-popup iframe {
    width: 400px;
    height: 250px;
  }
  .form-box {
    width: 540px;
  }
  .form-content h4 {
    font-size: 20px;
  }
  .form-content p {
    font-size: 14px;
  }
  .forum-options {
    margin: 15px 0 !important;
  }
  .fact-content p {
    font-size: 16px;
  }
}

@media (max-width: 620px) {
  .form-content h4 {
    font-size: 18px !important;
  }
  .form-box {
    width: 450px;
  }
  .comment-content {
    flex-direction: column-reverse !important;
  }
  .comment-content span {
    margin-top: -5px;
  }
}

@media (max-width: 600px) {
  .auth-container {
    width: 350px;
  }

  .auth-border {
    padding: 20px;
  }

  .btn-slider {
    width: 120px;
  }

  .auth-buttons button {
    width: 120px;
  }

  .slide-left {
    left: 140px !important;
  }

  .auth-section {
    width: 100%;
    padding: 12% 2%;
  }

  .banner-right-icon {
    width: 70px !important;
  }

  .banner-left-icon {
    width: 70px !important;
  }

  .post-question-container {
    width: 400px;
    border-radius: 20px;
    padding: 40px 20px;
  }

  .post-question-heading h2 {
    font-size: 1.5rem;
  }

  .question-form {
    margin-top: 20px !important;
  }

  .question-post-buttons button {
    width: 150px;
  }
  .auth-section {
    width: 100%;
    padding: 10% 0;
  }
  .auth-container {
    padding: 40px 30px;
  }
  .register-info input {
    font-size: 14px;
  }
  .popup-box {
    width: 400px;
    height: 200px;
  }
  .emergency-section {
    padding: 10% 0;
  }
  .health-section {
    padding: 10% 0;
  }
}
@media (max-width: 550px) {
  .form-box {
    width: 380px;
    padding: 20px 15px;
  }
}
@media (max-width: 500px) {
  .hero-content h3 {
    font-size: 1.5rem;
  }

  .hero-content h1 {
    font-size: 3rem;
  }

  .hero-content p {
    font-size: 16px;
  }

  .about-card-icon {
    width: 40px;
    height: 40px;
  }

  .fact-section {
    padding: 15% 0;
  }

  .blog-info span {
    font-size: 14px;
  }

  .blog-content h4 {
    font-size: 1px;
  }

  .blog-user span {
    font-size: 11px;
  }

  .community-content h2 {
    font-size: 45px;
  }

  .community-content h1 {
    font-size: 40px;
    margin-top: 5px !important;
  }

  .community-content p {
    margin-top: 10px !important;
  }

  .join-content h1 {
    font-size: 30px;
  }

  .join-content h1 span {
    font-family: "Corinthia", cursive;
    font-size: 40px;
  }

  .post-question-container {
    width: 350px;
  }
  .register-form-heading h3 {
    font-size: 20px;
  }
}

@media (max-width: 451px) {
  .title-dropdown {
    margin-right: 10px;
    padding-right: 10px;
  }
  .title-dropdown {
    margin-right: 0px !important;
    padding-right: 0px !important;
  }

.navbar-brand img {
    margin-top: 15px;
  width: 120px !important;
  height: 110px !important;
}

  .trustpilot img {
    width: 100px !important;
  }
  .review-heading h1 {
    font-size: 35px !important;
  }
  .btn-container {
    flex-direction: column;
  }

  .btn-container button {
    margin-top: 10px;
  }
  .loading-logo {
  width: 300px;
  }
}

@media (max-width: 425px) {
.navbar-brand img {
  width: 180px !important;
  height: 70px !important;
  margin-top: 15px;
}

    .trustpilot img {
        width: 80px !important;
    }

    .navbar-toggler-icon {
    width: 1.2em;
    }
  .hero-content h3 {
    font-size: 1.3rem;
  }

  .hero-content h1 {
    font-size: 2.7rem;
  }

  .hero-content button {
    padding: 4px 18px;
    font-size: 16px;
  }

  .demo-btn img {
    width: 25px;
  }

  .demo-btn span {
    font-size: 15px;
  }

  .services-text h1 {
    font-size: 2rem;
    line-height: 40px;
  }

  .services-text p {
    margin-top: 10px;
  }

  .services-content h3 {
    font-size: 22px;
  }

  .about-content h1 {
    font-size: 32px;
  }

  .about-content p {
    font-size: 15px;
  }

  .review-card h6 {
    font-size: 15px !important;
  }

  .review-card h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 1px 0;
  }

  .trustpilot {
    margin: 0 10px !important;
  }

  .review-card p {
    color: #2e2e2e;
    font-size: 17px;
  }

  .auth-container {
    width: 300px;
    padding: 30px 20px;
  }

  .auth-section {
    width: 100%;
    padding: 10% 0 13% !important;
  }

  .auth-border {
    background: #0b6fc01e;
    padding: 15px;
    border-radius: 30px;
  }
  .auth-container {
    padding: 30px 20px;
  }
  .submit-button button {
    width: 100%;
    height: 40px;
    margin: auto !important;
    margin-top: 20px !important;
  }
  .wiki-content {
    padding: 0 30px;
  }
  .signup-button a {
    width: 100%;
    height: 40px;
    font-size: 15px;
    padding: 0 !important;
  }
  .video-popup iframe {
    width: 300px;
    height: 180px;
  }
  .community-content h2 {
    font-size: 40px;
  }
  .community-content h1 {
    font-size: 30px;
  }
}

@media (max-width: 390px) {
  .navbar-brand img {
  width: 120px !important;
  height: 55px !important;
  margin-top: 15px;
}

    .trustpilot img {
        width: 80px !important;
    }

    .navbar-toggler-icon {
    width: 1.2em;
    }
  .hero-content h3 {
    font-size: 1.2rem;
  }

  .hero-content h1 {
    font-size: 2.5rem;
  }
  .wiki-content {
    padding: 0 20px;
  }
  .hero-content button {
    padding: 4px 18px;
    font-size: 14px;
  }

  .review-heading h1 {
    font-size: 30px !important;
  }

  .banner-right-icon {
    display: none !important;
  }

  .banner-left-icon {
    display: none !important;
  }

  .demo-btn img {
    width: 20px;
  }

  .demo-btn span {
    font-size: 14px;
  }

  .services-text h1 {
    font-size: 1.8rem;
    line-height: 40px;
  }

  .services-text p {
    margin-top: 5px;
  }

  .fact-content h1 {
    font-size: 25px;
  }

  .fact-content p {
    margin: 20px 0;
  }

  .star {
    width: 20px !important;
    height: 20px !important;
  }

  .auth-container {
    width: 280px;
  }

  .community-content h2 {
    font-size: 35px;
  }

  .community-content h1 {
    font-size: 35px;
    margin-top: 0px !important;
  }

  .post-question-container {
    width: 320px;
    border-radius: 20px;
    padding: 40px 10px;
  }

  .post-question-heading h2 {
    font-size: 1.5rem;
    text-align: center;
  }

  .question-form {
    margin-top: 20px !important;
  }

  .question-post-buttons button {
    width: 120px;
    padding: 0;
  }
  .popup-box {
    width: 350px;
    height: 180px;
    padding: 0 15px;
  }
  .form-box {
    width: 350px;
  }

  .trustpilot img {
    width: 80px !important;
  }
}

@media (max-width: 351px) {
  .second-heading {
    font-size: 30px !important;
  }

  .fact-content p {
    font-size: 12px !important;
  }
  .popup-box {
    width: 300px;
    padding: 0 15px;
  }
  .form-box {
    width: 330px;
  }
  .wiki-content {
    padding: 0 10px;
  }
}