/* 1439px-769px */
@media (max-width: 1180px) {


  /* --------------home page header---------- */
  header {
    width: 100%;
    padding-right: 32px;
    padding-left: 32px;
  }

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

  .haeder-list {
    display: none;
  }


  .haeder-list2 {
    padding-right: 0px;
  }

  /*--------------home page section1--------- */
  .section1 {
    row-gap: 24px;
    padding-top: 72px;
  }

  .section1-text-and-icon {
    padding: 72px;
  }

  /*--------------home page section2--------- */
  .home-page-section2-article-image-and-title {
    width: 272px;
  }
  /*----------------- catalog section1-------------------- */
  .catalog-section1 {
  padding: 192px 32px 64px 32px;
  }
  /* ------------ catalog cards section1 -----------------*/
/* -------------catalog cards section1 --------------- */
  .catalog-section1-main-container {
    height: 2016px;
  }
  .catalog-img-744 {
    display: none;
  }
  .catalog-section2-article-image-and-title {
    width: 548px;
  }
  .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;
  }
 
  .section2-article-title-and-button {
    background-color: #2c4246;
  }
  /* ----------------catalog pages section1 */
  .pagination-container {
    padding-top: 64px;
    padding-bottom: 48px;
    margin-top: 20px;
  }

  /* -------------contact page --------------- */
  .contact-section-container {
    padding: 236px 24px 64px 24px;
  }

  /* -------------------------contact page------------------- */
  .contact-section-container {
    padding-left: 32px;
    overflow-x: scroll;
  }

  .contact-page-container {
    width: 1116px;
  }

  .contact-header {
    padding-left: 0px;
  }

  .input-row {
    display: flex;
    padding-left: 30px;
  }

  .contact-form textarea {
    width: 506px;
  }

  .send-message-btn {
    width: 506px;
  }

  .contact-social-media {
    padding-left: 96px;
  }

  .map-container {
    width: 506px;
  }

  /*----------- footer ----------------*/
  footer {
    width: 100%;
    padding-left: 242px;
    column-gap: 157px;
  }
}