@media (max-width: 1440px) {
  html {
    scroll-padding-top: 100px;
  }
  .container {
    max-width: 1376px;
  }

  .wp-block-uagb-container.container {
    max-width: 1376px !important;
  }

  header#masthead {
    max-width: 1376px;
  }

  .dropdown-menu-block {
    max-width: 1376px;
  }

  .hero-block {
    padding-top: 205px;
  }

  a.hero-button {
    margin-top: 0px;
  }

  .carousel-inner {
    padding-left: 12px;
  }

  .site-info-container {
    margin: 0 30px;
  }
}

@media (max-width: 1280px) {
  .container {
    max-width: 1220px;
  }

  .wp-block-uagb-container.container {
    max-width: 1220px !important;
  }

  header#masthead {
    max-width: 1220px;
  }

  .dropdown-menu-block {
    max-width: 1220px;
  }

  .hero-block {
    padding-top: 206px;
    padding-bottom: 40px;
  }

  .hero-block h1 {
    font-size: 62px;
  }

  .agence-top-container-item h2 {
    font-size: 40px;
  }

  .hero-wrapper {
    margin-top: 85px;
    gap: 0px;
  }

  a.hero-button {
    margin-top: 5px;
  }

  .title-block-item:last-child {
    width: 319px;
  }

  .hero-wrapper .hero-wrapper-item:last-child {
    flex: 0 0 31%;
  }

  .agence-top-container {
    grid-template-columns: 39% 61%;
  }

  .agence-bottom-container {
    margin-top: -7px;
  }

  .cases-block {
    margin-top: 105px;
  }

  .cases-block h2 {
    font-size: 40px;
  }

  .cases-block-card__image {
    top: 118px;
    left: 38px;
  }

  .cases-block-card:nth-child(3) img {
    top: 105px;
  }

  .cases-block-text-end {
    margin-top: 165px;
  }

  .cases-block-card {
    height: 372px !important;
  }

  .cases-block-title {
    margin-bottom: 0;
  }

  .cases-block-text {
    width: 90%;
  }

  img.case-card__img {
    height: 298px;
  }

  .process-block {
    margin-top: 115px;
  }

  .cases-archive__title {
    width: 85%;
  }

  .case-card__image-tag {
    font-size: 12px;
  }

  .blog-single-post {
    grid-template-columns: 1fr;
  }

  .post-thumbnail-desk {
    display: none;
  }

  .post-thumbnail-mobil {
    display: block;
  }

  .post-thumbnail-blog .wp-post-image {
    height: auto;
    width: 847px;
    margin-bottom: 60px;
  }

  .related-case-card__image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }

  .single-case .case-top-block::before {
    background-position: 167% 127%;
    background-size: 65%;
  }

  .single-case .case-top-block .left-block {
    max-width: 70%;
  }

  .single-case .case-top-block .right-block {
    max-width: 30%;
  }

  .hero-servises-grid {
    gap: 40px;
  }

  .outsourc-link {
    width: 375px;
    padding: 20px 15px;
    margin-top: 60px;
  }

  .outsourc-desc {
    line-height: 1.2;
  }

  .service-custom .carousel-inner {
    padding-left: 17px;
  }

  .process-block h2 {
    width: 30%;
    font-size: 40px;
  }

  .services-item-link {
    width: 100%;
  }

  .result-container-item h2 {
    font-size: 40px;
  }

  .result-block {
    margin-top: 145px;
  }

  .services-wrapper {
    grid-template-columns: 36% 62%;
    gap: 28px;
  }

  .services-rigth-item {
    align-items: center;
  }

  .image-container-2 {
    max-width: 318px;
  }

  .image-container-3 {
    max-width: 268px;
  }

  .image-container-4 {
    max-width: 293px;
  }

  .services-block,
  .services-archive {
    margin-top: 120px;
  }

  .services-rigth-title {
    font-size: 48px;
    flex: 0 0 360px;
  }

  .reviews-block {
    margin-top: 57px;
  }

  .review-link {
    margin-top: 44px;
  }

  .carousel-prev,
  .carousel-next {
    width: 34px;
    height: 36px;
  }

  .contact-form-title {
    font-size: 40px;
    margin-top: 34px;
  }

  .outsourc-block {
    margin-top: 155px;
  }

  .outsourc-container {
    display: grid;
    grid-template-columns: 56% 44%;
    gap: 15px;
  }

  .outsourc-container h2 {
    font-size: 40px;
  }

  .outsourc-item img {
    max-width: 90%;
  }

  .site-footer {
    margin-top: 173px;
  }

  .hours-block {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 1024px) {
  .wp-block-uagb-container {
    flex-wrap: wrap !important;
  }

  .wp-block-uagb-container {
    max-width: 100% !important;
  }

  .services-single .yoast-breadcrumbs {
    margin-bottom: 50px;
  }

  .fz-40 {
    font-size: 40px;
  }

  .container {
    max-width: 900px;
  }

  .wp-block-uagb-container.container {
    max-width: 900px !important;
  }

  header#masthead {
    max-width: 900px;
  }

  .dropdown-menu-block {
    max-width: 900px;
  }

  .main-navigation {
    display: none;
  }

  .dropdown-menu-navigation {
    margin-left: 50px;
  }

  .hero-block {
    padding-top: 150px;
  }

  .bottom-red {
    width: 200px;
  }

  .dropdown-menu-block.toggled {
    padding: 20px 25px 0 25px;
    gap: 10px;
  }

  .hero-block h1 {
    font-size: 48px;
    margin-bottom: 15px;
  }

  .title-block-container {
    position: relative;
    min-height: 550px;
  }

  .title-block-item:last-child {
    position: absolute;
    top: 172px;
    right: 0;
    width: 470px;
  }

  .hero-wrapper {
    flex-direction: row;
  }

  .case-hero-wrapper {
    min-height: 150px;
  }

  .hero-description-deck {
    display: none;
  }

  .hero-description-mobile {
    /* display: block; */
    margin-bottom: 40px;
  }

  .title-block-namber {
    margin-bottom: 25px;
  }

  .hero-slider.custom-slider {
    margin: 0 -5px;
    max-width: 582px;
  }

  .slider-container {
    height: 150px !important;
  }

  .slider-track {
    gap: 35px;
  }

  .slide {
    min-height: 150px;
  }

  .slider-prev,
  .slider-next {
    top: 80%;
  }

  .slider-prev {
    left: 472px;
  }

  .slider-next {
    right: 45px;
  }

  a.hero-button {
    margin-top: 0px;
  }

  .agence-block {
    margin-top: 45px;
  }

  .agence-top-container {
    grid-template-columns: 85% 15%;
  }

  .agence-top-container-item:first-child {
    display: none;
  }

  .agence-top-container-item h2 {
    font-size: 40px;
  }

  .agence-top-container-item p {
    width: 85%;
  }

  .agence-bottom-container {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-top: 40px;
  }

  .agence-bottom-card.card-one .agence-bottom-card-text {
    margin-top: 30px;
  }

  img.agence-bottom-team {
    width: 30%;
    margin-top: 0;
  }

  .cases-block-container {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  .cases-block-card:nth-child(1) {
    grid-column: auto;
  }

  .cases-block-card:nth-child(2) {
    grid-column: auto;
  }

  .cases-block-card:nth-child(3) {
    grid-column: auto;
  }

  .cases-block-card:nth-child(4) {
    grid-column: auto;
  }

  .cases-block-card:nth-child(5) {
    grid-column: auto;
  }

  .cases-block-text-end {
    margin-top: 195px;
  }

  .process-block h2 {
    font-size: 40px;
    width: 46%;
  }

  .result-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .result-container-item h2 {
    font-size: 40px;
    width: 60%;
  }

  .result-container-item:nth-child(1) {
    grid-column: span 2;
    align-items: flex-start;
    padding-left: 0;
  }

  .result-container-item:last-child {
    grid-column: span 2;
    display: flex;
    align-items: baseline;
    height: 300px;
  }

  .result-container-link {
    width: 40%;
  }

  .services-block {
    margin-top: 90px;
  }

  .services-wrapper {
    grid-template-columns: 1fr;
  }

  .outsourc-container h2 {
    font-size: 40px;
  }

  .site-info-container {
    margin: 0px 30px;
    gap: 20px;
  }

  .phone-block,
  .email-block {
    font-size: 18px;
  }

  .footer-navgation-nav a {
    font-size: 12px;
  }

  .footer-navgation-services ul li a {
    font-size: 12px;
  }

  .social-container {
    display: flex;
  }

  .page-header h1 {
    font-size: 40px;
    max-width: 85%;
  }

  .category-blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  #breadcrumbs {
    margin-bottom: 60px;
  }

  .related-posts__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .related-post-card:nth-child(3) {
    display: none;
  }

  .related-post-card__image {
    object-fit: contain;
  }

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

  .service-advantage-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .service-advantage-item:nth-child(1) {
    grid-column: span 2;
  }

  .service-advantage-item h2 {
    width: 60%;
  }

  .service-advantage-item:nth-child(6) {
    grid-column: span 2;
  }

  .service-advantage-item:nth-child(2),
  .service-advantage-item:nth-child(5),
  .service-advantage-item:nth-child(6) {
    background: #f3f4f8;
    color: #000;
  }

  .service-advantage-item:nth-child(3),
  .service-advantage-item:nth-child(4) {
    background: #d0002b;
    color: #fff;
  }

  .what-seo-title,
  .what-seo-desk {
    width: 100%;
  }

  .what-seo-grid {
    flex-direction: column;
    gap: 32px;
  }

  .what-seo-item:last-child {
    width: 60%;
  }

  .service-form .service-form-container {
    max-width: 850px;
  }

  .servise-form-grid input {
    min-width: 200px;
    padding-left: 22px;
  }

  .servise-form-grid p {
    margin: 0;
    padding: 0;
  }

  .b2b-grid {
    flex-direction: column;
    gap: 0px;
  }

  .b2b-item {
    width: 100%;
  }

  .b2b-block-content.deck {
    display: none;
  }

  .b2b-block-content.mobile {
    display: block;
    width: 60%;
  }

  .metod-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .range-services-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .services-item-link {
    width: 60%;
  }

  .articles-item:nth-child(2) {
    display: none;
  }

  .vacancy-meta {
    gap: 5px;
  }

  .vacancy-icon {
    margin-left: 10px;
  }

  .vacancy-content-inner .outsourc-link {
    width: 250px;
    margin-top: 5px;
  }

  .vacancy-meta-title {
    min-width: 800px;
  }

  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cases-block-card__image {
    height: 80%;
    top: 95px;
  }

  .cases-block-card:nth-child(3) img {
    left: 500px;
    width: 45%;
  }

  .cases-block-card:nth-child(4) .cases-block-card__image {
    height: auto;
    width: 100%;
  }
}

