@media (max-width: 1215px) {
  .section-card {
    flex-wrap: wrap;
    justify-content: normal;
  }

  .card-item {
    margin-bottom: 20px;
  }

  .card-item:first-child {
    width: 48%;
  }

  .card-item:nth-child(2) {
    width: 48%;
  }

  .card-item:nth-child(3) {
    width: 48%;
  }

  .card-item:nth-child(4) {
    width: 48%;
  }

  .review-cards-wrapper {
    flex-direction: column;
  }

  .review-card-item {
    width: 48%;
    margin-bottom: 20px;
  }
}

@media (max-width: 1080px) {
  .header-top-nav {
    flex-direction: column;
  }

  .header-top-nav .logo {
    margin-bottom: 20px;
  }

.logo .toggle{
  display: flex;
}

    .header-top-nav .contact-info{
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
  }

  .header-top-nav .contact-info .contact-item{
    margin-bottom: 8px;
  }

  .header-links-nav {
    width: 100%;
    height: 100vh;
    align-items: flex-start;
    justify-content: normal
  }

  .header-links-nav ul {
    width: 100%;
    flex-direction: column;
  }

  .header-links-nav ul li {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #3e3e3e;
  }

  .header-links-nav ul li:first-child {
    padding-top: 0;
  }

  .header-links-nav .active-nav-link ul li a {
    animation: link-slide 500ms;
  }

  @keyframes link-slide {
    0% {
      transform: translateX(-5000px);
    }

    100% {
      transform: translateX(0);
    }
  }

  @media (max-width: 1000px) {
    .card-item:first-child {
      width: 100%;
      margin: 20px;
    }

    .card-item:nth-child(2) {
      width: 100%;
      margin: 20px
    }

    .card-item:nth-child(3) {
      width: 100%;
      margin: 20px
    }

    .card-item:nth-child(4) {
      width: 100%;
      margin: 20px
    }
  }


    @media (max-width: 600px) {
      .section-side-by{
            flex-direction: column;
      }
    }