.article {
  margin-top: 30px;
  margin-bottom: 120px; }
  @media (max-width: 1199.98px) {
    .article {
      margin-bottom: 70px; } }
  @media (max-width: 1023.98px) {
    .article {
      margin-bottom: 50px; } }
  @media (max-width: 767.98px) {
    .article {
      margin-top: 15px;
      margin-bottom: 30px; } }
  .article__top {
    height: 474px;
    display: flex;
    margin-bottom: 60px; }
    @media (max-width: 1023.98px) {
      .article__top {
        height: 350px; } }
    @media (max-width: 767.98px) {
      .article__top {
        width: 100%;
        order: 2;
        display: block;
        height: 100%;
        margin-bottom: 40px; } }
    @media (max-width: 767.98px) {
      .article__top {
        margin-bottom: 20px; } }
  .article__category-text {
    position: absolute;
    bottom: 0;
    right: 0; }
    @media (max-width: 767.98px) {
      .article__category-text {
        width: 100%;
        display: flex;
        justify-content: space-between;
        position: relative;
        bottom: inherit;
        right: inherit; } }
    @media (max-width: 576.98px) {
      .article__category-text {
        flex-wrap: wrap; } }
  .article__category-block {
    position: relative;
    margin-right: 68px;
    text-align: right;
    width: 200px; }
    @media (max-width: 1199.98px) {
      .article__category-block {
        width: 235px; } }
    @media (max-width: 1023.98px) {
      .article__category-block {
        width: 30%;
        margin-right: 45px; } }
    @media (max-width: 767.98px) {
      .article__category-block {
        width: 100%; } }
    .article__category-block:before {
      width: 1px;
      position: absolute;
      top: 0;
      right: 0;
      height: 390px;
      content: '';
      background: #D0D0D0; }
      @media (max-width: 1023.98px) {
        .article__category-block:before {
          height: 260px; } }
      @media (max-width: 767.98px) {
        .article__category-block:before {
          display: none; } }
    .article__category-block .category-name {
      font-weight: 500;
      font-size: 16px;
      line-height: 20px;
      color: #25282E;
      margin-bottom: 25px; }
      @media (max-width: 1023.98px) {
        .article__category-block .category-name {
          margin-bottom: 10px; } }
      @media (max-width: 1023.98px) {
        .article__category-block .category-name {
          font-size: 14px; } }
    .article__category-block .date {
      font-weight: 500;
      font-size: 15px;
      line-height: 18px;
      text-align: right;
      color: #898989; }
      @media (max-width: 576.98px) {
        .article__category-block .date {
          margin-bottom: 10px; } }
      @media (max-width: 1023.98px) {
        .article__category-block .date {
          font-size: 14px; } }
  .article__picture {
    width: 780px;
    height: 474px; }
    @media (max-width: 1199.98px) {
      .article__picture {
        width: 690px; } }
    @media (max-width: 1023.98px) {
      .article__picture {
        height: 350px;
        width: 68%; } }
    @media (max-width: 767.98px) {
      .article__picture {
        width: 100%;
        height: auto; } }
    .article__picture img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .article__content {
    width: 750px;
    margin: 0 auto;
    border-bottom: 1px solid #D0D0D0;
    padding-bottom: 10px; }
    @media (max-width: 1023.98px) {
      .article__content {
        width: 100%; } }
    @media (max-width: 1023.98px) {
      .article__content {
        margin: 0 auto; } }
  .article__title {
    width: 750px;
    margin: 0 auto; }
    @media (max-width: 1023.98px) {
      .article__title {
        margin: 0; } }
    @media (max-width: 767.98px) {
      .article__title {
        width: 100%;
        order: 1; } }
    .article__title h1 {
      font-weight: 600;
      font-size: 36px;
      line-height: 44px;
      color: #25282E;
      margin-bottom: 40px;
      margin-top: 0; }
      @media (max-width: 1199.98px) {
        .article__title h1 {
          font-size: 32px;
          line-height: 40px; } }
      @media (max-width: 1023.98px) {
        .article__title h1 {
          font-size: 30px; } }
      @media (max-width: 767.98px) {
        .article__title h1 {
          font-size: 26px;
          line-height: 34px; } }
      @media (max-width: 480.98px) {
        .article__title h1 {
          font-size: 24px;
          line-height: 30px;
          margin-bottom: 20px; } }
  .article__mobile {
    display: flex;
    flex-wrap: wrap; }

.likely {
  width: 170px;
  height: 36px;
  display: flex; }
  .likely .likely__widget {
    background: #E3E6F0;
    margin: 0 5px; }
    .likely .likely__widget:hover {
      cursor: pointer; }
  .likely .likely__icon svg {
    width: 20px;
    height: 20px;
    margin: 8px 6px; }
  .likely .likely__icon path {
    fill: #4a5668; }

.article__share {
  display: flex;
  justify-content: center;
  margin-top: 40px; }
  @media (max-width: 480.98px) {
    .article__share {
      margin-top: 20px; } }
  .article__share p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #25282E;
    margin-right: 21px;
    margin-top: 7px; }

@media (max-width: 767.98px) {
  .similar .container {
    padding: 0; } }

.similar__title p {
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  color: #25282E;
  margin-bottom: 40px; }
  @media (max-width: 1023.98px) {
    .similar__title p {
      font-size: 26px;
      line-height: 30px; } }
  @media (max-width: 767.98px) {
    .similar__title p {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 20px;
      text-align: center; } }

.similar__content {
  display: flex;
  margin: 0 -15px; }
  @media (max-width: 767.98px) {
    .similar__content {
      flex-wrap: wrap;
      max-width: 400px;
      margin: 0 auto; } }

.similar__item {
  margin: 0 15px; }
  .similar__item .advices__item {
    margin-bottom: 103px; }
    @media (max-width: 1199.98px) {
      .similar__item .advices__item {
        margin-bottom: 70px; } }
    @media (max-width: 767.98px) {
      .similar__item .advices__item {
        margin: 0 0 30px; } }

.similar .advices__item-top {
  padding-top: 0; }

@media (max-width: 1199.98px) {
  .advices__item, .advices__photo {
    width: 100%; } }

@media (max-width: 1023.98px) {
  .advices__photo {
    height: 175px; }
  .advices__item-top a.advices__name {
    font-size: 16px;
    line-height: 20px; }
  .advices__name-block {
    margin-top: 10px; }
  .similar .advices__item-top {
    padding-bottom: 15px; } }

@media (max-width: 480.98px) {
  .advices__item-top a.advices__name {
    font-size: 14px;
    line-height: 18px; } }