@media (min-width: 1200px) {
  .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      max-width: 1760px;
  }
}

@media (max-width: 1440px) {
  .wrapper {
    padding: 60px 60px 0 60px;
  }

  #header {
    padding-bottom: 60px;
  }

  .logo .div {
    font-size: 24px;
  }

  .image-992 {
    width: 54px;
    height: 54px;
  }

  .content-wrapper {
    padding: 80px 0 100px 0;
  }
  .content-wrapper p {
    font-size: 18px;
  }
  ._09-00-18-00 {
    font-size: 16px;
  }
  .button {
    padding: 15px 32px;
  }
  .div4,
  .div5 {
    font-size: 18px;
  }

  .first {
    padding: 20px;
  }

  .title2 {
    font-size: 48px;
  }

  .description {
    width: 75%;
  }

  .text,
  .text2 {
    font-size: 16px;
  }

  .cards,
  .products-2 {
    flex-wrap: wrap;
  }

  .card,
  .card-2,
  .card-3,
  .card-8 {
    margin-bottom: 20px;
  }

  .div6 {
    font-size: 39px;
  }
  .div7 {
    font-size: 18px;
  }
  .logo2 {
    gap: 10px;
    width: 100%;
  }
  .title4 {
    font-size: 18px;
  }
  .title5, .title6 {
    font-size: 24px;
  }
  .ellipse-32 {
    width: 72px;
    height: 72px;
  }

  .frame2 {
    gap: 20px;
  }

  .social-media-whatsapp,
  .social-media-telegram,
  .up2 {
    width: 64px;
    height: 64px;
  }

  .title3 {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .header-blue {
    height: 80vh;
  }

  #CollapsingNavbar .navbar-nav {
    gap: 10px;
    align-items: flex-end;
  }

  .nav a {
    font-size: 16px;
  }

  .top {
    flex-direction: column;
    align-items: flex-start;
  }

  .nav {
    margin: 20px 0;
  }

  .frame {
    display: none;
  }

  .title,
  .title-3,
  .title-4,
  .title-5,
  .title-6 {
    font-size: 24px;
    line-height: 2rem;
    margin-bottom: 10px;
  }

  .title2 {
    font-size: 36px;
  }

  .description {
    width: 100%;
    font-size: 12px;
    margin-bottom: 20px;
  }
  .button-8 {
    margin-bottom: 20px;
  }

  .card,
  .card-2,
  .card-3,
  .card-8 {
    width: 100%;
  }

  .companys {
    flex-wrap: wrap;
    gap: 5px;
  }

  .companys img {
    width: 48%;
    height: auto;
  }

  .categorys {
    margin-bottom: 20px;
  }
  .categorys .title-6 {
    font-size: 18px;;
  }
  .categorys .card-12,
  .categorys .card-5,
  .category-content-2,
  .card-6,
  .card-7 {
    width: 100%;
    height: auto;
  }


  .element,
  .image-3,
  .ner-ptisa,
  .image-4 {
    width: 48%;
    margin-bottom: 20px;
  }

    .wrapper {
      padding: 12px 12px 0 12px;
    }

    #header {
      padding-bottom: 20px;
      padding-top: 0;
    }

    .logo .div {
      font-size: 20px;
    }

    .image-992 {
      width: 32px;
      height: 32px;
    }

    .content-wrapper {
      padding: 40px 0 80px 0;
    }

    .content-wrapper p,
    .content-wrapper .p-title,
    .content-wrapper .text-wrapper-7 {
      font-size: 12px;
    }

    .content-wrapper .p-title {
      margin-bottom: 10px;
    }

    .content-wrapper .div2,
    .text-wrapper-8,
    .text-wrapper-9,
    .text-wrapper-10,
    .text-wrapper-11,
    .text-wrapper-12,
    .text-wrapper-13 {
      font-size: 14px;
    }
    .title-7,
    .description-3 {
      padding: 0 20px;
    }

    .products {
      margin-bottom: 20px;
    }
    .products .button-6,
    .products .text-wrapper-5 {
      width: 90%;
      height: auto;
    }

    .product-content-3 {
      width: 100%;
    }

    .frame-2,
    .frame-3 {
      gap: 10px;
      margin-top: 10px;
    }

    .text-wrapper-5 {
      font-size: 14px;
    }

    ._09-00-18-00 {
      font-size: 16px;
    }

    .logos {
      margin-top: 20px;
      margin-bottom: 20px;
      gap: 10px;
    }

    .button {
      padding: 15px 32px;
    }

    .div4,
    .div5 {
      font-size: 18px;
    }

    .first {
      padding: 20px;
      margin-bottom: 100px;
    }

    .title2 {
      font-size: 24px;
    }

    .text,
    .text2 {
      font-size: 12px;
    }

    .cards,
    .products-2 {
      flex-wrap: wrap;
    }

   .div7 {
      font-size: 12px;
    }

    .logo2 {
      gap: 10px;
    }

    .title4 {
      font-size: 12px;
    }

    .title5,
    .title6 {
      font-size: 12px;
    }

    .ellipse-32 {
      width: 32px;
      height: 32px;
    }

    .frame2 {
      gap: 20px;
    }

    .social-media-whatsapp,
    .social-media-telegram,
    .up2 {
      width: 32px;
      height: 32px;
    }

    .title3 {
      font-size: 12px;
    }

    footer .inner {
      flex-direction: column;
    }

    .expand-less {
      height: 32px;
      width: 32px;
    }
    .contacts,
    .nav2 {
      gap: 10px;
    }
}

@media (max-width: 480px) {
  .title2 {
    font-size: 28px;
  }

  .nav {
    flex-direction: column;
    align-items: flex-start;
  }

  .button,
  .div-wrapper,
  .button-2,
  .button-3,
  .button-4,
  .button-5,
  .button-6,
  .button-7 {
    width: 100%;
  }

  .element,
  .image-3,
  .ner-ptisa,
  .image-4 {
    width: 100%;
  }
}