/* 480px-320px */
@media (max-width: 481px) {
  /* --------------home page header---------- */
  header {
    width: 100%;
    position: fixed;
  }

  .header-burger-manu {
    display: block;
  }

  .haeder-list {
    display: none;
  }

  .logo-link {
    font-size: 40px;
  }

  /* ----------home page section1 ---------- */

  .card-section-image {
    height: 240px;
  }
  /* -------------catalog cards section1 --------------- */
  .catalog-section2-article-image-and-title {
    width: 440px;
  }
  .filter-text,
  .sort-dropdown {
    display: none;
  }
  .arrow-down-icon,
  .arrow-left-icon,
  .arrow-right-icon {
    display: block;
  }

  .catalog-cards-section1 {
    padding-right: 32px;
    padding-left: 32px;
  }
  .catalog-cards-prise-text {
    margin-bottom: 120px;
  }
  .catalog-section2-article-image-and-title {
    padding: 0px 20px;
  }
  .catalog-img {
    display: none;
  }
  .section2-article-title-and-button {
    background-color: #2c4246;
  }
  /* ----------------catalog pages section1 */
  .pagination-container {
    padding-top: 64px;
    padding-bottom: 48px;
    margin-top: 20px;
  }

  .pagination-btn,
  .previous-btn {
    display: none;
  }



  /* -------------contact page --------------- */
  .contact-section-container {
    margin-top: 96px;
    justify-content: center;
    align-items: center;
  }
  .contact-page-container {
    width: 100%;
    height: auto;
  }

  .send-message-btn {
    width: 408px;
  }
  .input-row input {
    width: 408px;
  }
  .contact-form textarea {
    width: 408px;
  }

  .contact-content {
    padding-bottom: 16px;
  }

  .contact-social-media {
    padding-left: 90px;
  }
  .input-row {
    flex-direction: column;
    width: 408px;
    margin-left: 0px;
  padding: 0px;
  }

  .map-container {
    width: 408px;
    height: 180px;
  }

  /* -------------------footer--------------- */
  footer {
    width: 480px;
    height: 628px;
    padding: 32px 200px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    row-gap: 40px;
    text-align: center;
  }
}