@media (min-width: 2000px) {

}

@media (max-width:1670px) {
 
}

@media (max-width:1480px) {

}

@media (max-width:1370px) {

}

@media (max-width: 1280px) {

  .header {
    position: absolute;
    overflow: hidden;
  }

  .header__burger-btn {
    display: flex;
    position: fixed;
    right: 22px;
    z-index: 11;
    top: 22px;
    }

  .menu {
  position: fixed;
  right: -100%;
  top: 0;
  width: 100%;
  background-color: #242C43;
  padding: 110px 20px 20px 20px;
  transition: transform 0.5s;
  z-index: 10;
  background-color: #003f7d;
  height: 100vh;
}

  .menu__list {
    display: block;
  }

  .menu__link {
    color: #fff;
    font-size: 15px;
    display: block;
    padding: 8px 0;
    transition: color 0.3s ease-in-out;
  }


  .header.open .menu {
    transform: translateX(-100%);
  }

  .logo_menu, .menu_btn {
    display: block;
}

.header__container {
  margin-right: 90px;
}


}

@media (max-width: 1150px) {
  .benefits__flex .item {
    width: calc(50% - 10px);
  }

  
  .geo .map .container {
    position: relative;
    transform: none;
    left: auto;
  }

  .geo {
    padding-bottom: 80px;
  }


  .call .flex {
    flex-direction: column;
  }

  .call .send-data {
    max-width: 580px;
    margin: auto;
  }

  .call .desc, .call h2 {
    text-align: center;
  }

  .call .right {
    margin: 40px auto 0;
  }

  .call .right .list .item {
    width: 180px;
  }

  .call .right .list {
    max-width: 100%;
  }

}


@media (max-width: 978px) {
  .about-main .flex {
    flex-direction: column;
    gap: 50px;
  }

  .about-main .flex .right {
    max-width: 100%;
  }

  .about-main .flex .right .item {
    width: calc(50% - 5px);
  }

  .gallery .photos a {
    width: calc(33% - 15px);
  }

  footer .grid-container {
    display: flex;
    flex-wrap: wrap;
  }

  footer .item {
    width: calc(50% - 15px);
  }

  .hero .flex {
    flex-direction: column;
  }

  .hero .right-block {
    margin: auto;
  }

  .hero {
    padding: 110px 0 140px;
  }

  .geo .map:after {
    left: 33%;
    transform: translate(-50%)
  }

  .geo .map img {
    height: 300px;
    object-fit: cover;
  }

  .geo .map {
    overflow: hidden;
  }

  .flex-text {
    flex-direction: column;
  }

  .full-img {
    max-width: 600px;
  }

  .about-page h1, .page h1 {
    font-size: 32px;
  }

  .page h2{
  font-size: 22px;
  }

  .page h3{
    font-size: 18px;
  }

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

  .contact .over-contact {
    flex-wrap: wrap;
  }

  .contact .over-contact .item {
    width: calc(50% - 15px);
  }

  .single-flex {
    text-align: center;
    flex-direction: column;
  }

  .single-flex img {
    width: 100%;
    max-width: 600px;
  }

  .single-flex .info-block .btns {
    margin: auto;
  }

  .category .flex .card{
      width: calc(50% - 20px);
    }

}

@media (max-width: 840px) {
  
}

@media (min-width: 758px) {
.gallery .photos .swiper-wrapper{
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  gap: 20px;
}


.gallery .photos .swiper-slide{
  display: block;
  width: calc(25% - 15px);
}

.gallery .photos a img{
  width: 100%;
  height: 200px;
  object-fit: cover;
}
}




