@media screen and (max-width: 1440px) {
    .container {
      width: 1200px;
    }
    .hero {
      height: auto;
      /* padding-top: 220px; */
    }

    /* .hero__table {
      width: 1400px;
    } */
     
    .hero__content {
      overflow-x: auto;
      overflow-y: hidden;
    }

    .hero__table * {
      font-size: 12px;
    }

    .table__blue-wrapp {
      overflow-x: scroll;
    }
    .table__blue {
      width: max-content;
    }
    .hero__filter-item select {
      width: auto;
      padding-right: 30px;
    }
    .nav__wrap {
      gap: 10px;
    }
    .home p {
      display: none;
    }
    .home img {
      position: relative;
    }
    .hero-img {
      position: absolute;
      top: -30px;
      right: 0;
      z-index: -1;
      width: 391px;
      height: 376px;
    }
    .page-title {
      font-size: 36px;
    }
    .hero__text {
      margin-bottom: 43px;
      color: #424242;
      font-size: 16px;
      font-weight: 500;
      width: 510px;
      line-height: 1.4;
    }
    .dropdownContent {
      overflow: hidden;
      padding: 0 20px;
      position: absolute;
      border-radius: 0px 0px 20px 20px;
      background: #eceef0;
      top: 38px;
      display: flex;
      flex-direction: column;
      gap: 15px;
      left: -20px;
      transition: 0.5s ease;
    }
    .logo img {
      width: 132px;
      height: auto;
    }
    .hero__table tr td:first-child,
    .hero__table tr th:first-child {
      padding: 10px 40px 10px 20px;
    }
    .table__subtitle {
      font-size: 26px;
    }
    .table__price {
      font-size: 16px;
    }
    .table__price span {
      font-size: 20px;
    }
    .table__btn {
      margin-bottom: 5px;
    }
    section {
      /* padding-top: 60px; */
    }
    .welcome__right p {
      font-size: 14px;
    }
    .blogSlider,
    .text-block > div > p:nth-child(2),
    .advantages__list,
    .reviewsSlider {
      margin-top: 30px;
    }
    .header__top-inner {
      padding: 15px 0;
    }
    .btnfixed {
      width: 65px;
      height: 65px;
      padding: 18px;
      padding-top: 19px;
    }
    .text-block .text-list {
      gap: 10px;
    }
    .text-list li {
      font-size: 14px;
    }
  }
  @media screen and (max-width: 1280px) {
    .page-home .hero {
      padding-top: 100px;
    }
  
    .container {
      width: 1024px;
    }
    .footer__block {
      margin-right: 0;
    }
    .footer__top {
      gap: 20px;
    }
    .burger,
    .menu {
      display: block;
    }
    .header__button,
    .header__top,
    .nav {
      display: none;
    }
    .burger {
      width: 100vw;
      height: 100vh;
      background-color: #fff;
      left: -100vw;
      position: fixed;
      transition: 0.5s;
    }
    .burger.active {
      left: 0;
    }
    .menu {
      background-color: transparent;
      border: none;
      cursor: pointer;
      display: flex;
      padding: 0;
      position: relative;
    }
    .line {
      fill: none;
      stroke: rgb(0, 0, 0);
      stroke-width: 4;
      transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    .line1 {
      stroke-dasharray: 60 207;
      stroke-width: 4;
    }
    .line2 {
      stroke-dasharray: 60 60;
      stroke-width: 4;
    }
    .line3 {
      stroke-dasharray: 60 207;
      stroke-width: 4;
    }
    .opened .line1 {
      stroke-dasharray: 90 207;
      stroke-dashoffset: -134;
      stroke-width: 4;
    }
    .opened .line2 {
      stroke-dasharray: 1 60;
      stroke-dashoffset: -30;
      stroke-width: 4;
    }
    .opened .line3 {
      stroke-dasharray: 90 207;
      stroke-dashoffset: -134;
      stroke-width: 4;
    }
    .logo img {
      width: 106px;
      height: auto;
    }
    .burger .header__button,
    .burger .nav {
      display: flex;
    }
    .nav__link {
      color: black;
    }
    .nav__wrap {
      display: flex;
      align-items: flex-start;
      gap: 0;
      width: min-content;
      flex-direction: column;
      width: 100%;
    }
    .burger__inner {
      height: 100%;
      display: flex;
      flex-direction: column;
      gap: 40px;
    }
    .dropdownContent {
      overflow: hidden;
      padding: 0;
      position: relative;
      border-radius: 0;
      background: #fff;
      top: 0;
      display: flex;
      flex-direction: column;
      gap: 20px;
      left: 0;
      transition: 0.5s ease;
    }
    .dropdownContent__link:last-child {
      margin-bottom: 0;
    }
    .header__buttons .dropdownContent {
      position: absolute;
      background: #f3f5f7;
      border-radius: 0 0 20px 20px;
    }
    .header__buttons .dropdownContent p {
      text-align: center;
    }
    .burger_tex {
      padding: 5px 18px;
      border: 1px solid #e6e6e6;
      border-radius: 30px;
    }
    .nav__item {
      position: relative;
      border-top: 1px solid #e6e6e6;
      /* border-bottom: 1px solid #e6e6e6; */
      width: 100%;
      padding: 15px 0;
    }
    .dropdownContent__link {
      font-size: 16px;
    }
    .burger > div > div:nth-child(2) > div:nth-child(1) {
      margin-bottom: 10px;
    }
    .header__buttons {
      gap: 10px;
    }
    .nav__item.dropdown {
      background-image: url(../images/icons/arrdown.svg);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 12px 12px;
    }
    .nav__link {
      width: 100%;
    }
    .home {
      display: flex;
      align-items: center;
    }
    .burger__search {
      display: flex;
      align-items: center;
      gap: 5px;
    }
    .burger__search img {
      width: 20px;
      height: 20px;
    }
    .burger__search input {
      width: 0;
      transition: width 0.5s;
    }
    .burger__search.active input {
      width: 128px;
      color: #fff;
    }
    .logo {
      display: flex;
    }
    .hero-auto,
    .text-block,
    .hero-contact,
    .hero {
      /* padding-top: 100px; */
    }
    .hero-admin {
      /* padding-top: 60px; */
    }
    .dropdownContent {
      box-shadow: none;
    }
  }
  @media screen and (max-width: 1044px) {
    .hero__table * {
      font-size: 10px;
    }
    .table__subtitle {
      font-size: 18px;
    }
    .hero__table tr:first-child th:first-child{
      margin-right: 16px;
      width: 100%
    }
    .container {
      width: 800px;
    }
    .welcome__inner {
      flex-direction: column;
      gap: 20px;
    }
    .welcome__right p {
      max-width: 100%;
    }
    .welcome__left {
      border-radius: 20px;
      overflow: hidden;
    }
    .advantages__list {
      gap: 20px;
    }
    .advantages__item p {
      font-size: 14px;
    }
    .text-block * {
      font-size: 14px;
    }
    section {
      /* padding-top: 40px; */
    }
    .title {
      font-size: 24px;
    }
    .text-block > div > p:nth-child(2) {
      margin-top: 10px;
    }
  
    .text-block .text-list {
      gap: 10px;
    }
    .footer__top {
      flex-wrap: wrap;
      row-gap: 40px;
    }
    .footer__top div {
      width: 30%;
    }
    .hero__filter {
      flex-wrap: wrap;
      gap: 20px;
    }
    .hero__filter-item select {
      width: 100%;
    }
    .hero-blog__list .blog-slide {
      max-width: 48%;
    }
    .faq-nav__inner__wrapp {
      overflow: scroll;
    }
    .faq-nav__inner {
      width: 1200px;
    }
    .nav__link.active .hero-register__domen textarea {
      width: 100%;
    }
    .hero-register__left {
      width: auto;
    }
    .hero-register__item {
      width: 150px;
    }
    .hero-register__inner {
      gap: 20px;
    }
    .content_left {
      width: 285px;
    }
    .login-block .borderBtn,
    .login-block .blueBtn {
      width: 100%;
    }
  }
  @media screen and (max-width: 840px) {
    .page-home .hero {
      padding-top: 40px;
    }
  
    .hero-register__domen textarea {
      width: 100%;
      height: 170px;
    }
    .reviews-pagination {
      display: none;
    }
    .dropdownContent__link {
      text-transform: none;
    }
    .container {
      width: 100%;
      padding: 0 20px;
    }
    .welcome__right h4,
    .page-title {
      font-size: 24px;
      margin-bottom: 15px;
    }
    .welcome__right p,
    .hero__text {
      margin-bottom: 30px;
      font-size: 14px;
    }
    .btnfixed {
      right: 10px;
      bottom: 15px;
      width: 45px;
      height: 45px;
      padding: 10px;
      padding-top: 11px;
    }
    .popupOnline.active {
      z-index: 10;
      opacity: 1;
      width: 90%;
      height: 400px;
      transition: 0.5s;
      left: 20px;
      right: 20px;
    }
    .advantages__item {
      gap: 10px;
      width: 100%;
    }
    .footer,
    .blogSlider,
    .reviewsSlider,
    .advantages__list {
      margin-top: 20px;
    }
    .reviews-slide .data {
      display: none;
    }
    .reviews__btns {
      width: 100%;
    }
    .footer__bottom,
    .footer__top {
      flex-direction: column;
      gap: 20px;
      margin-bottom: 20px;
      align-items: flex-start;
    }
    .footer__top div {
      width: 100%;
    }
    .footer {
      padding-top: 20px;
    }
    .footer__nav {
      gap: 10px;
    }
    .plus-tab__content {
      padding: 20px 20px;
    }
    .plus-tab__content p {
      font-size: 14px;
      margin-top: 10px;
    }
    .hero__filter-item,
    .hero__filter-item input,
    .hero__filter-item select {
      width: 100%;
    }
    .blog-slide__img{
      width: 100%;
      height: 110px;
      object-fit: cover;
    }
    .hero-register__domen {
      width: none; /*добавлен вручную*/
    }
    .hero__filter-item input {
      margin-bottom: 10px;
    }
    .hero-contact__item .subtitle {
      margin-bottom: 10px;
    }
    .hero-contact__item p,
    .hero-contact__item a {
      font-size: 14px;
    }
    .faq-nav__inner .btn {
      font-size: 14px;
      padding: 10px 0;
    }
    .faq-nav__inner {
      width: 984px;
    }
    .hero-register__inner {
      flex-direction: column;
    }
    .hero-register__right .hero-register__list__wrapp,
    .hero-register__item {
      width: 100%;
    }
    .header__bottom {
      padding: 6px 0px;
    }
    .hero-auto,
    .text-block,
    .hero-contact,
    .hero {
      /* padding-top: 70px; */
    }
    .hero-admin__inner {
      flex-direction: column;
      padding: 0;
      min-height: auto;
      background: #fff;
    }
    .content_right,
    .content_left {
      width: 100%;
      padding: 20px;
      min-height: auto;
    }
    .hero-admin {
      min-height: auto;
    }
    .nav__link.active {
      color: #093fa7;
      background-image: url(../images/icons/arrapp.svg);
      background-size: 12px 12px;
      background-position: right center;
      background-repeat: no-repeat;
    }
    .hero__content {
      display: none;
    }
    .hero__mobile {
      display: block;
    }
    .hero__mobile-title {
      border-radius: 20px 20px 0px 0px;
      padding: 20px;
      display: flex;
      align-items: center;
      gap: 20px;
      background: rgb(15, 108, 187);
    }
    .hero__mobile-title img {
      width: 18px;
      height: 25px;
    }
    .hero__mobile-title p {
      color: rgb(255, 255, 255);
      font-size: 14px;
      font-weight: 500;
    }
    .hero__mobile__item {
      display: flex;
      flex-direction: column;
      padding: 20px;
      gap: 20px;
      background-color: #fafafa;
    }
  
    .hero__mobile__item .openTablePopup.table__text {
      text-align: left;
      margin-bottom: 15px;
    }
  
    .hero__mobile__titleBlock h4 {
      color: rgb(0, 0, 0);
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 10px;
      line-height: 24px;
    }
    .hero__mobile__titleBlock p {
      color: rgb(0, 0, 0);
      font-size: 14px;
    }
    .hero__mobile__titleBlock p span {
      font-size: 16px;
      font-weight: 500;
    }
    .hero__mobile__titleBlock-popup {
      display: flex;
      align-items: center;
      gap: 5px;
      margin-bottom: 20px;
    }
    .hero__mobile__titleBlock a {
      width: 238px;
      height: 38px;
    }
    .hero__mobile__block {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .hero__mobile__titleBlock {
      gap: 0;
    }
    .hero__mobile__block-top p {
      color: rgb(124, 124, 124);
      font-size: 14px;
      font-weight: 400;
    }
    .hero__mobile__block-content p {
      color: rgb(0, 0, 0);
      font-size: 14px;
    }
    .hero__mobile__block-content .cardblue {
      width: 42px;
      height: 42px;
    }
  
    .hero__mobile__block-top {
      display: flex;
      align-items: center;
      gap: 5px;
    }
    .hero__mobile__block-row {
      flex-direction: row;
      justify-content: space-between;
    }
    .hero__mobile__item-grey {
      background: rgb(243, 245, 247);
    }
    .hero__mobile__item:last-child {
      border-radius: 0 0 20px 20px;
    }
    .hero__mobile__item-grey select {
      background-color: #fff;
    }
    .hero-mobile-block-img {
      width: 44px;
    }
    .about-home .tablePopup-big .openTablePopup {
      left: 0;
    }
    .page-type-host-filter .hero__text {
      margin-bottom: 40px;
    }
  
    /* .openTablePopup,
    .tablePopup {
      position: relative !important;
      top: auto !important;
      left: auto !important;
      right: auto !important;
      bottom: auto !important;
    }
    .contentTablePopup {
      width: 100vw !important;
      position: fixed !important;
      top: 50% !important;
      left: 0 !important;
      translate: 0 -50% !important;
    } */
    .table__popup-padding {
      /* padding-left: 20px; */
    }
    .popup-padding-0 {
      padding-left: 0;
    }
    .tablePopup-small .openTablePopup {
      position: absolute;
      left: 0px;
      top: -7px;
    }
    /* .tablePopup-middle .openTablePopup {
      position: relative;
      top: 0;
    }
    .tablePopup-middle img.openTablePopup {
      top: 3px;
    }
    .tablePopup-big .openTablePopup {
      left: 0;
    } */
    .tablePopup-middle .contentTablePopup,
    .tablePopup-small .contentTablePopup,
    .tablePopup-big .contentTablePopup {
      width: 90vw;
      top: 25px;
      left: -11px;
      translate: 0;
    }
    .hero__mobile__titleBlock-popup .contentTablePopup {
      left: -140px;
    }
    .tablePopup-big .contentTablePopup {
      position: fixed;
      top: 15%;
      left: 5%;
    }
    .close-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 2;
    }
    .page-type-host .tablePopup-big .openTablePopup {
      left: 0;
    }
    .hero-auto,
    .text-block,
    .hero-contact,
    .hero {
      /* padding-top: 40px; */
    }
    .contentTablePopup h4 {
      margin-bottom: 0;
    }
  
    .tablePopup-middle.popup-content-middle .openTablePopup {
      position: static;
    }
  }
  @media screen and (max-width: 768px) {
    .hero-img {
      display: none;
    }
    .about-home {
      padding-top: 0px;
    }

    .login-block{
      margin-top: 0;
    }

    .orderforms-domain-submit-buttons {
      margin-top: 10px;
    }
  }  
  @media screen and (max-width: 550px) {
    .hero__mobile__titleBlock-popup .contentTablePopup {
      left: -160px;
    }
    .tablePopup.tablePopup-small .contentTablePopup {
      left: -20px;
    }
  }
  @media screen and (max-width: 500px) {
    .hero__text {
      width: 100%;
    }
    .text-block {
      padding-top: 20px;
    }
    .hero-blog__list .blog-slide {
      max-width: 100%;
    }
    main.blog-page > section > div > p.blue,
    .hero-blog__text {
      font-size: 14px;
    }
    .hero-blog__nav a {
      font-size: 16px;
    }
    .hero-review__list .reviews-slide {
      max-width: 100%;
    }
    .hero-register__wrapp {
      flex-direction: column;
    }
    .admin__input {
      width: 100%;
    }
    .admin__title {
      font-size: 24px;
    }
    .admin__bottom {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      gap: 13px;
    }
    .enter-page .content_right a {
      margin-left: 0;
    }
    .welcome__left {
      display: none;
    }
    .welcome__right {
      border-radius: 20px;
      background: #f3f5f7;
      padding: 15px;
    }
    .welcome__inner {
      background-color: transparent;
    }
  }
  