@media only screen and (max-width: 768px) {
  header .navbar-brand {
    font-size: 12px;

    padding-left: 1rem;
  }

  .section-1 .row .col-md-6 .panel {
    position: initial;
    width: initial;
    height: initial;
    margin-left: 2.5rem;
    font-size: 15px;
  }

  .section-2 .cover {
    background-position: -25vmin -10vmin;
  }

  .numbers .rect {
    width: 10rem;
    height: 8rem;
  }

  .numbers .rect h1 {
    font-size: 2rem;
  }

  .section-3 {
    height: inherit;
    padding: 10vmin !important;
  }

  .section-3 .row h1 {
    padding: 6vmin 4vmin;
  }

  .section-3.row.col-md-6 {
    text-align: center !important;
  }

  .section-3 .platform .col-md-6 {
    text-align: center !important;
  }

  .section-3 .desktop i {
    font-size: 8vmin;
  }

  .section-4.team {
    display: flex;
    flex-direction: column;
    align-content: center;
  }

  .section-4 .carousel-item {
    padding-left: 0.6rem;
  }

  .section-4.carousel-inner {
    width: 24rem;

  }

  .r4 {
    height: 100px;
    font-size: 0;
  }

  .c4 {
    height: 100px;
    /* width: 100px; */
    font-size: 15px;
  }

  .c4.h1 {
    height: 15px;
  }

  footer .row .col-md-2 {
    margin-top: 8vmin;
  }

  .def1{
    position: initial;
    width: initial;
    height: 200px;
    padding-top: 15rem;
    font-size: 15px;
  }

}

/* screen size 375px */

@media only screen and (max-width: 360px) {
  .section-4 .card {
    max-width: 95%;

  }
}

@media only screen and (max-width: 360px) {
  .section-4 .carousel-inner {
    margin-right: 50rem;
  }
}