@media (max-width: 960px) {
  .wp-block-uagb-container.container {
    max-width: 900px !important;
  }
  .hero-block {
    padding-bottom: 15px;
  }

  .title-block-container {
    min-height: 383px;
  }

  p.hero-description {
    margin-bottom: 36px;
  }

  .title-block-content {
    max-width: 82%;
    padding: 7px 24px;
  }

  .hero-slider.custom-slider {
    max-width: 520px;
  }

  .slider-container {
    max-width: 520px;
  }

  .slider-track {
    gap: 67px;
  }

  .slide {
    min-height: 140px;
    width: calc(111% - 105px);
  }

  .slider-prev,
  .slider-next {
    top: 75%;
  }

  .slider-prev {
    left: 410px;
  }

  .case-hero-wrapper {
    min-height: 139px;
    width: 388px;
  }

  .agence-block {
    margin-top: 22px;
  }

  .agence-bottom-container {
    margin-top: 5px;
  }

  .agence-bottom-card {
    height: 265px;
  }

  .cases-block-card:nth-child(2) img {
    left: 136px;
  }

  .cases-block-card:nth-child(3) img {
    left: 462px;
    width: 53%;
    top: 45px;
  }

  .cases-block-card:nth-child(4) .cases-block-card__image {
    top: -30px;
  }

  .cases-block h2 {
    font-size: 32px;
  }

  .process-block {
    margin-top: 75px;
  }

  .result-block {
    margin-top: 82px;
  }

  .result-container-title {
    margin-top: 0;
  }

  .result-container-title-audit {
    font-size: 36px;
  }

  .result-container-link {
    width: 53%;
  }

  .outsourc-container {
    grid-template-columns: 56% 47%;
  }

  .outsourc-block {
    margin-top: 90px;
  }

  .outsourc-link {
    margin-top: 30px;
  }

  .outsourc-item img {
    max-width: 100%;
  }

  .site-footer {
    margin-top: 65px;
  }

  .site-info-container {
    margin: 0px 20px;
    gap: 0px;
  }
}

