@media screen and (max-width: 991px) {
  nav .navbar-nav {
    /* background-color: #001754; */
    /* background-image: url('../image/logo.jpg'); */

  }

  nav .navbar-nav .nav-link::after {
    display: none;
  }

  .first_page .header {
    padding: 0 20px;
  }

  .first_page .header h1 {
    font-size: 35px;
  }

  .first_page .header h4 {
    font-size: 14px;
  }


}

@media screen and (max-width: 1199px) {
  .team_main .team .card h4 {
    font-size: 16px;
  }

  .team_main .team .card p {

    font-size: 13px;
  }

  .choose h2 {
    font-size: 26px;

  }

  .projects .project_header img {
    height: 200px;
  }

}




@media screen and (max-width: 991px) and (min-width:768px) {
  .team_main .team .card .team_img {
    width: 80%;
    height: 140px;
    margin-left: 10%;

  }

  .team_main .team .card h4 {
    font-size: 13px;
  }

  .team_main .team .card p {

    font-size: 10px;
  }

  .choose h2 {
    width: 40%;
  }

}

@media screen and (max-width: 767px) {
  .welcome {
    padding: 30px 0;
  }

  .choose {
    padding: 40px 0;

  }

  .choose h2 {
    width: 55%;
  }

  .contact-container {
    padding: 20px;
  }

  .image-carousel img {
    max-width: 200px;
  }

  h1 {
    font-size: 1.5rem;
  }

  .contact-form .submit-btn {
    font-size: 1rem;
  }

  .project_header h2 {
    font-size: 28px;
  }

  .gallery h2 {
    margin-bottom: 30px;
  }

  .gallery-item {
    margin-top: 2px;

  }

}


@media screen and (max-width: 560px) {
  .topnav a {
    font-size: 15px;
  }

  .topnav h5 {
    font-size: 17px;
  }

  .footer .about p {
    font-size: 14px;
  }

  .copyright p {
    margin-top: 7px;
    font-size: 13px;
  }

  .welcome h2 {
    font-size: 28px;
  }

  .welcome p {
    font-size: 14;
  }

  .welcome .icon {
    margin: 18px 0 18px 0;
  }

  .welcome .icon a {
    font-size: 38px;
  }

  .choose .choose_icon {
    margin: 30px 10px 30px;
  }

  .projects .project_header img {
    height: 150px;
  }

  .our_product .product-card {
    height: 220px;
    width: 80%;
   margin-left: 10%;
   margin-top: 20px;
  }
  .our_product .product-image img {
    max-height: 200px;
  }

}


@media screen and (max-width: 420px) {
  .topnav a {
    font-size: 13px;
  }

  .welcome h2 {
    font-size: 20px;
  }

  .welcome p {
    font-size: 14;
  }

  .welcome .icon a {
    font-size: 32px;
  }

  .choose h2 {
    width: 60%;
    font-size: 20px;
  }
}