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

  /* header */
  .headerBottomLink {
    padding: 15px 6px;
  }

  /* footer */
  .footerTopInner {
    flex-direction: column;
    gap: 30px;
  }
  .footerTopRightImg img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  /* container */
  .container {
    padding: 0 20px;
  }

  /* header */
  .headerBottomLink:nth-child(13),
  .headerBottomLink:nth-child(14) {
    display: none;
  }

  /* footer */
  .footerTopInner {
    flex-direction: column;
    gap: 30px;
  }
  .footerTopRightImg img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 991px) {
  /* header */
  .headerBottomLink:nth-child(12),
  .headerBottomLink:nth-child(11),
  .headerBottomLink:nth-child(10),
  .headerBottomLink:nth-child(9) {
    display: none;
  }

  /* content */
  .contentTitle {
    font-size: 30px;
  }

  /* accounts */
  .accounts {
    margin-top: 50px;
  }
  .accountsLinks {
    gap: 10px;
  }
  .accountsBottom {
    flex-direction: column;
    gap: 30px;
  }
  .accountLeftBlock1 {
    width: 48%;
    max-width: 100%;
  }
  .accountLeftBlock1 img {
    margin: 0 auto;
  }
  .accountsItems {
    width: 100%;
  }
  .accountItem {
    border: 0;
    height: auto;
  }
  .accountItemImg img {
    margin: 0 auto;
  }
  .accountItemSub {
    text-align: center;
  }

  /* pages */
  .pagesInner {
    padding: 0;
  }
  .pagesBlocks {
    flex-direction: column;
    gap: 30px;
  }
  .pageBlock1 {
    max-width: 100%;
    width: 100%;
  }
  .pageBlock2,
  .pageBlock3 {
    max-width: 100%;
    border: 0;
  }

  /* footer */
  .footerTopLinks {
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .footerBottomInner {
    flex-direction: column;
    gap: 30px;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  /* header */
  .headerTop,
  .headerMiddle,
  .headerBottom {
    display: none;
  }
  .mobileHeader {
    display: block;
  }

  /* content */
  .content {
    margin-top: 30px;
  }
  .contentTitle {
    font-size: 24px;
  }
  .formBoxTitle {
    font-size: 17px;
  }

  /* accounts */
  .accounts {
    margin-top: 30px;
  }
  .accountsInner {
    padding-top: 30px;
  }
  .accountsLinks {
    flex-wrap: wrap;
  }
  .accountsLeft {
    flex-direction: column;
    gap: 30px;
  }
  .accountLeftBlock1,
  .accountLeftBlock2 {
    width: 100%;
    border: 0;
  }
  .accountLeftBlock2 {
    padding-left: 0;
  }
  .accountsBottom {
    gap: 0;
  }
  .accountsItems {
    flex-direction: column;
    gap: 30px;
  }
  .accountItem {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
  }
  .accountItemImg img {
    width: 134px;
    max-width: initial;
  }
  .accountItemSub {
    flex-grow: 1;
    padding: 17px;
  }

  /* most */
  .most {
    margin-top: 30px;
  }
  .mostSubs {
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
  }
  .mostTitle {
    font-size: 20px;
    margin-top: 30px;
  }

  /* pages */
  .pageBlock2,
  .pageBlock3 {
    padding-left: 0;
  }
  .pageBlock2Social {
    gap: 4.5px;
    padding-left: 4px;
    padding-right: 0px;
  }

  /* items */
  .items {
    margin-top: 30px;
  }
  .itemsInner {
    padding: 10px;
  }
  .itemsBlocks {
    flex-wrap: wrap;
    gap: 20px;
  }
}