@media (max-width: 1600px) {
  :root {
    --fz140: 120px;
    --fz52: 48px;
    --fz40: 38px;
    --fz36: 34px;
    --fz32: 30px;
    --fz24: 22px;
  }
  .openMenu .usl_menu {
    max-height: calc(100vh - 150px);
  }
}
@media (max-width: 1440px) {
  :root {
    --borrad16: 14px;
    --borrad12: 10px;
    --borrad20: 16px;
    --borrad30: 22px;
    --borrad60: 44px;
    --gap: 16px;
    --pad: 24px;
  }
  .block-d,
  section > *,
  main section,
  aside section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .main_ban {
    padding-bottom: 75px;
  }
  .video_sliders__full {
    margin-bottom: 0;
  }
  .video_sliders__shorts {
    padding: 0;
  }
  .usl_block__name {
    margin-bottom: 18px;
  }
  .awards_block__item {
    flex: 0 0 290px;
  }
  .footer_block-menusl {
    max-width: 848px;
  }
  .footerusl {
    gap: 30px 10px;
  }
  .footer_block-logo {
    max-width: 400px;
  }
  .footer_block-title {
    max-width: 590px;
  }
  .footer_block-conatcs {
    max-width: 380px;
  }
  .footer_block-conatcs > .flex > div {
    margin-right: 23px;
  }
  .footer_block-conatcs > .flex {
    flex-wrap: wrap;
  }
  footer {
    padding-top: 48px;
    padding-bottom: 55px;
  }
  ._toolbar-show header ul#top-menu {
    bottom: 5px;
    left: 185px;
  }
  .keyses_main__aside .mt-60 {
    margin-top: 48px;
  }
  .id_keyses__img {
    padding-top: 0;
    padding-bottom: 0;
  }
  .tl-content-wrap {
    padding-left: calc((100vw - (100% - 60px)) / 2);
  }
  .service_list li:nth-of-type(3),
  .service_list li:nth-of-type(4),
  .service_list li:nth-of-type(5) {
    width: auto;
  }
  .wheel-modal__person {
    bottom: -36px;
  }
  .wheel-modal__person img {
    height: auto;
    width: 38vw;
  }
}
@media (max-width: 1280px) {
  :root {
    --fz140: 64px;
    --fz52: 40px;
    --fz40: 32px;
    --fz36: 36px;
    --fz32: 24px;
    --fz24: 18px;
    --fz18: 16px;
    --fz16: 14px;
    --fz14: 14px;
    --fz12: 12px;
    --borrad16: 16px;
    --borrad12: 12px;
    --borrad20: 16px;
    --borrad30: 16px;
    --borrad60: 24px;
  }
  .header_top__block {
    gap: 15px;
  }
  .regal_slider_wrapper {
    display: none;
  }
  ._toolbar-show header ul#top-menu {
    left: 170px;
    max-width: 555px;
  }
  .main_ban h1 {
    margin-bottom: 30px;
  }
  .main_ban p.big-text {
    margin-bottom: 33px;
  }
  .video_sliders__tags .tags_list {
    margin-bottom: 0;
  }
  .question__item {
    max-width: calc((100% / 3) - var(--gap) / 1.5);
  }
  .question__item-14,
  .question__item-19 {
    max-width: max-content;
  }
  .about__flex {
    align-items: center;
  }
  .about__item {
    flex: 1 1 100px;
  }
  .keyses_main__aside {
    flex: 0 0 315px;
  }
  .footer_block-conatcs {
    max-width: 50%;
    order: 1;
    margin-right: auto;
  }
  .footer_block-call {
    max-width: 267px;
    order: 2;
    align-items: flex-start;
  }
  footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .footer_block-logo,
  .footer_block-menu,
  .footer_block-title,
  .footer_block-menusl {
    max-width: 100%;
  }
  .footer_block-logo {
    text-align: center;
    order: -1;
    margin: 0;
    margin-bottom: 25px;
  }
  .footer_block-menu {
    margin-bottom: 25px;
  }
  .footer_block-title {
    text-align: center;
  }
  .step-circle.active {
    transform: scale(1.3);
  }
  .u_ban {
    min-height: 450px;
  }
  .usl_card__item {
    max-width: calc((100% / 3) - var(--gap) + (var(--gap) / 3));
  }
  .steps-inner {
    padding-left: 150px;
  }
  .usl_incl__slider,
  .usl_cl__slider {
    padding-left: 15px;
    padding-top: 0;
  }
  .form_main-usl:after {
    max-height: 110%;
    right: 0;
  }
  .form_main-usl h2 {
    font-size: 62px;
  }
  .blogs_item__images {
    flex: 0 0 320px;
  }
  .blogs_item {
    min-height: 220px;
  }
  .result_keys__list li {
    height: 165px;
  }
  .result_keys__list ul {
    margin-top: -15px;
  }
  .works_keys__number {
    margin-bottom: 30px;
  }
  .video_keys a {
    padding: 0;
  }
  .wheel-modal__person,
  .wheel-modal__text br,
  .wheel-modal__text h2 br {
    display: none;
  }
  .wheel-modal__content {
    grid-template-columns: calc(100% - 430px) minmax(0, 1fr);
  }
  .wheel-modal__text {
    max-width: none;
  }
  .wheel-modal__left {
    align-self: center;
  }
  .support-comparison {
    padding: 35px;
  }
  .support-comparison__timeline {
    grid-template-columns: 200px minmax(850px, 1fr);
  }
  .support-comparison {
    overflow-x: hidden;
  }
  .support-comparison__timeline {
    overflow-x: auto;
    padding-bottom: 10px;
  }
  .support-comparison__benefits {
    grid-template-columns: 1fr 1fr;
  }
  .footerusl > li:first-child{
    max-width: none;
  }
  .usl_menu__list .usl_block__item:first-child {
    max-width: 100%;
  }
  .footerusl > li:first-child ul, .usl_menu__list .usl_block__item:first-child ul{
    grid-template-columns: repeat(3, 1fr);
  }
  ._upper-show header ul#top-menu{
    max-width: 50%;
    transform: translateY(-10%);
  }
}
@media (max-width: 1023px) {
  .header_nav li a[first-nav] {
    padding-left: 40px;
  }
  .header_nav li a[first-nav]:after,
  .header_nav li a[first-nav]:before {
    width: 30px;
  }
  .header_nav li a.open[first-nav]:before {
    transform: rotate(-45deg) translate(0px, 8px);
  }
  .header_nav li a.open[first-nav]:after {
    transform: rotate(45deg) translate(3px, -6px);
  }
  ._toolbar-show .header_top__call {
    display: none;
  }
  ._toolbar-show header ul#top-menu {
    bottom: 0;
  }
  .header_nav li a {
    padding-bottom: 23px;
  }
  .header_nav li a[first-nav]:after {
    bottom: 26px;
  }
  .usl_menu {
    padding-top: 15px;
  }
  .openMenu .usl_menu {
    max-height: 76vh;
    overflow: auto;
  }
  .usl_menu__list .usl_block__item {
    max-width: calc(100% / 3 - var(--gap));
  }
  .usl_menu__list .usl_block__item-2 {
    max-width: 100%;
  }
  .usl_menu__list .usl_block__item-2 ul {
    grid-template-columns: repeat(3, 1fr);
  }
  .menu_usl__title {
    margin-bottom: 20px;
    margin-top: -123px;
  }
  .video_sliders__full,
  .video_sliders__shorts {
    margin-left: 0px;
    width: 100%;
    padding-left: 15px;
  }
  .video_item,
  .video_sliders__full .swiper-slide {
    min-width: 314px;
    flex: 0 0 314px;
  }
  .video_sliders__shorts .swiper-slide,
  .video_sliders__shorts .video_item {
    min-width: 153px;
    flex: 0 0 153px;
  }
  h2,
  .h2 {
    margin-bottom: 22px;
  }
  .usl_block__list {
    column-count: 2;
  }
  .usl_block__item {
    margin-bottom: 16px;
  }
  .keyses_main__wrap,
  .about__flex,
  .form_main__flex {
    flex-direction: column;
  }
  .keyses_main__aside {
    position: unset;
  }
  .price_block__list {
    overflow: auto;
    padding-bottom: 15px;
  }
  .price_block__item {
    width: 314px;
  }
  .price_block__item_text ul {
    margin-bottom: 28px;
  }
  .about__flex ._mw2,
  .form_main__flex ._mw2,
  .form_usl__flex {
    max-width: 100% !important;
    width: 100%;
  }
  .form_main__flex ._w2 {
    width: 100% !important;
  }
  .about__flex h2 {
    margin-bottom: 257px;
  }
  .about__video {
    position: absolute;
    left: 15px;
    top: 60px;
    width: 358px;
  }
  .about__video .btn-play, .video_keys .btn-play {
    width: 40px;
    height: 45px;
    font-size: 0;
  }
  .awards_block__item {
    flex: 1 1 30%;
  }
  .keyses_main__aside {
    flex: auto;
  }
  .usl_thems__list {
    grid-template-columns: repeat(4, 1fr);
  }
  .u_ban {
    min-height: 350px;
  }
  .u_underban__list,
  .form_usl__content {
    flex-wrap: wrap;
  }
  .u_underban__item {
    flex: 1 1 calc(100% / 4);
  }
  .usl_card__list,
  .service_list {
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 5px;
    margin-left: -15px;
    padding-left: 15px;
    width: calc(100% + 30px);
    gap: 0;
  }
  .usl_card__item,
  .usl_cardSite .usl_card__item,
  .service_list li {
    max-width: 314px;
    flex: 0 0 314px;
    margin-right: 16px;
  }
  .step-circle {
    flex: 0 0 55px;
    height: 55px;
    font-size: 20px;
  }
  .usl_incl__slider .swiper-slide {
    padding-right: 16px;
  }
  .us_video .about__video {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    max-width: 100%;
  }
  .accord__block:not(:last-of-type) {
    margin-bottom: 16px;
  }
  .form_main-usl h2 {
    font-size: 40px;
  }
  .form_main-usl .form_main__text {
    font-size: 18px;
  }
  .form_main-usl:after {
    max-height: 250px;
    right: 0;
    width: 250px;
    top: 40px;
    transform: translateY(0);
  }
  .contacts_list {
    grid-template-columns: repeat(2, 1fr);
  }
  .tags_list {
    overflow: auto;
    flex-wrap: nowrap;
  }
  .usl_block__item .tags_list {
    flex-wrap: wrap;
  }
  .site_keyses__mob_text {
    display: block;
  }
  .keyses_main__aside .btn,
  .keyses_main__aside .site_keyses__text {
    display: none;
  }
  .keyses_main__aside .tags_list,
  .blogs_list__pop,
  .site_clause .tags_list {
    flex-wrap: nowrap;
    margin-left: -15px;
    max-width: 100vw;
    padding-left: 15px;
    padding-bottom: 10px;
    margin-bottom: 14px;
    flex-direction: row;
    overflow: auto;
  }
  .keyses_main__aside .tags_list li:not(.tags_item),
  .keyses_main__aside .tags_list label:not(.tags_item) {
    flex: 1 0 auto;
  }
  .keyses_main__aside .tags_list label {
    text-align: center;
  }
  .blogs_site__aside {
    order: -1;
  }
  .blogs_site .keyses_main__aside .mt-60 {
    margin-top: 32px;
  }
  .blogs_site__aside .tags_item,
  .blogs_list__pop li,
  .site_clause .tags_list .tags_item {
    flex: 0 0 auto;
  }
  .date-d,
  .site_clause h1,
  .site_clause .tags_list {
    margin-bottom: 16px;
  }
  .site_clause {
    padding-bottom: 0;
  }
  .result_keys__list ul {
    margin-top: -15px;
  }
  .result_keys__list li {
    height: 155px;
  }
  .result_keys__list li strong,
  .result_keys__list li b {
    font-size: 36px;
  }
  .start_keys__list {
    grid-template-columns: repeat(1, 1fr);
  }
  .tl-content-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  .tl-content-text:has(.active) {
    max-width: 90vw;
  }
  .befaf_button {
    background-size: contain;
    top: -35px;
  }
  .befaf_imgs {
    height: calc(72vw / 1.1);
    width: 72vw;
    transform: translateX(8px);
  }
  .befaf_img {
    height: calc(72vw / 1.68);
  }
  .befaf_img img {
    width: 72vw;
  }
  .usl_list_number__item,
  .usl_razr__item {
    flex: 1 0 calc(100% / 2 - var(--gap));
  }
  .usl_cardSite .usl_card__item .usl_card__title {
    font-size: 24px;
  }
  .service_list {
    display: flex;
  }
  .service_list {
    align-items: flex-start;
  }
  .robo_ban__img {
    display: none;
  }
  .robo_ban__text {
    margin-left: 0;
  }
  .robo_ban {
    min-height: 0;
  }
  .ai_table table th,
  .ai_table table td {
    padding: 15px 20px;
  }
  .ai_table table th span {
    padding: 7px 15px;
    right: 10px;
    top: 10px;
    font-size: 12px;
  }
  .ai_table .check::before,
  .ai_table .none::before,
  .ai_table .warn::before {
    left: 20px;
  }
  .ai_table .check,
  .ai_table .none,
  .ai_table .warn {
    padding-left: 60px;
  }
  .usl_card-3c .usl_card__list {
    padding-top: 20px;
  }
  .usl_card-3c .usl_card__rec {
    right: 15px;
    font-size: 14px;
    padding: 10px 15px;
  }
  ._upper-show header .socnets-d{
    display: none;
  }
}

