@media screen and (min-width: 1240px) and (max-width: 1360px) {
  /* container */
  .container {
    padding: 0 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* container */
  .container {
    padding: 0 20px;
  }
}

@media screen and (max-width: 991px) {
  /* header */
  .logo img {
    max-width: 120px;
  }
  .headerMiddleLinks {
    display: none;
  }

  /* content */
  .contentLeftTitle {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  /* header */
  .headerMiddleRight,
  .headerBottomLinks {
    display: none;
  }
  .headerMiddle {
    padding: 15px 0;
  }

  /* content */
  .contentLeft {
    width: 100%;
  }
  .contentLeftSub {
    font-size: 16px;
  }
  .contentLeftTitle {
    font-size: 25px;
    line-height: 35px;
  }
  .contentLeftBlockSub {
    font-size: 16px;
  }
  .contentLeftBlockTitle,
  .today {
    font-size: 18px;
    line-height: 28px;
  }
  .contentLeftBlockBtn {
    font-size: 18px;
    padding: 20px;
    margin-top: 30px;
  }
  .contentRight {
    display: none;
  }
  .commentsBottom {
    margin-left: 0;
    margin-top: 30px;
  }
  .commentsTopLeftSub {
    font-size: 13px;
  }
  .recomendLeftLink,
  .recomendLeftSub {
    font-size: 16px;
  }
  .form {
    margin-top: 30px;
  }
  .formTitle {
    font-size: 20px;
  }

  /* footer */
  .footer {
    margin: 30px 0;
  }
  .footerImgs {
    display: none;
  }
  .footerLogo {
    position: static;
  }
  .footerMidlleInner {
    flex-direction: column;
    row-gap: 30px;
  }
  .footerLinksBoxs {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .footerLinkBox {
    width: 50%;
  }
}