@media (max-width: 1400px) {
  .top-bar__logo .top-bar__body {
    width: 305px;
  }
  .top-bar__logo.active {
    width: 305px;
  }

  .top-bar__logo .top-bar__button:hover {
    width: 253px;
  }

  .top-bar__logo.active .top-bar__button:hover {
    width: 305px;
  }

  .top-bar__products .top-bar__body {
    width: 240px;
  }

  .top-bar__products.active {
    width: 240px;
  }

  .top-bar__products .top-bar__button:hover {
    width: 195px;
  }

  .top-bar__products.active .top-bar__button:hover {
    width: 240px;
  }

  .top-bar__news .top-bar__body {
    width: 344px;
  }

  .top-bar__news.active {
    width: 344px;
  }

  .top-bar__news .top-bar__button:hover {
    width: 171px;
  }

  .top-bar__news.active .top-bar__button:hover {
    width: 344px;
  }

  .top-bar__menu .top-bar__body {
    width: 189px;
  }

  .top-bar__menu.active {
    width: 189px;
  }

  .top-bar__menu.active .top-bar__button:hover {
    width: 189px;
  }

  .about-us__text {
    padding: 15px;
    margin-bottom: 0;
  }

  .about-us__link {
    padding-left: 19px;
    font-size: 16px;
  }

  .top-bar__nav .list {
    padding: 19px;
    margin-bottom: 0;
  }
  .search {
    padding-left: 19px;
  }

  .top-bar__news-title {
    font-size: 16px;
  }
  .top-bar__phone {
    padding-left: 19px;
  }
  .subscribe,
  .locales {
    padding-left: 19px;
  }
  .subscribe-link {
    margin-right: 10px;
  }
}

@media (max-width: 1200px) {
  .buy-item {
    padding: 25px;
  }
  .buy-item-key,
  .buy-item-value {
    font-size: 16px;
  }
  .buy-item-key {
    margin-right: 25px;
  }
  .about-page__layout {
    margin-bottom: 50px;
  }
  .about-page__image {
    margin-bottom: 35px;
    height: auto;
  }
  .about-page__content.left,
  .about-page__content.right {
    padding: 0;
  }
  .about-page .first {
    order: 1;
  }
  .about-page .last {
    order: 2;
  }
  .card-product__info {
    padding-left: 0;
  }
  .card-product__card-text {
    font-size: 14px;
  }
  .card-product__images {
    margin-bottom: 45px;
  }
  .card-product__block-title {
    font-size: 26px;
    line-height: 36px;
  }
  .card-product__block-image {
    height: 310px;
  }
  .filter {
    padding: 10px;
  }
  .filter-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .filter-title,
  .checkbox-group .title,
  .checkbox-group .count {
    font-size: 14px;
  }
  .filter-button {
    padding: 8px 13px;
  }
  .product {
    width: 33.3%;
  }
  .top-bar_desktop {
    display: none;
  }

  .top-bar_mobile {
    display: flex;
  }

  .mobile-content {
    display: block;
  }

  .form {
    margin-bottom: 45px;
  }
  .contact-infos {
    padding-left: 0;
  }
}

