@media only screen and (max-width: 768px) {
  header .navbar-brand {
    padding-left: 1rem;
  }
  .section-1 .row .col-md-6 .panel {
    position: initial;
    width: initial;
    height: initial;
  }
  .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 .platform .col-md-6 {
    text-align: center !important;
  }
  .section-3 .desktop i {
    font-size: 8vmin;
  }
  .section-4 .carousel-item {
    padding-left: 0.6rem;
  }
  footer .row .col-md-2 {
    margin-top: 8vmin;
  }

.carousel {
  margin-top: 10px;
}

#portfolio-page {
        margin-bottom: 380rem!important;
}

.image-app span {
    font-size: 90%;
   
}

}






/* Slider */

@media (max-width: 768px) {


.slide-logo img {
  height: 100px;
  padding: 0 30px 0 30px;
}

.slide-logo {
  height: 100px;
  width: 1570px;
  display: flex;
  align-items: center;
  animation: slideshow 9s linear alternate infinite;
}

}

/* screen size 375px */

@media only screen and (max-width: 375px) {
  .section-4 .card {
    width: 18em;
  }
}

@media only screen and (max-width: 320px) {
  .section-4 .carousel-inner {
    margin-left: -4vmin;
  }
}

@media only screen and (max-width: 375px) {
    .porfolio-filter { margin-top: 50px;}
    }
  }

  @media only screen and (max-width: 320px) {
    .progress-bar-container li .step-inner {
      font-size: 8px;
    }
  }

@media (max-width: 768px) {
  .portfolio-filter .filter {
    font-size: 100px;
  }
}



@media only screen and (max-width: 768px) {
  header .navbar-brand {
    padding-left: 1rem;
  }
  .section-1 .row .col-md-6 .panel {
    position: initial;
    width: initial;
    height: initial;
  }
  .section-2 .cover {
    background-position: 0vmin 0vmin;
  }
  .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 .platform .col-md-6 {
    text-align: center !important;
  }
  .section-3 .desktop i {
    font-size: 8vmin;
  }
  .section-4 .carousel-item {
    padding-left: 0.6rem;
  }
  footer .row .col-md-2 {
    margin-top: 8vmin;
  }

.carousel {
  margin-top: 10px;
}






/* Slider */

@media (max-width: 768px) {


.slide-logo img {
  height: 100px;
  padding: 0 30px 0 30px;
}

.slide-logo {
  height: 100px;
  width: 1570px;
  display: flex;
  align-items: center;
  animation: slideshow 9s linear alternate infinite;
}

.card.port {
    margin-top:20px;
}

}

/* screen size 375px */

@media only screen and (max-width: 375px) {
  .section-4 .card {
    width: 18em;
  }
}

@media only screen and (max-width: 320px) {
  .section-4 .carousel-inner {
    margin-left: -4vmin;
  }
}

@media only screen and (max-width: 375px) {
    .porfolio-filter { margin-top: 50px;}
    }
  }

  @media only screen and (max-width: 320px) {
    .progress-bar-container li .step-inner {
      font-size: 8px;
    }
  }



@media (max-width: 768px) {
  .portfolio-filter .filter {
    font-size: 100px;
  }
}



.slider-logo {
  width: 1400px;
  height: 120px;
  position: relative;
  background: white;
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.slide-logo {
  height: 100px;
  display: flex;
  align-items: center;
}
.slide-logo img {
  /*height: 150px;*/
  padding: 0 20px 0 20px;
}

.slide-logo {
  height: 100px;
  display: flex;
  align-items: center;
  animation: slideshow 10s linear alternate infinite;
}


.customer-impresif {
  /*padding-left: 7px;*/
  width: 97vw;
  height: 300px;
  border-radius: 10px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}