@media (max-width: 1280px) {
  .time-line .container {
    width: 900px;
  }
  .time-line .section-head .title h2 {
    font-size: 1.7rem;
  }
  .quality-sec .container .quality-head h2 {
    font-size: 2.6rem;
  }
  .quality-sec .container .quality-text p {
    font-size: 1.5rem;
  }

  .team .container {
    width: 900px;
  }
  .team .container .cards .row {
    width: 900px;
  }
  .team .container .cards .row .card {
    width: 200px;
  }

  .certificate-sec .container {
    width: 900px;
  }
  figcaption h1 {
    margin-bottom: 0;
  }
  figcaption {
    top: 30%;
  }
  figcaption ul {
    margin: 0;
  }
  .ceo-sec .ceo figure img {
    width: 250px;
    height: 250px;
  }
}

/* 991px */

@media (max-width: 991px) {
  .about-us {
    width: 700px;
  }
  .about-us .ceo-sec {
    padding: 0;
    justify-content: space-between;
  }
  .ceo-sec .ceo {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .ceo-sec .ceo-talk {
    flex: 0 0 55%;
    max-width: 55%;
  }
  .ceo-sec .ceo-talk h2 {
    font-size: 1.6rem;
  }
  .ceo-sec .ceo-talk h2::after {
    width: 6rem;
    left: -7rem;
  }
  .ceo-sec .ceo-talk p {
    max-width: 100%;
    font-size: 14px;
  }
  .ceo-sec .ceo figure img {
    width: 250px;
    height: 250px;
  }
  figcaption h1 {
    font-size: 3rem;
  }

  /* who-are-we */
  .who-we-are .container {
    margin: 0;
  }
  .who-we-are .container .row-info p {
    line-height: normal;
    font-size: 14px;
  }

  .time-line .container {
    width: 700px;
    padding: 0;
  }
  .time-line .section-head .title {
    margin: 0 15%;
  }
  .time-line .section-head .title h2 {
    font-size: 1.5rem;
    font-weight: 900;
  }
  .quality-sec .container .quality-head h2 {
    font-size: 2rem;
    margin-top: 1rem;
  }
  .quality-sec .container .quality-text p {
    font-size: 1.2rem;
  }

  .team .container {
    width: 700px;
  }
  .team .container .cards .row {
    width: 700px;
  }
  .team .container .cards .row .card {
    width: 150px;
  }

  .certificate-sec .container {
    width: 700px;
  }
  .certificate-sec .container .row .certificate .certificate-logo img {
    width: 250px;
    height: auto;
  }
}

/* 768 */

@media (max-width: 768px) {
  .about-us {
    width: 440px;
  }
  .about-us .ceo-sec {
    padding: 0;
    justify-content: space-between;
  }
  .ceo-sec .ceo {
    flex: 0 0 36%;
    max-width: 36%;
  }
  .ceo-sec .ceo-talk {
    flex: 0 0 64%;
    max-width: 64%;
  }
  .ceo-sec .ceo-talk h2 {
    font-size: 1rem;
  }
  .ceo-sec .ceo-talk h2::after {
    width: 4rem;
    height: 2px;
    left: -5rem;
  }
  .ceo-sec .ceo-talk p {
    max-width: 100%;
    font-size: 10px;
  }
  .ceo-sec .ceo figure img {
    width: 110px;
    height: 110px;
  }
  figcaption h1 {
    font-size: 2rem;
  }

  /* who-are-we */
  .who-we-are .container {
    margin: 0;
  }
  .who-we-are .container .row-info p {
    line-height: normal;
    font-size: 10px;
  }

  .time-line .container {
    width: 400px;
    padding: 0;
  }
  .who-we-are .container .row-info {
    width: 70%;
  }
  .who-we-are .container .row-img {
    width: 30%;
  }
  .who-we-are .container .row {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .time-line .section-head .title {
    margin: 0 1%;
  }
  .time-line .section-head .title h2 {
    font-size: 1.5rem;
    font-weight: 900;
  }
  .time-line-list {
    max-width: 440px;
  }
  .time-line-list-item .time-line-details p {
    font-size: 14px;
    text-align: right;
    line-height: normal;
    margin-right: 1rem;
  }
  .time-line-list-items .time-line-list-item:nth-child(even),
  .time-line-list-items .time-line-list-item:nth-child(odd) {
    float: right;
    text-align: right;
    padding: 0 70px 20px 30px;
    margin: 0;
    width: 100%;
  }
  .time-line-list-item .time-line-details .time-line-details-head span {
    margin: 0 15px 0 0;
  }
  .time-line-list ul::before,
  .time-line-list ul::after {
    right: 0;
  }
  .time-line-list-item:nth-child(even) > .time-line-badge,
  .time-line-list-item:nth-child(odd) > .time-line-badge {
    right: 10px;
  }
  .time-line-list-item:nth-child(odd) > .time-line-badge::before {
    left: -50px;
    right: 10px;
  }
  .time-line-list-items
    .time-line-list-item:nth-child(odd)
    .time-line-details
    .time-line-details-head
    span {
    float: right;
  }
  .time-line-list-line {
    left: inherit;
    right: 15px;
  }

  .quality-sec .container .quality-head h2 {
    font-size: 2rem;
    margin-top: 1rem;
  }
  .quality-sec .container .quality-text {
    margin: 0;
  }
  .quality-sec .container .quality-text p {
    font-size: 1rem;
  }

  .team .container {
    width: 400px;
  }
  .team .container .cards .row {
    width: 450px;
    flex-wrap: wrap;
  }
  .team .container .cards .row .card {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }

  .certificate-sec .container {
    width: 400px;
  }
  .certificate-sec .container .row .certificate .certificate-logo img {
    width: 150px;
    height: auto;
  }
  .certificate-sec .container .row .certificate .certificate-info h3 {
    font-size: 15px;
  }
  .iso-btn {
    font-size: 12px;
  }
}

/* 480 */

@media (max-width: 480px) {
  figcaption h1 {
    font-size: 2rem;
  }

  figcaption ul li a {
    width: 30px;
    height: 30px;
  }
  .about-us {
    width: 300px;
  }
  .about-us .ceo-sec {
    padding: 0;
    justify-content: space-between;
    flex-direction: column;
  }
  .ceo-sec .ceo {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ceo-sec .ceo-talk {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ceo-sec .ceo-talk h2 {
    font-size: 1rem;
    margin-top: 1rem;
    margin-bottom: 0.6rem;
  }
  .ceo-sec .ceo-talk h2::after {
    width: 4rem;
    height: 2px;
    left: -5rem;
  }
  .ceo-sec .ceo-talk p {
    max-width: 100%;
    font-size: 10px;
  }
  .ceo-sec .ceo figure img {
    width: 110px;
    height: 110px;
  }

  /* who-are-we */

  .who-we-are {
    max-width: 300px;
    padding: 20px 0 10px 0;
  }
  .who-we-are .container {
    margin: 0;
  }
  .who-we-are .container .row-info p {
    line-height: normal;
    font-size: 10px;
  }

  .time-line .container {
    width: 300px;
    padding: 0;
  }
  .who-we-are .container .row-info {
    width: 100%;
  }
  .who-we-are .container .row-img {
    width: 60%;
  }
  .who-we-are .container .row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
  .who-we-are .container .row:nth-of-type(even) {
    flex-direction: column-reverse;
  }

  .time-line .section-head .title {
    margin: 0 1%;
  }
  .time-line .section-head .title h2 {
    font-size: 1rem;
    font-weight: 900;
  }
  .time-line .section-head .title p {
    font-size: 14px;
  }
  .time-line-list {
    max-width: 300px;
  }
  .time-line-list-item .time-line-details p {
    font-size: 14px;
    text-align: right;
    line-height: normal;
    margin-right: 1rem;
  }
  .time-line-list-items .time-line-list-item:nth-child(even),
  .time-line-list-items .time-line-list-item:nth-child(odd) {
    float: right;
    text-align: right;
    padding: 0 70px 20px 30px;
    margin: 0;
    width: 100%;
  }
  .time-line-list-item .time-line-details .time-line-details-head span {
    margin: 0 15px 0 0;
  }
  .time-line-list ul::before,
  .time-line-list ul::after {
    right: 0;
  }
  .time-line-list-item:nth-child(even) > .time-line-badge,
  .time-line-list-item:nth-child(odd) > .time-line-badge {
    right: 10px;
  }
  .time-line-list-item:nth-child(odd) > .time-line-badge::before {
    left: -50px;
    right: 10px;
  }
  .time-line-list-items
    .time-line-list-item:nth-child(odd)
    .time-line-details
    .time-line-details-head
    span {
    float: right;
  }
  .time-line-list-line {
    left: inherit;
    right: 15px;
  }

  .quality-sec .container .quality-head h2 {
    font-size: 1.5rem;
    margin-top: 1rem;
  }
  .quality-sec .container .quality-text {
    margin: 0;
  }
  .quality-sec .container .quality-text p {
    font-size: 0.8rem;
  }

  .team .container {
    width: 300px;
  }
  .team .container h2 {
    font-size: 1rem;
  }
  .team .container .cards .row {
    width: 280px;
    flex-wrap: wrap;
  }
  .team .container .cards .row .card {
    width: calc(100% - 10px);
    margin-bottom: 20px;
  }
  .certificate-logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .certificate-sec .container {
    width: 200px;
  }
  .certificate-sec .container .row .certificate .certificate-logo img {
    width: 100px;
    height: auto;
  }
  .certificate-sec .container .row {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .certificate-sec .container .row .certificate {
    margin-bottom: 1rem;
  }
  .certificate-sec .container .row .certificate .certificate-info h3 {
    font-size: 15px;
  }
  .iso-btn {
    font-size: 12px;
  }
}