@media (max-width: 767px) {
  :root {
    --fz52: 40px;
  }
  .keyses_main__item_img-desc,
  header .header_top__block,
  .usl_menu__list .usl_block__item .usl_block__name img,
  ul#top-menu li:first-of-type,
  .menu_usl ._w2:first-of-type,
  .usl_incl-9 .slider_nav,
  .usl_cl__slider-7,
  .tl_keys .slider_nav,
  .usl_cl .container > p br {
    display: none;
  }
  .keyses_main__item_img-mob {
    display: block;
  }
  ul#top-menu {
    flex-direction: column;
    align-items: flex-start;
  }

  header .logo {
    width: 90px;
  }
  .header_top {
    padding: 5px 0;
  }
  .ham {
    display: inline-block !important;
    width: 50px;
    height: 50px;
    position: relative;
  }
  .ham span:first-of-type,
  .ham span:last-of-type {
    position: absolute;
    height: 3px;
    border-radius: 6px;
    background-color: var(--accent-color-1);
    left: 0;
    width: 50px;
    transition: 0.3s;
  }
  .ham span:first-of-type {
    top: 19px;
  }
  .ham span:last-of-type {
    bottom: 20px;
  }
  .ham.open span:first-of-type {
    top: 0;
    transform: rotate(-45deg) translate(-14px, 16px);
  }
  .ham.open span:last-of-type {
    transform: rotate(45deg) translate(-17px, -18px);
    bottom: 0px;
  }
  .usl_menu {
    /* padding-top: 48px; */
  }
  .openMenu .usl_menu {
    max-height: calc(100vh - 60px);
    padding-top: 48px;
  }
  .usl_menu__list .usl_block__item {
    max-width: 100%;
  }
  .usl_menu__list .usl_block__item-2 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  ul#top-menu {
    gap: 20px;
    margin-bottom: 35px;
    font-size: 16px;
  }
  ul#top-menu li,
  ul#top-menu li a {
    width: 100%;
    display: block;
  }
  .usl_menu h3 {
    font-size: 32px;
    color: var(--accent-color-1);
    margin-bottom: 26px;
  }
  .usl_menu__list .usl_block__item ul,
  .footerusl li ul {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: 0.3s;
  }
  .usl_menu__list .usl_block__name,
  .footerusl > li > a {
    margin-bottom: 10px;
    font-size: 16px;
    color: var(--black) !important;
    position: relative;
  }
  .usl_menu__list .usl_block__name span,
  .footerusl > li > a span {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 2px;
    transition: 0.3s;
  }
  .usl_menu__list .usl_block__name span:after,
  .usl_menu__list .usl_block__name span:before,
  .footerusl > li > a span:after,
  .footerusl > li > a span:before {
    content: "";
    position: absolute;
    right: 0;
    background-color: var(--black);
    transition: 0.3s;
    border-radius: 4px;
  }
  .usl_menu__list .usl_block__name span:after,
  .footerusl > li > a span:after {
    top: 0px;
    bottom: 0;
    width: 2px;
    right: 5px;
  }
  .usl_menu__list .usl_block__name span:before,
  .footerusl > li > a span:before {
    height: 2px;
    left: 0;
    right: 0;
    top: 5px;
  }
  .usl_block__name.open span,
  .footerusl > li > a.open span {
    transform: rotate(45deg);
  }
  .usl_menu__list .usl_block__name.open span:after,
  .usl_menu__list .usl_block__name.open span:before,
  .footerusl > li > a.open span:after,
  .footerusl > li > a.open span:before {
    background-color: var(--accent-color-1);
  }
  .usl_menu__list .usl_block__name.open ~ ul,
  .footerusl li .open ~ ul {
    max-height: none;
    opacity: 1;
  }
  .usl_menu__list .usl_block__item ul li a {
    color: var(--black-70);
    width: 100%;
  }
  .main_ban {
    padding-bottom: 240px;
  }
  .main_ban .btn-play {
    left: 50%;
    bottom: -40px;
    width: 84px;
    height: 94px;
    transform: translate(-50%, 100%);
  }
  ._w2,
  ._mw2 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .main_ban ul {
    gap: var(--gap);
    justify-content: center;
  }
  .menu_usl__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .menu_usl__item a {
    font-size: 16px;
  }
  .video_sliders__tags .tags_list {
    flex-wrap: wrap;
  }
  .video_sliders,
  .works_keys,
  .usl_incl.text_keys {
    position: relative;
    padding-bottom: 70px;
  }
  .video_sliders .container,
  .clients_block .container,
  .usl_cl .container,
  .works_keys .container,
  .usl_incl.text_keys .container {
    position: unset;
  }
  .slider_nav {
    top: auto;
    transform: translateY(0%);
    bottom: 24px;
  }
  .usl_block__list {
    column-count: 1;
  }
  .quize_subtitle {
    margin-bottom: 95px;
    margin-top: -14px;
  }
  .quiz__header {
    top: 150px;
  }
  .question__item {
    max-width: calc((100% / 2) - var(--gap) / 2);
  }
  .question__item label {
    min-height: 84px;
    padding: 16px 13px;
  }
  form label:has(input[type="checkbox"]:checked)::after,
  form label:has(input[type="radio"]:checked)::after {
    top: 22px;
  }
  .question__item-14,
  .question__item-19 {
    max-width: 100%;
  }
  .question__item-14 label,
  .question__item-19 label {
    padding: 0;
    min-height: auto;
  }
  .question__box_grid {
    display: flex;
    flex-direction: column;
  }
  .keyses_main__aside .tags_list,
  .price_block .tags_list {
    flex-wrap: nowrap;
    margin-left: -15px;
    max-width: 100vw;
    padding-left: 15px;
    padding-bottom: 10px;
    margin-bottom: 14px;
    /* gap: 0; */
  }
  .keyses_main__aside .tags_list li,
  .keyses_main__aside .tags_list label {
    /* flex: 1 0 auto; */
    /* margin-right: 16px; */
  }
  .keyses_main__list {
    flex-direction: row;
    overflow: auto;
    margin-left: -15px;
    max-width: 100vw;
    padding-left: 15px;
    padding-bottom: 10px;
  }
  .keyses_main__item {
    min-height: 769px;
    flex: 0 0 314px;
    flex-direction: column;
  }
  .keyses_main__content ._rtext {
    padding-right: 15px;
  }
  .keyses_main__content ._rtext .btn {
    width: 100%;
  }
  .clients_block,
  .usl_cl {
    position: relative;
  }
  .price_block__item_text p:first-of-type {
    margin-bottom: 24px;
  }
  .about__item {
    flex: 0 0 calc(50% - var(--gap) / 2);
  }
  .about__item__text {
    font-weight: 700;
  }
  .form_wrap .field-d,
  .usl_cl p {
    max-width: 100%;
  }
  .footer_menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-size: 16px;
    gap: 24px;
  }
  .footer_block-title {
    text-align: left;
  }
  .footer_block-menusl {
    margin-top: 23px;
  }
  .footerusl {
    gap: 15px;
  }
  .footerusl > li {
    max-width: 100%;
  }
  .footerusl > li > a {
    width: 100%;
    display: block;
  }
  .footer_block-conatcs {
    max-width: 100%;
  }
  .footer_block-copyright {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .footer_block-call {
    max-width: 100%;
  }
  .u_ban h1 {
    font-size: 42px;
    margin-bottom: 23px;
  }
  .main_ban {
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 740px;
    /* min-height: auto; */
    padding-bottom: 80px;
    align-items: flex-start;
  }
  .u_underban__item {
    flex: 1 1 calc(100% / 3);
    padding: 20px;
  }
  .u_underban__item .h6 {
    font-size: 16px;
  }
  .usl_list__item {
    padding: 16px;
  }
  .subtitle {
    margin-top: -10px;
  }
  .usl_list .subtitle{
    margin-top: 20px;
  }
  .mt-60 {
    margin-top: 48px;
  }
  .steps-track {
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 0;
    overflow: visible;
  }

  .step-item {
    flex: 1 1 auto;
    min-width: 0;
  }

  .step-item:last-child {
    flex: 0 0 auto;
  }

  .step-circle {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;

    border-radius: 11px;
    font-size: 16px;

    transform: scale(1);
  }

  .step-item.active .step-circle {
    transform: scale(1.5);
    border-radius: 11px;
  }

  .step-line {
    min-width: 0;
  }

  .steps-content {
    min-height: 0;
    margin-top: 20px;
    overflow: visible;
  }

  .steps-inner {
    position: relative;
    padding: 36px 16px 16px;
  }

  /*
	   * SVG на мобильном не скрываем.
	   */
  .steps-connector {
    display: block;
  }

  /*
	   * Старую псевдолинию полностью отключаем.
	   */
  .steps-inner::before {
    display: none;
  }

  .steps__btns {
    /* align-items: flex-start; */
    /* flex-direction: column; */
    /* flex-wrap: nowrap; */
    flex-wrap: wrap;
    gap: 16px;
  }

  .steps__btns > .btn {
    width: 100%;
  }

  .steps__btns .socnets-d {
    gap: 16px;
  }
  .tags_list--white .tags_item {
    flex: none;
  }
  .usl_incl__slider .swiper-slide {
    width: 314px;
  }
  .usl_incl__slider {
    padding-bottom: 0;
  }
  .usl_cl__slider-8 {
    display: block;
  }
  .usl_cl__slider .swiper-slide {
    width: 330px;
    height: 442px;
    padding-right: 16px;
  }
  .form_main-usl {
    overflow: hidden;
  }
  .form_main-usl h2 {
    margin-bottom: 14px;
  }
  .form_main-usl:after {
    right: -45px;
    top: 120px;
  }
  .mb-60 {
    margin-bottom: 48px;
  }
  .usl_card__title {
    margin-bottom: 20px;
  }
  .usl_card__item {
    padding: 24px 16px;
  }
  .contacts_list {
    grid-template-columns: repeat(1, 1fr);
  }
  .contacts_item .h5 {
    margin-top: 8px;
  }
  .keyses_main__content .paginat-d {
    position: unset;
    margin-top: 16px;
  }
  .site_keyses .keyses_main__aside form .h4:first-of-type {
    margin-top: 0;
  }
  button.paginator_more_button.js_paginator_more_button._pt0 {
    height: 100%;
    font-size: 0;
  }
  .blogs_list__pop,
  .blogs_item {
    gap: 0;
  }
  .blogs_list__pop li {
    flex: 0 0 130px;
  }
  .blogs_item,
  .blogs_list__pop a {
    flex-direction: column;
  }
  .blogs_site__aside .tags_item {
    margin-right: 8px;
  }
  .blogs_list__pop li {
    margin-right: 16px;
  }
  .blogs_item__details {
    padding: 24px 16px 16px;
  }
  .blogs_item__images {
    flex: 0 0 235px;
  }
  .site_clause .tags_list {
    width: calc(100% + 30px);
  }
  .result_keys__list ul {
    margin-top: -56px;
    flex-wrap: wrap;
  }
  .result_keys__list li {
    flex: 1 1 calc((100% / 2) - 16px);
  }
  .itogy_keys table th:not(:first-of-type),
  .itogy_keys table td:not(:first-of-type) {
    flex: 0 0 84px;
  }
  .id_keyses__img img {
    width: 100%;
  }
  .result_keys__list li {
    height: 120px;
  }
  .result_keys__list li strong,
  .result_keys__list li b {
    font-size: 32px;
  }
  .text_keys h3 {
    margin-bottom: 12px;
  }
  .start_keys h3:has(+ small) {
    height: 35px;
    font-size: 18px;
    margin-bottom: 14px;
  }
  .start_keys {
    padding: 16px;
  }
  .start_keys small {
    font-size: 12px;
  }
  .sk-bars-wrap,
  .sk-circle-wrap {
    position: absolute;
    width: 130px;
    top: 16px;
    right: 16px;
  }
  .sk-bars-wrap,
  .sk-circle-wrap {
    height: 130px;
    gap: 20px;
  }
  .sk-bar-label {
    font-size: 16px;
  }
  .sk-circle-num {
    font-size: 27px;
  }
  .tl_keys:before {
    width: 71px;
    height: 30px;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='74' height='32' viewBox='0 0 74 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.31641 19.5L1.31641 16L4.31641 12.5' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M12.8164 16H1.81641' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M25.012 22.7737L31.6334 29.753C32.3887 30.5492 33.4379 31 34.5353 31H44.0628C45.9124 31 47.5207 29.732 47.9524 27.9335L49.9169 19.7479C50.419 17.6559 49.1764 15.5415 47.1044 14.9622L42.1394 13.574C40.4113 13.0908 39.2164 11.516 39.2164 9.72171V4.4C39.2164 2.52223 37.6942 1 35.8164 1C33.9386 1 32.4164 2.52223 32.4164 4.4V18.2845C32.4164 19.139 31.414 19.5998 30.7654 19.0436L29.5504 18.0016C28.2358 16.8742 26.2732 16.956 25.0569 18.1887C23.8077 19.4547 23.7878 21.4834 25.012 22.7737Z' fill='%23F7C713' fill-opacity='0.1' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M69.3164 19.5L72.3164 16L69.3164 12.5' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M60.8164 16H71.8164' stroke='%23F7C713' stroke-width='2'/%3e%3c/svg%3e ");
  }
  .tl-content-text {
    padding-left: 16px;
    padding-bottom: 20px;
  }
  table th,
  table td {
    padding: 5px 10px;
  }
  .tl-content-wrap {
    padding-left: calc((100vw - (100% - 30px)) / 2);
  }
  .itogy_keys {
    padding: 16px;
  }
  .befaf_imgs {
    height: calc(71vw / 1.1);
    width: 71vw;
  }
  .befaf_img {
    top: 17px;
  }
  .befaf_button {
    width: 56px;
    top: -16px;
  }
  .befaf_img img {
    width: 71vw;
  }
  .befaf_label .h2 {
    font-size: 24px;
  }
  .befaf_button {
    transform: translateX(-92%);
  }
  .befaf_button:after {
    transform: translate(26%, 40px);
  }
  .img_keys > * {
    padding: 0;
  }
  .usl_incl__ontitle,
  .service_list li strong {
    margin-bottom: 16px;
  }
  .usl_razr__item,
  .usl_razr-2c .usl_razr__item,
  .usl_list-4c .usl_list__item {
    flex: 100%;
  }
  .wheel-modal__content {
    grid-template-columns: 1fr;
  }
  .wheel-modal__text h2 {
    font-size: 32px;
  }
  .wheel-modal__subtitle {
    font-size: 16px;
  }
  .wheel-modal__subtitle br,
  .wheel-modal__text h2 br {
    display: block;
  }
  .wheel-modal__right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
  }
  .wheel-modal__person {
    display: block;
    position: relative;
    bottom: 0;
    transform: translateX(-9px);
  }
  .wheel-modal__person:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    background-color: var(--accent-color-1);
    background: linear-gradient(
      to bottom,
      rgba(247, 199, 19, 0),
      rgba(247, 199, 19, 1)
    );
  }
  .wheel-modal__person img {
    height: auto;
    width: auto;
  }
  .wheel {
    position: unset;
    transform: translateY(0%);
    margin-top: -145px;
    z-index: 2;
    width: 350px;
    height: 350px;
  }
  .wheel-modal__right {
    min-height: auto;
  }
  .wheel__label {
    font-size: 12px;
  }
  .wheel__pointer {
    top: 160px;
  }
  .usl_list-28 .usl_thems__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .usl_list_number__item {
    flex: 100%;
  }
  .usl_list_number__item .h6 h4 {
    min-height: auto;
  }
  .robo_ban {
    margin-top: 48px;
  }
  .ai_table table {
    overflow: auto;
  }
  .ai_table table tbody {
    width: 750px;
    display: block;
  }
  .ai_table table tbody td br {
    display: none;
  }
  .ai_table {
    padding: 0;
  }
  .support-comparison {
    padding: 25px 20px;
    border-radius: 20px;
  }
  .support-comparison__timeline {
    width: 100%;
    grid-template-columns: 190px 900px;
    gap: 20px;

    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .support-comparison__dates,
  .support-comparison__row {
    grid-template-columns: repeat(4, 200px);
    gap: 20px;
  }
  .support-comparison__label-title {
    font-size: 20px;
  }
  .support-comparison__label-text,
  .support-comparison__date,
  .support-card__text {
    font-size: 14px;
  }
  .support-comparison__accent {
    align-items: stretch;
    gap: 15px;
    margin-top: 30px;
  }
  .support-comparison__accent-line {
    height: auto;
    min-height: 55px;
  }
  .support-comparison__accent-text {
    font-size: 20px;
  }
  .support-comparison__benefits {
    grid-template-columns: 1fr;
    gap: 35px;

    margin-top: 30px;
    padding-top: 30px;
  }
  .support-benefits__title {
    margin-bottom: 20px;
    font-size: 22px;
  }
  .support-benefits__item {
    font-size: 15px;
    line-height: 1.25;
  }
    .footerusl > li:first-child ul, .usl_menu__list .usl_block__item:first-child ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .usl_block__item{
    max-width: 100%;
  }
  ._upper-show header ul#top-menu{
    max-width: 100%;
    transform: none;
    position: relative;
    left: 0;
    bottom: auto;
  }
  .usl_incl__ontitle {
    font-size: 24px;
  }
}
@media (max-width: 420px) {
  .quiz__header {
    top: 195px;
  }
}
@media (max-width: 400px) {
  .about__video {
    max-width: calc(100% - 30px);
  }
  section.about,
  .main_ban {
    overflow: hidden;
  }
  /* .video_item,
  .video_sliders__full .swiper-slide,
  .video_sliders__shorts .swiper-slide,
  .video_sliders__shorts .video_item {
    min-width: auto;
    flex: 1 0 auto;
  } */
  .video_sliders__full,
  .video_sliders__shorts {
    padding-right: 15px;
  }
  .quiz__header {
    top: 195px;
  }
  .quiz__submit {
    min-width: auto;
    width: 100%;
    margin-left: 15px;
  }
  .u_ban h1 {
    font-size: 44px;
    margin-bottom: 23px;
  }
  #content-4:after {
    width: 69%;
  }
  #content-5:after {
    width: 91.5%;
  }
  .wheel {
    width: 300px;
    height: 300px;
  }
  .wheel__label {
    font-size: 11px;
    width: 80px;
  }
  .wheel__pointer {
    top: 138px;
    left: -48px;
  }
}
@media (max-width: 350px) {
  :root {
    --fz140: 54px;
    --fz52: 36px;
    --fz40: 30px;
    --fz36: 34px;
    --fz32: 22px;
    --fz24: 16px;
    --fz18: 14px;
    --fz16: 13px;
    --fz14: 12px;
    --fz12: 11px;
    --borrad16: 16px;
    --borrad12: 12px;
    --borrad20: 16px;
    --borrad30: 16px;
    --borrad60: 24px;
  }
  .main_ban ul li {
    width: 130px;
    height: 130px;
  }
  .main_ban ul li svg {
    width: 100%;
    height: 100%;
  }
  .keyses_main__item {
    flex: 1 0 290px;
  }
  .price_block__item {
    width: 275px;
  }
  ._text ul li {
    margin-bottom: 16px;
  }
  .about__flex h2 {
    margin-bottom: 210px;
  }

  .main_ban {
    min-height: 640px;
  }
  .u_underban__item {
    padding: 15px;
  }
  .u_underban__item .h6 {
    font-size: 14px;
  }
  .usl_card__item {
    max-width: 218px;
    flex: 0 0 218px;
  }
  .usl_card__btn {
    margin-top: 20px;
    flex-direction: column;
  }
  .usl_card__btn .btn {
    width: 100%;
  }
  #content-3:after {
    width: 46.5%;
  }
  #content-5:after {
    width: 90%;
  }
  .usl_cl__slider .swiper-slide {
    width: 218px;
    height: 280px;
  }
  .form_main-usl h2 {
    font-size: 34px;
  }
  .form_main-usl .form_main__text {
    font-size: 16px;
  }
  .itogy_keys table th,
  .itogy_keys table td {
    font-size: 14px;
  }
  .itogy_keys table td {
    font-size: 12px;
  }
  table th,
  table td {
    padding: 3px 3px;
  }
  .wheel {
    width: 280px;
    height: 280px;
  }
  .wheel__pointer {
    top: 129px;
    left: -40px;
  }
  .wheel-modal__text h2 {
    font-size: 28px;
  }
  .wheel-modal__subtitle {
    font-size: 14px;
    margin-bottom: 23px;
  }
  .usl_list-28 .usl_thems__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
