@media (min-width: 320px) and (max-width: 885px) {
  .nav-link {
    display: none;
  }
  .slider-top {
    width: 100%;
    position: relative;
    height: 400px;
    transition: 2.6s ease;
    top: 150px;
    z-index: 10;
  }
  .slider-top .item img {
    object-fit: cover;
    width: 100%;
    height: 400px;
    display: inline;
    transition: 2.6s ease;
  }
  .slider-top .prev,
  .slider-top .next {
    bottom: 0;
    width: 30px;
    height: 30px;
  }
  .slider-top .next {
    left: 62px;
  }
  .logo {
    left: 3%;
  }
  h1 {
    top: 10px;
    left: 60%;
    font-size: 30px;
  }
  .main {
    margin-top: 250px;
    height: 65vh;
  }
  .slider-dots {
    margin-top: 0px;
    margin-left: 15%;
  }
  .vector-mouse {
    top: 620px;
    left: 9%;
  }
  .main > h3 {
    font-size: 30px;
  }
  .regular img {
    height: 45vh;
  }
  .regular {
    top: 100px;
  }
  .info {
    margin-top: 50px;
  }
  .block-info h3 {
    margin-top: 50px;
    font-size: 30px;
  }
  .contact-block h3 {
    font-size: 30px;
  }
  .contact-image {
    background-image: url();
  }
  .contact-info {
    height: 40px;
    float: left;
    margin-left: 12vw;
    max-width: 100%;
  }
  .contact {
    display: flex;
    flex-direction: column;
    margin-top: 150px;
    height: auto;
  }
  .footer {
    height: 150px;
    margin-top: -100px;
  }
  .footer img {
    top: 50px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
  .footer p {
    top: 80px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
  .about_company {
    margin-top: 50px;
  } 
  .about_company h2 {
  font-size: 30px;
  
  }


@media (min-width: 1292px) and (max-width: 1355px) {
  .nav-link li:first-child {
    margin-left: 11%;
  }
}
@media (min-width: 886px) and (max-width: 955px) {
  .nav-link li:first-child {
    margin-left: 11%;
  }
}

@media (min-width: 620px) and (max-width: 885px) {
  .block-info-item {
    margin-left: 20%;
    margin-top: 130px;
    float: left;
    width: 30%;
  }
  .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: auto;
    margin-top: 50px;
  }
}
@media (min-width: 300px) and (max-width: 619px) {
  .block-info-item {
    margin-left: 20%;
    margin-top: 130px;
    float: left;
    width: 30%;
  }
  .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: auto;
  }
  .block-info-item img {
    width: 100%;
  }
  h1{
    font-size: 20px;
  }
}

@media (min-width: 861px) and (max-width: 1291px) {
  .vector-mouse {
    top: 550px;
  }
  .slider-top {
    height: 600px;
  }
  .slider-top .item img {
    height: 600px;
  }
  .nav-link li {
    margin-top: -570px;
    margin-left: 4%;
  }
  .slider-top .prev,
  .slider-top .next {
    width: 40px;
    height: 40px;
  }
  .slider-top .next {
    left: 72px;
  }
  
  .slick-prev {
    left: 22vw;
    top: 40.7vh;
  }
  .slick-next {
    left: 26vw;
    top: 40.7vh;
  }
  .nav-link li a {
    color: black;
  }

  .regular img {
    height: 40vh;
  }
  /* .slick-prev,
  .slick-next {
    top: 40.7vh;
  } */
  .nav-link {
    font-size: 16px;
  }
  .main {
    height: 80vh;
  }
  .contact-image {
    height: 400px;
  }
  .contact {
    margin-top: 150px;
    height: 400px;
  }
  .block-info-item {
    margin-top: 100px;
  }
}}