@media (max-width: 992px) {
  .youtube-link {
    height: 400px;
  }
  .reviews-card__content {
    padding: 25px 15px;
    font-size: 16px;
    line-height: 24px;
  }
  .filter {
    padding: 25px 15px;
    margin-bottom: 35px;
  }
  .card-product__block-image {
    height: auto;
    margin-bottom: 35px;
  }
  .card-product__block.leftable .card-product__block-content {
    padding-left: 0;
  }

  .card-product__block.rightable .image-block {
    order: 1;
  }
  .card-product__block.rightable .content-block {
    order: 2;
  }
  .service {
    padding: 25px;
    flex-direction: column;
  }
  .service__infos {
    margin-bottom: 35px;
  }
  .service__map-block {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .service {
    padding: 25px 15px;
  }
  .service__info-key,
  .service__info-value {
    font-size: 16px;
  }
  .service__info {
    margin-bottom: 10px;
  }
  .char-key {
    min-width: 350px;
    font-size: 14px;
  }
  .char-value {
    font-size: 14px;
  }
  .card-product__blocks {
    padding-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .card-product__images {
    padding: 25px 15px;
  }
  .product {
    width: 50%;
  }
  .form {
    padding: 30px 15px;
  }
  .form-description {
    font-size: 18px;
    line-height: 28px;
  }
  .form-group {
    width: 100%;
    margin-bottom: 15px;
  }
  .contact-info-key,
  .contact-info-value {
    font-size: 14px;
  }
  .contact-info-key {
    margin-right: 15px;
  }
}

@media (max-width: 500px) {
  .menu-item a,
  .list__link-title,
  .list__link-count {
    font-size: 14px;
  }
  .grid-link {
    padding: 10px 15px;
    font-size: 12px;
    line-height: 14px;
  }
  .buy-item {
    padding: 15px;
  }
  .buy-item-info {
    margin-bottom: 10px;
  }
  .service__info {
    flex-direction: column;
  }
  .site-wysiwyg {
    padding: 25px 15px;
    font-size: 16px;
    line-height: 24px;
  }
  .service__info-key {
    width: 100%;
    margin-right: 0;
  }
  .youtube-link {
    height: 250px;
  }
  .about-page__title {
    font-size: 24px;
    line-height: 32px;
  }
  .about-page__description {
    line-height: 24px;
  }
  .popup-title {
    font-size: 22px;
    line-height: 32px;
  }
  .char-title {
    font-size: 18px;
  }
  .popup-content {
    padding: 15px;
    padding-top: 45px;
  }
  .char {
    margin-bottom: 35px;
  }
  .char-key {
    min-width: 280px;
  }
  .char-value {
    white-space: nowrap;
    padding-right: 15px;
  }
  .card-product__block {
    padding-bottom: 35px;
  }
  .card-product__block-title {
    font-size: 18px;
    line-height: 28px;
  }
  .card-product__cards,
  .card-product__content {
    margin-bottom: 35px;
  }
  .card-product__block-description {
    font-size: 14px;
    line-height: 24px;
  }
  .card-product__title {
    font-size: 26px;
    line-height: 32px;
  }
  .card-product__item-key {
    width: 180px;
  }
  .card-product__item-key,
  .card-product__item-value {
    font-size: 14px;
  }
  .product {
    height: 190px;
  }
  .product-title {
    bottom: 18px;
    font-size: 14px;
  }
  .top-bar {
    top: 15px;
  }

  .top-bar__mobile-button {
    font-size: 14px;
  }
  .top-bar__mobile-button {
    padding: 10px 20px;
    margin-right: 10px;
  }
  .mobile-logo {
    padding: 10px 20px;
  }

  .top-bar__mobile-button_menu {
    width: 38px;
    height: 38px;
  }

  .mobile-logo {
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
  }

  .news-page__item {
    margin-bottom: 15px;
    height: 200px;
  }

  .news-page__item-title {
    left: 0px;
    bottom: 15px;
    font-size: 16px;
    padding: 0 15px;
  }

  .mobile-popup {
    padding-top: 70px;
  }

  .page {
    padding-top: 100px;
  }

  .heading {
    font-size: 24px;
    line-height: 32px;
  }

  .news-card__wysiwyg {
    font-size: 16px;
    line-height: 24px;
  }

  .news-card__wysiwyg p {
    margin-bottom: 25px;
  }

  .simple-block {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 50px;
  }
  .simple-block-icon {
    right: 10px;
  }

  .accordion-item {
    padding: 20px 15px;
  }

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

  .accordion-description {
    font-size: 16px;
    line-height: 24px;
  }

  .accordion-icon {
    top: 0;
  }
  
  .home-news, .mobile-about {display: none}
}