@media (max-width: 758px) {
  .header__logo img {
    width: 67px;
    object-fit: cover;
    object-position: left;
  }

  .benefits__flex .item {
    width: 100%;
  }

  .help-block {
    flex-direction: column;
    gap: 40px;
  }

  .help-block .text {
    text-align: center;
    margin: auto;
  }

  .geo .ingeo {
    flex-direction: column;
    text-align: center;
  }

  .footer__end {
    flex-direction: column-reverse;
  }

  .footer__end a {
    margin-left: 0;
  }

  .gallery .photos a img{
  width: 100%;
  height: 350px;
  object-fit: cover;
  margin-bottom: 30px;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0;
}

.photos {
  margin: 40px 0;
}

.gallery {
  padding-bottom: 40px;
}

.about-why .grid .item {
  flex: 0 0 100% !important;
}
  
}
@media (max-width: 576px) {
  .header__logo {
    margin-right: 15px;
  }

  .hero__title {
    font-size: 30px;
  }

  .hero .desc {
    font-size: 20px;
  }

  .catalog h2, h2 {
    font-size: 25px;
  }

  .title-flex {
    flex-direction: column;
  }

  .title-flex .btn {
    margin: auto;
  }

  .geo .ingeo .text {
    font-size: 18px;
  }

  .geo .ingeo {
    padding: 25px;
  }

  .geo .ingeo .btn {
    width: auto;
  }

  .call .right {
    gap: 20px;
  }

  .call .right a{
    font-size: 20px;
  }

  .call .flex .line {
    flex-direction: column;
  }

  input {
    max-width: 100%;
  }
  
  .about-main .flex .left .desc {
    font-size: 14px;
  }

  .help-block .help-desc {
    font-size: 14px;
  }

  .help-block {
    padding: 15px;
  }

  .help-block img {
    height: auto;
  }

  .catalog h2 {
    margin: auto;
  }

  h3 {
    font-size: 18px;
  }

  .geo .map:after {
    left: 31%;
    font-size: 12px;
  }

  .header__container {
    margin-right: 65px;
  }


  header .btn {
    padding: 0;
    font-weight: 600;
    background: none;
    font-size: 14px;
    text-align: left;
  }

  .header-contact span {
    font-size: 13px;
  }

  .header__burger-btn {
    top: 15px
  }

  .header .social img {
    height: 35px;
  }

  .relative {
    max-width: 300px;
  }

  .callMe__text {
    font-size: 12px;
  }

  .about-page h1, .page h1 {
    font-size: 24px;
  }

   .page h2{
    font-size: 20px;
    }

  .about-page .desc {
    font-size: 16px;
}


.contact .over-contact .item {
    width: 100%;
  }

  .tag-navigation {
    gap: 20px;
  }

  .tag-navigation a{
      font-size: 13px;
  }

}

@media (max-width: 445px) {
 .call .right .list {
    flex-direction: column;
    margin-top: 20px
 }

 footer .item-3, footer .item-6 {
  font-size: 15px;
 }

  .catalog h2, h2 {
  font-size: 19px;
 }

 .about-main .flex .right .item .num {
  font-size: 18px;
 }

 .about-main .flex .right .item .num span {
  font-size: 23px;
 }

 .about-main .flex .right .item, .geo .desc {
  font-size: 14px;
 }

 

 footer .item-1 {
  width: 80px;
 }

 footer .item-2 {
  width: calc(100% - 115px);
 }

 .geo .map img {
  height: 225px;
 }

 .header .social {
    gap: 10px;
    margin-right: 10px;
 }

 .header {
  padding: 10px;
 }

 .header__burger-btn {
  padding: 11px 16px;
  width: 50px;
  height: 50px;
  right: 10px;
 }

 .header-contact span {
  font-size: 12px;
 }

  header .btn {
    font-size: 12px;
  }

  .hero .btn-info img {
    display: none;
  }

  .hero .start-block {
    font-size: 12px;
  }

  .category .flex .card {
    width: 100%;
  }
}

@media (max-width: 381px) {
    .geo .map:after {
        left: 28%;
    }

    .about-main .flex .right .item {
      font-size: 12px;
    }

    .benefits__flex .item .title-item {
      font-size: 14px;
    }

    .header-contact {
      display: none;
    }
}