@media (max-width: 768px) {
  .container {
    max-width: 580px;
  }

  .wp-block-uagb-container.container {
    max-width: 580px !important;
  }

  header#masthead {
    max-width: 580px;
  }

  .dropdown-menu-block {
    max-width: 580px;
  }

  .dropdown-menu-block.toggled {
    flex-direction: column;
    width: 100%;
    top: 50px;
    left: -20px;
    background-color: #e5e5e5;
  }

  .dropdown-menu-double {
    flex-direction: row;
    position: relative;
    gap: 25px;
  }

  /* Класс для блокировки скролла body */
  body.menu-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  /* Само меню */
  .dropdown-menu-block {
    position: fixed;
    top: 0;
    left: -100%;
    /* Скрыто за экраном */
    width: 100%;
    height: auto;
    /* Вся высота экрана */
    background-color: #e5e5e5;
    z-index: 9999;
    transition: left 0.3s ease;
    overflow-y: auto;
    /* ВКЛЮЧАЕМ скролл внутри меню */
    -webkit-overflow-scrolling: touch;
    /* Плавный скролл на iOS */
  }

  /* Открытое меню */
  .dropdown-menu-block.toggled {
    left: 0;
    top: 0;
  }

  /* Контент меню */
  .dropdown-menu-block .dropdown-menu-item {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }

  .dropdown-menu-item p {
    font-size: 24px;
  }

  .dropdown-menu-container {
    display: grid;
    grid-template-columns: 55% 1fr;
    padding: 0 0 20px 0;
  }

  .dropdown-content a {
    font-size: 16px;
  }

  .company-content {
    font-size: 16px;
  }

  .cases-content li a {
    font-size: 16px;
  }

  .dropdown-content .sub-menu a {
    font-size: 12px;
  }

  .dropdown-menu-item a.phone-block,
  .dropdown-menu-item a.email-block {
    font-size: 20px;
  }

  .dropdown-menu-item-contacts-desk {
    display: none;
  }

  .dropdown-menu-item-contacts-mobile {
    display: block;
  }

  .dropdown-menu-item:nth-child(4) {
    display: block;
  }

  .dropdown-menu-double .dropdown-menu-close {
    order: 2;
    /* Оставляем посередине */
  }

  .dropdown-menu-double .site-branding {
    order: 1;
    /* Перемещаем в конец */
  }

  .dropdown-menu-double .bottom-red {
    order: 3;
    /* Перемещаем в начало */
  }

  .hero-block {
    padding-top: 110px;
    padding-bottom: 140px;
  }

  .title-block-container {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .hero-block h1 {
    width: 100%;
    margin-bottom: 15px;
    font-size: 40px;
  }

  .title-block-item:last-child {
    position: static;
    width: 100%;
    justify-content: flex-start;
  }

  .title-block-text {
    font-size: 12px;
  }

  .hero-description-container {
    padding-bottom: 10px;
  }

  .hero-description-container {
    padding-bottom: 0;
  }

  p.hero-description {
    margin-bottom: 5px;
    line-height: 1.2;
  }

  .hero-wrapper {
    margin-top: 20px;
  }

  .hero-description-mobile {
    margin-bottom: 30px;
  }

  .title-block-content {
    max-width: 100%;
    width: 100%;
  }

  .title-block-namber {
    line-height: 1.1;
  }

  a.hero-button {
    position: absolute;
    top: 545px;
    gap: 27px;
    padding: 15px 14px;
  }

  .slider-container {
    height: 200px !important;
  }

  .hero-slider.custom-slider {
    max-width: 400px;
  }

  .slide {
    width: calc(121% - 76px);
    min-height: 199px;
    padding: 5px 15px;
  }

  .slider-track {
    gap: 17px;
  }

  .slide p {
    width: 320px;
    line-height: 1.2;
    margin-top: 5px;
  }

  .slider-next {
    right: 305px;
  }

  .slider-prev {
    left: 30px;
  }

  .case-hero-wrapper {
    min-height: 80px;
  }

  .hero-wrapper .hero-wrapper-item:last-child img {
    width: 60px;
    height: auto;
  }

  .case-hero-title {
    font-size: 8px;
  }

  .case-hero-description {
    font-size: 12px;
  }

  .case-hero-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .hero-wrapper .hero-wrapper-item:last-child {
    flex: 0 0 33%;
  }

  .hero-wrapper .hero-wrapper-item:last-child img {
    max-width: fit-content;
    width: 116px;
    height: 96px;
  }

  .case-hero-title {
    font-size: 12px;
    font-weight: 400;
  }

  .case-hero-description {
    font-size: 16px;
  }

  .cases-block-card img {
    top: 150px;
    left: 30px;
  }

  .cases-block-card:nth-child(3) img {
    left: 276px;
    width: 60%;
    top: 105px;
  }

  .result-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .result-container-item:nth-child(1) {
    grid-column: auto;
  }

  .result-container-item:last-child {
    grid-column: auto;
  }

  .process-block h2 {
    width: 100%;
  }

  .result-block {
    margin-top: 90px;
  }

  .result-container-item h2 {
    width: 100%;
  }

  .result-container-link {
    width: 60%;
  }

  .services-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .services-wrapper {
    gap: 25px;
  }

  .services-rigth-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .services-rigth-title {
    flex: 0;
  }

  .services-rigth-tags {
    padding-top: 35px;
  }

  .contact-form {
    max-width: 500px;
  }

  .contact-form-title {
    font-size: 36px;
  }

  .form-input-grid input {
    width: 100%;
  }

  .form-input-grid {
    grid-template-columns: 1fr;
  }

  .outsourc-container {
    flex-direction: column-reverse;
  }

  .site-footer-desk {
    display: none;
  }

  .site-footer-mobile {
    display: block;
  }

  .site-info-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-col.footer-col-mobile {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .arda {
    margin: 0;
  }

  .site-info-container .menu li {
    padding-bottom: 0px;
  }

  .wp-block-spacer {
    height: 0 !important;
  }

  .cases-description p {
    width: 100%;
  }

  .cases-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  a.case-card {
    grid-column: span 1 !important;
  }

  .case-card--featured .case-card__title {
    font-size: 2rem;
  }

  .case-card__excerpt {
    width: 79%;
    line-height: 1.1;
  }

  .case-card__image-tag {
    font-size: 16px;
  }

  .case-card__title {
    line-height: 1.1;
  }

  .desktop-filter {
    display: none;
  }

  .mobile-filter {
    display: block;
  }

  .page-header h1 {
    max-width: max-content;
  }

  .post-thumbnail-blog .wp-post-image {
    height: auto;
    margin-bottom: 20px;
  }

  .blog-single-post .entry-footer__tags a {
    font-size: 12px;
  }

  .blog-single-content .entry-header h1 {
    font-size: 40px;
  }

  .footer-content {
    padding-right: 20px;
  }

  .custom-post-navigation .nav-previous,
  .custom-post-navigation .nav-next {
    max-width: max-content;
  }

  .custom-post-navigation a {
    flex-direction: column;
    align-items: baseline;
  }

  .custom-post-navigation .nav-next a {
    flex-direction: column-reverse;
  }

  .custom-post-navigation {
    padding-top: 40px;
  }

  .related-posts {
    margin: 0;
    padding: 0;
  }

  .related-posts__title {
    font-size: 40px;
  }

  .related-post-card__thumbnail {
    height: 170px;
  }

  .related-post-card__content {
    padding: 20px 0;
  }

  .entry-content {
    max-width: max-content;
  }

  .wp-block-uagb-container.uagb-block-524e06b9 {
    flex-direction: column;
  }

  .wp-block-uagb-container.uagb-is-root-container .uagb-block-e6c0753b {
    max-width: max-content;
  }

  .wp-block-uagb-container.uagb-is-root-container .uagb-block-c4ff7710 {
    max-width: max-content;
    padding-top: 80px;
  }

  .wp-block-heading {
    margin-top: 0;
  }

  .related-cases__grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .related-case-card__image img {
    height: 400px;
  }

  .single-case .case-top-block .left-block {
    max-width: 100%;
  }

  .single-case .case-top-block .right-block {
    max-width: 0%;
  }

  .single-case .case-top-block::before {
    background-position: 392% 104%;
    background-size: 90%;
  }

  .questions-title {
    font-size: 40px;
    width: 65%;
  }

  .accordion-trigger {
    padding: 15px 20px;
    font-size: 15px;
  }

  .accordion-content-inner {
    padding: 15px 20px;
  }

  .comparison-table {
    font-size: 14px;
  }

  .comparison-table th,
  .comparison-table td {
    padding: 8px;
  }

  .case-card--featured {
    min-height: 350px;
  }

  .case-card--featured .case-card__title a {
    font-size: 1.5rem;
  }

  .hero-servises-grid {
    align-items: start;
  }

  .service-custom h1 {
    font-size: 64px;
  }

  .service-advantage-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .service-advantage-item:nth-child(1) {
    grid-column: unset;
  }

  .service-advantage-item:nth-child(6) {
    grid-column: unset;
  }

  .service-advantage-item h2,
  .what-seo-title {
    width: 100%;
    font-size: 40px;
  }

  .what-seo-item:last-child {
    width: 100%;
  }

  .servise-form-grid {
    flex-direction: column;
  }

  .servise-form-grid input {
    width: 100%;
  }

  .service-form .service-form-container {
    max-width: 490px;
  }

  .servise-form-grid p {
    padding-bottom: 10px;
  }

  .custom-submit-wrapper p {
    margin: 0;
  }

  .service-form-title {
    font-size: 40px;
  }

  .b2b-block-content.mobile {
    width: 100%;
  }

  .metod-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .metod-item:nth-child(3),
  .metod-item:nth-child(4) {
    display: none;
  }

  .metod-service-title {
    font-size: 40px;
  }

  .metod-service .container {
    background-position: bottom;
  }

  .range-services-title {
    font-size: 40px;
    width: 70%;
  }

  .range-services-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .articles-container {
    flex-direction: column;
  }

  .service-advantage-item:nth-child(2),
  .service-advantage-item:nth-child(4),
  .service-advantage-item:nth-child(6) {
    background: #f3f4f8;
    color: #000;
  }

  .service-advantage-item:nth-child(3),
  .service-advantage-item:nth-child(5) {
    background: #d0002b;
    color: #fff;
  }

  .vacancy-title {
    font-size: 24px;
  }

  .vacancy-meta span {
    font-size: 12px;
  }

  .vacancy-meta-title {
    min-width: 80%;
    flex-direction: column;
    align-items: flex-start;
  }

  .vacancy-meta {
    margin-top: 10px;
  }

  .carousel-buttons {
    right: 0;
  }

  .single-service .servise-form-grid p {
    margin-top: 0;
    margin-bottom: 0;
  }

  h2.service-advantage-title-2 {
    width: 100%;
  }

  .hero-block-mobile {
    display: none;
  }

  .carousel-scroll-wrapper {
    height: auto;
  }
}

@media (max-width: 640px) {
  .wp-block-uagb-container.container {
    max-width: 580px !important;
  }

  .hero-block {
    padding-bottom: 131px;
  }

  .case-hero-wrapper {
    min-height: 80px;
    width: 190px;
  }

  .title-block-container {
    gap: 50px;
  }

  .hero-wrapper {
    margin-top: 15px;
    gap: 10px;
  }

  .hero-slider.custom-slider {
    max-width: 372px;
  }

  .slider-container {
    max-width: 372px;
  }

  .slider-track {
    gap: 186px;
  }

  .slide {
    width: calc(83% - 76px);
  }

  .slider-prev,
  .slider-next {
    top: 82%;
  }

  .slider-next {
    right: 277px;
  }

  .case-hero-wrapper {
    width: 215px;
    padding: 15px 18px 9px 18px;
  }

  a.hero-button {
    top: 553px;
    gap: 16px;
  }

  .agence-top-container-item h2 {
    font-size: 28px;
  }

  .agence-top-container-item p {
    width: 100%;
  }

  .process-block {
    margin-top: 58px;
  }

  .process-block h2 {
    font-size: 33px;
    width: 46%;
  }

  .result-block {
    margin-top: 55px;
  }

  .result-container-link {
    width: 75%;
  }

  .custom-submit-wrapper p {
    margin-top: 10px;
  }

  .outsourc-container {
    display: flex;
  }

  .outsourc-container .outsourc-item:last-child {
    padding-right: 156px;
  }

  .site-footer {
    margin-top: 78px;
  }

  .site-info-container {
    margin: 0px 32px;
    gap: 25px;
  }

  .social,
  .footer-col:nth-child(2),
  .footer-navgation-services,
  .footer-contacts,
  .social-container {
    padding-left: 0;
  }

  .footer-navgation-services ul li a {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .block_anchor_services {
    gap: 5px;
  }

  ul {
    font-size: 12px;
    margin: 0;
  }

  ol {
    font-size: 12px;
    margin: 0;
  }

  table {
    font-size: 12px;
    border-spacing: 0px;
    margin: 0;
  }

  td {
    border: 1px solid #1b1b1b;
  }

  tr {
    border: none;
  }

  .wp-block-uagb-container.container {
    max-width: 460px !important;
  }

  p {
    font-size: 12px;
  }

  .container {
    max-width: 440px;
  }

  header#masthead {
    max-width: 440px;
  }

  .dropdown-menu-block {
    max-width: 440px;
  }

  .hero-wrapper {
    margin-top: 10px;
  }

  .hero-block {
    display: none;
  }

  .hero-block-mobile {
    display: block;
    height: 80vh;
    background-image:
      linear-gradient(180deg, #0000004d), url(../img/hero-fone.gif);
    background-position:
      0 0,
      0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    padding-top: 115px;
    padding-bottom: 50px;
    color: #fff;
    z-index: 1;
    position: relative;
  }

  .case-hero-wrapper {
    flex-direction: row;
    align-items: center;
    min-height: 130px;
    gap: 10px;
  }

  p.hero-description {
    font-size: 12px;
  }

  .hero-wrapper .hero-wrapper-item:last-child {
    flex: 0 0 100%;
  }

  .case-hero-wrapper {
    min-height: 80px;
  }

  .case-hero-title {
    font-size: 8px;
  }

  .case-hero-description {
    font-size: 12px;
  }

  .hero-wrapper .hero-wrapper-item:last-child img {
    width: 52px;
    height: auto;
  }

  a.hero-button {
    top: 466px;
    font-size: 12px;
    justify-content: space-between;
    width: 100%;
  }

  .title-block-item-mobile {
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }

  .title-block-item:last-child {
    align-items: center;
  }

  .hero-block h1 {
    font-size: 32px;
  }

  .hero-description-mobile {
    font-size: 12px;
  }

  .hero-slider.custom-slider {
    max-width: 215px;
  }

  .slider-container {
    height: 200px !important;
  }

  .slide {
    width: calc(143% - 70px);
    min-height: 200px;
    padding: 10px 15px;
  }

  .slider-track {
    gap: 6px;
  }

  .slide span {
    font-size: 16px;
    font-weight: bold;
  }

  .slide p {
    font-size: 12px;
    width: 185px;
  }

  .slider-next {
    right: 130px;
  }

  .slider-prev {
    left: 22px;
  }

  .agence-top-container {
    grid-template-columns: 1fr;
  }

  .agence-top-container-item h2 {
    font-size: 24px;
  }

  .agence-top-container-item p {
    width: 100%;
    font-size: 12px;
  }

  .agence-bottom-card-title {
    font-size: 20px;
  }

  .agence-bottom-card-text {
    font-size: 12px;
  }

  img.agence-bottom-team {
    width: 50%;
  }

  h2 {
    font-size: 24px;
  }

  .cases-block-title {
    font-size: 20px;
  }

  .cases-block-text,
  .tags-grid-item {
    font-size: 12px;
  }

  .cases-block-text-end {
    font-size: 32px;
    margin-bottom: -20px;
  }

  .process-block h2 {
    font-size: 32px;
  }

  .process-card h3 {
    font-size: 20px;
  }

  .process-card p {
    font-size: 12px;
  }

  .result-container-item h2 {
    font-size: 32px;
  }

  .result-container-title {
    font-size: 20px;
  }

  .result-container-desc {
    font-size: 12px;
  }

  img.result-container-img {
    width: 80%;
  }

  .result-container-link {
    width: 100%;
  }

  .services-left h2 {
    font-size: 32px;
  }

  .services-archive__title {
    font-size: 32px;
  }

  .service-card__title {
    font-size: 24px;
  }

  p.services-left-desc {
    font-size: 12px;
  }

  .services-rigth-title {
    font-size: 24px;
  }

  .services-rigth-tag {
    font-size: 10px;
  }

  .reviews-block h2 {
    font-size: 32px;
  }

  .review-text {
    font-size: 12px;
  }

  .contact-form-title {
    font-size: 32px;
  }

  .contact-form-desc {
    font-size: 12px;
  }

  .contact-form {
    max-width: 365px;
  }

  .form-input-grid input {
    font-size: 12px;
  }

  .custom-file-button {
    font-size: 14px;
    font-weight: 400;
  }

  .outsourc-container h2 {
    font-size: 32px;
  }

  .outsourc-desc {
    font-size: 12px;
  }

  .outsourc-link {
    font-size: 12px;
    width: 377px;
  }

  .case-card__tag {
    font-size: 12px;
  }

  .case-card__image-tag {
    font-size: 12px;
  }

  .page-header h1 {
    font-size: 34px;
  }

  .blog-tags__list a {
    font-size: 12px;
  }

  .category-blog-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .entry-header h2,
  .entry-content {
    max-width: max-content;
  }

  .entry-blog-single .entry-footer__tags a {
    font-size: 12px;
  }

  .footer-content {
    padding-right: 0px;
    font-size: 12px;
  }

  .blog-single-post {
    padding: 20px;
  }

  h2.wp-block-heading {
    font-size: 40px !important;
  }

  .blog-single-content .entry-header h1 {
    font-size: 32px;
  }

  .custom-post-navigation .nav-links {
    flex-direction: column;
  }

  .custom-post-navigation a {
    flex-direction: column;
    align-items: center;
  }

  .custom-post-navigation .nav-thumbnail {
    width: 437px;
    height: 250px;
  }

  .comment-navigation .nav-next,
  .posts-navigation .nav-next,
  .post-navigation .nav-next {
    text-align: left;
  }

  .related-posts__grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .related-post-card__thumbnail {
    height: 270px;
  }

  .case-block-tags p {
    font-size: 12px;
  }

  p.has-medium-font-size {
    margin: 0;
  }

  .related-case-card__image img {
    height: 345px;
  }

  .single-case .gap-30 {
    row-gap: 30px !important;
  }

  .single-case .fz-16 {
    font-size: 16px !important;
  }

  .hero-servises-anchor-grid a {
    font-size: 12px;
  }

  .hero-servises-anchor-grid {
    flex-wrap: wrap;
  }

  .service-custom h1 {
    font-size: 36px;
  }

  .service-advantage-item h2,
  .what-seo-title {
    font-size: 24px;
  }

  .what-seo-item ul {
    font-size: 12px;
  }

  .service-form-title {
    font-size: 24px;
  }

  .service-form .service-form-container {
    max-width: 390px;
  }

  .metod-service-title {
    font-size: 24px;
  }

  .top-block-title {
    font-size: 18px;
  }

  .questions-title {
    font-size: 24px;
  }

  .accordion-title {
    font-size: 16px;
  }

  .accordion-content-inner ul {
    font-size: 12px;
  }

  .range-services-title {
    font-size: 24px;
  }

  .services-item-title,
  .articles-item-title {
    font-size: 20px;
    line-height: 1.1;
  }

  .vacancy-content-inner ul {
    font-size: 12px;
  }

  .related-case-card__excerpt {
    font-size: 12px;
  }

  .carousel-buttons {
    right: 0px;
  }

  .cases-block-card img {
    top: 178px;
    left: 20px;
    height: 60%;
  }

  .cases-block-card:nth-child(3) img {
    left: 185px;
    width: 80%;
    top: 150px;
  }

  .cases-block-card:nth-child(4) .cases-block-card__image {
    height: 100%;
    width: 100%;
  }

  .cases-block-card:nth-child(4) img {
    height: auto;
    top: 170px;
    left: 200px;
  }

  .hero-servises-excerpt {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 30px;
  }

  .container {
    max-width: 440px;
  }

  .wp-block-uagb-container.container {
    max-width: 440px !important;
  }

  .bottom-red {
    width: 155px;
    display: none;
  }

  .dropdown-menu-navigation {
    margin-left: 250px;
  }

  .dropdown-toggle {
    padding: 0;
  }

  header#masthead {
    max-width: 440px;
    padding: 13px 14px;
    top: 17px;
    align-items: end;
  }

  img.custom-logo {
    width: 119px;
    height: auto;
  }

  .dropdown-menu-block {
    max-width: 440px;
  }

  .hero-wrapper {
    gap: 5px;
  }

  .hero-slider.custom-slider {
    max-width: 215px;
  }

  .hero-block-mobile {
    height: 77vh;
    padding-top: 109px;
  }

  .title-block-container {
    gap: 5px;
  }

  .title-block-content {
    border-radius: 15px;
    padding: 20px 24px;
  }

  .title-block-namber {
    font-size: 48px;
  }

  .slider-container {
    height: 185px !important;
  }

  .slider-track {
    gap: 4px;
  }

  .slide {
    min-height: 185px;
    border-radius: 15px;
    width: calc(116% - 70px);
  }

  .agence-block {
    margin-top: 15px;
  }

  .agence-top-container-item h2 {
    margin-top: 0;
    margin-bottom: 17px;
  }

  .agence-bottom-card {
    height: 214px;
    border-radius: 15px;
  }

  .case-hero-wrapper {
    min-height: 80px;
    width: 100%;
    border-radius: 15px;
    padding: 10px 18px 9px 10px;
  }

  .cases-block {
    margin-top: 92px;
  }

  .cases-block-title {
    margin: 0;
  }

  .cases-block-card img {
    top: 100px;
    left: 20px;
    height: 74%;
  }

  .cases-block h2 {
    font-size: 24px;
  }

  .cases-block-card {
    height: 288px !important;
    border-radius: 15px;
    padding: 20px;
  }

  .cases-block-card:nth-child(2) img {
    left: 104px;
    top: 104px;
    height: 74%;
  }

  .cases-block-card:nth-child(3) img {
    left: 185px;
    width: 73%;
    top: 78px;
  }

  .cases-block-card:nth-child(5) {
    grid-column: auto;
    height: 195px !important;
  }

  .cases-block-card:nth-child(4) .cases-block-card__image {
    top: 0;
    height: auto;
  }

  .hero-wrapper .hero-wrapper-item:last-child img {
    width: 60px;
    height: auto;
  }

  a.hero-button {
    top: 400px;
  }

  .tags-grid-item {
    padding: 5px 8px;
  }

  .cases-block-text-end {
    margin-top: 45px;
  }

  .carousel-inner {
    padding-left: 0;
  }

  .process-card h3 {
    flex: 0;
    margin-top: 100px;
  }

  .footer-col.footer-col-mobile {
    gap: 100px;
  }

  .carousel-buttons {
    right: 4px;
  }

  .process-card {
    border-radius: 16px;
    min-width: 258px;
    max-height: 307px;
    min-height: auto;
  }

  .process-block h2 {
    line-height: 1;
    width: 70%;
    margin-bottom: 32px;
  }

  .card-number {
    font-size: 12px;
    width: 50px;
    padding: 4px 12px;
  }

  .result-block {
    margin-top: 50px;
  }

  .carousel-buttons {
    top: 522px;
    left: 7px;
    gap: 5px;
  }
}

@media (max-width: 430px) {
  .site-main {
    margin-top: 36px;
  }

  .container {
    max-width: 376px;
  }

  .dropdown-menu-container {
    grid-template-columns: 52% 1fr;
  }

  .dropdown-content {
    padding: 0;
  }

  .company-content {
    font-size: 14px;
  }

  .dropdown-content a {
    font-size: 14px;
  }

  .cases-content li a {
    font-size: 14px;
  }

  .dropdown-menu-item a.phone-block,
  .dropdown-menu-item a.email-block {
    font-size: 14px;
  }

  .dropdown-menu-item p.address-block {
    font-size: 11px;
  }

  .wp-block-uagb-container.container {
    max-width: 376px !important;
  }

  .carousel-buttons {
    right: 7px;
  }

  .wp-block-uagb-container.container {
    max-width: 376px !important;
  }

  h1.title-compamy {
    font-size: 32px !important;
    margin-bottom: 0;
  }

  h1.title-compamy span {
    font-size: 32px !important;
    height: 130px;
  }

  .hero-block-mobile {
    height: 71vh;
    padding-top: 84px;
  }

  .hero-block {
    padding-top: 110px;
  }

  header#masthead {
    max-width: 376px;
  }

  .dropdown-menu-navigation {
    margin-left: 140px;
  }

  .site-navigation-right {
    display: none;
  }

  .bottom-red {
    display: none;
  }

  .title-block-namber {
    font-size: 32px;
    margin-bottom: 15px;
  }

  .title-block-text {
    font-size: 8px;
  }

  .hero-slider.custom-slider {
    max-width: 187px;
  }

  .slider-container {
    height: 130px !important;
  }

  .slide {
    width: calc(147% - 65px);
    min-height: 130px;
  }

  .slider-track {
    gap: 6px;
    min-width: 187px;
  }

  .slide p {
    width: 135px;
    font-size: 8px;
  }

  .slide span {
    font-size: 14px;
    line-height: 1.1;
  }

  .slider-prev,
  .slider-next {
    top: 84%;
  }

  .slider-prev {
    left: 20px;
  }

  .slider-next {
    right: 105px;
  }

  .case-hero-wrapper {
    min-height: 70px;
  }

  .hero-wrapper .hero-wrapper-item:last-child img {
    width: 52px;
    height: auto;
  }

  .case-hero-title {
    font-size: 8px;
  }

  .case-hero-description {
    font-size: 12px;
  }

  a.hero-button {
    width: 100%;
    top: 400px;
    justify-content: space-between;
  }

  .outsourc-link {
    width: 100%;
    padding: 20px;
    border-radius: 40px;
  }

  .cases-archive__title {
    font-size: 24px;
  }

  .tag-filter-btn,
  .cases-description {
    font-size: 12px;
  }

  .cases-block-card {
    height: 290px !important;
  }

  .case-card--featured .case-card__title,
  .case-card__title {
    font-size: 20px;
  }

  .cases-block-card img {
    top: 170px;
    left: 28px;
    height: 50%;
  }

  .case-card__excerpt {
    font-size: 12px;
  }

  .custom-post-navigation .nav-thumbnail {
    width: 388px;
  }

  h2.wp-block-heading {
    font-size: 32px !important;
  }

  .single-case .fz-32 {
    font-size: 32px !important;
  }

  .single-case .fz-12 {
    font-size: 12px !important;
  }

  .related-cases__title {
    font-size: 40px;
    width: 100%;
  }

  .related-case-card__image img {
    height: 290px;
  }

  .case-block-tags p {
    font-size: 10px;
  }

  .questions-accordion {
    margin: 20px 15px;
  }

  .comparison-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .service-form .service-form-container {
    max-width: 310px;
  }

  .contact-form {
    max-width: 345px;
    padding: 20px 0;
  }

  .contact-form-title {
    font-size: 24px;
    margin-top: 15px;
  }

  .contact-form-desc {
    width: 100%;
  }

  .uagb-block-f601f7d4.wp-block-uagb-image .wp-block-uagb-image__figure img {
    width: 1440px;
    height: 300px;
  }
}

