@charset "UTF-8";
@media (max-width: 1320px) {
  .select-items {
    right: 0;
    left: auto;
  }
}
@media (max-width: 1200px) {
  .blog__articles {
    gap: 1rem;
  }
  .article__card-left {
    gap: 5px;
  }
  .article__card-infoblock {
    gap: 5px;
  }
  .article__card {
    position: relative;
  }
  main.blog:has(.type-grid.active) .blog__articles .article__card-left .article__card-share,
  main.blog:has(.type-grid.active) .blog__articles .article__card-left .article__card-save {
    display: none;
  }
  main.blog:has(.type-grid.active) .article__card .articlve__card-right {
    display: none;
  }
  main.blog:has(.type-grid.active) .blog__articles .__mobile:has(.flex-up) {
    display: block;
    position: absolute;
    padding: 6px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    gap: 1rem;
  }
  main.blog:has(.type-grid.active) .blog__articles .__mobile:has(.flex-up) .flex-up {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }
  main.blog:has(.type-grid.active) .blog__articles .__mobile:has(.flex-up) .flex-up > * {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    background: rgba(255, 255, 255, 0.7058823529);
    color: #000;
    border: 1px solid rgb(0, 0, 0);
  }
  main.blog:has(.type-grid.active) .blog__articles .__mobile:has(.flex-up) .articlve__card-right {
    display: flex;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    bottom: 10px;
    right: 6px;
    background: rgba(255, 255, 255, 0.7058823529);
    color: #000;
    border: 1px solid rgb(0, 0, 0);
  }
}
@media (max-width: 1100px) {
  .promo__wrapper {
    padding: 2.5rem;
  }
  main.blog:has(.type-grid.active) .blog__articles .article__card-header,
  main.blog:has(.type-grid.active) .blog__articles .article__card-infoblock {
    padding-left: 10px;
    padding-right: 10px;
  }
  main.blog:has(.type-block.active) .article__card {
    padding: 10px !important;
  }
  main.blog:has(.type-grid.active) .blog__articles .article__card {
    padding-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  main.blog:has(.type-grid.active) .blog__articles .article__card-authorblock .sepa {
    display: none;
  }
  section,
  footer {
    padding: 75px 0 !important;
  }
  .promo__wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .promo__wrapper * {
    text-align: center;
  }
  .tarif__wrapper {
    gap: 1rem;
  }
  .tarif__item-desc {
    font-size: 14px;
  }
  .rev__wrapper {
    gap: 1rem;
  }
  .numbers__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .task__wrapper {
    gap: 10px;
  }
  .task__item {
    padding: 10px 10px;
  }
  .catalog__wrapper {
    flex-wrap: wrap;
  }
  .catalog__item {
    flex: 1 1 calc(33.333% - 1rem);
  }
  .catalog__down {
    flex-wrap: wrap;
  }
  .catalog__downitem {
    flex: 1 1 calc(50% - 1rem);
  }
  .catalog__down-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
  }
}
@media (max-width: 950px) {
  .cases__item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  main.referal .cases__item {
    flex: 1 1 calc(50% - 1.5rem);
  }
}
@media (max-width: 900px) {
  main.referal .works__wrapper {
    gap: 1.5rem;
  }
  main.referal .works__item {
    flex: 1 1 calc(33.333% - 1.5rem);
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .popular__wrapper {
    gap: 10px;
  }
  .popular__neiro {
    gap: 8px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .popular__neiro svg {
    flex: 0 0 24px;
  }
  .art__title {
    margin-top: 0;
    font-size: 2.5rem;
  }
  main.blog:has(.type-grid.active) .blog__articles {
    grid-template-columns: repeat(2, 1fr);
  }
  main.blog:has(.type-grid.active) .blog__articles .article__card-header {
    margin-top: 10px;
  }
  .tarif__wrapper {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: center;
  }
  .tarif__item {
    flex: 0 1 calc(50% - 1rem);
  }
  .rev__item {
    flex: 1 1 calc(50% - 1rem);
  }
  .footer__nav-item:last-child {
    display: grid;
    grid-template-areas: "a b" "c d";
    gap: 1.5rem;
  }
  .footer__nav-item:last-child > * {
    margin: 0;
  }
  .footer__nav-item:last-child *:nth-child(1) {
    grid-area: a;
  }
  .footer__nav-item:last-child *:nth-child(2) {
    grid-area: c;
  }
  .footer__nav-item:last-child *:nth-child(3) {
    grid-area: b;
  }
  .footer__nav-item:last-child *:nth-child(4) {
    grid-area: d;
  }
}
@media (max-width: 768px) {
  main.referal .works__item {
    flex: 1 1 calc(50% - 1.5rem);
  }
  main.referal .works__item:nth-child(2) .works__arrow {
    top: auto;
    left: 0;
    right: 0;
    bottom: -1rem;
  }
  main.referal .works__item:nth-child(2) .works__arrow svg {
    transform: rotate(90deg);
  }
  main.referal .works__item:nth-child(3) .works__number {
    right: 1rem;
    left: auto;
  }
  main.referal .hero__title {
    font-size: 2rem;
    line-height: 120%;
  }
  .popular__wrapper {
    flex-wrap: wrap;
    display: flex;
  }
  .popular__wrapper > * {
    flex: 1 1 calc(50% - 10px);
  }
  .art__intro {
    font-size: 1rem;
    margin-top: 8px;
  }
  .art__item.__text h2 {
    font-size: 2.5rem;
  }
  .art__item.__text h2 {
    font-size: 2.25rem;
  }
  .art__item.__text h3 {
    font-size: 2rem;
  }
  .art__item.__text h4 {
    font-size: 1.75rem;
  }
  .art__item.__text h5,
  .art__item.__text h6 {
    font-size: 1.5rem;
  }
  .art__item.__text p {
    margin-top: 10px;
    font-size: 1rem;
  }
  .art__item.__text blockquote {
    padding: 2rem;
  }
  .blog__header-categories-wrap:has(.article__info) {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
  main.blog .results__card .card__textblock {
    padding: 10px;
  }
  main.blog .results__card .card__textblock .card__desc,
  main.blog .results__card .card__textblock .card__price {
    margin-top: 4px;
  }
  main.blog .results__card .card__image {
    height: 159px;
  }
  .art__item.__recommend .rec-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  main.blog:has(.type-grid.active) .blog__articles .article__card-titleblock .article__card-thumb {
    height: 169px;
  }
  .burger {
    display: block;
  }
  .header .header__menu {
    display: none;
  }
  .footer__down-body,
  .footer__others {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .promo__wrapper {
    padding: 1.5rem;
    border-radius: 1rem;
  }
  .faq__item {
    margin-top: 10px;
  }
  .main__title {
    font-size: 3rem;
  }
  .main__desc {
    max-width: 100%;
  }
  .tarif__item {
    padding: 1rem;
  }
}
@media (max-width: 680px) {
  .article__relative-wrapper {
    margin-top: 1rem;
  }
  .article__relative-wrapper {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
  }
  .article_relitem img {
    height: 140px;
  }
  .article_relitem {
    flex: 1 1 calc(50% - 10px);
  }
  .article_relitem .article__reldesc {
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
  }
  .article_relitem img {
    height: 110px;
  }
  .article_relitem:nth-child(3n) img {
    height: 200px;
  }
  .article_relitem:nth-child(3n) .article__reldesc {
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
  }
  .blog__header-wrapper {
    gap: 5px;
  }
  .blog .search {
    width: 100%;
    justify-content: space-between;
  }
  .blog .search .blog__type-display {
    display: none;
  }
  .blog__header-categories-wrap {
    width: 100%;
  }
  .blog__header-categories-wrap .blog__type-display {
    display: flex;
  }
  .art__authorblock,
  .art__tags,
  .art__btns {
    margin-top: 1rem;
  }
  .art__authorblock .blog__header-tag,
  .art__tags .blog__header-tag,
  .art__btns .blog__header-tag {
    padding: 6px 10px;
  }
  .art__image {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .art__content {
    padding-bottom: 2rem;
  }
}
@media (max-width: 640px) {
  main.blog:has(.type-grid.active) .blog__articles .__mobile:has(.flex-up) .articlve__card-right {
    font-size: 10px;
    padding: 4px 6px;
    gap: 4px;
  }
  .articlve__card-right svg {
    width: 10px;
    height: 10px;
  }
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .tarif__item {
    flex: 1 1 100%;
  }
  .blog__articles {
    gap: 10px;
  }
  main.blog:has(.type-grid.active) .blog__articles .article__card-titleblock .article__card-thumb {
    height: 150px;
  }
}
@media (max-width: 570px) {
  .catalog__downitem {
    flex: 1 1 100%;
  }
  .catalog__item {
    flex: 1 1 calc(50% - 1rem);
  }
  .rev__item {
    flex: 1 1 100%;
  }
}
@media (max-width: 555px) {
  main.referal .works__item {
    flex: 1 1 100%;
  }
  main.referal .works__item:nth-child(3) .works__number {
    left: 1rem;
    right: auto;
  }
  main.referal .works__item:nth-child(1) .works__arrow {
    top: auto;
    left: 0;
    right: 0;
    bottom: -1rem;
  }
  main.referal .works__item:nth-child(1) .works__arrow svg {
    transform: rotate(90deg);
  }
  .popular__item {
    flex: 1 1 100%;
  }
  .art__item.__recommend .rec-wrapper {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
  }
  .art__item.__recommend .rec-wrapper .results__card {
    flex: 1 1 calc(50% - 10px);
  }
  .art__item.__recommend .rec-wrapper .card__title {
    font-size: 16px;
  }
  .article__reltextcontent .title {
    font-size: 18px;
  }
  .art__intro {
    font-size: 14px;
  }
  .footer__body {
    display: flex;
    flex-direction: column;
  }
  .main__title {
    font-size: 2.5rem;
  }
  .numbers__head {
    font-size: 2rem;
  }
  .title {
    font-size: 1.75rem;
  }
}
@media (max-width: 500px) {
  .main__title {
    font-size: 2rem;
  }
  .main__desc {
    font-size: 14px;
  }
  .catalog__item {
    flex: 1 1 100%;
  }
  .task__wrapper {
    gap: 5px;
  }
  .task__item {
    font-size: 12px;
    padding: 8px;
  }
  .faq__item {
    padding: 1rem;
  }
  .faq__quest {
    font-size: 14px;
  }
  .faq__answer {
    font-size: 13px;
  }
  .footer__nav {
    row-gap: 1.5rem;
  }
  .footer__nav .footer__menu {
    gap: 1rem;
  }
  .footer__nav-item:last-child {
    display: block;
    grid-template-areas: "a b" "c d";
    gap: 1.5rem;
  }
  .footer__nav-item:last-child > * {
    margin-top: 1.5rem;
  }
  .footer__nav-item:last-child > *:first-child {
    margin-top: 0;
  }
  .footer__nav-item:last-child *:nth-child(1) {
    grid-area: a;
  }
  .footer__nav-item:last-child *:nth-child(2) {
    grid-area: c;
  }
  .footer__nav-item:last-child *:nth-child(3) {
    grid-area: b;
  }
  .footer__nav-item:last-child *:nth-child(4) {
    grid-area: d;
  }
  section,
  footer {
    padding: 50px 0 !important;
  }
  .catalog__down {
    margin-top: 50px;
  }
}
@media (max-width: 400px) {
  .promo__wrapper {
    padding: 1.5rem 1rem;
    border-radius: 1rem;
  }
  .main__title {
    font-size: 1.5rem;
    line-height: 100%;
  }
  .numbers__head {
    font-size: 1.25rem;
  }
  .title {
    font-size: 1.5rem;
  }
  .desc {
    font-size: 14px;
  }
}
@media (max-width: 360px) {
  .numbers__head {
    font-size: 1.1rem;
  }
  .btn {
    font-size: 14px;
    gap: 8px;
  }
}
.--mobile {
  display: none;
}

@media (max-width: 1280px) {
  .skills__titleblock {
    gap: 2rem;
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .swiper .card__title {
    font-size: 1.75rem !important;
  }
  .swiper .card__image {
    height: 175px !important;
  }
  main.neiro-single .card__tags {
    margin-top: 10px;
  }
  main.catalog-child .search__wrapper {
    flex-wrap: wrap;
  }
  main.catalog-child .search__wrapper > * {
    flex: 1 1 auto;
  }
  main.catalog .learn__links {
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 6px;
  }
  .cases__btns {
    flex-wrap: wrap;
  }
  main.catalog .catalog__parenttaxes {
    flex-wrap: wrap;
    background: transparent;
    width: 100%;
    justify-content: center;
    padding: 0 !important;
    box-shadow: none;
  }
  main.catalog .catalog__parent-btn {
    width: -moz-max-content;
    width: max-content;
    flex: 0 0 max-content;
  }
  .cases__item-image {
    height: 200px;
  }
  .skills-p__name {
    margin-top: 10px;
  }
  .skills-post {
    padding: 1rem;
  }
}
@media (max-width: 1024px) {
  main.catalog-child .textblock__wrapper {
    padding: 2rem;
  }
  main.catalog-child .results__cards {
    gap: 1rem;
  }
  .skills-p__name {
    font-size: 14px;
  }
  .skills-p__q {
    font-size: 12px;
    margin-top: 5px;
  }
  .skills-post {
    padding-left: 10px;
    padding-right: 10px;
  }
  main.catalog .child__cat-item {
    padding: 1.5rem 1rem;
    flex: 0 0 calc(20% - 0.8rem);
  }
  main.catalog .children__cats-wrapper {
    gap: 1rem;
  }
  main.catalog .cases__ajax_results,
  .cases__ajax_results {
    grid-template-columns: repeat(3, 1fr);
  }
  main.neiro-single .neiro__wrapper {
    gap: 1rem;
  }
}
@media (max-width: 920px) {
  .neiro-single .--mobile {
    display: block;
  }
  .neiro-single aside {
    display: none;
  }
  main.neiro-single .neiro__wrapper {
    display: block;
  }
  main.catalog .children__cats-wrapper {
    justify-content: center;
  }
  main.catalog .child__cat-item {
    flex: 0 0 calc(25% - 0.8rem);
  }
  .skills-posts {
    gap: 10px;
  }
  main.catalog-child .card__btn {
    font-size: 14px;
  }
  main.catalog-child .card__image,
  main.blog .card__image {
    height: 160px;
  }
}
@media (max-width: 851px) {
  .webmaster__wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .webmaster__list,
  .webmaster__comblock {
    margin-left: auto;
    margin-right: auto;
  }
  .webmaster__list-item {
    justify-content: center;
  }
  .webmaster__comblock {
    margin-top: 20px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .webmaster__comblock .btn {
    margin-bottom: 0;
  }
  main.referal .webmaster__btn {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
@media (max-width: 769px) {
  main.referal .links .listing__wrapper {
    gap: 10px;
  }
  main.referal .links .links__item {
    flex: 1 1 calc(50% - 1.5rem);
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .skills__wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
  .skills__aside-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 5px;
  }
  .skills__aside-body > * {
    flex: 0 0 max-content;
  }
  main.neiro-single .card__info-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    flex-direction: column-reverse;
  }
  main.neiro-single .card__info-wrapper .card__btn {
    margin-top: 0;
  }
  main.catalog-child .results__card .card__textblock {
    padding: 1rem;
  }
  main.catalog-child .card__desc {
    margin-top: 8px;
  }
  main.catalog-child .results__cards {
    margin-top: 20px;
  }
  main.catalog .child__cat-item {
    flex: 0 0 calc(33.333% - 0.8rem);
  }
  main.catalog .cases__ajax_results,
  .cases__ajax_results {
    gap: 1rem;
  }
  .cases__btns {
    gap: 10px;
  }
  .cases__btn {
    padding: 10px 15px;
  }
  .skills-posts {
    display: flex;
    flex-wrap: wrap;
  }
  .skills-post {
    flex: 1 0 calc(33.333% - 1rem);
  }
  .skill__result-data {
    flex-wrap: wrap;
    row-gap: 5px;
    gap: 10px;
  }
  .skill__result-icon {
    flex: 0 0 20px;
    margin-top: 5px;
  }
}
@media (max-width: 700px) {
  main.catalog .title {
    font-size: 2rem;
  }
  main.catalog .desc {
    font-size: 1rem;
  }
  .cases__item-text {
    padding: 10px;
  }
  .cases__item-image {
    height: 175px;
  }
}
@media (max-width: 651px) {
  main.referal .webmaster__box {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  main.referal .webmaster__titleblock {
    justify-content: center;
  }
  main.referal .webmaster__list-title {
    text-align: center;
  }
  main.referal .webmaster__desc,
  main.referal .webmaster__title {
    text-align: center;
  }
  main.referal .listing__item {
    flex: 1 1 calc(50% - 1rem);
  }
  .skill__result {
    align-items: start;
    gap: 10px;
  }
  .skill__result-data {
    flex-wrap: wrap;
    row-gap: 5px;
    gap: 10px;
  }
  .skills__title {
    font-size: 18px;
  }
  .swiper .card__textblock {
    padding: 1rem !important;
  }
  main.neiro-single .card__title {
    font-size: 1.75rem;
  }
  main.neiro-single .card__image,
  main.blog .card__image {
    height: 200px;
  }
  main.catalog-child .textblock__wrapper {
    padding: 1.25rem;
  }
  main.catalog .desc {
    margin-top: 1rem;
  }
  main.catalog .title {
    font-size: 18px !important;
  }
  main.catalog .desc {
    font-size: 14px !important;
  }
  main.catalog-child .card__title {
    font-size: 1rem;
  }
  main.catalog-child .results__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  main.catalog-child .card__textblock .card__desc {
    font-size: 12px;
  }
  main.catalog-child .card__price,
  main.catalog-child .card__tags {
    margin-top: 10px;
  }
  main.catalog .catalog__parenttaxes {
    gap: 5px;
  }
  main.catalog .catalog__parent-btn.inactive,
  main.catalog .catalog__parent-btn {
    padding: 6px 10px !important;
  }
  main.catalog .catalog__parent-btn.inactive span,
  main.catalog .catalog__parent-btn span {
    font-size: 12px;
  }
  main.catalog .catalog__parent-btn.inactive img,
  main.catalog .catalog__parent-btn img {
    width: 12px;
    height: 12px;
  }
  main.catalog .breadcrumbs,
  main.neiro-single .breadcrumbs {
    margin-bottom: 1.5rem;
  }
  main.catalog .cases__ajax_results,
  .cases__ajax_results {
    grid-template-columns: repeat(2, 1fr);
  }
  main.catalog .faq__title-icon {
    width: 3rem;
    height: 3rem;
  }
  main.catalog .faq__title-icon img,
  main.catalog .faq__title-icon svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  main.blog:has(.type-grid.active) .blog__articles .article__card-left {
    width: 100%;
    flex: 0 0 100%;
    justify-content: space-between;
  }
  .news__item-title {
    font-size: 18px;
  }
}
@media (max-width: 551px) {
  main.blog:has(.type-block.active) .article__liking,
  main.blog:has(.type-block.active) .article__card-share,
  main.blog:has(.type-block.active) .article__card-save,
  main.blog:has(.type-block.active) .article__card-comments,
  main.blog:has(.type-block.active) .articlve__card-right {
    gap: 4px;
    padding: 8px;
    font-size: 12px;
  }
  main.blog:has(.type-block.active) .article__liking svg,
  main.blog:has(.type-block.active) .article__card-share svg,
  main.blog:has(.type-block.active) .article__card-save svg,
  main.blog:has(.type-block.active) .article__card-comments svg,
  main.blog:has(.type-block.active) .articlve__card-right svg {
    width: 1rem;
    height: 1rem;
  }
  main.blog:has(.type-block.active) .__mobile.inline {
    display: block !important;
  }
  main.blog:has(.type-block.active) .__mobile.inline .article__card-authorblock {
    display: flex;
  }
  main.blog:has(.type-block.active) .article__card-titleblock {
    align-items: start;
    margin-top: 6px;
  }
  main.blog:has(.type-block.active) .article__card-headbody {
    margin-top: 0;
  }
  main.blog:has(.type-block.active) .article__card-authorblock {
    display: none;
  }
  .article__card-left {
    height: 24px;
  }
  .article__card-save {
    padding: 4px;
  }
  .article__liking,
  .article__card-share,
  .article__card-save,
  .article__card-comments,
  .articlve__card-right {
    gap: 4px;
    font-size: 10px;
  }
  .article__liking svg,
  .article__card-share svg,
  .article__card-save svg,
  .article__card-comments svg,
  .articlve__card-right svg {
    width: 12px;
    height: 12px;
  }
  .article-author {
    gap: 4px;
  }
  .article__card-comments,
  .article__liking {
    padding: 4px 6px;
  }
  .blog__articles {
    gap: 8px;
  }
  main.blog:has(.type-block.active) .article__card {
    padding: 8px;
  }
  main.blog:has(.type-grid.active) .article__card-header,
  main.blog:has(.type-grid.active) .article__card-infoblock {
    padding-left: 8px;
    padding-right: 8px;
  }
  .article__rating,
  .article-author,
  .article-term,
  .article-date {
    font-size: 10px;
  }
  .article__like-btn {
    flex: 0 0 16px;
  }
  .article__card-title {
    font-size: 1rem;
    line-height: 120%;
  }
  .article__card-intro {
    font-size: 12px;
  }
  .skills__aside-body {
    padding-bottom: 1.5rem;
  }
  .skills__link {
    margin: 0;
    font-size: 12px;
    gap: 5px;
  }
  .skills__link .skills__icon {
    width: 12px;
    height: 12px;
  }
  .relative .populat__title,
  .news__title {
    font-size: 1.25rem !important;
  }
  .popular__titleblock {
    margin-bottom: 1rem;
  }
  main.neiro-single .relative .swiper {
    margin-top: 1rem;
  }
  .cases__btn {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  main.catalog .hero__wrapper {
    padding: 2rem;
  }
  main.catalog .child__cat-image {
    width: 3rem;
    height: 3rem;
  }
  main.catalog .child__cat-image img {
    width: 1.5rem;
    height: 1.5rem;
  }
  main.catalog .child__cat-q {
    margin-top: 4px;
  }
  main.catalog .child__cat-name {
    margin-top: 10px;
  }
  main.catalog .child__cat-name {
    font-size: 14px;
  }
  main.neiro-single .possibilities__body {
    grid-template-columns: repeat(1, 1fr);
  }
  .article__card-titleblock {
    gap: 1.5rem;
  }
  .article__relctime {
    gap: 3px;
    font-size: 12px;
  }
  .article__relctime svg {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
  }
}
.title {
  line-height: 130%;
}

@media (max-width: 500px) {
  main.referal .webmaster__btn {
    margin-top: 20px !important;
  }
  main.referal .webmaster__comblock,
  main.referal .webmaster__wrapper {
    width: auto;
  }
  .skills__titleblock {
    justify-content: center;
  }
  .cases__desc {
    margin-top: 10px;
  }
  main.neiro-single .news__textwrapper,
  main.neiro-single .news__body {
    padding: 1rem;
  }
  main.catalog .hero__wrapper {
    border-radius: 1rem;
  }
  main.catalog .title {
    font-size: 1.5rem;
  }
  main.catalog .desc {
    font-size: 14px;
  }
  main.catalog .hero__desc {
    margin-top: 1rem;
  }
  main.catalog .hero__btn {
    margin-top: 1.75rem;
  }
  main.catalog .cases__desc {
    margin-top: 1rem !important;
  }
  main.catalog .cases__btns {
    margin-top: 1rem;
  }
  main.catalog .children__cats-wrapper {
    gap: 0.5rem;
  }
  main.catalog .child__cat-item {
    flex: 0 0 calc(33.333% - 0.4rem);
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 10px;
    padding-right: 10px;
  }
  main.catalog section {
    padding: 1.5rem 0 !important;
  }
  main.catalog .learn__btn {
    padding-left: 8px;
    padding-right: 8px;
  }
  main.neiro-single .card__textblock {
    padding: 18px;
  }
  main.neiro-single .possibilities,
  main.neiro-single .descriptionblock,
  main.neiro-single .hint,
  main.neiro-single .usage,
  main.neiro-single .prompt {
    padding: 1rem;
  }
  main.neiro-single .possibilities .title,
  main.neiro-single .descriptionblock .title,
  main.neiro-single .hint .title,
  main.neiro-single .usage .title,
  main.neiro-single .prompt .title {
    font-size: 18px;
  }
  main.neiro-single .possibilities .desc,
  main.neiro-single .descriptionblock .desc,
  main.neiro-single .hint .desc,
  main.neiro-single .usage .desc,
  main.neiro-single .prompt .desc {
    font-size: 14px;
    margin-top: 10px;
  }
  .modal__title {
    font-size: 18px;
  }
  .modal {
    padding: 1rem 10px;
    border-radius: 8px;
  }
  .modal__copy {
    margin-top: 10px;
  }
  .article__reltextcontent .title {
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  main.referal .cases__item {
    flex: 1 1 100%;
  }
  main.referal .listing__item {
    flex: 1 1 100%;
  }
  main.referal .hero__title {
    font-size: 1.75rem;
  }
  main.referal .breadcrumbs {
    margin-bottom: 1rem;
  }
  main.referal .hero__text {
    font-size: 1rem;
  }
  main.neiro-single .video__btn .icon {
    width: 2rem;
    height: 2rem;
  }
  main.neiro-single .video__btn .icon svg {
    width: 1rem;
    height: 1rem;
  }
  main.neiro-single .video__btn {
    gap: 8px;
  }
  main.catalog .child__cat-name {
    font-size: 12px;
  }
  main.catalog .child__cat-q {
    margin-top: 4px;
    font-size: 11px;
  }
  main.catalog .cases__ajax_results,
  .cases__ajax_results {
    grid-template-columns: repeat(1, 1fr);
  }
  .skills-post {
    flex: 1 0 calc(50% - 0.5rem);
  }
  .populat__title {
    font-size: 18px !important;
  }
  .popular__titleblock .arrows {
    gap: 8px;
  }
  .popular__titleblock {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
  }
  .popular__titleblock > * {
    flex: 1 1 auto;
  }
  main.neiro-single .card__info-wrapper .card__btn {
    font-size: 1rem;
  }
  main.neiro-single .neiro__back {
    margin-bottom: 1rem;
  }
  main.blog:has(.type-grid.active) .blog__articles .__mobile:has(.flex-up) .flex-up > * {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
  }
  .article__card-share,
  .article__card-save {
    position: relative;
  }
  main.blog:has(.type-grid.active) .article__card-share svg,
  main.blog:has(.type-grid.active) .article__card-save svg {
    width: 12px;
    height: 12px;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  .relative-title {
    gap: 10px;
    flex-direction: column;
    align-items: start;
  }
  .relative-title .all-news {
    flex-direction: row-reverse;
  }
  .relative-title .all-news svg {
    transform: rotate(180deg);
  }
  .news__item {
    padding: 0 10px 10px 10px;
  }
  .news__infoblock > div {
    flex-wrap: wrap;
  }
  .rtd__mid .text {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
  }
  .neiro__ratings-body {
    padding: 20px 20px 30px;
  }
  main.referal .links .listing__title {
    font-size: 18px;
  }
  main.referal .links .listing__desc {
    font-size: 14px;
    line-height: 120%;
  }
}
@media (max-width: 400px) {
  main.blog:has(.type-grid.active) .blog__articles {
    grid-template-columns: repeat(1, 1fr);
  }
  .article__card-left {
    height: 32px;
  }
  .article__rating,
  .article-author,
  .article-term,
  .article-date,
  .article__liking,
  .article__card-comments {
    font-size: 12px;
  }
  main.blog:has(.type-grid.active) .blog__articles .__mobile:has(.flex-up) .flex-up > * {
    width: 2rem;
    height: 2rem;
    padding: 0;
  }
  main.neiro-single .video__btn .icon {
    display: none;
  }
  main.catalog .breadcrumbs__body,
  main.neiro-single .breadcrumbs__body {
    overflow: hidden;
    gap: 5px;
  }
  main.catalog .breadcrumbs__body .breadcrumbs__link:last-child,
  main.neiro-single .breadcrumbs__body .breadcrumbs__link:last-child {
    width: -moz-max-content;
    width: max-content; /* Задайте нужную ширину */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  main.neiro-single .card__textblock {
    padding: 14px;
  }
  main.catalog-child .results__cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .popular__titleblock .arrows {
    display: none;
  }
  main.catalog .hero__wrapper {
    padding: 2rem 1rem;
  }
  main.catalog .child__cat-item {
    flex: 1 1 calc(50% - 0.4rem);
  }
  main.catalog .child__cat-name {
    font-size: 14px;
  }
  main.catalog .child__cat-q {
    margin-top: 4px;
    font-size: 12px;
  }
  main.neiro-single .card__info-wrapper .card__btn {
    font-size: 14px;
    width: 100%;
  }
  main.blog:has(.type-block.active) .article__card-share span {
    display: none;
  }
  .article__card-intro {
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
  }
  main.blog:has(.type-block.active) .articlve__card-right {
    padding: 4px 8px;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
  }
} 
@media (max-width: 380px) {
  .art__item.__recommend .rec-wrapper {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
  }
  .art__item.__recommend .rec-wrapper .results__card {
    flex: 1 1 100%;
  }
  .art__item.__recommend .rec-wrapper .card__title {
    font-size: 16px;
  }
  .article_relitem {
    flex: 1 1 100%;
  }
  .article_relitem img {
    height: 200px;
  }
  .article_relitem .article__reldesc {
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
  }
}/*# sourceMappingURL=media.css.map */