@media screen and (max-width: 991px) {
  header .intro-overlay {
    position: relative;
  }

  .intro-content-2 {
    position: relative;
  }

  section {
      padding: 20px 0;
  }

  .col-lg-8.altered-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-lg-4.altered-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .timeline-content {
       height: 550px;
  }

  .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .footer-details {
    position: relative;
    transform: none;
    top: 0;
  }

  body {
    margin-left: auto;
    margin-right: auto;
  }

  .hovereffect {
    background: none;
    padding: 0;
  }

  .hovereffect .overlay {
    position: relative;
    background: url(../images/wallpaper-background.jpg);
    border: 5px solid #000;
    height: auto;
    padding: 0 20px;
  }

  .hovereffect p,
  .hovereffect h1,
  .hovereffect a {
    transform: none;
    opacity: 1;
    color: #000;
  }

.item {
    margin: 5px auto;
}

  .footer-details {
    position: relative;
    transform: none;
    top: 0;
  }
}

@media screen and (max-width: 768px) {
      .timeline-content {
    height: 650px;
}

  .main_home {
    padding: 20px;
  }
  
  button {
      margin: 10px 0;
  }
}

@media screen and (max-width: 576px) {
    section {
        padding: 0;
    }
    .description {
      padding: 0;
    }
    h7 {
    font-size: 16px;
    }
    .intro-content-2 {
      padding: 20px;
    }
    .intro-content h1, .intro-content-2 h1 {

    font-size: 28px;
}
}