@media (max-width: 1024px) {
  .service-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1250px) {
  body.lock {
    overflow: hidden; /* Блок скрола*/
  }
  .header__body {
    height: 50px;
  }
  .header__burger {
    display: block;
    position: relative;
    width: 30px;
    height: 20px;
    z-index: 22;
  }

  .header__burger:before,
  .header__burger:after {
    content: '';
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0px;
    transition: all 0.3s ease 0s;
  }

  .header__burger:before {
    top: 0;
  }

  .header__burger:after {
    bottom: 0;
  }

  .header__burger span {
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0px;
    top: 9px;
    transition: all 0.3s ease 0s;
  }

  .header__burger.active span {
    transform: scale(0);
  }

  .header__burger.active:before {
    transform: rotate(45deg);
    top: 9px;
  }

  .header__burger.active:after {
    transform: rotate(-45deg);
    bottom: 9px;
  }

  .header__menu {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #3c4043;
    padding: 70px 10px 20px 10px;
    top: -120%;
    transition: all 0.3s ease 0s;
  }

  .header__menu.active {
    top: 0;
    transition: all 0.3s ease 0s;
    z-index: 1;
    flex-direction: column;
    padding-top: 30%;
  }
  .header__links {
    gap: 25px;
    flex-direction: column;
    margin-top: 30px;
  }

  .header__list {
    display: block;
  }

  .header__list li {
    margin: 0px 0px 20px 0px;
  }
  .header__img-wrap {
    display: none;
  }
  /*service*/
  .service-cards {
    grid-template-columns: 1fr;
  }
  .service-card p {
    max-width: 500px;
    font-size: 18px;
  }
  /* about */
  .about__wrap {
    flex-direction: column;
  }
  .about__right,
  .about__text,
  .about__imgs {
    max-width: 100%;
  }
	.about__right {
	  margin-top:10px;
      gap:10px;
	}

  .about__img {
    width:100%;
    height: 400px;
    object-fit: cover;
  }
  .about__imgs  {
	gap:10px;
    margin-top:0;
  }
	.about__imgs a {
		flex:1;
	}
	.about__right>a{ 
	display:none;}
	
  .about__imgs-mob {
	display:flex;
	justify-content:center;
  }
  .about__video-inner {		
    justify-content:center;
	margin-bottom: 0px;
  }
  .about__imgs-desctop {
	display:none;
  }
  .about__right-img {
    display: none;
  }

  /* city */
  .city {
    height: auto;
  }
  .city__wrap {
    flex-direction: column-reverse;
    padding: 50px 0;
    gap: 30px;
  }
  .city__content {
    width: 100%;
    max-width: 100%;
  }
  .city__wrap-img {
    max-width: 90%;
    width: 100%;
  }
  /*  feedback*/
  .feedback__text {
    font-size: 14px;
  }
  .feedback__item {
    padding: 20px;
  }
  /* footer */
  .footer__wrap {
    display: flex;
    flex-direction: column;
  }
  .footer__img {
    max-width: 235px;
  }
  .footer__wrap {
    gap: 20px;
  }
  .footer__form {
    width: 100%;
  }
}

@media (max-width: 800px) {
  /* global */
  section {
    margin-top: 50px;
  }
  /* header */
  .header__country {
    display: none;
  }
  .header__name {
    font-size: 23px;
  }
  .header__left-wrap {
    flex-direction: column;
    gap: 15px;
    align-items: baseline;
  }
  .title,
  .title__h2,
  .about__title,
  .city__title {
    font-size: 35px;
  }
  .badge {
    font-size: 14px;
  }
  .header__btns {
    flex-wrap: wrap;
  }

  .service-card h3 {
    font-size: 25px;
  }
  .service-card p {
    font-size: 16px;
  }
  /* about */
  .about__name h3 {
    font-size: 20px;
  }

  .about__inner {
    flex-direction: column;
    gap: 25px;
  }
  .about__img {
	max-height:250px;
	min-height:165px;
	object-fit:cover;
	height:100%;
  }
  /* work */
  .work__arrows-right,
  .feedback__arrows-right {
    right: 5px;
  }
}

@media (max-width: 500px) {
  .work__wrap-swiper,
  .title__feadback {
    margin-bottom: 10px;
  }

  .footer__form {
    padding: 20px;
  }
  .footer__links .social-icons {
    justify-content: center;
  }
	.about__img {
		max-height:125px;
	}
}