@media (max-width: 390px) {
  .container {
    max-width: 340px;
  }

  .wp-block-uagb-container.container {
    max-width: 340px !important;
  }

  .hero-block-mobile {
    height: 69vh;
  }

  .case-hero-wrapper {
    min-height: 75px;
  }

  .hero-wrapper .hero-wrapper-item:last-child img {
    width: 52px;
    height: auto;
  }

  header#masthead {
    max-width: 340px;
  }

  .dropdown-menu-block {
    max-width: 340px;
  }

  .hero-block {
    padding-top: 124px;
  }

  .carousel-buttons {
    right: 2px;
  }

  h2.wp-block-heading {
    font-size: 24px !important;
  }

  .dropdown-menu-block.toggled {
    flex-direction: column;
    width: 100%;
    top: 50px;
    left: 0px;
    background-color: #e5e5e5;
  }

  .dropdown-menu-double {
    flex-direction: column;
    position: relative;
    gap: 25px;
  }

  .dropdown-menu-double .dropdown-menu-close {
    order: 1;
    /* Оставляем посередине */
  }

  .dropdown-menu-double .site-branding {
    order: 2;
    /* Перемещаем в конец */
  }

  .dropdown-menu-double .bottom-red {
    order: 3;
    /* Перемещаем в начало */
  }

  .single-case {
    margin-top: 0;
  }

  .site-navigation-right {
    display: none;
  }

  .hero-slider.custom-slider {
    max-width: 175px;
  }

  .slider-container {
    height: 120px !important;
  }

  .slider-track {
    gap: 10px;
  }

  .slide {
    width: calc(150% - 68px);
    min-height: 120px;
  }

  .slider-prev,
  .slider-next {
    top: 85%;
    width: 24px;
    height: 24px;
  }

  .slider-prev {
    left: 17px;
  }

  .slider-next {
    right: 107px;
  }

  a.hero-button {
    width: 345px;
    justify-content: space-between;
    top: 405px;
  }

  .process-card h3 {
    flex: 0;
    margin-top: auto;
  }

  .cases-block-card:nth-child(1) {
    background-size: 70% !important;
  }

  .cases-block-card:nth-child(2) {
    background-position: 376% 126px !important;
  }

  .cases-block-card:nth-child(4) {
    background-size: 65% !important;
  }

  .cases-block-text-end {
    font-size: 22px;
  }

  .reviews-block,
  .services-block,
  .result-block,
  .process-block {
    margin-top: 65px;
  }

  .result-container-link {
    font-size: 12px;
  }

  .contact-form-block {
    margin-top: 65px;
  }

  .contact-form-title {
    font-size: 24px;
  }

  .contact-form {
    max-width: 300px;
  }

  .outsourc-link {
    width: 285px;
  }

  .outsourc-block {
    margin-top: 80px;
  }

  .site-footer {
    margin-top: 65px;
  }

  .footer-col.footer-col-mobile {
    flex-direction: column;
  }

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

  .blog-tags {
    margin-top: 30px;
  }

  .entry-header h2 {
    font-size: 20px;
  }

  .entry-content {
    font-size: 12px;
  }

  .custom-post-navigation .nav-thumbnail {
    width: 335px;
  }

  .related-posts__title {
    font-size: 32px;
    margin: 10px;
  }

  .related-post-card__tag {
    font-size: 12px;
  }

  .related-post-card__thumbnail {
    height: 210px;
  }

  .fz-24 {
    font-size: 24px !important;
  }

  .nav-previous a {
    font-size: 12px;
  }

  .nav-next a {
    font-size: 12px;
  }

  .single-case .case-top-block {
    padding-top: 20px;
    padding-bottom: 0px;
  }

  .single-case .case-block-tags {
    padding-top: 30px;
  }

  .case-top-block p {
    margin: 0;
  }

  .single-case .mt-20 {
    margin-top: 20px !important;
  }
}

