@media only screen and (max-width: 768px) {
  .cards-container {
    flex-wrap: wrap;
  }
  .banner{
    padding: 50px 20px;
  }
  .banner-data .b-d-left {
    width: 100%;
  }
  .banner-data .b-d-left h1 {
    font-size: 30px;
  }

  .team h1 {
    font-size: 26px;
  }
  .ach-data h2 {
    font-size: 26px;
  }
  .contact-us .contact-data {
    width: 95%;
  }
  .contact-data h3 {
    font-size: 26px;
  }
  .contact-data .contact-f-d {
    flex-wrap: wrap;
  }
  .contact-f-d .c-f-d-l {
    width: 100%;
  }
  .contact-f-d .c-f-d-r {
    width: 100%;
    margin-top: 20px;
  }
  .subscribe .sub-data h4 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 475px) {
  .sub-data .subscribe-form input {
    margin: 0;
  }
  .team {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 320px) {
  .contact-f-d .c-f-d-l form .sub-btn {
    padding: 15px 20px;
    margin-top: 15px;
  }
  .sub-data .subscribe-form .subscribe-btn{
    padding: 15px 20px;
  }
  .banner-data .b-d-left h1 {
    font-size: 26px;
  }
  .team h1 {
    font-size: 22px;
    padding: 20px 0;
  }
  .ach-data h2 {
    font-size: 22px;
  }
  .ach-data h3 {
    font-size: 10px;
  }
  .ach-data p {
    font-size: 8px;
  }
  .contact-us .contact-data {
    padding: 30px 0;
  }
  .contact-data h3 {
    font-size: 22px;
  }
  .contact-data .contact-f-d {
    padding: 20px 0;
  }
  .subscribe .sub-data h4 {
    font-size: 22px;
  }
  .subscribe {
    padding: 20px 0;
  }
}