@media (max-width: 375px) {
  .container {
    max-width: 346px;
  }

  .wp-block-uagb-container.container {
    max-width: 346px !important;
  }

  .hero-block-mobile {
    min-height: 80vh;
  }

  h1 {
    font-size: 32px;
    letter-spacing: -5%;
    margin: 25px 0;
  }

  header#masthead {
    max-width: 346px;
  }

  .dropdown-menu-block {
    max-width: 346px;
  }

  .hero-slider.custom-slider {
    max-width: 165px;
  }

  .title-block-content {
    padding: 20px 18px;
  }

  .title-block-namber {
    margin-bottom: 30px;
  }

  .slider-container {
    height: 145px !important;
  }

  .slider-track {
    gap: 6px;
  }

  .slide {
    width: calc(115% - 66px);
    min-height: 145px;
    padding: 10px 10px;
  }

  .slide p {
    font-size: 10px;
    width: 135px;
  }

  .slider-prev,
  .slider-next {
    top: 88%;
    width: 25px;
    height: 26px;
  }

  .slider-prev {
    left: 13px;
  }

  .slider-next {
    right: 98px;
  }

  .case-hero-title {
    font-size: 8px;
  }

  .case-hero-description {
    font-size: 12px;
  }

  a.hero-button {
    width: 100%;
    top: 455px;
  }

  .agence-block {
    margin-top: 45px;
  }

  .cases-block {
    margin-top: 54px;
  }

  .cases-block h2 {
    margin-bottom: 5px;
  }

  .cases-block-card img {
    top: 136px;
    left: 19px;
    height: 64%;
  }

  .cases-block-card:nth-child(3) img {
    left: 114px;
    width: 73%;
    top: 94px;
  }

  .cases-block-card:nth-child(4) .cases-block-card__image {
    top: 0px;
    height: 100%;
  }

  .agence-bottom-card {
    padding: 8px 18px;
  }

  .outsourc-link {
    width: 100%;
  }

  .custom-post-navigation .nav-thumbnail {
    width: 315px;
  }

  .related-case-card__image img {
    height: 230px;
  }

  .process-block {
    margin-top: 40px;
  }

  .result-block {
    margin-top: 35px;
  }

  .result-container-item h2 {
    font-size: 24px;
  }

  .process-block h2 {
    font-size: 24px;
  }

  .process-card {
    max-height: 330px;
  }

  .process-card h3 {
    flex: 0;
    margin-top: 127px;
  }

  .carousel-scroll-wrapper {
    margin-top: 50px;
  }
}